@charset "utf-8";
* { margin:0; padding0; font-weight:normal; font-style:normal; font-size:100% } 
h1,h2,h3,h4,h5,h6,dl,ul,p { margin:0; padding:0; } 
html { margin-bottom:1px; height:100%; overflow-y:scroll; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
body{
	padding:0px;
	margin:0px;
	outline:none;
	font-family:"メイリオ", Arial, "ヒラギノ角ゴ Pro W3";
	font-size:10pt;
	color:#200A00;
	background:url(../img/bg_main-container.jpg) center top repeat-x ;
}
img {
	border:none;
}
a {color:#669933; text-decoration:none; }
a:hover {color:#765838; }
h1 {
	font-size:10pt;
	height:20px;
	padding:10px 0px 10px 10px;
}
h2 {
	padding:5px 15px;
	font-size:16pt;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px dotted #CBDBC2;
}
h2 span {
	font-size:10pt;
	font-weight:normal;
	color:#aaa;
}
#headder {
	width:940px;
	margin:0 auto;
	padding-top:5px;
	height:95px;
	text-align:center;
}
#menu {
	background:url(../img/menu_bg.gif) top center no-repeat;
	width:940px;
	margin:0 auto;
	height:43px;
}

#menu_01 a {
	background:url(../img/menu.jpg) top left no-repeat;
	width:77px;
}
#menu_01 a:hover {
	background:url(../img/menu.jpg) bottom left no-repeat;
	width:77px;
}
#menu_02 a {
	background:url(../img/menu.jpg) -79px 0px no-repeat;
	width:77px;
}
#menu_02 a:hover {
	background:url(../img/menu.jpg) -79px  -43px no-repeat;
	width:77px;
}
#menu_03 a {
	background:url(../img/menu.jpg) -155px 0px no-repeat;
	width:105px;
}
#menu_03 a:hover {
	background:url(../img/menu.jpg) -155px  -43px no-repeat;
	width:105px;
}
#menu_04 a {
	background:url(../img/menu.jpg) -260px 0px no-repeat;
	width:130px;
}
#menu_04 a:hover {
	background:url(../img/menu.jpg) -260px  -43px no-repeat;
	width:130px;
}
#menu_05 a {
	background:url(../img/menu.jpg) -390px 0px no-repeat;
	width:104px;
}
#menu_05 a:hover {
	background:url(../img/menu.jpg) -390px  -43px no-repeat;
	width:104px;
}
#menu_06 a {
	background:url(../img/menu.jpg) -494px 0px no-repeat;
	width:117px;
}
#menu_06 a:hover {
	background:url(../img/menu.jpg) -494px  -43px no-repeat;
	width:117px;
}
#menu_07 a {
	background:url(../img/menu.jpg) -611px 0px no-repeat;
	width:111px;
}
#menu_07 a:hover {
	background:url(../img/menu.jpg) -611px  -43px no-repeat;
	width:111px;
}
#menu_08 a {
	background:url(../img/menu.jpg) -722px 0px no-repeat;
	width:125px;
}
#menu_08 a:hover {
	background:url(../img/menu.jpg) -722px  -43px no-repeat;
	width:125px;
}
#menu_09 a {
	background:url(../img/menu_new.png) top left no-repeat;
	width:90px;
}
#menu_09 a:hover {
	background:url(../img/menu_new.png) bottom  left no-repeat;
	width:90px;
}

#body {
	width:940px;
	margin:0 auto;
}
#news {}
#news_left {
	float:left;
	width:710px;
	height:420px;
	overflow:hidden;
	margin-right:10px;
}
#news_right {
	float:left;
	width:220px;
	height:420px;
	overflow:hidden;
}

div.news_right_box{
	border-left:1px solid #744B73;
	border-right:1px solid #744B73;
	border-bottom:1px solid #744B73;
	height:142px;
	overflow:auto;
	padding:5px 5px 5px 5px;
}

div.news_right_box div.news_date{
	padding:5px;
	color:#fff;
	background-color:#734A72;
	font-weight:bold;
	font-size:8pt;
	margin-bottom:5px;
}

div.news_right_box div.news_summary{
	padding:5px;
	margin-bottom:5px;
	font-size:8pt;
}

div.about{
	padding:15px;
	margin:0 0 0 20px;
}

div.about p{
	font-size:normal;
	text-align:justify;
	text-justify:inter-ideograph;
	overflow-wrap:break-word;
	word-wrap:break-word;
	word-break: break-all;
}

#pickupitem {
	padding:10px 0px;
}
#pickupitem a {
	float:left;
	display:block;
	width:220px;
	height:140px;
}
#footer {
	background:url(../img/bg_copyright-ctnr.jpg) top repeat-x #C3D7AF;
	text-align:center;
}
#footer_copy {
	color:#FFFFFF;
	font-size:10pt;
	padding-top:15px;
	width:940px;
	margin:0 auto;
	height:37px;
}
#footer_body {
	background:url(../img/bg_copyright.png) top center no-repeat;
	height:50px;
	margin:0 auto;
}
#innerbody {
	padding:25px;
	line-height:145%;
}
#why_awards {
	background:url(../img/scaa_award_160.jpg) top left no-repeat;
	padding-left:180px;
	padding-top:10px;
	height:160px;
	margin-bottom:25px;
	border-top:1px dotted #CBDBC2;
}
#tealistboxbody {
	padding:10px 0px 10px 10px;
}
#tealistbox {
	float:left;
	padding:5px;
	width:405px;
	height:300px;
	margin-right:5px;
	margin-bottom:10px;
}
#tealistbox img {
	float:left;
	margin-right:5px;
	width:190px;
}
#tealistbox span {
	font-size:10pt;
	font-weight:bold;
	color:#669960;
}
#group_detailbox {
	padding:20px;
	margin-bottom:10px;
}
#group_detailbox span {
	font-size:12pt;
	font-weight:bold;
	color:#669960;
}


img.fullwidth_img{
	padding-right:1em;
}



/* header menu */

.menu,
.menu ul,
.menu li,
.menu a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

#menu .menu{
	text-align:center;
}

.menu {
	margin:0 auto;
	padding:0 0 0 5px;
}

.menu li {
	margin:auto;
	position: relative;
	list-style: none;
	float: left;
	display: block;
	height: 43px;
	width:155px;
}

.menu li a {
	display: block;
	padding: 0;
	margin: 6px 0;
	line-height: 2.3em;
	text-decoration: none;
	font-weight: bold;
	font-size: normal;
	color: #444;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
		-webkit-transition: color .2s ease-in-out;
		-moz-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.menu li:hover > a {
	color: #5c8c2f;
	background:#e4e6db;
}

.menu ul {
	position: absolute;
	top: 42px;
	left: 0;
	opacity: 0;
	background:#f4f4f0;
	border:solid #e4e6db 1px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
		-webkit-transition: opacity .20s ease .1s;
		-moz-transition: opacity .20s ease .1s;
		-o-transition: opacity .20s ease .1s;
		-ms-transition: opacity .20s ease .1s;
	transition: opacity .20s ease .1s;
	z-index:100;
}
 
.menu li:hover > ul {
	opacity: 1;
}

.menu ul li {
	height: 0;
	overflow: hidden;
	padding: 0;
		-webkit-transition: height .20s ease .1s;
		-moz-transition: height .20s ease .1s;
		-o-transition: height .20s ease .1s;
		-ms-transition: height .20s ease .1s;
	transition:height .20s ease .1s;
}

.menu li:hover > ul li {
	height: 36px;
	overflow: visible;
	padding: 0;
}

.campaign{
  padding: 0 35px 10px 35px;
  width: 150px;
  margin: 0 0 0 0;
}
.campaign img{
  width: 150px;
}

#fixed_bottom_area{
  text-align:right;
  position:fixed;
  bottom:25px;
  right:0px;
}
#fixed_bottom_area span{
  text-align:right;
  position:fixed;
  bottom:25px;
  right:0px;
  color:DarkRed;
}