@charset "utf-8";

img{max-width:630px;}

#feature h1{background:url(../images/bg_topmenu_01.jpg) no-repeat 10px center;}

#pex_point h1{background:url(../feature/images/bg_title_point.jpg) no-repeat 10px center; text-indent:10px;}

#tradeonesmart h1{background:url(../feature/images/bg_title_tradeonesmart.jpg) no-repeat 10px center; text-indent:10px;}

#tradeonesmart h1 span{color:#999999 !important;}

#charge h1{background:url(../feature/images/bg_title_charge.jpg) no-repeat 10px center; text-indent:10px;}

.campaign_copy_01{font-size:15px;}
.campaign_copy_02{font-size:18px !important;}



/* タイトル部分
--------------------*/

h1{
	color:#4a93ef;
	font-size:18px;
	background:url(../chart/images/sitebg.gif) repeat-x;
	line-height:32px;
	height:32px;
	padding-left:15px;
	margin-top:10px;
}

h1 span{
	background:url(../chart/images/icon1.gif) no-repeat left center;
	padding-left:18px;
}


/* 導入テキスト部分
--------------------*/

#intro{
	margin:15px 10px 0;
}

/* カテゴリ部分
--------------------*/
#catebox{
	width:315px;
	margin:0 auto;
}

#catebox ul{
	background:#ddd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px 0 0 10px;
	margin:15px 10px;
}

#catebox li{
	float:left;
	text-align:center;
	margin:0 10px 10px 0;
}

#catebox li img{
	border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

#catebox a{
	text-decoration:none;
}


/* 最後の文章部分
--------------------*/
#outro{
	margin:0 10px 15px;
}



/* チャート紹介部分
--------------------*/
h3{
	color:#4a93ef;
	font-size:16px;
	background:url(../chart/images/sitebg.gif) repeat-x;
	line-height:29px;
	height:29px;
	padding-left:10px;
	margin-top:15px;
}

h3 span{
	background:url(../chart/images/icon1.gif) no-repeat left center;
	padding-left:18px;
}

.sitebox div{
	margin:10px;
}

.siteimg{
	float:left;
	margin-right:10px;
}

.siteimg img{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

.sitetxt{
	float:left;
	width:200px;
}

@media screen and (min-width: 480px) {
	.sitetxt{
	float:left;
	width:360px;
	}
}

.sitebtn{text-align:center;}

.sitebtn a,
#homebtn a{
	display:block;
	text-decoration:none;
	text-shadow:0 1px 0 white;
	font-size:14px;
	font-weight:bold;
	line-height:37px;
	margin:0 auto;
	width:170px;
	height:35px;
	border:1px solid #8b8b8b;
	border-radius:4px;
	-webkit-border-radius:4px;
	background:-moz-linear-gradient(top,#f4f3f3,
									#ecebeb 50%,
									#e3e3e3 51%,
									#d9d9d9);
	background:-webkit-gradient(linear, left top, left bottom, from(#f4f3f3),
									color-stop(0.5, #ecebeb),
									color-stop(0.51, #e3e3e3),
									to(#d9d9d9));
}

.sitebtn a img{
	margin-left:5px;
}


/*-- ステップ部分 --*/

#step_point{width:100%;}
#step_point th{min-width:102px; min-height:55px;}
#step_point td{display:table-cell;}
#step_point th img{}
#step_point td img{}


/*-- ご利用にあたってのご注意点 テキスト部分 --*/

#caution_point{list-style-type:decimal;}
#caution_point li{ list-style-position:inside; padding:0px 0px 0px 20px !important; text-indent:-18px;}

/*---------------- トレードワン スマート ----------------*/

.tradeonesmart_pic{max-width:240px; margin-top:10px;}

#tradeonesmart h3 {margin-top:10px;}
#tradeonesmart h3 img{ width:30px; margin-right:5px;}

#span_point_04{display:block; padding-left:35px; margin-top:-24px; position:relative; overflow:hidden;}

#tradeonesmart_pic04_button{ width:100%; max-width:320px;}

#app_download{
	background:url(https://www.comtex.co.jp/images/registDiv_bkg.gif);
	margin-top:10px;
	padding:10px;
}

#app_download dt,#app_download dd{background:#ffffff;}

#app_download dt{ font-weight:bold; color:#13429a; text-align:center; padding-top:10px;}
#app_download dd{ text-align:center; padding:5px 0px 10px;}
#app_download dd img{width:100%; max-width:197px; margin-bottom:10px;}


/*---------------- 取扱銘柄手数料・建玉制限枚数 ----------------*/

.charge01 {
	color:#3366cc;
	margin:0px 2px;
	font-size:120%;
}

.charge02 {
	color:#ff0000;
	margin:0px 2px;
	font-size:120%;
}

#charge .table_common th,#charge .table_common td{ font-size:90%; letter-spacing:-0.1em; line-height:1.1em;}


@media screen and (min-width: 601px){#tos_br{display:none !important;}}

@media screen and (max-width: 600px){#span_point_04{margin-top:-30px; line-height:16px;}}

@media screen and (max-width: 480px) {
	#pex_point h1{
		background-size:24px 20px;
		background-position:5px center !important;
		text-indent:5px !important;
	}

	#tradeonesmart h1{
		background-size:21px 21px;
		background-position:5px center !important;
		text-indent:5px !important;
	}

	#charge h1{
		background-size:26px 20px;
		background-position:5px center !important;
		text-indent:5px !important;
		letter-spacing:-0.1em;
	}

	/*-- ポイント4の調整 --*/
	/*--#span_point_04{margin-top:-30px; line-height:16px;}--*/

	#tradeonesmart_pic04_button{ width:100%; max-width:280px;}

	#app_download dd img{width:120px; margin-bottom:10px;}
}


@media screen and (max-width: 320px) {
	
	#pex_point h1,#tradeonesmart h1{ background-position:5px center !important;}
	#tradeonesmart h1 span{ letter-spacing:-0.1em;}

	#charge h1{text-indent:2px !important; white-space:pre;}

	#charge h1 span{ float:none !important;}
	#charge h1 span.ls{margin: 0px -4px !important;}
	#charge h1 span.red{margin-left:3px !important;}

	/*-- ポイント4の調整 --*/
	#span_point_04{ letter-spacing:-0.1em;}

	#charge .table_common th,#charge .table_common td{ font-size:80% !important;}

}