@charset "Shift_JIS";


/* -- ===================== Base Layout====================== -- */

html {   
    overflow-y:scroll;   
}  

html {
	zoom: 80%;
	}

div#wrapper{ background: #fff url(../img/bg_base01.gif) repeat-x center top;}
div#wrapperSub{ background: #fff url(none) repeat-x left top; }

/* -- set to background -- */

div#contaner_Top01{}
div#contaner_Top02{ background: url(../img/bg_contaner_btm.gif) repeat-x center bottom; }

div#contaner_Btm01{
	clear: both;
	background: url(../img/bg_base_btm.gif) repeat-x 0px 0px;
	margin-top: 0;
	height: auto;
	display: none!important;
}

div#contaner_Btm02{
	clear: both;
	background: url(none) repeat-x 0px 0px!important;
	border-top: 1px solid #CCCCCC;
}


/* ---------------header layout--------------------- */

div#header,
div#header_sub{
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	
}

div#header_sub{
}

div#header #logobox,
div#header_sub #logobox  {
	float:left;
	width:100%;
	height: 70px;
	color: #999;
}

div#header #logobox p,
div#header_sub #logobox p{
	line-height:0;
	padding-top: 20px;
	padding-bottom: 10px;
}



/* ------------------ Navigation ---------------------*/

div#gnavibox{}
div#gnavibox02{
	background: url(../img/navi/gnabi_bg.gif) repeat-x center top;
	margin-right: auto;
	margin-left: auto;
	width: 842px;
	display: none;
}

div#gnavi{ padding: 0 1px; }


/* -------------　Flash Area Layout ----------------- */
div#sectionFla{
	height: 240px;
	margin-top: 4px;
	position: relative;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

div#topFla{
	position: relative;
	margin-left: -600px;
	padding-left: 50%;
} 

/* -------------　Flash Area Layout02 ----------------- */
div#sectionFla02{
	height: 234px;
	width: 848px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background: url(../img/top/top_img_bg.gif) no-repeat center top;
	
	position: relative;
}

div#topFla02{
	position: absolute;
	top: 1px;
	left: 9px;
} 

/* --------------contents area layout--------------------- */

div#contentsTop {
	clear: both;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 30px;
	position:relative;
}

div#sidebarTop {
	float:left;
	width:246px;
	}

div#mainTop{
	float:left;
	width:582px;
	margin-right:8px;
	_display:inline;
	}

/* subPage */

div#contents_wrapper{ background: url(none) repeat-x; }

div#contentsBg {
	clear: both;
	background: url(none) no-repeat 0px bottom;
	position:relative;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-bottom: 4px;
	width: 100%;
}
div#contents{ background: url(none) repeat 0px 77px; 
	}

div#sidebar {
	float:left;
	width:255px;
	padding-top: 34px;
	background: url(../img/sb_top_bg.gif) repeat-x;
	display: none;
	}

div#rightSide {
	width:90%;
	_display:inline;
	margin: 0 auto;
	padding: 0;
		}

div#main {
	padding: 10px 19px 40px 18px;
}




/* ------------ Footer ------------ */

div#btmNavi{
	width: 840px;
	height: auto;
	padding:3px 0;
	margin: 0 auto;
	display: none;
}

btmNaviBg{	display: none;
}


div#footerbox {
	clear: both;
	background: url(none) repeat-x left top!important;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

div#footer {
	background: url(none) repeat-x left top;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}