@charset "utf-8";

/*----------------------------------------------------------------------------
******************************************************************************
Reset
******************************************************************************
----------------------------------------------------------------------------*/
 
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre{margin:0;padding:0;}

ul,li{list-style-type:none;}

table,img{border:0;}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,ol{
	font-family:"ＭＳ Ｐゴシック", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-weight:normal;
	font-size:100.01%;}
	
a{text-decoration:none; outline: 0;}

hr{display:none;}

em,address{ font-style:normal;}

hr{display:none;}

*{line-height:1;}


/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
a:link{color:#2E8FBA;text-decoration:none;}
a:visited{color:#2E8FBA;text-decoration:none;}
a:hover{color:#2E8FBA;text-decoration:none;}
a:active{color:#2E8FBA;text-decoration:none;}
a:focus{outline:none;}

/* comment
--------------------------------------------------------------------------*/


/* clear
--------------------------------------------------------------------------*/
.fL { float:left; }
.fR { float:right; }

.clb,.clr,.cll{
clear:both;
font-size:0px;
line-height:0px;
width:0px;
height:0px;}
.clr{
clear:right;}
.cll{
clear:left;}

/*--------------------------
clearfix
--------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac */


/*----------------------------------------------------------------------------
******************************************************************************
Container
******************************************************************************
----------------------------------------------------------------------------*/
body { 
margin:0;
padding:0;
color:#333333;
background:#180d05;}

#wrapBg{
width:100%;
margin:0 auto;
padding: 0;
background: url(../image/bg.jpg) 50% 0 repeat-y;
}

* html #wrapBg {
	text-align: center;
}

#wrap{
width:850px;
margin:0 auto;
padding: 0;
}

* html #wrap {
	text-align: left;
}

.main{
width:850px;
margin:0 auto 0;
border-bottom:solid 1px #f3f4e9;
border-top:solid 1px #f3f4e9;
background:#f9fcf1;}

.contents{
width:590px;
float:left;
margin: 0 20px 20px 10px;
display:inline;}

/*----------------------------------------------------------------------------
******************************************************************************
header
******************************************************************************
----------------------------------------------------------------------------*/
#header{
width:850px;
margin:0 auto;
padding: 0}

#header h1 {
	margin: 0;
	padding: 0;
	text-indent: 0;
	text-decoration: none;
	color: #fff;
}

	#header h1 a {
		display: block;
		margin: 0;
		padding: 0;
		height: 60px;
		line-height: 60px;
		color: #fff;
		font-size: 25px;
	}



#breadcrumb {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 25px;
	line-height: 25px;
}

	#breadcrumb ul {
		margin: 0 20px 0 0;
		padding: 0;
		text-align: right;
	}
	
		#breadcrumb ul li {
			display: inline;
			margin: 0;
			padding: 0;
			height: 25px;
			line-height: 25px;
			font-size: 12px;
		}
		
			#breadcrumb ul li a {
				margin: 0;
				padding: 0;
				font-size: 12px;
				text-decoration: underline;
				color: #999;
			}
			
				#breadcrumb ul li a:hover {
					margin: 0;
					padding: 0;
					text-decoration: underline;
				}



/*----------------------------------------------------------------------------
******************************************************************************
navigation
******************************************************************************
----------------------------------------------------------------------------*/

/* list
--------------------------------------------------------------------------*/
#navi{
width:220px;
float:right;
margin: 0 10px 0 0;
padding:20px 0 20px 0;
display:inline;
font-size: 11px;
background: url(../image/navi_00.jpg) 0 0 no-repeat;}

#navi ul { width:220px; margin:0;}

#navi ul li {
width:220px;
font-size:100%;
margin:0 0 2px 0 !important;
margin:0 0 1px 0 ;
background: url(../image/navi_bg.jpg) 0 0 no-repeat;
line-height:0;
}

#navi ul li a {
display:block;
width:200px;
padding:15px 0 0 15px;
color:#3b2919;
font-weight:bold;
min-height:25px;
}

#navi ul li a:hover {
color:#ae5926;
text-decoration:none;
}

#index #navi ul li.m01 a, #choosing #navi ul li.m02 a, #things-needed #navi ul li.m03 a, #style #navi ul li.m04 a, #funds #navi ul li.m05 a, #benefits #navi ul li.m06 a, #difference #navi ul li.m07 a, #getting-accustomed #navi ul li.m08 a, #ipo #navi ul li.m09 a, #sitemap #navi ul li.m10 a {
	color: #000099;
		}

h2 {
	margin: 9px 10px 0 10px;
	padding: 0;
	width: 830px;
	height: 228px;
	font-size: 18px;
	font-weight: bold;
	text-indent: 2px;
	background: url(../image/main_img.jpg) 0 28px no-repeat;
}

.main h2 { margin:9px 10px 0 10px;}

.contents p{
line-height:1.5;
font-size:90%;
margin:0 0 0 10px;
}


h3 {
width:562px;
color:#f9fcf1;
font-weight:bold;
font-size:90%;
padding:12px 0 10px 28px;
margin:0 0 10px 0;
background:#271907 url(../image/h3_ttl.gif) 0 0 no-repeat;}

.contents h4 {
width:560px;
color:#333333;
font-weight:bold;
font-size:90%;
padding:12px 0 10px 30px;
margin:0 0 10px 0;
background: url(../image/h4_ttl.gif) 0 0 no-repeat;}

.contents h4 a:link{color:#333333;text-decoration:underline;}
.contents h4 a:visited{color:#333333;text-decoration:underline;}
.contents h4 a:hover{color:#333333;text-decoration:none;}
.contents h4 a:active{color:#333333;text-decoration:none;}



/* box
-------------------------------------------------------------*/
.contentsBox{
width:580px;
margin: 0 5px 10px 5px;}

.contentsBox p{
line-height:1.5;
font-size:90%;
margin-bottom:20px;}

.contentsBox p a:link{color:#AF5926;text-decoration:underline; line-height:1.4}
.contentsBox p a:visited{color:#AF5926;text-decoration:underline; line-height:1.4}
.contentsBox p a:hover{color:#AF5926;text-decoration:none; line-height:1.4}
.contentsBox p a:active{color:#AF5926;text-decoration:none; line-height:1.4}


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

#footer {
	margin: 0 auto;
	padding: 0;
	width:850px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color:#fff;
	text-align:center;
}


/*---------------------sitemap---------------------*/
#sitemap #wrapBg #wrap .main .contents .contentsBox #site_ul {
	margin: 0;
	padding: 0 0 0 10px;
}

	#sitemap #wrapBg #wrap .main .contents .contentsBox #site_ul li {
		margin: 0 0 1em 0;
		padding: 0 0 2px 0;
		text-indent: 15px;
		background: url(../image/footer_line.gif) 5px 6px no-repeat;
		border-bottom: 1px dashed #666;
	}
	
		#sitemap #wrapBg #wrap .main .contents .contentsBox #site_ul li a {
			text-decoration: none;
			font-size: 15px;
			color: #000;
		}
		
			#sitemap #wrapBg #wrap .main .contents .contentsBox #site_ul li a:hover {
				color: #ccc;
			}
			
/*-----------------------------------ad_pr-------------------------------------*/
#wrapBg #wrap .main.clearfix #navi .ad_pr {
	margin: 0;
	padding: 10px;
	font-size: 12px;
}

#csv01 {
	margin: 0;
	padding: 0;
}

	#csv01 dl {
		margin: 0;
		padding: 0;
	}
	
		#csv01 dl dt {
			margin: 0 0 2px 0;
			padding: 0;
		}
		
			#csv01 dl dd {
				margin: 0 0 10px 0;
				padding: 0;
			}