@charset "utf-8";


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

body{
	background:url(../images/bg.jpg) repeat-x left top;
}
#wrapper{
	background:url(../images/wrapper_bg.jpg) no-repeat right bottom;
}





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

#header{
	width:1070px;
	height:200px;
	background:url(../images/header_bg.jpg) no-repeat left top;
}
#header #catch{
	height:26px;
	line-height:26px;
	width:1000px;
	text-align:right;
	color:#333;
	font-size:160%;
	font-weight:bold;
}
#header h1{
	float:left;
	padding:0 0 0 218px;
}
#header #hmail{
}






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

#contents{
	clear:both;
	background:url(../images/contents_bg.jpg) repeat-y left top;
}
#contents_inner{
	width:1067px;
	background:url(../images/footer_bg.png) no-repeat left bottom;
	overflow:hidden;
}
/* gnav */
#contents #gnav{
	clear:both;
	padding-top:5px;
	margin-left:20px;
	overflow:hidden;
	padding-bottom:25px;
	_padding-bottom:17px;
	background:url(../images/gnav_line.jpg) no-repeat left bottom;
}
#contents #gnav li{
	float:left;
	height:71px;
	font-size:160%;
	margin-right:10px;
	line-height:1.2;
}
#contents #gnav li span{
	font-size:50%;
	display:block;
}
#contents #gnav li a{
	color:#fff;
	display:block;
	text-align:right;
	letter-spacing:0;
	text-decoration:none;
}
#contents #gnav li a em{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
#contents #gnav li a:hover{
	color:#fff;
	text-decoration:none;
}
#contents #gnav li span{
	color:#FFFF00;
	text-decoration:none;
}
#contents #gnav li.gnav1 a{
	width:97px;
	height:54px;
	_width:127px;
	_height:79px;
	padding-top:25px;
	padding-right:30px;
	background:url(../images/gnav1.jpg) no-repeat left top;
}
#contents #gnav li.gnav1 a:hover{
	background:url(../images/gnav1_on.jpg) no-repeat left top;
}
#contents #gnav li.gnav2 a{
	width:117px;
	height:53px;
	_width:128px;
	_height:71px;
	padding-top:18px;
	padding-right:11px;
	background:url(../images/gnav2.jpg) no-repeat left top;
}
#contents #gnav li.gnav2 a:hover{
	background:url(../images/gnav2_on.jpg) no-repeat left top;
}
#contents #gnav li.gnav3 a{
	width:220px;
	height:53px;
	_width:240px;
	_height:71px;
	padding-top:18px;
	padding-right:20px;
	background:url(../images/gnav3.jpg) no-repeat left top;
}
#contents #gnav li.gnav3 a:hover{
	background:url(../images/gnav3_on.jpg) no-repeat left top;
}
#contents #gnav li.gnav4 a{
	width:111px;
	height:53px;
	_width:126px;
	_height:71px;
	padding-top:18px;
	padding-right:15px;
	background:url(../images/gnav4.jpg) no-repeat left top;
}
#contents #gnav li.gnav4 a:hover{
	background:url(../images/gnav4_on.jpg) no-repeat left top;
}
#contents #gnav li.gnav5 a{
	width:107px;
	height:53px;
	_width:125px;
	_height:71px;
	padding-top:18px;
	padding-right:18px;
	background:url(../images/gnav5.jpg) no-repeat left top;
}
#contents #gnav li.gnav5 a:hover{
	background:url(../images/gnav5_on.jpg) no-repeat left top;
}
#contents #gnav li.gnav6 a{
	width:139px;
	height:53px;
	_width:161px;
	_height:71px;
	padding-top:18px;
	padding-right:22px;
	background:url(../images/gnav6.jpg) no-repeat left top;
}
#contents #gnav li.gnav6 a:hover{
	background:url(../images/gnav6_on.jpg) no-repeat left top;
}






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

#main{
	float:left;
	width:710px;
	color:#fff;
}
#main a{
	color:#fff;
	text-decoration:underline;
}
#main a:hover{
	color:#666;
	text-decoration:underline;
}
/* pan */
#main #pan{
	float:left;
	height:30px;
	font-size:85%;
	margin-bottom:20px;
}
#main #pan li{
	float:left;
}
/* snsfield */
#main #snsfield{
	float:right;
	height:30px;
}
#main #snsfield div{
	float:right;
	width:90px;
	padding:0;
	margin:0 0 0 10px;
}
/* pnav */
#main #pnav{
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
	height:63px;
}
#main #pnav li{
	float:left;
	margin-right:20px;
	height:63px;
}





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

#side{
	float:left;
	width:270px;
	margin-bottom:20px;
	padding-top:10px;
}
/* snav */
#side #snav{
	width:255px;
	background:url(../images/snav_bg.gif) no-repeat left top;
	margin-bottom:20px;
	margin-left:5px;
}
#side #snav dl{
	width:255px;
	padding-bottom:20px;
	overflow:hidden;
	line-height:1.4;
	background:url(../images/snav_bg_bottom.gif) no-repeat left bottom;
}
#side #snav dl dt{
	padding:22px 0 5px 40px;
	font-size:160%;
	font-weight:bold;
	color:#cbcbcb;
}
#side #snav dl dd{
	margin-left:17px;
	background:url(../images/snav_line.gif) no-repeat left bottom;
}
#side #snav dl dd a{
	color:#E4DFD2;
	display:block;
	width:215px;
	padding:5px 0 5px 10px;
	text-decoration:none;
}
#side #snav dl dd a:hover{
	color:#FF0;
	text-decoration:underline;
}
/* slide */
#side #slide{
	width:218px;
	height:172px;
	_width:263px;
	_height:204px;
	padding:32px 0 0 45px;
	background:url(../images/slide.gif) no-repeat left top;
	margin-bottom:8px; 
}
#side #slide_inner{width:176px;height:132px;position:relative;}
#side #slide_inner a{position:absolute;top:0;left:0;z-index:8;}
#side #slide_inner a.active{z-index:10;}
#side #slide_inner a.last-active{z-index:9;}







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

#footer{
	clear:both;
	height:280px;
}
/* excelent_staff */
#footer #excelent_staff{
	clear:both;
	height:185px;
	margin-left:295px;
	padding-top:70px;
	color:#fff;
}
#footer #excelent_staff dt{
	line-height:1.1;
	margin-bottom:8px;
}
#footer #excelent_staff dt em{
	font-size:140%;
	font-weight:bold;
}
#footer #excelent_staff dd{
	line-height:1.2;
}
#footer #excelent_staff dd a{
	color:#fff;
	text-decoration:underline;
}
#footer #excelent_staff dd a:hover{
	color:#666;
	text-decoration:underline;
}
/* copy */
#footer #copy{
	clear:both;
	padding-left:20px;
	color:#FFFF00;
}