@charset "utf-8";


/*-----------------------------
	大枠設定
------------------------------*/

#wrapper{
	background:url(../img/main/bg.jpg) repeat-x left top #fff;
	text-align:center;
}




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

#header{
	width:900px;
	height:101px;
	margin:0 auto;
	padding:4px 0 0;
	position:relative;
}
#header h1{
	padding:32px 0 0;
	float:left;
}

/* hnavi */
#header #hnavi{
	height:36px;
	float:right;
}
#header #hnavi li{
	float:right;
	padding:18px 7px 0 12px;
	font-size:90%;
}
#header #hnavi li img{
	vertical-align:bottom;
}
#header #hnavi li p a{
	background:url(../img/main/icon.gif) no-repeat left 20px;
	padding:18px 7px 0 12px;
	color:#666;
	text-decoration:none;
}
#header #hnavi li p a:hover{
	background:url(../img/main/icon_on.gif) no-repeat left 20px;
	padding:18px 7px 0 12px;
	color:#666;
	text-decoration: underline;
}
#header #hnavi li.inq{
	float:right;
	padding:0;
}

/* gnavi */
#header #gnavi{
	height:45px;
	float:right;
	padding:20px 0 0;
}
#header #gnavi li{
	float:left;
}
#header #gnavi li img{
	vertical-align:bottom;
}



/*-----------------------------
	titlebox
------------------------------*/

#titlebox{
	width:900px;
	margin:0 auto;
	height:95px;
	clear:both;
	background:url(../img/main/title_bg.jpg) no-repeat left top;
	text-align:left;
}
#titlebox h2{
	padding:35px 0 0;
}




/*-----------------------------
	contents
------------------------------*/

#contents{
	padding:10px 0 30px;
	width:900px;
	margin:0 auto;
	text-align:left;
}

/* pan */
#contents #pan{
	padding:0 0 30px;
	width:100%;
	height:15px;
	font-size:90%;
}
#contents #pan li{
	float:left;
	color:#666;
}
#contents #pan li a{
	color:#76A7C6;
	text-decoration:underline;
}
#contents #pan li a:hover{
	color:#76A7C6;
	text-decoration:none;
}



/*-----------------------------
	main
------------------------------*/

#main{
	width:600px;
	float:left;
}


/* pagetop */
#main #pagetop{
	width:100%;
	clear:both;
	text-align:right;
	padding:50px 0 0;
}










/*-----------------------------
	side
------------------------------*/

#side{
	width:270px;
	float:right;
}

/* sidenavi */
#side #sidenavi{
	position:relative;
	width:270px;
}
#side #sidenavi_inner{
	position:absolute;
	top:-6px;
	left:-6px;
	width:286px;
	background:url(../img/main/s_bg.gif) no-repeat left top;
}
#side #sidenavi_inner2{
	padding:6px 0 10px 6px;
	background:url(../img/main/s_bg_bottom.gif) no-repeat left bottom;
}
#side #sidenavi dl img{
	vertical-align:bottom;
}

/* banner */
#side #banner{
	padding:10px 0 0;
}
#side #banner p{
	padding-bottom:10px;
}
/* banner gmp */
#side #banner .gmp{
	width:270px;
	height:70px;
	position:relative;
}
#side #banner .gmp img{
	position: absolute;
	top:-2px;
	left:-2px;
}
/* banner original */
#side #banner .original{
	width:270px;
	height:60px;
	position:relative;
}
#side #banner .original img{
	position: absolute;
	top:-7px;
	left:0;
}





/*-----------------------------
	bnavi
------------------------------*/

#bnavi{
	background:url(../img/main/bnavi_bg.gif) repeat-x center top;
	height:82px;
	clear:both;
}
#bnavi_inner{
	width:900px;
	height:82px;
	margin:0 auto;
	position:relative;
}
#bnavi p.link1{
	float:left;
	padding:13px 0 0;
}
#bnavi p.link2{
	float:left;
	padding:5px 0 0;
}
#bnavi p.link3{
	float:left;
	padding:13px 0 0;
}
#bnavi p.link4{
	position:absolute;
	right:-12px;
	top:13px;
}






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

#footer{
	width:100%;
	clear:both;
	height:170px;
	background:url(../img/main/footer_bg.jpg) repeat-x left bottom;
}
#footer_inner{
	width:900px;
	margin:0 auto;
}

/* fnavibox */
#footer #fnavibox{
	height:120px;
	padding:20px 0 10px;
	background:url(../img/main/footer_line.gif) repeat-y center top;
	text-align:left;
}
#footer #fnavibox dl{
	line-height:1.6;
}
#footer #fnavibox dt p{
	padding:0 0 15px 0;
}
#footer #fnavibox dt p a{
	padding:0 0 15px 13px;
	color:#fff;
	text-decoration:none;
	background:url(../img/main/footer_icon.gif) no-repeat left 3px;
}
#footer #fnavibox dt p a:hover{
	background:url(../img/main/footer_icon_on.gif) no-repeat left 3px;
	padding:0 0 15px 13px;
	color:#fff;
	text-decoration: underline;
}
#footer #fnavibox dd{
	padding:0 0 0 20px;
	background:url(../img/main/footer_icon_dd.gif) no-repeat 7px 6px;
}
#footer #fnavibox dd a{
	color:#fff;
	text-decoration:none;
}
#footer #fnavibox dd a:hover{
	color:#fff;
	text-decoration: underline;
}

/* 各ボックス */
#footer #fnavibox #box1{
	width:117px;
	float:left;
}
#footer #fnavibox #box2{
	width:110px;
	float:left;
	padding-left:30px;
}
#footer #fnavibox #box3{
	width:190px;
	float:left;
	padding-left:30px;
}
#footer #fnavibox #box4{
	width:218px;
	float:left;
	padding-left:30px;
}
#footer #fnavibox #box5{
	width:140px;
	float:left;
	padding-left:30px;
}
#footer #fnavibox #box5 dt p{
	padding:0 0 3px 0;
}
#footer #fnavibox #box5 dt p a{
	padding:0 0 3px 13px;
	color:#fff;
	text-decoration:none;
	background:url(../img/main/footer_icon.gif) no-repeat left 3px;
}
#footer #fnavibox #box5 dt p a:hover{
	background:url(../img/main/footer_icon_on.gif) no-repeat left 3px;
	padding:0 0 3px 13px;
	color:#fff;
	text-decoration: underline;
}

/* copy */
#footer #copy{
	padding:4px 0 0;
	text-align:left;
}







