@charset "shift_jis";

/*------------------------------------------------------------------ header --*/
#backdrop {
	text-align:center;
	border-left:980px #fff solid;
	position: relative;
}
#backdrop div{
	margin-left:-980px;
}

#backdrop ul {
	width:980px;
	margin:0 auto;
	position: relative;
}
#backdrop ul li{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -640px;
	*margin-left: -653px;/*IE表示用*/
}

#wrap_container {
	width: 100%;
	text-align: center;
}

#headerArea #header h1 img {
	_visibility:visible !important;
}
#headerArea #header h1 {
	_background:none !important;
}

/*------------------------------------------------------------------ gnavArea --*/

/* IE */
#headerArea #header li img {
	_visibility:visible !important;
}
#headerArea #header li a {
	_background:none !important;
}

/*------------------------------------------------ #container,#mainContents --*/

#container,
#container #mainContents {
	background-color: transparent;
	border: none;
}

#container {
	width: 980px;
	margin: 0 auto;

}

#container #mainContents {
	width: 980px;
	min-height: 518px;
	*height: 518px;
	margin: 0;
	padding: 0;
	position: relative;
}

#container #mainContents .main_link{
	width:975px;
	height:315px;
	display:block;
	position:absolute;
	top:0;
	left:0;
}


/*------------------------------------------------------------------ switchArea --*/

#switchArea {
	width: 100px; /* 8個⇒160px */
	position: absolute;
	left: 449px;  /* 8個⇒419px */
	top: 315px;
	font-size: 0;
	line-height: 0;
}

#switchArea ul li {
	float: left;
	margin-right: 10px;
}

#switchArea ul li span {
	cursor: pointer;
}
/*------------------------------------------------------------------ switchArea_act --*/

#switchArea_act {
	width: 100px; /* 8個⇒160px */
	position: absolute;
	left: 449px;  /* 8個⇒419px */
	top: 315px;
	font-size: 0;
	line-height: 0;
}

#switchArea_act ul li {
	float: left;
	margin-right: 10px;
}

#switchArea_act ul li span {
	cursor: pointer;
}

/*------------------------------------------------------------------ segmentArea --*/

#segmentArea {
	clear: both;
	width: 942px;
	height: 80px;
	position: absolute;
	left: 16px;
	bottom: 110px;
	text-align: left;
	font-size: 0;
}

#segmentArea h2 {
	margin-bottom: 3px;
	padding: 0;
	background: transparent;
}

#segmentArea ul {
	width: 942px;
	height: 53px;
}

#segmentArea ul li {
	width: 310px;
	height: 53px;
	margin-right: 6px;
	float: left;
}

#segmentArea ul li.end { margin-right: 0;}

#segmentArea ul li span {
	display: block;
	width: 310px;
	height: 53px;
	cursor: pointer;
}

#segmentArea ul li span span {
	display: none;
}

#segmentArea ul li#btn_seg01bg{
	width:310px;
	height:53px;
	background: url(../../image/top/btn_top_segment01.png) no-repeat 0 0;
}
#segmentArea ul li#btn_seg01bg span span {
	background: url(../../image/top/btn_top_segment01_act.png) no-repeat scroll 0 0 transparent;
}

#segmentArea ul li#btn_seg02bg{
	width:310px;
	height:53px;
	background: url(../../image/top/btn_top_segment02.png) no-repeat 0 0;
}
#segmentArea ul li#btn_seg02bg span span {
	background: url(../../image/top/btn_top_segment02_act.png) no-repeat scroll 0 0 transparent;
}

#segmentArea ul li#btn_seg03bg{
	width:310px;
	height:53px;
	background: url(../../image/top/btn_top_segment03.png) no-repeat 0 0;
}
#segmentArea ul li#btn_seg03bg span span {
	background: url(../../image/top/btn_top_segment03_act.png) no-repeat scroll 0 0 transparent;
}


/*------------------------------------------------------------------ floating_sg --*/
#sg_wrap1 ul li,
#sg_wrap2 ul li,
#sg_wrap3 ul li{
	padding-left:15px;
	background: url(../../image/top/bg_top_floating_sg_icon.gif) no-repeat 0 3px;
}
li.external{
	padding-left:15px;
	background: url(../../image/top/bg_top_floating_sg_icon_2.gif) no-repeat 0 3px !important;
}

.floating_sg {
	width: 938px;
	text-align: left;
	position: absolute;
	left: 19px;
	top: 52px;
	z-index: 99;
	display: none;
}
.floating_sg a:link{color:#000;}
.floating_sg a:visited{color:#000;}
.floating_sg a:active{color:#000;}
.floating_sg a:hovor{color:#000;}

.floating_sg .inner {
	width: 938px;
	background: url(../../image/top/bg_-floating_sg_top.gif) no-repeat 0 0;
	padding-top: 18px;
}

/*
#sg_wrap1 .floating_sg .inner_btm {
	width: 938px;
	background: url(../../image/top/bg_-floating_sg_btm2.png) no-repeat 0 bottom;
	*background: url(../../image/top/bg_-floating_sg_btm2.gif) no-repeat 0 bottom;
	padding-bottom: 18px;
	overflow: hidden;
}
*/
#sg_wrap1 .floating_sg .inner_btm,
#sg_wrap2 .floating_sg .inner_btm,
#sg_wrap3 .floating_sg .inner_btm {
	width: 938px;
	background: url(../../image/top/bg_-floating_sg_btm.png) no-repeat 0 bottom;
	*background: url(../../image/top/bg_-floating_sg_btm.gif) no-repeat 0 bottom;
	padding-bottom: 18px;
	overflow: hidden;
}

.floating_sg h2 {
	width: 938px;
	height: 30px;
}

#sg1.floating_sg h2 { background: url(../../image/top/ttl_top_sg1_h2.png) no-repeat 0 0;}
#sg2.floating_sg h2 { background: url(../../image/top/ttl_top_sg2_h2.png) no-repeat 0 0;}
#sg3.floating_sg h2 { background: url(../../image/top/ttl_top_sg3_h2.png) no-repeat 0 0;}

#sg1.floating_sg h2 { *background: url(../../image/top/ttl_top_sg1_h2.gif) no-repeat 0 0;}
#sg2.floating_sg h2 { *background: url(../../image/top/ttl_top_sg2_h2.gif) no-repeat 0 0;}
#sg3.floating_sg h2 { *background: url(../../image/top/ttl_top_sg3_h2.gif) no-repeat 0 0;}

.floating_sg h2 span { display: none;}

.floating_sg h2 img {
	margin: 8px 8px 0 0;
	float: right;
	cursor: pointer;
}
/*
#sg_wrap1 .floating_sg .inner_box {
	width: 469px;
	float: left;
}
*/
#sg_wrap1 .floating_sg .inner_box,
#sg_wrap2 .floating_sg .inner_box,
#sg_wrap3 .floating_sg .inner_box {
	width: 312px;
	float: left;
}

.floating_sg .inner_box h3 { margin-left: 15px;}

.floating_sg ul {
	margin: 10px 15px 0 50px;
}

.floating_sg ul li {
	margin: 10px 0;
	font-size: 12px;
}

/*------------------------------------------------------------------ setArea --*/

#setArea {
	width: 942px;
	height: 89px;
	position: absolute;
	left: 16px;
	bottom: 17px;
	text-align: left;
}

#setArea h2 { margin:7px 0 0 7px;}

#setArea #recommend {
	width: 696px;
	height: 89px;
	background: url(../../image/top/bg_top_recommend.png) no-repeat 0 0;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	line-height: 0;
}

#setArea #recommend_img {
	width: 680px;
	height: 53px;
	position: absolute;
	left: 8px;
	bottom: 8px;
	overflow:hidden;
}

#setArea #recommend_img ul li {
	width: 167px;
	height: 53px;
	/*margin-right: 4px;*/
}
#setArea #recommend_img ul li.b01 { position:absolute; top:0; left:0; }
#setArea #recommend_img ul li.b02 { position:absolute; top:0; left:171px; }
#setArea #recommend_img ul li.b03 { position:absolute; top:0; left:342px; }
#setArea #recommend_img ul li.b04 { position:absolute; top:0; left:513px; }
#setArea #recommend_img ul li.b05 { position:absolute; top:0; left:684px; }
#setArea #recommend_img ul li.b06 { position:absolute; top:0; left:855px; }
#setArea #recommend_img ul li.b07 { position:absolute; top:0; left:1026px; }
#setArea #recommend_img ul li.b08 { position:absolute; top:0; left:1197px;}

#setArea #recommend .ml3 {
	margin-left: 3px;
}

#setArea #corporate_info {
	width: 240px;
	height: 30px;
	background: url(../../image/top/bg_top_corporate_info.png) no-repeat 0 0;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0;
}

#setArea #news {
	width: 240px;
	height: 53px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#setArea #news h2 {
	margin: 0;
	line-height: 0;
	font-size: 0;
	z-index:1;
}

#setArea #news h2 span {
	cursor: pointer;
}

#setArea #news a:link{ color:#fff;}
#setArea #news a:active{ color:#fff;}
#setArea #news a:visited{ color:#fff;}

#setArea #news ul {
	width: 224px;
	border-top: 1px solid #858789;
	position: absolute;
	top: 28px;
	left: 8px;
	overflow: hidden;
}

#setArea #news ul li {
	margin-top: 5px;
	font-size: 10px;
	color: #FFF;
	line-height: 1;
	height: 15px;
}

#setArea #news ul li span { color: #eb3d58;}

#setArea .lnk_flt {
	position: absolute;
	right: 7px;
	top: 7px;
	z-index:5;
}

#setArea .lnk_flt span {
	cursor: pointer;
}

#setArea #news.act .bg {
	width: 240px;
	height: 53px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index:10;
	line-height:0;
	font-size:0;
}

#setArea #news.act .bg span {
	cursor: pointer;
}

#setArea #news .bg img {
	filter:alpha(opacity=60);	/* IE7以下用 */
	-ms-filter:alpha(opacity=60);	/* IE8用 */
	-moz-opacity:0.6;		/* Firefox 1.5未満, Netscape用 */
	-khtml-opacity:0.6;		/* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity:0.6;			/* Firefox 1.5以上, Opera, Safari用 */
}

/*------------------------------------------------------------------ floating_news --*/

#floating_news {
	width: 938px;
	padding-top: 4px;
	background: url(../../image/top/bg_top_floating_news_top.png) no-repeat 0 0;
	text-align: left;
	position: absolute;
	left: 23px;
	top: 13px;
/*	z-index: 99;
	display: none;*/
	z-index: -99;
	visibility: hidden;
}
#floating_news .inner table tr td a:link{color:#000;}
#floating_news .inner table tr td a:visited{color:#000;}
#floating_news .inner table tr td a:active{color:#000;}
#floating_news .inner table tr td a:hovor{color:#000;}


#floating_news .inner_btm {
	width: 938px;
	background: url(../../image/top/bg_top_floating_news_btm.png) no-repeat 0 bottom;
	padding-bottom: 4px;
}

#floating_news .inner {
	width: 916px;
	*width: 938px;
	background: url(../../image/top/bg_top_floating_news.png) repeat-y 0 0;
	padding: 7px 11px;
	*padding: 7px 11px 0;
	overflow: hidden;
}

#floating_news .close,
#floating_news .list{ float: right; margin-left: 5px;}
#floating_news .close{ margin-top: 1px;}
#floating_news .close span{
	cursor: pointer;
}

#floating_news h2 { margin-bottom: 10px;}

#floating_news table {
	border: 10px solid #FFF;
	width:100%;
}

#floating_news #event_div { float:left;}
#floating_news #news_div { float: right;}
#floating_news .tbl_wrap{
	width:453px;
	height:240px;
	overflow:auto;
	background:#fff;
}

#floating_news .odd { background: #e5e5e5;}
#floating_news .even { background: #FFF;}

#floating_news th {
	color: #e81b3b;
	text-align: left;
}

#floating_news th,
#floating_news td {
	padding: 5px;
	vertical-align: top;
	font-size: 11px;
}

#gnavArea {
	margin-bottom:0px;
}

/*------------------------------------------------------------------ footer --*/

#footerbtm {
	border:none;	
}