/***** メインサイト（http://www.directbook.jp）用CSS *********************************************************/

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


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

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;
	/* [disabled]background-color: #FFF; */
	min-width: 847px;
	}


/* CSS Document */

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

.pankuzu a {font-weight:normal;}

.pankuzu a:hover {

}


/* CSS Document */

#header {
	margin:15px 15px 0 15px;
	zoom:100%;
	}

#header h1 {
	float:left;
	padding:5px 20px 0 10px;
	}

#header .navigation {
	float:left;
	font-size:75%;
	line-height:34px;
	color:#333;
	}

#header .navigation span {
	color:#F90;
	font-weight:bold;
	}

#header .call {float:right;}

#header:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	}


/* CSS Document */


.button {
	/*padding:0 3px;*/
	margin:6px 0;
	}

.button {
	background: url(http://directbook.s3.amazonaws.com/site/images/button/bg.jpg) repeat-x /*repeat scroll*/ 0% 0% transparent;
	height: 52px;
	text-align: center;
	width: 100%;
	}

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

.button dt a {
	background:url(http://directbook.s3.amazonaws.com/site/images/button/button.jpg) no-repeat;
	width:121px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#000;
	padding-top:25px;
	padding-bottom:11px;

	}

.button dt a:hover {background:url(http://directbook.s3.amazonaws.com/site/images/button/rool.jpg) no-repeat;}

.button .active a {
	background:url(http://directbook.s3.amazonaws.com/site/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(http://directbook.s3.amazonaws.com/site/images/button/active.jpg) no-repeat;}



a {color:#003399;}

a:hover {color:#F90;}



#guidebox_sc {
	width:217px;
	padding:0 0 15px;
	}


/* CSS Document */



.goods {
	margin:15px 0 0;
	padding:15px;
	/* [disabled]border-bottom:dotted 2px #CCC; */
}

.goods table {
	width:97%;
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
}

.goods td {
	vertical-align:top;
	padding:5px 15px 15px;
}

.goods td.picture {
	width:300px;
	min-width:300px;
	padding:0;
}

.goods td .title {
	font-size:110%;
	font-weight:bold;
	color:#000;
	min-width:500px;
}

.goods td .name {
	font-size:60%;
	padding-bottom:10px;
	margin:5px 0 7px;
	border-bottom:dotted 1px #CCC;
}

.goods td .name span {
	color:#003399;
	/* [disabled]text-decoration:underline; */
}

.goods td .price {
	font-size:60%;
	color:#666;
	margin:0 0 10px;
}

.goods td .price span {
	font-size:20px;
	color:#900;
	padding:0 0 0 5px;
	font-weight: bold;
}

.goods td .price strong {
	font-size:16px;
	color:#000;
	padding:0 0 0 5px;
}

.goods td .stock {
	font-size:60%;
	margin:0 0 15px;
}

.goods td .stock span {
	font-size:22px;
	color:#090;
	font-weight:bold;
}

.goods td .stock a {
	font-weight:bold;
}

.goods td .status {

	font-size:60%;

	color:#900;

	margin:0 0 10px;

}

.goods td .delivery {

	font-size:60%;
	line-height:1.4em;

}





/* CSS Document */



.goods td.buy {
	width:217px;
	padding:0;
	/* [disabled]padding-right: 10px; */

}



.goods td.buy .box {

	text-align:center;

	background-color:#C0DBF2;

	border:solid 1px #6DAEE1;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	border-radius:5px 5px 0 0;

	border-bottom:0;
	margin-top:10px;

}

.goods td.buy .box p {

	margin:5px 0;

}

.goods td.buy .box p.text {

	font-size:60%;

	padding:3px 0 8px;

	margin:0;

}



.goods td.buy .box_bottom {

	font-size:80%;

	font-weight:bold;

	text-align:center;

}

.goods td.buy .box_bottom {

	padding:10px 0;

	background-color:#EBF3FE;

	border:solid 1px #6DAEE1;

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-bottomright: 5px;

	border-radius /**/:0 0 5px 5px;

	border-top /**/:0;

}

.goods td.buy .box_bottom a {

	display:block;

	background:url(../img/az/guides.jpg);

	border:solid 1px #888857;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-bottomright: 5px;

	-moz-border-radius-bottomleft: 5px;

	border-radius: 5px;

	width:170px;

	margin:0 auto;

	padding:3px 0;

	text-decoration:none;

	color:#020166;

}

.goods td.buy .box_bottom a:hover {

	color:#020166;

}



.goods td.buy .navigation {
	background-color:#F8F5D7;
	border:solid 1px #C5C594;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 5px;
	padding:10px;
	margin:10px 0;
	line-height: 1.5em;

}

.goods td.buy .navigation li {
	list-style:none;
	font-size:80%;
	font-weight:bold;

}

.goods td.buy .navigation li a {
	/* [disabled]display |**|:block; */

}

.buy_smart {display:none;}

.product_description {
	margin:15px 280px 0 0;
	padding:10px 0 0;
	border-top:dotted 2px #CCC;
	font-size:85%;
	line-height:1.4em;
	min-width: 800px;
}



.title {

	color:#CC6600;

	font-size:140%;

	line-height:130%;

	font-weight:bold;

}

.product_description p {
	margin:20px 0 10px 20px;
	line-height: 1.5em;

}



.product_description .speace {

	margin:30px 0 0 20px;

}



.product_description .book_img {

	text-align:center;

	padding:20px 0 10px;

}



.product_description .img_right {

	float:right;

	padding:0 12px;

}







/* CSS Document */



.bonus {
	margin:15px 280px 0 0;
	padding:10px 0 0;
	border-top:dotted 2px #CCC;
	font-size:85%;
	line-height:130%;
	height: auto;

}



.bonus p {

	margin:10px 0 10px 20px;

}







/* CSS Document */



.warranty {
	margin:15px 280px 0 0;
	padding:10px 0 0;
	border-top:dotted 2px #CCC;
	font-size:85%;
	line-height:130%;
	min-width: 800px;

}



.warranty p {

	margin:10px 0 10px 20px;

}







/* CSS Document */



.register {
	margin:15px 280px 0 0;
	padding:10px 0 0;
	border-top:dotted 2px #CCC;
	font-size:85%;
	line-height:130%;
	min-width: 800px;

}



.register p {

	margin:10px 0 10px 20px;

}







/* CSS Document */



.table_of_contents {
	margin:15px 280px 0 0;
	padding:10px 0 0;
	border-top:dotted 2px #CCC;
	font-size:85%;
	line-height:130%;
	min-width: 800px;

}



.table_of_contents p {

	margin:10px 0 10px 20px;

}







/* CSS Document */



.customer {
	margin:15px 280px 0 0;
	padding:10px 0 0;
	border-top:dotted 2px #CCC;
	font-size:85%;
	line-height:130%;
	min-width: 800px;

}



.customer .box {

	margin:10px 0 10px 20px;

}

.customer .box .comment {

	font-size:80%;

}

.customer .box .comment strong {

	font-size:120%;

	margin:0 10px 0 0;

}

.customer .box .comment p {

	margin:0 0 30px;

	font-size:90%;

}





/*.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 .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 .title {
	width:665px;
	padding:2px 0 0 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:175%;
	}

.content .goods_left .box img {
	/* [disabled]padding:0px; */
	margin: 0 20px 15px 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;
	}


/*.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(http://directbook.s3.amazonaws.com/site/images/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(http://directbook.s3.amazonaws.com/site/images/button/bttn_buy_small.jpg) no-repeat;
	width:180px;
	height:34px;
	display:block;
	}

.content .goods_right .buy a:hover {background:url(http://directbook.s3.amazonaws.com/site/images/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 .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:17px;
	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%;
	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:0px 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%;
	padding:3px 0 3px 10px;
	/* [disabled]text-indent:10px; */
}

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


/* 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;
	text-align: center;
}

.link .width {
	background:url(http://directbook.s3.amazonaws.com/site/images/footer/policy.jpg) no-repeat;
	background-position:right center;
	margin:0 auto;
	padding-left:10px;
	text-align:justify;
}

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

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

.link dl {float:left;}

.link dt {
	background:url(http://directbook.s3.amazonaws.com/site/images/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:-12px 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;
}

.topic {
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:10px;
	margin-top: 25px;
	margin-left: 20px;
		}
		
header, #top, .menu, .f_t, .links_m, #wptouch-menu, #headerbar, #footer_m, .warranty_mBox, .open_close, .copyright_m {display:none;}

.bom_tp {margin-left:1em;}
.bom_tp li {margin-bottom:0.8em;}

.comentbox {
	width:90%;
	background-color:#F5F5F5;
	padding:2px 10px;
	margin:15px auto;
}

#pr {text-align:center; font-size:80%; margin-bottom:10px;}

.tax { padding:0 !important; font-size:1.5em !important}

}