@charset "Shift_JIS";

/*------------------------------ base ---------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body{
	font-size: 80%;
	line-height: 170%;
	color: #FFF;
	text-align: center;
	margin: 0 auto;
	background: #0A0A0A;
}

#bg{
	background: #000;
}

.h1{
	display: block;
	width: 500px;
	height: 20px;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #555;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -100px;
	padding: 0 20px 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 480px;
}

#pan{
	display: block;
	border: 0;
	text-align: right;
	font-size: 10px;
}

#pan li,#pan2 li{
	display: inline;
	color: #444;
}

textarea{
	font-size: 12px;
}

.etitle-mt{
	clear: both;
}




/*---------------------------- common ---------------------------------*/

.wrapper{
	margin: 0 auto;
	width: 920px;
	text-align: left;
}

#title a, 
#header, 
#navi a, 
#footernavi a, 
#footernavi2 a, 
#copy, 
.alphahr, 
#title1, #title2, #title3, #title4, #title5, 
#title6, #title7, #title8, #title9, #title10, 
#co1, #co2, #co3, #co4, #co5, #co6, #co7, #co8, 
#co9, #co10, #co11, #co12, #co13, #co14, #co15, #co16, 
#yt .link, 
#banner li a, 
#btnset li a, 
.btnset li a, 
.fig2 .ind p, 
#tab_group_1 a, 
#fbtn2 a, 
#fbtn4 a{
	display: block;
	outline:none;
	line-height:1px;
	font-size:1px;
	text-indent: -10000px;
}

.L{
	float: left;
}

.R{
	float: right;
}

.clear{
	clear: both;
}

.icon{
	padding: 0 0 0 13px;
	background-image: url(cmn_images/icon.gif);
	background-position: 3px 7px;
	background-repeat: no-repeat;
}

.icon2{
	padding: 0 13px 0 0;
	background: url(cmn_images/icon2.gif) 100% 2px no-repeat;
}

.icon3{
	padding: 0 0 0 10px;
	background-image: url(cmn_images/icon.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

.ic3{
	background: url(cmn_images/ico3.gif) 100% 49% no-repeat;
	padding-right: 20px;
	}
	
option{
	padding: 0 3px;
}

#select{
	height: 43px;
	width: 219px;
	background: url(cmn_images/bn5.gif) 0 0 no-repeat;
	padding: 40px 0 0 13px;
}




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

#title{
	display: block;
	width: 300px;
	height: 65px;
	float: left;
	padding-bottom: 164px;
}

#title a{
	display: block;
	width: 300px;
	height: 65px;
	background: url(cmn_images/spacer.gif) 0 0 repeat;
}

#header{
	width: 280px;
	height: 65px;
	float: right;
}

#header a{
	display: block;
	width: 280px;
	height: 65px;
	background: url(cmn_images/spacer.gif) 0 0 repeat;
}




/*----------------------------- navi ----------------------------------*/

#navi{
	width: 920px;
	display: block;
	clear: both;
}

#navi li{
	float: left;
	display: block;
	height: 40px;
	list-style: none;
}

#navi a{
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#navi a:hover, #navi .ac{
	background-position: 0 100%;
}

#navi01 a{
	background-image: url(cmn_images/1.gif);
	width: 146px;
}

#navi02 a{
	background-image: url(cmn_images/2.gif);
	width: 146px;
}

#navi03 a{
	background-image: url(cmn_images/3.gif);
	width: 167px;
}

#navi04 a{
	background-image: url(cmn_images/4.gif);
	width: 154px;
}

#navi05 a{
	background-image: url(cmn_images/5.gif);
	width: 143px;
}

#navi06 a{
	background-image: url(cmn_images/6.gif);
	width: 164px;
}




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

#footer{
	background: url(cmn_images/footbg.gif) 0 0 repeat-x;
}



/* footernavi */

#footernavi{
	float: left;
	width: 700px;
	margin-top: 16px;
}

#footernavi li{
	display: block;
	float: left;
	list-style: none;
	height: 15px;
	padding: 0 5px;
	border-right: 1px solid #5B5B5B;
}

#footernavi a{
	height: 15px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#footernavi a:hover, #footernavi .ac{
	background-position: 0 100%;
}

#fnavi01 a{
	background-image: url(cmn_images/fn1.gif);
	width: 41px;
}

#fnavi02 a{
	background-image: url(cmn_images/fn2.gif);
	width: 51px;
}

#fnavi03 a{
	background-image: url(cmn_images/fn3.gif);
	width: 85px;
}

#fnavi04 a{
	background-image: url(cmn_images/fn4.gif);
	width: 51px;
}

#fnavi05 a{
	background-image: url(cmn_images/fn5.gif);
	width: 111px;
}

#fnavi06 a{
	background-image: url(cmn_images/fn6.gif);
	width: 124px;
}

#fnavi07 a{
	background-image: url(cmn_images/fn7.gif);
	width: 75px;
}

#footernavi #fnavi07{
	border-right: none;
}




#footernavi2{
	float: right;
	width: 185px;
	margin: 9px 0 15px;
	display: block;
}

#footernavi2 li{
	display: block;
	float: left;
	list-style: none;
	height: 29px;
}

#footernavi2 a{
	height: 29px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 0 17px;
}

#fnavi08 a{
	background-image: url(cmn_images/fn8.gif);
	width: 28px;
}

#fnavi09 a{
	background-image: url(cmn_images/fn9.gif);
	width: 67px;
}

#fnavi10 a{
	background-image: url(cmn_images/fn10.gif);
	width: 39px;
}


#copy{
	clear: both;
	background: url(cmn_images/copy.gif) 100% 0 no-repeat;
	height: 50px;
	width: 920px;
}








/*---------------------------- decoration ------------------------------*/

.fig td{
	background: url(cmn_images/dot.gif) 0 100% repeat-x;
	padding: 5px;
}

.fig2 td{
	background: url(cmn_images/dot.gif) 0 100% repeat-x;
	padding: 5px 10px;
}

.fig .ind, .fig2 .ind, .fig5 .ind, .fig20 .ind{
	background-color: #0E0E0E;
}

.fig3, .fig6{
	background: url(cmn_images/dot.gif) 0 0 repeat-x;
}

.fig3 td{
	background: url(cmn_images/dot.gif) 0 100% repeat-x;
	padding: 10px 0;
}

.fig4 td{
	padding: 5px 10px 20px 10px;
}

.fig4 .tdot{
	background: url(cmn_images/dot2.gif) 100% 0 repeat-y;
}

.fig5{
	border-right: 1px solid #333;
	border-top: 1px solid #333;
}

.fig5 td{
	background: url(cmn_images/dot.gif) 0 100% repeat-x;
	border-left: 1px solid #333;
	padding: 5px 10px;
}

.fig6 td{
	background: url(cmn_images/dot.gif) 0 100% repeat-x;
	padding: 4px 0;
}

.fig6 td a{
	display: block;
	width: 615px;
	height: 35px;
	padding: 15px 10px 0;
	background-color: #0E0E0E;
	color:#FFF;
}

.fig6 td a:hover{
	background-color: #181818;
	color:#666;
	text-decoration: none;
}

.fig20 td{
	background: url(cmn_images/dot.gif) 0 100% repeat-x;
	padding: 10px 10px;
}

.dot{
	background: url(cmn_images/dot.gif) 0 100% repeat-x;
}

hr{
	display: none;
}

.dothr{
	background: url(cmn_images/dot.gif) 0 100% repeat-x;
	height: 1px;
	clear: both;
}
	
.alphahr{
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	height: 1px;
	overflow: hidden;
}

.mt5{
	margin-top: 5px;
}

.mt20{
	margin-top: 20px;
}

.mr20{
	margin-right: 20px;
}

.mb5{
	margin-bottom: 5px;
}

.mb10{
	margin-bottom: 10px;
}

.mb20{
	margin-bottom: 20px;
}

.mb30{
	margin-bottom: 30px;
}

.mb40{
	margin-bottom: 40px;
}

.mb60{
	margin-bottom: 60px;
}

.cap{
	font-size: 10px;
}

.bold{
	font-weight: bold;
}

.red{
	color: #B40000;
}

.sha{
	background: url(cmn_images/shade.gif);
	padding: 3px;
}




/*----------------------------- link ---------------------------------*/

a{
	outline: 0;
}

a:link,a:visited {
	color: #FFF;
	text-decoration: underline;
}

a:hover {
	color: #CCC;
	text-decoration: underline;
}

#pan a:link, #pan a:visited {
	color: #666;
	text-decoration: none;
}

#pan a:hover {
	color: #DC0000;
	text-decoration: underline;
}

#footernavi a:link, #footernavi a:visited{
	color: #555555;
	text-decoration: none;
}

#footernavi a:hover {
	color: #DC0000;
	text-decoration: underline;
}

#map a:link, #map a:visited{
	color: #CCC;
	text-decoration: none;
}

#map a:hover{
	color: #B70004;
	text-decoration: underline;
}




/*----------------------------- lower layer ---------------------------------*/

.coL{
	width: 635px;
	float: left;
	padding-top: 10px;
}

.coR{
	width: 232px;
	float: right;
	padding-top: 10px;
}


#snavi{
	margin-bottom: 20px;
}

#snavi li{
	display: block;
	height: 34px;
	width: 232px;
	list-style: none;
	margin-bottom: 5px;
}

#snavi li a{
	display: block;
	height: 27px;
	width: 212px;
	padding: 7px 0 0 20px;
	background: url(cmn_images/snavibg.gif) 0 0 no-repeat;
	color: #FFF;
}

#snavi li a:hover, #snavi li .ac2{
	background-position: 0 100%;
	text-decoration: none;
	color: #999;
}

#snavi li .ac{
	background: url(cmn_images/snavibg3.gif) 0 0 no-repeat;
	text-decoration: none;
	color: #999;
}

#snavi .exsnvi a{
	display: block;
	height: 27px;
	width: 212px;
	padding: 7px 0 0 20px;
	background: url(cmn_images/snavibg2.gif) 0 0 no-repeat;
	color: #FFF;
}

#snavi .exsnvi a:hover, #snavi .exsnvi .ac{
	background-position: 0 100%;
	text-decoration: none;
	color: #999;
}


#banner li{
	display: block;
	height: 58px;
	width: 232px;
	list-style: none;
	margin-bottom: 13px;
}

#banner li a{
	display: block;
	height: 58px;
	width: 232px;
}

#banner #bn01{
	background: url(cmn_images/bn1.jpg) 0 0 no-repeat;
}

#banner #bn02{
	background: url(cmn_images/bn2.jpg) 0 0 no-repeat;
}

#banner #bn03{
	background: url(cmn_images/bn3.jpg) 0 0 no-repeat;
}

#banner #bn04{
	background: url(cmn_images/bn4.jpg) 0 0 no-repeat;
}

#banner #bn06{
	background: url(cmn_images/bn6.jpg) 0 0 no-repeat;
}

.etitle{
	height: 23px;
	width: 615px;
	margin-bottom: 10px;
	background: url(cmn_images/titlebg.gif) 0 0 no-repeat;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 0 0 20px;
}

#fbtn1{
	background: url(cmn_images/btn1.gif) 0 0 no-repeat;
	display: block;
	width: 97px;
	height: 23px;
}

#fbtn1:hover{
	background: url(cmn_images/btn1.gif) 0 100% no-repeat;
}

#fbtn2 a{
	background: url(cmn_images/btn2.gif) 0 0 no-repeat;
	display: block;
	width: 97px;
	height: 23px;
}

#fbtn2 a:hover{
	background: url(cmn_images/btn2.gif) 0 100% no-repeat;
}

#fbtn3{
	background: url(cmn_images/btn3.gif) 0 0 no-repeat;
	display: block;
	width: 97px;
	height: 23px;
}

#fbtn3:hover{
	background: url(cmn_images/btn3.gif) 0 100% no-repeat;
}

#fbtn4 a{
	background: url(cmn_images/btn4.gif) 0 0 no-repeat;
	display: block;
	width: 141px;
	height: 23px;
}

#fbtn4 a:hover{
	background: url(cmn_images/btn4.gif) 0 100% no-repeat;
}








#select select{
	width: 205px;
	overflow: hidden;
}






/*---------------------------- clearfix ---------------------------------*/

.clearfix:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-table;
	min-height:1px;�@/* IE 7 */
}

/*\*/
* html .clearfix{
	height: 1px;
}

.clearfix{
	display: block;
}
/* */