@charset "shift_jis";


/*reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

img {
	border:none;
}

/* common*/

body{
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ";
	color:#336;
	letter-spacing:0.1px;
	background:#fff;
	font-size:0.875em;
	line-height:1.428em;
	}

a {
	color:#666;
	}

a:visited{
	color:#666;
	}

a:hover{
	text-decoration:none;
	}

a img {
	cursor:pointer;
	}

/* common */

.top_back {
	padding-top:5px;
	text-align:right;
	font-size:0.714em;
	clear:both;
}

.clear {
	clear:both;
	width:100%;
	line-height:0;
	font-size:0;
	}

.clearAll {	
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

.pr15 {padding-right:15px;}

.pb5 {padding-bottom:5px;}
.pb15 {padding-bottom:15px;}

.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}


.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}


/* (div#container) */

#container {
	width:750px;
	margin:0 auto;
	}


/* (div#header) */

#header {
	text-align:center;
	font-size:0.875em;
	padding:0.5em 0;
	}

.navi_link {
	height:50px;
	background-image:url(../../img/navi_link_bg.gif);
	background-repeat:no-repeat;
}

.navi_shadow {
	clear:both;
	line-height:0;
	font-size:0;
	height:2px;
	background-image:url(../../img/top_shadow.gif);
	background-repeat:repeat-x;
}
.navi_link img {
	vertical-align:bottom;
}

.navi_link li {
	display:inline;
	margin-right:1px;
}

.navi_link ul .pd0 {
	margin-right:0px;
}

/* contents */

h2 {
	width:730px;
	height:26px;
	padding-left:20px;
	padding-top:4px;
	margin-bottom:23px;
	background:url(../../img/headline_bg.jpg) no-repeat left;
	color:#2f77f3;
	font-size:18px;
	line-height:26px;
}

.cb_box {
	clear:both;
	width:750px;
	margin-top:60px;
}

	/* box01 */

.cb_img11,.cb_img12 {
	float:left;
	width:370px;
}

.cb_img11 p,.cb_img12 p {
	text-align:center;
	color:#ff5123;
	font-weight:bold;
	font-size:0.875em;
}

.cb_img11 p img,.cb_img12 p img {
	margin-bottom:5px;
}

.cb_img11 {
	padding-right:10px;
}

	/* box02 */

h3 {
	width:334px;
	height:23px;
	padding-left:36px;
	padding-top:6px;
	margin-bottom:8px;
	background:no-repeat left;
	color:#4b60ff;
	font-size:16px;
	line-height:23px;
}

.cb_img21 h3 {
	background-image:url(../../img/cbctgr_img201.gif);
}
.cb_img22 h3 {
	background-image:url(../../img/cbctgr_img202.gif);
}
.cb_img23 h3 {
	background-image:url(../../img/cbctgr_img203.gif);
}

.cb_img21,.cb_img22,.cb_img23,.cb_img24 {
	float:left;
	width:370px;
}

.cb2_txt,.cb2_img {
	float:left;
}
.cb2_txt {
	font-size:0.857em;
	padding-left:15px;
}
.cb_img21 .cb2_txt {
	width:134px;
}
.cb_img22 .cb2_txt,.cb_img23 .cb2_txt {
	width:179px;
}

.cb2_img img {
	padding-left:10px;
}



.cb_img21,.cb_img23 {
	padding-right:10px;
}

.cb_img23,.cb_img24 {
	margin-top:10px;
}


.cb_img24 {
	height:214px;
	background-image:url(../../img/cbctgr_img204.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.cb_img24 img {	
	margin:183px 0 0 8px;
}

	/* box03 */

.cb_img30 {
	float:left;
	width:375px;
}

.cb_img30 p {
	text-align:center;
	color:#ff5123;
	font-weight:bold;
	font-size:0.875em;
}

.cb_img30 img {
	margin-left:80px;
	margin-bottom:5px;
}

.small_font {
	font-size:0.714em;
}

	/* box04 */

.cb_img4 {
	float:right;
	padding-left:10px;
}

	/* box05 */

.magazine {
	color:#ff2356;
}

	/* box07 */

.cb_user {
	font-size:0.875em;
	line-height:1.5;
}

.model_pic {
	width:182px;
	float:right;
	background-color:#ecf8ff;
	margin-left:10px;
	margin-bottom:10px;
}

.model_pic img {
	margin:2px;
}

.model_pic p {
	padding:3px;
	font-size:0.833em;
}

.user_name {
	color:#ff2356;
	font-size:1.5em;
}

.model_words {
	background-color:#ecf8ff;
	font-size:1.166em;
	padding:0 7px;
	color:#4b60ff;
}

	/* box05 */

.cb_qaa {
	padding-left:2em;
	text-indent:-2em;
	line-height:1.428em;
}

.ques_txt {
	color:#4b60ff;
}

.answ_txt {
	padding-bottom:20px;
}

.answ_txt:first-letter {
	color:#ff2356;
}

	/* cart */

.cb_cart {
	clear:both;
	width:593px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
}

.cart_txt {
	width:360px;
	float:left;
}

.cart_img {
	width:233px;
	float:left;
}

.cart_ttl {
	line-height:1.5em;
	font-size:1.428em;
	color:#2f77f3;
	padding-bottom:0.5em;
}

.price {
	text-align:right;
	padding:1.5em 0 1em;
}

/* footer */

#footer {
	width:750px;
	margin-top:50px;
	font-size:62.5%;
	}

#footer ul {
	padding-top:10px;
	border-top:5px solid #4b60ff;
	margin-bottom:30px;
	}

#footer ul li {
	display:inline;
	}

#footer address {
	text-align:center;
	margin-bottom:10px;
	}




/* links */

#linkttl {
	width:97%;
	margin:15px 0 0 15px;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	}

#links {
	width:750px;
	font-size:88%;
	}

#links ul {
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	color:#361315;
	margin:10px 0 30px 10px;
	}

#links ul li {
	}

#links address {
	background:url(../../img/line.gif) no-repeat;
	padding-top:20px;
	text-align:center;
	margin-bottom:10px;
	}



/* content */

#content {
	margin:15px 0;
	background:#fffeef;
	border:1px solid #ccc;
	padding:15px;
	}

#content h3 {
	color:#9b9e34;
	font-weight:bold;
	font-size:170%;
	}

#content p.txt {
	padding:10px 0;
	}
	
	
/* How to Page */

.howtopage {
	width:630px;
	margin:0px auto;
}

.width50 {
	width:315px;;
	padding-top:5px;
	font-size:0.714em;
	float:left;
}

.txt_r {
	text-align:right;
}