@charset "utf-8";
/*
2008.04.11 create by mansak

main CSS & Footer

----------------------------------------------------
*/
.SpryHiddenRegion {
    visibility: hidden;
}

* {
	margin:0px;
	padding:0px;
}

@media print {
	
	#hdSubNavi {display:none;}
	#globalNavWrapper {display:none;}
	#LeftWrapper {display:none;}
	#RightWrapper {display:none;}
	#FooterWrapper {display:none;}
	#SysBtnKago {display:none;}
	
	html>#ContentsBoxWide {
		float:left;
		width:745px;
		text-align: left;
		margin-left:20px;
		clear: both;
	}
	* html #ContentsBoxWide {
		position:absolute;
		left: 0;
		top: 75;
		width:745px;
		text-align: left;
		margin-left:20px;
		clear: both;
	}

	body {
		zoom: 80%; /*←いー感じに調整してください*/
	}	
}

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:90%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	
	color:#333333;
	background-color:#FFFFFF;
}
#cl {
	clear:both;
	margin: 0px;
	padding: 0px;
}

a {
	/*text-overflow: ellipsis;*/
	font-size:90%;
	text-decoration:none;
	/*color:#737373;*/
	color:#3366CC;
	/*cursor:pointer;*/
}
a:hover {
	/*text-overflow: ellipsis;*/
	font-size:90%;
	text-decoration:underline;
	color:#66ADE9;
}

a:link 		{
	/*color:#001ACC;*/
	color:#3366CC;
}
a:visited {color:#6698FE;}
a:active 	{color:#999999;}

.kome {
	font-size:80%;
	color:#666666;
	margin-left: 20px;
}
#SpacerBox {
	height:25px;
	width: 97%;
	clear: both;
}
/* ----------------------------------------------- */
/* Wrapper CSS                                     */
/* ----------------------------------------------- */
#Wrapper {
	width:980px;
	margin:0px auto;
	background-color: #FFFFFF;
}
#ContentsWrapper {
	width:980px;
	margin:0px auto;
	/*background-color: #FFCCFF;*/
	position: relative;
}
#HeaderWrapper {
	/*height: 30px;*/
	width: 980px;
	/*text-align: center;*/
	position: relative;
	margin: 0px auto;
}
#LeftWrapper {
	width:195px;
	float:left;
	/*background-color: #CCCCFF;*/
	text-align: left;
	margin-left: 2px;
}
#RightWrapper {
	width:195px;
	float:right;
	/*background-color: #009999;*/
	margin: 10px 3px 0px 0px;
	text-align: left;
}
#MainWrapper {
	width:565px;
	float:left;
	/*
	background-color:#99FFCC;
	margin: 10px 0px 0px 5px;
*/
	margin: 0.3em 0 1.0em 5px;
	text-align: left;
}
#MainWrapper p {
	text-align: left;
	color:#808080;
	font-size: 80%;
	margin: 10px 0px 0px 20px;
}
#MainWrapperWide {
	width:760px;
	float:left;
	margin: 10px 0px;
	background-color: #FFF;
	line-height: 1.4em;
	padding: 0px 0px 10px 15px;
	font-size: 100%;
	
	/* 08.05.21 */
	/*text-align: left;*/
}
#MainWrapperWide #NoticeArea p {
	text-align: left;
	color:#808080;
	font-size: 80%;
	margin: 10px 0px 0px 20px;
}
/*
#MainWrapperWide table p {
	text-align:left;
}
*/
#ContentsBoxWide {
	float:left;
	width:745px;
	padding: 0px;
	text-align: left;
}
#ContentsBoxWidePri {
	position:absolute;
	width:745px;
	text-align: left;
	left: 0;
	top: 0;
	clear: both;
}

#FooterWrapper {
	width:980px;
	float:left;
	margin:0px auto;
	/*background-color:#CCCCCC;*/
	position: relative;
}
/* ----------------------------------------------- */
/* Footer
/* ----------------------------------------------- */
#footer {
	color: #333333;
	clear: both;
	float: none;
	width: 100%;
	text-align: center;
	margin: 8px auto;
	background:url(../img/footer_line.jpg) left top repeat-x;
	padding: 5px 0px 5px 0px;
	line-height: 1.2em;
	font-size: 90%;
}
#footer ul {
	margin: 10px 0px 5px 0px;
}
#footer li {
	display:inline;
	padding:0px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
}	
#footer a {
	color:#797979;
	padding: 5px 0px 5px 16px;
	text-decoration:none;
	background:url(../img/snavi_mark000_of.jpg) left center no-repeat;
	font-size:80%;
}
#footer a:hover {
	color:#1A6DB3;
	padding: 5px 0px 5px 16px;
	text-decoration:underline;
	background:url(../img/snavi_mark000_on.jpg) left center no-repeat;
	font-size:80%;
}






#sPanel {
	marin:0px;
	padding:0px;
	width:570px;
	height:220px;
}

#p1 {background-color : #FFF;}
#p2 {background-color : #FFF;}
#p3 {background-color : #FFF;}
#p4 {background-color : #FFF;}
#p5 {background-color : #FFF;}





/* Top Slide */
#SlidePlace01, #SlidePlace02, #SlidePlace04, #SlidePlace07 {
	position:relative;
	width:560px;
	height:235px;
	z-index:3;
	top: 0px;
	overflow: hidden;
	background-color: #FFF;
	left: 10px;
	display: block;
}

#SlideArea01, #SlideArea02, #SlideArea04, #SlideArea07 {
	position:absolute;
	width:1120px;
	z-index:8;
	height: 235px;
}



.SlideBox {
	position:absolute;
	width:560px;
	height:230px;
	top: 0;
	padding-top: 2px;
}
#SlideNaviBox {
	width:560px;
	z-index:99;
	left: 10px;
	background-color: #FFF;
	line-height: 1.2em;
	top: 0px;
	position: relative;
	height: auto;
}
#SlideNaviBox ul {
	list-style-type: none;
}
#SlideNaviBox li {
	display:inline;
}
#SlideNaviBox li a {
	float:right;
	width:20px;
	height:20px;
	margin: 3px 5px;
	text-decoration:none;
	cursor:pointer;
}
#SlideNaviBox li a:hover {
	text-decoration:none;
}
#SlideNaviBox li.SlideNaviL a {
	background:url(../img/arrow_left.gif) left top no-repeat;
}
#SlideNaviBox li.SlideNaviL a:hover {
	background:url(../img/arrow_left_ov.gif) left top no-repeat;
}
#SlideNaviBox li.SlideNaviR a {
	background:url(../img/arrow_right.gif) left top no-repeat;
}
#SlideNaviBox li.SlideNaviR a:hover {
	background:url(../img/arrow_right_ov.gif) left top no-repeat;
}




/* Type Left Menu */
div#l_up {
	width:42px;
	height:20px;
	display:block;
	position:absolute;
	background:url(../img/navi_l_update.png) left top no-repeat;
	left: -25px;
}
div#l_new {
	width:42px;
	height:20px;
	display:block;
	position:absolute;
	background:url(../img/navi_l_new.png) left top no-repeat;
	left: -25px;
}
div#l_reco {
	width:42px;
	height:20px;
	display:block;
	position:absolute;
	background:url(../img/navi_l_reco.png) left top no-repeat;
	left: -25px;
}
/* Type Right Bunner */
div#r_new {
	width:35px;
	height:34px;
	display:block;
	position:absolute;
	background:url(../img/navi_r_new.png) left top no-repeat;
	left: 175px;
}
div#r_reco {
	width:54px;
	height:32px;
	display:block;
	position:absolute;
	background:url(../img/navi_r_reco.png) left top no-repeat;
	left: 165px;
}
div#r_recom {
	width:35px;
	height:34px;
	display:block;
	position:absolute;
	background:url(../img/navi_r_recom.png) left top no-repeat;
	left: 175px;
}
/* Type Center Bunner */
div#c_new {
	width:35px;
	height:34px;
	display:block;
	position:absolute;
	background:url(../img/navi_r_new.png) left top no-repeat;
	left: 100px;
	top: -5px;
}
div#c_reco {
	width:54px;
	height:32px;
	display:block;
	position:absolute;
	background:url(../img/navi_r_reco.png) left top no-repeat;
	left: 100px;
	top: -5px;
}
div#c_recom {
	width:35px;
	height:34px;
	display:block;
	position:absolute;
	background:url(../img/navi_r_recom.png) left top no-repeat;
	left: 100px;
	top: -5px;
}

div#c2_new {
	width:35px;
	height:34px;
	display:block;
	position:absolute;
	background:url(../img/navi_r_new.png) left top no-repeat;
	left: 505px;
	top: -10px;
}
div#c2_reco {
	width:54px;
	height:32px;
	display:block;
	position:absolute;
	background:url(../img/navi_r_reco.png) left top no-repeat;
	left: 495px;
	top: -10px;
}
div#c2_recom {
	width:35px;
	height:34px;
	display:block;
	position:absolute;
	background:url(../img/navi_r_recom.png) left top no-repeat;
	left: 505px;
	top: -10px;
}



/* ie hac */
* html div#l_update, 
* html div#l_new,
* html div#l_up,
* html div#l_reco,
* html div#r_new, 
* html div#r_reco {
	behavior: expression(
	this.style.behavior || (
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
	this.style.backgroundImage = "none",
	this.style.behavior = "none"
	)
	);
}