@charset "UTF-8";
/*chartre.css*/


.chartre_bar{
background:url(../img/sec/sec_home_bar.gif) no-repeat;
width:970px;
height:76px;
}

.h_title{
text-indent:-9999px;
}


.chartre_main{
}

/* 広告枠 */
div.chartre_ad{
margin:0 0 20px 0;
text-align:center;
}
div.chartre_ad p{
margin:0;
padding:0;
font-size:12px;
}

/* チャートレキャンペーン */
div.campaigns{
margin:20px 0;
text-align:center;
}
div.campaigns p{
margin:0;
padding:10px 0;
font-size:14px;
}

div.vst_banner{
margin:15px 0 30px 0;
text-align:center;
}

.chartre_flash{
width:970px;
height:550px;
margin:20px 0 0 0;
}

.chartre_alert{
width:609px;
margin:0 auto;
}

.chartre_alert_header{
background:url(../img/sec/chartre/chartre_alert_header.gif) no-repeat;
width:609px;
height:10px;
font-size:1px;
}

.chartre_alert_body{
background:url(../img/sec/chartre/chartre_alert_body.gif) repeat-y;
width:609px;
}

.chartre_alert_body h4{
background:url(../../img/common/icon/alert_y_l.gif) no-repeat;
padding:3px 0 5px 38px;
font-size:16px;
margin:0 0 0 250px;
}

.chartre_alert_body ul{
margin:0;
padding:5px 0 10px 30px;
}

.banner_flash{
padding:0 0 7px 30px;
}

.banner_flash img{
vertical-align:middle;
}

div.g_point{
background:#F2F2C6;
border:solid 1px #E60012;
padding:5px 3px 3px 3px;
width:520px;
text-align:center;
margin:0 0 3px 0;
font-size:14px;
font-weight:bold;
}

.chartre_alert_footer{
background:url(../img/sec/chartre/chartre_alert_footer.gif) no-repeat;
width:609px;
height:10px;
font-size:1px;
}

div.chartre_regist{
text-indent:-9999px;
margin:0 auto 20px;
width:464px;
height:88px;
}

div.chartre_regist a{
display:block;
outline-style:none;
background:url(../img/sec/chartre/img_chartre_regist.png) 0 0 no-repeat;
width:464px;
height:88px;
}

div.chartre_regist a:hover{
display:block;
outline-style:none;
background:url(../img/sec/chartre/img_chartre_regist.png) 0 -150px no-repeat;
width:464px;
height:88px;
}


/*　chartre_main1 インタレストマッチ　*/
div.chartre_main1{
margin:10px auto;
padding:0 0 0 0;
width:560px;
}

div.chartre_main1 a.l_box{
display:block;
cursor:pointer;
float:left;
}

div.chartre_main1 dl{
float:left;
width:500px;
padding:0;
margin:10px 0 5px 0;
}

div.chartre_main1 dl dt.def2_adtitle{
background:url(../../img/common/icon/gray_arrow.gif) left center no-repeat;
float:left;
font-size:14px;
font-weight:bold;
line-height:1.2;
padding:0 5px 0 10px;
text-decoration:underline;
}

div.chartre_main1 dl dd.def2_adFooter{
float:left;
color:#71B537;
margin:0;
padding:3px 0 0 0;
font-size:12px;
line-height:1.2;
}

div.chartre_main1 dl dd.def2_adBody{
clear:both;
color:#666666;
font-size:12px;
line-height:1.7;
padding:0 0 0 0;
}

div.chartre_main1 ul.def2_overtureimHeight{
clear:both;
width:550px;
list-style:none outside none;
margin:0;
padding:2px;
text-align:right;
}

div.chartre_main1 ul.def2_overtureimHeight li,
div.chartre_main1 ul.def2_overtureimHeight li a,
div.chartre_main1 ul.def2_overtureimHeight li a:visited{
color:#999999;
font-size:11px;
}


/*
body,div,ol,li,p { 	margin:0;	padding:0;	zoom: 1;}
h1,h2,h3,h4,h5,h6 { 	margin:0;	padding:0;}
/*font-size
	Font-size Adjustment.
		77% = 10px	|	123.1% = 16px	|	167% = 22px
		85% = 11px	|	131% =  17px	|	174% = 23px 
		93% = 12px	|	138.5% = 18px	|	182% = 24px 
		100% = 13px	|	146.5% = 19px	|	189% = 25px 
		108% = 14px	|	153.9% = 20px	|	197% = 26px 
		116% = 15px	|	161.6% = 21px	| 
*/


/*編集不要*/
/*html, body {
	width :100%;
	height :100%;
}
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}
#ctr {
	text-align:center;
}
#wrap {
	margin :0 auto;
	background : #fff;
	width : 800px;
	height :100%;
}
#header {
	background : url(header.jpg) 0 0 no-repeat #fff;
	border-width : 0;
	width : 800px;
	height : 232px;
	text-align : right;
}
#header *{
	background : #1057a7;
	color : #fff;
	padding :0 0.5em;
	border : 1px #1057a7 solid;
	display :inline;
	font-size :90%; 
}
#swf {
	margin :0.2em auto 0;
	width :90%;
	height :90%;
}
#swf embed {
	background : transparent;
	width :100%;
	height :100%;
}

#update #header{
	background-image : none;
	text-align : left;
	height : 50px;
	border-width : 1px ;
}
#update #ctr {
	text-align:left;
}
#update #header h1{
	display :block;
	margin : 1em 0;
}*/


/******************
chartre_view
********************/

div.chartre_view{
width:470px;
border:solid 7px #AED7F3;
margin:10px auto 10px auto;
}


h1.chartre_view_title{
background:url(../img/sec/chartre/chartre_view/title_chartre_view.gif) right center no-repeat;
height:28px;
text-indent:-9999px;
margin:10px 13px 5px 0;
padding:0;
}

div.w_1_bg{
background:url(../img/sec/chartre/chartre_view/w_1_bg.jpg) no-repeat;
width:422px;
height:48px;
margin:0 auto;
padding:35px 10px 15px 10px;
text-align:left;
}

div.topi_1{
margin:0 0 20px 0;
}

div.topi_1 h2{
background:url(../img/sec/chartre/chartre_view/title_topi_1.gif) no-repeat;
height:32px;
text-indent:-9999px;
margin:0 0 13px 10px;
}

div.topi_1 p{
margin:2px 0 0 0;
padding:0 40px 0 40px;
text-align:left;
}

div.topi_2{
float:left;
text-align:left;
margin:0 0 5px 0;
padding:0 0 0 13px;
}

div.topi_2 h2{
background:url(../img/sec/chartre/chartre_view/title_topi_2.gif) no-repeat;
height:32px;
text-indent:-9999px;
margin:0 0 13px 0;
}

div.topi_2 img.candle_1{
float:left;
margin:0 10px 0 0;
}

div.topi_2 p{
float:left;
width:200px;
margin:0 0 10px 0;
padding:0;
}

div.topi_2_box{
clear:both;
background:url(../img/sec/chartre/chartre_view/w_bg.jpg) no-repeat;
width:442px;
height:55px;
padding:7px 0 0 0;
margin:0 0 15px 0;
}

div.topi_2_box table{
width:425px;
height:50px;
margin:0 0 0 21px;
}

div.topi_2_box td{
width:250px;
padding:0 0 0 15px;
}

div.topi_2 h3{
background:url(../img/sec/chartre/chartre_view/title_topi_2_candle.gif) 50% center no-repeat;
height:16px;
text-indent:-9999px;
margin:0 0 10px 0;
}

div.next{
clear:both;
padding:10px 0;
_padding:0 0 10px 0;
}

div.next table{
margin:0 auto;
}

div.next td{
border:1px solid #999999;
font-weight:bold;
padding:5px 5px 2px 5px;
}

div.next td.gray{
background:#F2F2F2;
}

img.candles{
padding:0 0 0 2px;
}

div.topi_3{
margin:0 0 20px 0;
}

div.w_2_bg{
background:url(../img/sec/chartre/chartre_view/w_2_bg.jpg) no-repeat;
width:422px;
height:51px;
margin:0 auto 15px auto;
padding:35px 10px 15px 10px;
text-align:left;
_line-height:130%;
}

div.topi_3 h2{
background:url(../img/sec/chartre/chartre_view/title_topi_3.gif) no-repeat;
height:32px;
text-indent:-9999px;
margin:0 0 13px 10px;
}

div.topi_3 p{
margin:0 0 0 0;
padding:2px 0 0 35px;
text-align:left;
}

div.topi_4{
margin:0 0 10px 0;
}

div.topi_4 h2{
background:url(../img/sec/chartre/chartre_view/title_topi_4.gif) no-repeat;
height:32px;
text-indent:-9999px;
margin:0 0 13px 10px;
}

div.topi_4 h3.sub_4_1{
background:url(../img/sec/chartre/chartre_view/sub_title_4_1.jpg) 50% 0 no-repeat;
height:71px;
text-indent:-9999px;
margin:0 0 10px 0;
}

div.topi_4 h3.sub_4_2{
background:url(../img/sec/chartre/chartre_view/sub_title_4_2.jpg) 50% 0 no-repeat;
height:70px;
text-indent:-9999px;
margin:0 0 13px 0;
}

div.topi_4 h3.sub_4_3{
background:url(../img/sec/chartre/chartre_view/sub_title_4_3.jpg) 50% 0 no-repeat;
height:71px;
text-indent:-9999px;
margin:0 0 10px 0;
}

img.topi_4_img{
margin:0 0 15px 0;
}

div.topi_4 p{
margin:0 0 0 0;
padding:0 0 0 35px;
text-align:left;
}

div.topi_5{
margin:0 0 20px 0;
}

div.topi_5 h2{
background:url(../img/sec/chartre/chartre_view/title_topi_5.gif) no-repeat;
height:32px;
text-indent:-9999px;
margin:0 0 13px 10px;
}

div.topi_5 img{
float:left;
padding:0 10px;
}

div.topi_5 p{
float:left;
text-align:left;
width:200px;
margin:0;
padding:0;
}

div.topi_6{
margin:0 0 20px 0;
}

div.topi_6 h2{
background:url(../img/sec/chartre/chartre_view/title_topi_6.gif) no-repeat;
height:32px;
text-indent:-9999px;
margin:0 0 13px 10px;
}

div.w_3_bg{
background:url(../img/sec/chartre/chartre_view/w_3_bg.jpg) no-repeat;
width:422px;
height:51px;
margin:0 auto 15px auto;
padding:35px 10px 15px 10px;
text-align:left;
_line-height:130%;
}

div.topi_6 p{
margin:0 0 0 0;
padding:2px 40px;
text-align:left;
}

div.topi_7{
float:left;
margin:0;
}

div.topi_7 h2{
background:url(../img/sec/chartre/chartre_view/title_topi_7.gif) no-repeat;
height:32px;
text-indent:-9999px;
margin:0 0 13px 10px;
}

div.topi_7 img{
float:left;
padding:0 10px;
}

div.topi_7 p{
float:left;
text-align:left;
width:200px;
margin:0;
padding:0;
}




.chartre_ranking_bottom{
width:470px;
margin:15px auto 20px auto;
}