@charset "UTF-8";
/*
===============================================================================
| 			COMMON 
===============================================================================
*/

*{
	margin: 0;
	padding: 0;
}
div.clear{
	font-size: 1px;
	hegiht: 0;
	clear: both;
	line-height: 1px;
}
body{
	background-color : #000000;
	background-repeat: repeat-y;
	background-position: 50% 50%;
	background-image: url(/images/common/bg.gif) ;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 80%;
	color: #444444;
	line-height: 150%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Helvetica, Arial;
}

div.wrapper{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 784px;
}
img{
	border:none;
}
/*----------------------------------------------------------------------
/			link 
/----------------------------------------------------------------------*/
a:link{
	color: #0066cc;
}
a:visited{
	color: #996666;
}


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

div#header{
	width: 784px;
	height: 159px;
	border-top: 6px solid #31547B;	
	text-align :left;
}
div#header div.logo{
	float: left;
}

div#header div.subNavi{
	width: 609px;
	float: right;
}
div#header div.subNavi img#tagline{
	padding: 34px 0 30px 0;
}
div#header div.subNavi#en img#tagline{
	padding: 50px 0 44px 0;
}
div#header div.subNavi div.menu-sub{
	padding: 8px 0;
	border-top: 1px solid #E7E7E7;
	text-align: right;
}
div#header div.subNavi img.engBtn{
	margin: 0 15px;
}


/*----------------------------------------------------------------------
/			menu 
/----------------------------------------------------------------------*/
div#header div.menu{
	background-color: #999999;
}



/*----------------------------------------------------------------------
/			bannar 
/----------------------------------------------------------------------*/

div.main div.left-block div.bannar{
	text-align: center;
	padding: 20px 0;
}


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

div.main{
	width: 100%;
	text-align: left;
}

/* page menu */
div.main div.left-block ul.pageMenu{
	margin: 4px 0 0 0;
	padding: 0;
}
div.main  div.left-block ul.pageMenu li{
	border-bottom: 1px solid #999999;
	padding: 8px 0 10px 30px;
	background-image: url("/images/common/menu_arrow.gif") ;
	background-repeat: no-repeat;
	background-position: 20px 13px;
	list-style-type: none;
}
div.main  div.left-block ul.pageMenu li.on{
	font-weight:bold;
}
div.maindiv.left-block  ul.pageMenu li a:link{
	color: #0066CC;
}
div.main div.left-block  ul.pageMenu li  a:visited{
	color: #0066CC;
}
div.main  div.left-block ul.pageMenu li img.arrow{
	padding: 0 8px 0 0;
}

div.main div.contents span.on{
	font-weight: bold;
	color: #660099;
}

div.main div.right-block{
	width:557px;
	float: right;
	padding: 25px;
}

div.main div.left-block{
       width: 145px;
       float: left;
       margin: 0px 0 0 14px;
       display: inline;
}
div.main div.left-block ul.cornerMenu{
	list-style-type: none;
	line-height: 150%;
	margin: 0;
	border-top: 5px solid #cccccc;
}
div.main div.left-block ul.cornerMenu li{
	border-bottom: 1px solid #cccccc;
}
div.main div.left-block ul.cornerMenu li  a{
	display: block;
	width: 100%;
}
div.main div.left-block ul.cornerMenu li.list{
	margin-top: 15px;
	border-bottom: none;
}


/*----------------------------------------------------------------------
/			footer 
/----------------------------------------------------------------------*/
div#footer{
	font-size: 80%;
	text-align: left; 
	width: 556px;
	margin: 15px 0 0px 203px;
	padding:10px 0 30px 0;
	border-top: 1px solid #dddddd;
	color: #777777;

}
div#footer a{
	text-decoration: none;
}
div#footer a: visited{
	text-decoration: none;
}

div#footer  div.policyNavi{
	float: left;
	width: 130px;
	line-height: 150%;
}

div#footer  div.copyright{
	float: right;
	width: 400px;
	text-align: right;
	line-height: 150%;
}

/*----------------------------------------------------------------------
/			paragraph 
/----------------------------------------------------------------------*/
h1{
	margin: 0;
	padding:0;
}
h2{
	font-size: 120%;
	font-weight:bold;
	margin: 8px 0 27px 0;
	line-height: 150%;
}
h3{
	font-size: 100%;
	font-weight:bold;
	margin: 0 0 15px 0;
	background-color: #98B5D6;
	padding: 2px 10px;
	color: #ffffff;
}
h4{
	color: #660066;
	font-size: 110%;
	font-weight:bold;
	background-color: #ffffff;
	margin: 0 0 10px 0;
	padding: 0;
}
h5{
	font-size: 110%;
	font-weight:bold;
	margin: 0 0 5px 0;
}
p{
	margin: 0 0 20px 0;
}
p.bottom50{
	margin: 0 0 50px 0;
}
.caption{
	font-size: 85%;
}
/*----------------------------------------------------------------------
/			list
/----------------------------------------------------------------------*/
ol,ul{
	margin: 0 0 30px 25px;
}
ol li{
	margin: 0 0 10px 0;
}
ul li{
	margin: 0 0 3px 0;
}
dl{
}
dt{
}
dd{
	margin: 0 0 20px 1.1em;
}
/*----------------------------------------------------------------------
/			table
/----------------------------------------------------------------------*/
table.line{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-collapse: collapse;
	width: 100%;
	font-size: 100%;
}
table.line td{
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 2px 6px;
	vertical-align: top;
}
table.line th{
	text-align: left;
	padding: 2px 6px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
}


/*----------------------------------------------------------------------
/			etc
/----------------------------------------------------------------------*/
img.arrowIcon{
	margin-right: 6px;
	vertical-align: middle;
}
div.gotop{
	margin: 30px 0 0 0;
	text-align: right;

}
div.gotop a{
	padding: 15px  0px 15px 10px;
}

/*----------------------------------------------------------------------
/			side menu column
/----------------------------------------------------------------------*/
div.market_view_new{
	margin-top: 30px;
	background-color: #efefef;
	padding: 10px;
}
div.market_view_new ul.view{
	border-bottom: none;
	list-style-type: none;
	margin: 0;
	font-size: 85%;
	line-height: 150%;
}

div.market_view_new ul.view li span.day{
	display: block;

}
div.market_view_new ul.view li {
	margin-bottom: 15px;
}
div.market_view_new h4{
	color: #666666;
	background-image: none;
	padding: 0;
	font-size: 100%;
	margin-bottom: 10px;
}
/*----------------------------------------------------------------------
/			banner
/----------------------------------------------------------------------*/
div.bannar ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
div.bannar li{
	margin-bottom: 10px;
	background: none;
}
/*----------------------------------------------------------------------
/			print
/----------------------------------------------------------------------*/

@media print{
	body{
		background-image : none;	
	}
	div.wrapper{
		width: 100%;
	}
	div#header{
		width: 100%;
	}
	div#contents{
		width: 100%;
	}
	div.main div.left-block{
		display: none;
	}
	div.main div.right-block{
		width: 100%;	
	}
	div#header div.subNavi, div.gotop{
		display: none;
	}
	div#footer{
		width: 100%;
	}
	div.menu{
		display: none;
	}
	*{
		color: #000000;
	}

}