/***** セールスページ用CSS *********************************************************/

@media screen and (min-device-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

header, .menu, .buy_smart, #top, .index_m, .links_m, .f_t, .open_close, #goods09, #warranty_m {display:none;}

body {
	margin:0;
	/*background-color:#F3F1E9;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.3em;
	}


img {border:0;}


h1,form,dt,dl,dd {
	margin:0;
	padding:0;
	}


.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	margin-top:-1px;
	}


.width {
	width:940px;
	margin:0 auto;
	background-color: #FFF;
	}



/***** パンくず ****/

.pankuzu {
	font-size:80%;
	margin:15px 0 10px;
	color:#333;
	font-weight:bold;
}

.pankuzu a {font-weight:normal;}


.pankuzu a:hover {

}



/**** ヘッダー ****/



#head {
	background-color:#FFF;
	padding:13px 0 11px;
	margin:0;
}

#head .logo {float:left;}

#head .text {float:left;}

#head .text p {margin:0 0 0 15px;}

#head .text .size12 {
	font-size:12px;
	font-weight:bold;
	margin-top:2px;
}

#head .text .color {color:#F90;}

#head .text .size10 {
	font-size:10px;
	margin-top:2px;
}

#head .tell {float:right;}




/**** グローバルナビ ****/

.button {
	background:url(../bom_bst/images/button/bg.jpg);
	height:52px;
}


.button dt {
	float:left;
	font-size:80%;
	font-weight:bold;
}

.button dt a {
	background:url(../bom_bst/images/button/button.jpg) no-repeat;
	width:121px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#000;
	height /**/:46px;
	padding-top /**/:6px;
	line-height /**/:52px;
	_height:27px;
	_padding-top:25px;
}

.button dt a:hover {background:url(../bom_bst/images/button/rool.jpg) no-repeat;}

.button .active a {
	background:url(../bom_bst/images/button/active.jpg) no-repeat;
	width:121px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#000;
	height /**/:46px;
	padding-top /**/:6px;
	line-height /**/:52px;
	_height:27px;
	_padding-top:25px;
}

.button .active a:hover {background:url(../bom_bst/images/button/active.jpg) no-repeat;}




/* CSS Document */

.content {
	border:solid 1px #E4E1CB;
	background-color:#FFF;
	margin-top:0px;
	font-size:110%;
}


.content .top_title {margin:10px 0;}

.content .top_title .left {
	float:left;
	/* [disabled]width:650px; */
	margin-left/**/:15px;
	_margin-left:5px;
}


/*.content .top_title .left p {
	color:#CC0000;
	font-size:30px;
	font-weight:bold;
	background-color:#FFDFDF;
	width:380px;
	}*/


.content .top_title .right {
	float:right;
	width:255px;
	margin-right/**/:10px;
	_margin-right:5px;
}


.content .top_title p {
	font-size:12px;
	line-height:160%;
	padding:0 10px;
}


.trial_bt_r a {
	filter: alpha(opacity=100);
	opacity: 1.0;
	}

.trial_bt_r a:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
	}



.content .bt01 {
	width:255px;
	height:46px;
	margin-top:5px;
	margin-bottom:10px;
}

.content .bt01 a {
	background:url(../bom_bst/images/button/bt_money_01.jpg) no-repeat;
	width:255px;
	height:46px;
	display:block;
}

.content .bt01 a:hover {
	background:url(../bom_bst/images/button/bt_money_02.jpg) no-repeat;
}

.content .bt01 a:hover img {
	position:relative;
	z-index:-1;
}

.content .bt01 img {/display:none;}



.content .try_mid {
	width:255px;
	height:46px;
	margin-top:5px;
	margin-bottom:10px;
}

.content .try_mid a {
	background:url(../img/button/bttn_trial_mid.jpg) no-repeat;
	width:255px;
	height:46px;
	display:block;
}

.content .try_mid a:hover {
	background:url(../img/button/bttn_trial_mid_ov.jpg) no-repeat;
}

.content .try_mid a:hover img {
	position:relative;
	z-index:-1;
}

.content .try_mid img {/display:none;}





.content .top_banner {
	background:url(../bom_bst/images/other/top_banner.jpg) no-repeat;
	height:68px;
	padding:480px 0 0 673px;
}




/* CSS Document */

.content .goods_left {
	float:left;
	width:680px;
	margin/**/:25px 0 0 20px;
	_margin:0 0 0 10px;
	/* [disabled]border-right:dotted 1px #CCC; */
	padding:0 15px 0 0;
	}


.content .goods_left p {
	/* [disabled]margin:0; */
}

.content .goods_left .title {
	width:665px;
	padding:0 0 3px 10px;
	margin:10px 0 20px;
	font-size:130%;
	font-weight:bold;
	border-left:solid 5px #FF7700;
	border-bottom:dotted 1px #CCC;
	color: #333;
	}


.content .goods_left .box {
	padding:0 20px 15px;
	font-size:16px;
	line-height:1.6em;
}


.content .goods_left .box img {
	/* [disabled]padding:0px; */
	margin: 0 15px 10px 0;
	}



.content .goods_left .box p {
	/* [disabled]margin:0 0 20px; */
}


.list_strong {margin:50px 0;}

.list_strong dt {
	background:url(../bom_bst/images/other/icon_01.jpg) no-repeat;
	margin:20px 0 20px 10px;
	padding:3px 0 5px 30px;
	font-size:90%;
	line-height:150%;
}

.speace01 {margin:0 0 40px;}


.content .goods_left .i_title {
	text-align:center;
	margin:60px 0;
	}



.img_left {
	float:left;
	margin:0 20px 10px 0;
	}

.img_right {
	float:right;
	margin:0 0 10px 20px;
	}


.list_style {margin:50px 0;}


.list_style dt {
	background:url(../bom_bst/images/other/icon_01.jpg) no-repeat;
	margin:20px 0 0 8px;
	padding:3px 0 0 32px;
	font-size:120%;
	line-height:130%;
	font-weight:bold;
	}


.list_style dd {
	margin:10px 0 30px 0;
	padding:0 0 30px 40px;
	border-bottom:dotted 1px #CCC;
	font-size:90%;
	line-height:150%;
	}


.list_style dd .page {
	padding-left:10px;
	color:#F00;
	}



/**** 90日間保証 ****/

.warranty {
	background:url(../bom_bst/images/other/90.jpg) no-repeat;
	padding-left:170px;
	}



.warranty_box {
	background:#FFF;
	-moz-box-shadow: 2px 2px 10px #DDD;
	-webkit-box-shadow: 2px 2px 10px #DDD;
	border:solid 1px #DDD;
	padding:15px;
	font-size:90%;
	line-height:150%;
	background-color:#F3F3F3;
	}


.warranty_box br {
	display:block;
	margin:10px;
	}




/**** 目次 ****/

.mokuji {margin:0 0 30px;}

.mokuji dd {
	padding:0 0 30px 95px;
	margin:-10px 0 0 0;
	border-bottom:dotted 1px #CCC;
	font-size:90%;
	line-height:180%;
	}



/**** サイドバー ****/

.content .goods_right {
	width:200px;
	float:right;
	margin/**/:25px 11px 0 0;
	_margin:0 5px 0 0;
	font-size:80%;
	}


.content .goods_right .menu_title {
	margin:0 0 5px;
	background:url(../img/button/pager_ttl.jpg) no-repeat;
	width:200px;
	height:30px;
	}


.content .goods_right dl dt a {
	color:#666;
	padding:8px 0 6px 5px;
	display:block;
	text-decoration:none;
	border-bottom:dotted 1px #CCC;
	}

.content .goods_right dl dt a:hover {
	background-color:#E7E7E7;
	font-weight:bold;
	color:#000;
	}



.content .goods_right .buy {margin:0 0 0 0;}

.content .goods_right .buy a {
	background:url(../img/button/bttn_buy_small.jpg) no-repeat;
	width:180px;
	height:34px;
	display:block;
}

.content .goods_right .buy a:hover {
	background:url(../img/button/bttn_buy_small_ov.jpg) no-repeat;
}

.content .goods_right .buy a:hover img {
	position:relative;
	z-index:-1;
}

.content .goods_right .buy img {
	/display:none;
}



.content .goods_right .try {margin:0 0 0 0;}

.content .goods_right .try a {
	background:url(../img/button/bttn_trial_small.jpg) no-repeat;
	width:180px;
	height:34px;
	display:block;
}

.content .goods_right .try a:hover {
	background:url(../img/button/bttn_trial_small_ov.jpg) no-repeat;
}

.content .goods_right .try a:hover img {
	position:relative;
	z-index:-1;
}

.content .goods_right .try img {
	/display:none;
}



.content .goods_right .back {margin:5px 0 0;}

.content .goods_right .back a {
	background:url(../img/pagetop.jpg) no-repeat;
	background-position:right;
	width:200px;
	height:26px;
	display:block;
	}

.content .goods_right .back a:hover {
	background:url(../img/pagetop_over.jpg) no-repeat;
	background-position:right;
	}

.content .goods_right .back a:hover img {
	position:relative;
	z-index:-1;
}

.content .goods_right .back img {
	/display:none;
}



#running {
	padding:0 0;
	width: 200px;
	}


#running p {font-size:11px;}





/* CSS Document */

.chapter_left {
	width:320px;
	float:left;
	margin:0px 0 0;
	padding-left: 10px;
	}

.chapter_left .part {
	font-size:16px;
	font-weight:bold;
	margin:40px 0 15px;
	background-color: #FFDAB5;
	padding:3px 10px;
	}

.part2 {
	font-size:13px;
	font-weight:bold;
	margin:10px 0;
	/* [disabled]background-color: #FFDAB5; */
	padding:3px 10px;
	text-decoration: underline;
	}

.block {
	color:#F00;
	font-weight:bold;
	font-size:16px;
	background-color:#FFE6E6;
	border: 1px #666666 dotted;
	margin-bottom:15px;
	padding: 5px;
	}


.chapter_left .chapter {
	border-left:solid 4px #F00;
	border-bottom:dotted 1px #CCC;
	padding:0 0 0 8px;
	font-size:14px;
	/* [disabled]margin-left:5px; */
	font-weight:bold;
	margin-bottom: 3px;
	margin-top: 5px;
	}

.chapter_left .chapter strong {color:#F00;}

.chapter_left dl {margin:10px 0 25px;}

.chapter_left dt {
	font-size:70%;
	/* [disabled]padding:3px 0 3px 10px; */
	/* [disabled]text-indent:10px; */
	}

.chapter_left dt strong {
	font-size:85%;
	padding-right:5px;
	}

.chapter_right {
	width:330px;
	float:right;
	margin:0 0 0;
	}


.chapter_right .part {
	font-size:17px;
	font-weight:bold;
	margin:40px 0 15px;
	background-color: #FFDAB5;
	padding:3px 10px;
	}



.chapter_right .chapter {
	border-left:solid 4px #F00;
	border-bottom:dotted 1px #CCC;
	padding:0 0 0 8px;
	font-size:14px;
	/* [disabled]margin-left:5px; */
	font-weight:bold;
	margin-bottom: 3px;
	margin-top: 5px;
	}

.chapter_right .chapter strong {color:#F00;}


.chapter_right dl {margin:10px 0 25px;}

.chapter_right dt {
	font-size:70%;
	/* [disabled]padding:3px 0 3px 10px; */
	/* [disabled]text-indent:10px; */
	}

.chapter_right dt strong {
	font-size:85%;
	padding-right:3px;
	}



/* CSS Document */

.test_title {
	text-align:center;
	margin:50px 0 40px;
	}

.big_title01 {
	font-size:28px;
	line-height:1.3em;
	font-weight:bold;
	text-align:center;
	margin:40px 0;
	}


.big_title02 {
	font-size:24px;
	line-height:1.3em;
	font-weight:bold;
	text-align:center;
	margin:30px 0;
	}


.bt {text-align:center;
 	 margin:20px 0;
	 }

.bt a {filter: alpha(opacity=100);
	   opacity: 1.0;
	   }

.bt a:hover {filter: alpha(opacity=50);
             opacity: 0.5;
			 }


/* CSS Document */

.site_link {
	text-align:center;
	margin:13px 0;
	font-size:70%;
	color:#999;
	}

.site_link a {padding:0 7px;}

.link {background-color:#E4DFCB;}

.link .width {
	background:url(../img/footer/policy.jpg) no-repeat;
	background-position:right center;
	background-color:#E4DFCB;
}

.link .novice {padding:14px 0 10px;}

.link dl,dt,dd {margin:0;}

.link dl {float:left;}

.link dt {
	background:url(../img/footer/arrow.jpg) no-repeat;
	background-position:left center;
	font-size:75%;
	padding:0 0 8px 8px;
	margin-right:40px;
	}

.link dt a {color:#000;}




.privacy_mark {
	width:78px;
	height:85px;
	float:right;
	margin:-3px 307px 0 0;
	}



.copyright {
	font-size:70%;
	color:#FFF;
	text-align:center;
	background:url(../img/copyright.jpg);
	height:28px;
	line-height:28px;
	}



/* ################## COLOR Document ####################### */

.red {color: #EC0000;}

.blue {color:#039;}

.orange {color:#F60;}

.yellow {background-color:#FFFF00;}

.bold {font-weight:bold;}

.u {text-decoration:underline;}

.red_big {font-size:130%;
		  color:#EC0000;
		  font-weight:bold;}

.red_big2 {font-size:115%;
		  color:#EC0000;
		  font-weight:bold;}

.big_no {font-size:135%;
		 font-weight:bold;
		 color:#333;}






.warranty_exp {
	border:#06F 1px solid;
	padding:10px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
}
.warranty_exp p {padding:0 20px;}
.warranty_exp img {border-bottom:#06F 2px solid;
				   padding-bottom:3px;}
.warranty_notice {font-size:14px;}



.comentbox {
	background-color:#F5F5F5;
	padding:2px 10px;
	margin-bottom: 15px;
}				   


.auther_books {
	margin:30px auto;
	text-align: center;
}

.index_items {
	font-size:15px;
	padding-left: 15px;
	margin: 10px 0 0 0;
	margin-top: 10px;
}

.chapter_ttl {
	border-left:solid 4px #F00;
	border-bottom:dotted 1px #CCC;
	padding:0 0 0 8px;
	font-size:18px;
	/* [disabled]margin-left:5px; */
	font-weight:bold;
	margin-bottom: 0px;
	margin-top: 25px;
	color: #333;
}

.ttl_summary {font-size:24px; font-weight:bold;
			  border-top:1px #CCCCCC dotted;
			  border-bottom:1px #CCCCCC dotted;
			  padding:5px 0;}
			  
			  

/**** 新目次フォーマット ****/


#index_box1, #index_box2 {float:left; width:49%;}

#index_box2 {margin-left:2%;}

.index {
	width:650px;
	margin:0 auto 15px auto;
	font-size:13px;
	border:none;
	line-height:1.9em;
}



.index_left,.index_right {width:50%;}

.index_right {padding-left:10px;}

.index_chapter {
	border-left:solid 4px #F00;
	border-bottom:dotted 1px #CCC;
	padding:0 0 0 8px;
	font-size:17px;
	/* [disabled]margin-left:5px; */
	font-weight:bold;
	margin-bottom: 3px;
	margin-top: 30px;}
	
.partbox {background-color:#F0F0F0; font-size:15px; font-weight:bold; padding:10px;}

#index_box1, #index_box2 {font-size:12px;}

.nomal {font-weight:normal;}

.smaller {font-size:13px;}

.tbl_agmt p {margin-top:0;}


/*** 3つの保証 ***/
.icons {width:16%; padding:10px 5px;}

.warranty_txt {width:84%; padding:10px 5px;}

}