@charset "utf-8";

/*------------------------------------------------------------------------------------
CSS Document 


INDEX
	#1 commons
	#2 headings
	#3 a
	#4 other tags
	#5 classes

	#6 wrapper
	#7 header
	#8 main image
	#9 navigation
	#10 container
	#11 mainLeft
	#12 mainRight
	#13 footer
	
	#14 localNavigation
	#15 tables
	#16 form


font-size
	1px  6.25%
	10px 62.5%
	11px 68.75%
	12px 75% 

	+1px 106.25%
	+2px 112.5%


	-1px 93.75%
	-2px 87.5%

color code
	main color
	sub color
	accent color
	
	string1 #cccccc
	string2 


iepngfix
	img{
		behavir:url(../js/iepngfix.htc);
	}

	



author:
lastmodified:2007-11-01	


------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------
=1 commons
------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
}

body{
	width:780px;
	font-size:75%;
	line-height:150%;
	color:#333333;
	background:#FFFFFF;
	font-family:Arial, Helvetica,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Geneva,sans-serif;
	margin:0 auto;
}
 
table{  
	border-collapse:collapse;   
	border-spacing:0;   
}

fieldset,img {    
	border:0;   
} 


address,caption,cite,code,dfn,em,strong,th,var {  
	font-style:normal;   
	font-weight:normal;   
} 

ol,ul {  
	list-style:none;   
} 

caption,th {  
	text-align:left;   
} 

h1,h2,h3,h4,h5,h6 {  
	font-size:100%;   
	font-weight:normal;   
} 

q:before,q:after {  
	content:'';   
} 

abbr,acronym {
	border:0;   
}  


/*------------------------------------------------------------------------------------
=2 headings
------------------------------------------------------------------------------------*/
h1{
	width:100%;
	background:none;
	margin-bottom:25px;
	font-size:137.5%;
	font-weight:bold;
}


h1.pageTitle{
	width:505px;
	height:20px;
	background:url("../images/h2.gif") no-repeat left top;
	padding:5px 0 0 35px;
	line-height:100%;
	font-size:125%;
}




h2,.pages h2.pagesMoreH2{
	width:505px;
	height:20px;
	background:url("../images/h2.gif") no-repeat left top;
	margin-bottom:24px;
	padding:5px 0 0 35px;
	line-height:100%;
	font-size:125%;
	font-weight:bold;
}


.pages h2,h3{
	background:url("../images/listIcon.gif") no-repeat left center;
	height:100%;
	line-height:140%;
	padding:0 0 0 20px;
	margin-left:7px;
	font-size:100%;
	margin-bottom:4px;
}

.pages h2.pagesMoreH2{
	margin-left:0;
}


h4{
	font-weight:bold;
	font-size:100%;
	margin-bottom:13px;
	margin-left:27px;
}	


#fee h4{
	margin-left:20px;
	margin-bottom:2px;
	font-size:87.5%;
}

#terms h4{
	background:url(../images/h4.gif) no-repeat left center;
	width:517px;
	height:26px;
	margin:10px 0 18px 0;
	padding-top:4px;
	padding-left:23px;

	font-weight:normal;
}


h5{
	font-siz:100%;
	background:url() no-repeat left top;
	margin-bottom:10px;
	margin-left:27px;
	font-weight:bold;
}


.topInfo h6{
	background:url("../images/listIcon.gif") no-repeat 7px 5px;
	padding-left:27px;
	width:75px;
	color:#333333;
}




/*------------------------------------------------------------------------------------
=3 a
------------------------------------------------------------------------------------*/

a:link{
}

a:visited{
}

a:hover{
}

a:active{
}


ul a:link,ul a:visited,a:hover,a:active{
	text-decoration:none;
	color:;
}



/*------------------------------------------------------------------------------------
=4 other tags
------------------------------------------------------------------------------------*/

*html img{
	behavior:url(../js/iepngfix.htc);
}



p{
	margin-bottom:10px;
}

p.indentP{
	text-indent:1em;
}


strong{
	color:#CC0000;
	font-weight:bold;
}

dl{
}

dt{
	clear:both;
	height:;
	float:left;
	padding:;
}

dd{
	float:right;
	height:;
	padding:;
}


/*------------------------------------------------------------------------------------
5= classes
------------------------------------------------------------------------------------*/

.toTop{
	text-align:right;
}

.imgRight{
	text-align:right;
}


.alphabet{
	letter-spacing:0.25em;
}


.imgStr{
	background:none;
	padding:0;
	margin:0;
}

.addMarBtm{
	margin-bottom:20px;
}

.remMarL{
	margin-left:0;
}

.attentions{
	color:#CC0000;
}


.strBox{
	width:476px;
	padding:7px;
	border:1px solid #333;
	margin:0 auto;
	line-height:100%;
}


.addBorder{
	border:0;
	border-top:1px solid #333;
}

.txtCenter{text-align:center;}



/*------------------------------------------------------------------------------------
6= wrapper
------------------------------------------------------------------------------------*/
#wrapper{
	width:780px;
	margin:0 auto;
	background:#FFF;
}


/*------------------------------------------------------------------------------------
7= header
------------------------------------------------------------------------------------*/
#header{
	width:780px;
	height:25px;
	margin:40px auto 20px auto;
	background:url("../images/headerBg.gif") no-repeat left center;
	
}

#header ul{
	width:750px;
	text-align:right;
	padding-right:30px;
}

#header ul li{
	display:inline;
	margin-right:15px;
}

#header ul li.end{
	margin-right:0;
}


div#header:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}




/*------------------------------------------------------------------------------------
8= main image
------------------------------------------------------------------------------------*/
#mainImage{
	clear:both;
	padding-bottom:27px;
	border-bottom:1px solid #333333;
}



/*------------------------------------------------------------------------------------
9= navigation
------------------------------------------------------------------------------------*/
#navigation{
	width:780px;
	height:50px;
	margin:0 auto;
	
}

#navigation li{
	display:inline;
}

#navigation li a{
	display:block;
	width:156px;
	height:40px;
	padding-top:10px;
	background:url() no-repeat left top pink;
	float:left;
	text-align:center;
	
}

#navigation li a:hover{
	background:;
}


/*------------------------------------------------------------------------------------
10= container
------------------------------------------------------------------------------------*/
#container{
	clear:both;
	width:780px;
	padding-top:15px;
	
}


div#container:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/*------------------------------------------------------------------------------------
11= mainLeft
------------------------------------------------------------------------------------*/


#leftMenu{
	padding-bottom:30px;
	background:url("../naviBtm.gif") no-repeat left bottom;
	float:left;
	width:180px;
}


#leftMenu ul li{
	display:inline;
}

#leftMenu ul li a{
	display:block;
	width:178px;
	height:20px;
	border:1px solid #333;
	border-top:0;
	text-align:center;
	padding-top:9px;
	line-height:100%;
}


#leftMenu li#LCurrent{
	font-weight:bold;
	background:#eee;
}

#leftMenu li#LCurrent ul{
	border-bottom:1px solid #333;
}

#leftMenu ul ul li a{
	border-bottom:0;
	background:#efefef;
	font-weight:normal;
}




/*------------------------------------------------------------------------------------
12= mainRight
------------------------------------------------------------------------------------*/


#mainContents{
	width:545px;
	padding-left:30px;
	padding-right:25px;
	float:right;
}





/*------------------------------------------------------------------------------------
13= footer
------------------------------------------------------------------------------------*/
#footer{
	clear:both;
	width:780px;
	
}

#copyright{
	background:url("../images/footerBg.gif") no-repeat left top;
	padding:10px 20px 5px 0;
	text-align:right;
}

#footer ul{
	text-align:center;
	padding:10px 20px 2px 0;
}


/*------------------------------------------------------------------------------------
14= local Navigation
------------------------------------------------------------------------------------*/
.localNavi{
	
}

.localNavi li{
	display:inline;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #333;
}

.localNavi li.end{
	padding-right:0;
	border-right:0;
	
}




/*------------------------------------------------------------------------------------
15= tables
------------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------------
16= forms
------------------------------------------------------------------------------------*/
input:focus,textarea:focus,.iefocus{
	background:#EEE;
}





#pageLay ul.sitemap {
	margin-top:10px;
	margin-bottom:20px;
	margin-left:0;
	background:none;
	border:0;
}

#pageLay ul.sitemap ul{
	border:0;
	margin-bottom:0;
}


#pageLay ul.sitemap li {
	list-style:none;
	background:none;
	border:0;
	margin-bottom:0;
}

#pageLay ul.sitemap>li{
	font-weight:bold;
	border:0;
}	 
#pageLay ul.sitemap li a{
	color:color:#FF8080;
	background:none;
	
}

#pageLay ul.sitemap li a{
	display:block;
	margin-top:5px;
	padding-top:3px;
	height:22px;
	padding-left:20px;
	
}
	
#pageLay ul.sitemap ul li{	
	font-weight:normal;
	background:none;
}	


#pageLay ul.sitemap>ul>li{
	padding-left:20px;
}

#pageLay ul.sitemap>ul>ul{
	
}

#pageLay ul.sitemap>ul>ul>li{
	margin-left:90px;
	
}

#pageLay ul.sitemap>ul>ul>ul>li{
	margin-left:190px;
	
}