/* CSS Document */

/*==================== 
画像診断共通
==================== */
#main_s{
	width:720px;
	float:right;
	text-align:left;
	margin:0px;
	padding:20px 10px 20px 0;
}

/*==================== 
「読影指南」とは
==================== */
.img_dgns_ttl{
	text-align:left;
	display:block;
}

.img_dgns_txt1{
	text-align:left;
	margin-top:30px;
}

.dgns_haikei dl{
	clear:both;
}

.dgns_haikei dt{
	font-size:14px;
	font-weight:bold;
	color: #0099FF;
	padding-top:20px;
}

.dgns_haikei dd{
	font-size:12px;
	color:#333333;
	margin:0;
	padding-left:10px;
	padding-top:10px;
	line-height:150%;
}

#point{
	width:730px;
	height:120px;
	border:#004488 3px double;
	margin-top:20px;
}

.img_dgns_txt2{
	text-align:left;
	margin-top:10px;
	margin-left:10px;
}

.dgns_txt2{
	padding:0 15px;
}

/*==================== 
仕組み
==================== */
#str_main_s{
	width:720px;
	float:right;
	text-align:left;
	margin:0px;
	padding:10px 10px 20px 0;
}

#btn_base{
	width:633px;
	height:47px;
	background:url(../images/btn_base_on.jpg) no-repeat left bottom;
	margin-left:30px;
	margin-top:40px;
}
#btn_base a {
	display:block;
	width:633px;
	height:47px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#btn_base a:hover {
	text-indent:-9999px;
}

.base li{
	font-size:12px;
	color:#333;
	line-height:150%;
	list-style:none;	
}

.img_dgns_ttl{
	padding-top:10px;
}

.base_txt_b{
	color:#666666;
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding-top:30px;
}

.base_txt{
	color:#036;
}

#btn_sample {
	padding-top:10px;
	padding-left:5px;
}

/*==================== 
使い方
==================== */
.ht_movie{
	padding-bottom:20px;
}

#howto_menu li{
	list-style:none;
	color:#333333;
}

.ht_u a, .ht_d a{
	color:#333333;
	font-size:12px;
	text-decoration:underline;
	line-height:170%;
}

.ht_u a:hover, .ht_d a:hover{
	color:#333333;
	font-size:12px;
	text-decoration:none;
	line-height:170%;
}

#btn_trl {
	width:452px;
	height:96px;
	background:url(../images/btn_trial_on.jpg) no-repeat left bottom;
	margin-top:30px;
}
#btn_trl a {
	display:block;
	width:452px;
	height:96px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#btn_trl a:hover {
	text-indent:-9999px;
}

/*==================== 
使い方ページフッタ
==================== */
#main_footer{
	width:750px;
	float:right;
	text-align:left;
	font-size:11px;
	line-height:170%;
	margin:0;
	padding:0;
}

#main_footer ul{
	list-style:none;
	list-style-position:outside;
	margin:0px;
	padding-left:5px;
}

#footer_l{
	padding-top:10px;
}

#footer_l a{
	text-decoration:underline;
	font-weight:bold;
	color:#0066CC;
	margin:0;
}

#footer_l a:hover{
	text-decoration:none;
}


.ht_ft_ttl{
	font-size:11px;
	font-weight:bold;
	color: #0066CC;
	margin:0;
	padding-top:10px;
}

.ht_ft a{
	text-decoration:underline;
	color: #333333;
	font-size:10px;	
}

.ht_ft a:hover{
	text-decoration:none;
}


/*==================== 
こんな方におすすめ
==================== */
#point1{
	width:673px;
	height:390px;
	border:#0066CB 1px solid;
	padding:5px;
	margin:10px 5px;
}

#point2, #point3, #point4{
	width:332px;
	height:175px;
	border:#0066CB 1px solid;
	float:left;
	padding:5px;
	margin:10px 5px;
}
#point5{
	width:332px;
	height:175px;
	border:#FF6633 1px solid;
	background-color:#FFFFCC;
	float:left;
	padding:5px;
	margin:10px 5px;
}
.s_point1{
	clear:both;
	padding:5px 10px;
}
.point_ttl{
	font-weight:bold;
	color:#0066CC;
	text-decoration:underline;
	font-size:15px;
	margin:0;
	padding-top:8px;
	padding-left:8px;
}
.point_ttl1{
	padding-top:8px;
	padding-left:8px;
}
.point_ttl2{
	font-weight:bold;
	color:#333333;
	font-size:13px;
	margin:0;
	padding-top:10px;
}
.point_ttl5{
	padding-top:15px;
	padding-bottom:5px;
	padding-left:8px;
}
.point_txt{
	font-size:12px;
	line-height:150%;
	color:#333333;
	margin:0;
	padding:5px 10px;
}
.point_txt2{
	margin:0;
	padding-top:5px;
}
.img_pnt1{
	float:left;
	margin-top:5px;
}
.img_pnt5{
	float:right;
	margin-top:10px;
	margin-right:20px;
}
.txt_pnt5{
	width:160px;
	float:left;
	margin:10px;
	font-size:12px;
	line-height:150%;
	color:#333333;
}

/*==================== 
推奨環境
==================== */
#rq_main_s{
	width:720px;
	float:right;
	text-align:left;
	margin:0px;
	padding:20px 10px 20px 0;
}

#rq_main_s h3{
	font-size:13px;
	font-weight:bold;
	color:#333333;
}

.reqirement dd{
		font-size:12px;
		color:#333;
		line-height:180%;
}

.reqirement a{
		font-size:12px;
		color:#06C;
		text-decoration:underline;
		line-height:180%;
}

.reqirement a:hover{
		text-decoration:none;
}

/*==================== 
料金体系
==================== */
.price_txt{
	padding:10px;
}

/*==================== 
お試し学習
==================== */
#btn_trl_s {
	width:377px;
	height:81px;
	background:url(../images/btn_trial_s_on.jpg) no-repeat left bottom;
	margin-top:20px;
}
#btn_trl_s a {
	display:block;
	width:377px;
	height:81px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#btn_trl_s a:hover {
	text-indent:-9999px;
}

#btn_acount {
	width:248px;
	height:49px;
	background:url(../images/btn_acount_on.jpg) no-repeat left bottom;
	margin-top:20px;
}
#btn_acount a {
	display:block;
	width:248px;
	height:49px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#btn_acount a:hover {
	text-indent:-9999px;
}


/*==================== 
サイドメニュー
==================== */
#sideNabi{
	width:181px;
	height:599px;
	float:left;
	margin-top:20px;
}

#sideNabi ul{
	font-size:12px;
	width:181px;
	height:416px;
	display: block;
	padding:0;
	margin:0;
	list-style:none;
	border:#0099FF 1px solid;
	text-align:left;
	overflow:hidden;	
}

#sideNabi li{
	list-style:none;
	padding:0;
	margin:0;
	width:181px;
	height:52px;
	display:block;
}

.s_rollover01 a{
	color:#333333;
	text-decoration:none;	
	width:181px;
	height:52px;
	display:block;
	padding-left:35px;
	padding-top:10px;
	background:url(../images/bk_snavi_off_dgns.gif) no-repeat;
}

.s_rollover01_on a{
	color:#333333;
	text-decoration:none;	
	width:181px;
	height:52px;
	display:block;
	padding-left:35px;
	padding-top:10px;
	background:url(../images/bk_snavi_on_dgns.gif) no-repeat;
}

.s_rollover a{
	color:#333333;
	text-decoration:none;	
	width:181px;
	height:52px;
	display:block;
	padding-left:35px;
	padding-top:20px;
	background:url(../images/bk_snavi_off_dgns.gif) no-repeat;
}

.s_rollover a:hover, .s_rollover01 a:hover{
	background:url(../images/bk_snavi_on_dgns.gif) no-repeat;
}

.s_rollover_on a{
	color:#333333;
	text-decoration:none;	
	width:181px;
	height:52px;
	display:block;
	padding-left:35px;
	padding-top:20px;
	background:url(../images/bk_snavi_on_dgns.gif) no-repeat;
}


/*==================== 
配置
==================== */
#clearboth{
	clear:both;
}

#fleft-ansdisplay{
	float:left;
	width:300px;
}

#fright-ansdisplay{
	float:right;
	width:400px;
}

#fleft-caseimg{
	float:left;
	width:400px;
}

#fright-caseimg{
	float:right;
	width:300px;
}

#fleft1-prefixsuffix{
	float:left;
	width:240px;
}

#fright1-prefixsuffix{
	float:right;
	width:460px;
}

#fleft2-prefixsuffix{
	float:left;
	width:300px;
}

#fright2-prefixsuffix{
	float:right;
	width:400px;
}

/*==================== 
解説一覧
==================== */
.comment ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 150%;
}
.comment li {
	float: left;
	width: 300px;
	margin-right: 5px;
	padding: 2px;
	font-size:14px;
	color:#333;
}
.clear {
	clear: left;
}