@charset "utf-8";

/*=================================================
main.css
┌─┬────┬─┐
│　│　　　　│　│
│　│　　　　│　│
│　│　　　　│　│
│　│ #main　│　│
│　│　　　　│　│
│　│　　　　│　│
│　│　　　　│　│
└─┴────┴─┘
=================================================== */


/* --------------------
common 
----------------------- */

/* ---- hr ---- */
div.hr {
clear:both;
border-bottom:1px dashed #f1f1f1;
margin-bottom:20px;
}

div.hr2 {
clear:both;
border-bottom:1px solid #f1f1f1;
margin-bottom:20px;
}

/* --------------------
toppage only 
----------------------- */

/* ---- keyvisual ---- */

#key {
margin-bottom:20px;
text-align:center;
}

#key #keyInner {
width:513px;
margin:0 auto;
border:1px solid #d1d1d1;
text-align:left;
}

	#key p {
		margin:0;
	}

	#key p.flt1 {
		float:left;
		width:304px;
	}

	#key p.flt2 {
		float:left;
		width:209px;
	}

	#key img {
	}

	#key input.text {
		width:193px;
		margin-bottom:5px;
		border:1px solid #d1d1d1;
		color:#666;
		font-size:12px;
	}


/* ---- icons ---- */
div#icons {
margin:10px auto 20px auto;
width:363px;
/*width:426px; 7個用 */
text-align:center;
}

dl.icon {
float:left;
margin:0 0 0 15px;
}


dl.icon_last {
float:left;
margin:0 0 0 0;
}


/* ---- recommend ---- */
#recommend {
}

#recommend h2 {
background:url(../images/user/top/bg_recommend.gif) right top;
}

	#reccomendInner {
	padding:10px 20px;
	}
	
		#product {
		 margin-left:auto;
		 margin-right:auto;
		 text-align:left;
		}
		
		#product .pdt {
		width:140px;
		float:left;
		}
		
			img.pdt_img {
			display:block;
			line-height:100%;
			margin:0 0 10px 0;
			}
			
		#product .spec {
		margin-left:-150px;
		width:auto;
		}
		
			.spec li.price span.price {
			font-weight:bold;
			color:#eb5c29;
			}

			.spec a {
			font-weight:bold;
			}

			.spec a.uln {
			text-decoration: none;
			}

			.spec a.uln:hover {
			text-decoration: underline;
			}

			.spec a.uln2 {
			font-weight: normal;
			text-decoration: none;
			}

			.spec a.uln2:hover {
			font-weight: normal;
			text-decoration: underline;
			}

			.spec span {
			font-size: 92%;
			}
			
			p.cmt {
			margin:5px 0 10px 0;
			font-size:92%;
			color:#000;
			line-height:160%;
			}
			
			
/* ---- newrelease ---- */
#newrelease {
margin-top:0;
}

#newrelease h2 {
background:url(../images/user/top/bg_newrelease.gif) right top;
}

	#newreleaseInner {
	padding:10px 0 10px 20px;
	}
	
#newrelease ul.pdt {
width:150px;
min-height:350px;
margin:0px 15px 20px 0;
float:left;
line-height:140%;
}

#newrelease ul.pdt li.spec {
vertical-align:middle;
width:130px;
}

#newrelease ul.pdt li.priceArea {
vertical-align:middle;
width:150px;
}

#newrelease ul.pdt li.description {
vertical-align:middle;
width:130px;
}

#newrelease ul.pdt li.spec img,
#newrelease ul.pdt li.priceArea img {
vertical-align:middle;
}

#newrelease ul.pdt li.priceArea span.price {
font-weight:bold;
color:#eb5c29;
}

#newrelease ul.pdt li.spec a.author {
display:block;
width:auto;
}


#newrelease ul.pdt li.icon img {
margin:5px 0 0 0;
}



/*pickup*/

#pickupWrap {
	margin: 0 auto 15px auto;
	width: 100%;
}

#pickupWrap:after,
#pickupInner:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

#pickup {
	background:url(../images/user/top/bg_pickup_box.gif) repeat-x left bottom;
	border-right:1px solid #e8e8e8;
	min-height:140px;
}

#pickupWrap h2 {
	background:url(../images/user/top/bg_pickup.gif) right top;
	}

	#pickupInner {
	float:left;
	}

	#pickupPht {
	float: left;
	margin-left: -99%;
	_margin-left: -99%;
	width: 165px;
	}
	
	#pickupPht img {
	margin-left:15px;
	}
	
	*+ html #pickupPht img {
	margin-left:15px;
	}
	
	#pickupCmt {
		margin: 0 125px 0 195px;
	}
	
		#pickupCmt a {
		font-weight:bold;
		}
		
		#pickupCmt p {
		color:#000;
		line-height:160%;
		}
	
	#pickupPdt {
	float: left;
	margin-left: -100px;
	width: 100px;
	}
	
		#pickupPdt img {
		display:block;
		}
		
		#pickupPdt a{
		font-weight:bold;
		}
		
	
/* message */
#message {
		clear:both;
		 margin-left:auto;
		 margin-right:auto;
		 text-align:left;
		 margin:25px 0 0 0;
}

#message h2 {
background:url(../images/user/top/bg_message.gif) no-repeat right top;
}

#messageInner {
	padding:10px 0 10px 20px;
}

#messageInner div.author {
margin:15px auto;
width:45%;
float:left;
_margin-right:-3px;
}

#messageInner div.author2 {
margin:15px auto;
width:45%;
float:right;
_margin-right:-3px;
}

#messageInner div.author div.authorPht,
#messageInner div.author2 div.authorPht {
float:left;
width:95px;
}

#messageInner div.author div.authorCmt,
#messageInner div.author2 div.authorCmt {
margin-left:-150px;
width:auto;
}

#messageInner div.author div.authorCmt p,
#messageInner div.author2 div.authorCmt p {
padding:0 10px 0 0;
}

#messageInner div.author div.authorCmt a.outher,
#messageInner div.author2 div.authorCmt a.outher {
display:block;
text-align:left;
font-weight:bold;
}

#messageInner div.author div.authorCmt a.more,
#messageInner div.author2 div.authorCmt a.more {
display:block;
text-align:right;
padding:0 10px 0 0;
}

/*=================================================

product page

=================================================== */

/*---------------------------
breadcrumb
-----------------------------*/
ul#breadcrumb {
margin:0 0 30px 0;
}

ul#breadcrumb li {
display:inline;
font-size:77%;
font-weight:normal;
padding:0 10px 0 2px;
background:url(../images/user/common/ico_breadcrumb.gif) no-repeat right center;
}

ul#breadcrumb li.this {
background:#fff;
}


/*---------------------------
h2.ttl
-----------------------------*/

#pd_data h2.ttl {
font-weight:bold;
font-size:122%;
height:30px;
margin:0px;
}

#pd_data h2.ttl span.h2_ttl {
display: inline-block;
padding:8px 0 0 8px;
font-weight:bold;
color:#000;
}


/*---------------------------
pd_data
-----------------------------*/

#pd_data {
margin: 0 20px;
/*border: 1px solid #dedede;
padding: 20px;
background: url(../images/user/under/bg_data_spec.gif) repeat-x top center;*/
}

#pd_data dl.list01 {
clear:both;
padding:5px 0;
}

#pd_data dl.list01 dt {
display:inline-block;
float:left;
width:90px;
}

#pd_data dl.list01 dd {
display:inline-block;
float:left;
}

#pd_data dl.list02 {
line-height:200%;
clear:both;
}

#pd_data dl.list02 dd {
vertical-align:middle;
}


#pd_data dl.list02 dd img {
vertical-align:middle;
margin:4px 4px 4px 0;
}


/*---------------------------
pd_sample
-----------------------------*/

#sample {
margin:20px 20px 0 20px;
}

#sample h3 {
font-weight:bold;
color:#5fbc4e;
}

/*---------------------------
pd
-----------------------------*/
#pd {
}

#pd .icons {
margin:5px 0 0 0;
}

		
		
		
/*---------------------------
extra
-----------------------------*/
#extra {
clear:both;
}

#extra div.contents {
margin:0 auto 20px auto;
font-size:100%;
}

#extra div.contents div.inner {
margin:10px;
}

#extra div.contents ol{
padding:10px 0;
}

#extra div.contents ol li{
list-style-type:decimal;
list-style-position:inside;
line-height:160%;
font-size:92%;
padding: 0 10px;
}


#extra h3 {
background:url(../images/user/under/product_ttl.gif) no-repeat right top;
height:30px;
}

#extra h3 img {
vertical-align:middle;
padding:0px;
margin:0px;
}

#extra h3 span.h3_ttl {
display:block;
_display:inline;
padding:6px 0 0 0px;
_padding:0;
font-weight:bold;
color:#000;
vertical-align:middle;
}

*+ html #extra h3 span.h3_ttl {
display:inline;
padding:0;
font-weight:bold;
color:#000;
vertical-align:middle;
}


#extra div.contents div.inner strong.ttl {
font-weight:bold;
}

#extra ul.relations {
width:140px;
margin:0 20px 0 0;
float:left;
}


#extra ul.relations li.rel_ttl {
width:120px;
}


strong.price,
span.price {
font-weight:bold;
color:#eb5c29;
}


/*---------------------------
download
-----------------------------*/

#download {
clear:both;
}

#download div.contents {
margin:0 0 20px 0;
}

#download div.contents div.inner {
margin:10px;
}

#download div.contents ol{
padding:10px 0;
}

#download h3 {
background:url(../images/user/under/product_ttl.gif) no-repeat right top;
height:30px;
}

#download h3 img {
vertical-align:middle;
padding:0px;
margin:0px;
}

#download h3 span.h3_ttl {
display:block;
_display:inline;
padding:6px 0 0 0px;
_padding:0;
font-weight:bold;
color:#000;
vertical-align:middle;
}

*+ html #download h3 span.h3_ttl {
display:inline;
padding:0;
font-weight:bold;
color:#000;
vertical-align:middle;
}

#download div.contents div.inner strong.ttl {
font-weight:bold;
}

#download table {

}

#download table tr {
border:1px solid #eee;
}


#download table tr td {
padding:5px;
}

#download table tr td.type {
width:90px;
}

#download table tr td.chkbox {
text-align:right;
width:100px;
}

#download table tr td.test_detail {
width:110px;
}

#download table tr td.price {
width:120px;
}


tr.even td {
	background: #f9f9f9;
}

tr.over td {
	background: #999;
	color: #FFF;
}


#download p.notice {
text-align:right;
font-size:92%;
margin:10px 0 10px 0;
}

#download a.buy {
display:block;
text-align:right;
}


/*---------------------------
comment
-----------------------------*/

#comment {
margin:0 0 20px 0;
}

#comment table {
margin:0px;
padding:0px;
font-size:100%;
}

#comment table tr td.dsg {
font-size:0px;
_font-size:1%;
}

#comment table tr td p {
line-height:1.6;
}

#comment .itemDesc {
font-size:107%;
line-height:1.4;
}


/*---------------------------
display
-----------------------------*/

#pdCaseComment {
	margin-left: 50%;
	margin-bottom: 20px;
	}

.pdCaseCommentTtl {
	text-align: right;
	line-height: 1.5;
	}

.pdCaseCommentOff {
	display: none;
	margin: 0 0 10px;
	padding: 5px;
	border: 1px solid #ccc;
	}

.pdCaseCommentOff2 {
	display: none;
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
	}


/*=================================================

lecturer page

=================================================== */

#lecturer {
	margin: 0 auto;
	width:100%;
	min-width:540px;
}

#lecturer ul#breadcrumb {
margin:0 0 3px 0;
}

/*
#lecturer h3 {
background:url(../images/user/under/lecturer_ttl.gif) no-repeat right top;
height:34px;
margin-bottom:10px;
}

#lecturer h3 img {
vertical-align:middle;
padding:0px;
margin:0px;
}

#lecturer h3 span.h3_ttl {
display:block;
_display:inline;
padding:6px 0 0 0px;
_padding:0;
font-weight:bold;
color:#000;
font-size:136%;
vertical-align:middle;
}

*+ html #lecturer h3 span.h3_ttl {
display:inline;
padding:0;
font-weight:bold;
color:#000;
vertical-align:middle;
}
*/

#lecturer h3.h3_txt_ttl {
font-size:136%;
font-weight:bold;
padding:3px;
border-bottom:1px solid #efefef;
margin:0 0 10px 0;
}


	#lecturerInner {
		float: left;
		width: 100%;
		margin:0;
	}

		
	#lecturerProf {
		margin: 0 0 0 250px;
		line-height:180%;
	}
	
	#lecturerProf p {
	}
	
	
	#lecturerPht {
		float: left;
		width: 200px;
		/*

		*/
	}

	#lecturerPht img {
	border:1px solid #eee;
	margin-left: 30px;
	_margin-left: 15px;
	}
	

/*---------------------------
#contentsList
-----------------------------*/

#contentsList {
margin:45px 0 0 0;
}


#contentsListInner {
}

#contentsList div.navi {
padding:10px 0;
}

#contentsList div.navi_f {
border-top:1px solid #efefef;
padding:3px 0 0 0;
margin:20px 0;
}

#contentsList div.control {
background:#f8f8f8;
padding:3px;
margin:0 0 30px 0;
line-height: 1.5;
}

#contentsList h3 {
background:url(../images/user/under/product_ttl.gif) no-repeat right top;
height:30px;
margin:0 0 10px 0;
}

#contentsList h3 img {
vertical-align:middle;
padding:0px;
margin:0px;
}

#contentsList h3 span.h3_ttl {
display:block;
_display:inline;
padding:6px 0 0 0px;
_padding:0;
font-weight:bold;
color:#000;
vertical-align:middle;
}

*+ html #contentsList h3 span.h3_ttl {
display:inline;
padding:0;
font-weight:bold;
color:#000;
vertical-align:middle;
}



#contentsList img {
vertical-align:middle;
}

#contentsList div.spec {
line-height:160%;
}

		
	#product .spec {
		margin: 0 0 0 145px;
		line-height:150%;
	}
	
	#product .pdt {
		float: left;
		width: 135px;
	}

.genreAll td {
	padding-bottom: 10px;
	line-height: 1.4;
	}

.genreAll a.uln:link {
	font-weight: bold;
	text-decoration: none;
	}

.genreAll a.uln {
	font-weight: bold;
	}

.genreAll a.uln:link {
	text-decoration: none;
	}

.genreAll a.uln:hover {
	text-decoration: underline;
	}

.lecturerAll a.uln {
	font-size: 120%;
	text-decoration: underline;
	}

.lecturerAll a:hover {
	color: #b39500;
	}


/*---------------------------
#ShoppingCart
-----------------------------*/

#cartArea {
	width: 800px;
	margin: 0 auto;
	}

.cartTitle {
	text-align: center;
	}

.cartTbl {
	width: 100%;
	margin: 20px 0 50px;
	border-collapse: collapse;
	border-spacing: 0;
}

.cartTbl th {
	background: #5ab73f;
	padding: 3px;
	color: #fff;
	font-weight: bold;
}

.cartTbl th.midttl {
	background: #ffc;
	padding: 7px 7px;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-weight: bold;
}

.cartTbl td {
	padding: 3px;
	border-bottom: 1px solid #ccc;
}

.cartTbl strong {
	font-weight: bold;
}

.cartTbl span {
	color: #900;
}

.cartTbl td.type2 {
	padding: 3px;
	border-bottom: none;
}

.cartTbl td.type3 {
	padding: 5px 3px;
	border-bottom: 2px solid #ccc;
	font-weight: bold;
	text-align: right;
}

.cartTbl td.type4 {
	padding: 0 0 0 10px;
	border-bottom: none;
	text-align: right;
}

.cartTbl td.type5 {
	padding: 7px 10px;
}

.cartTbl td.type6 {
	padding-left: 15px;
}

.cartTbl td.type7 {
	padding: 10px 15px 10px 0;
	text-align: right;
}

.cartBtnTbl {
	width: 100%;
	margin-bottom: 40px;
	}

.cartBtnTbl td {
	text-align: center;
	}

.cartBtnTbl2 {
	width: 100%;
	margin-bottom: 30px;
	}

.cartBtnTbl2 td {
	text-align: center;
	}

.cartRadioBtn {
	width: 30px;
	text-align: center;
	}

.cartBtnCredit {
	width:300px;
	margin:0 auto;
	color:#d00;
	text-align:left;
	line-height:1.2;
	}

.importantItem {
	color: #e00;
	font-size: 75%;
	*font-size: 70%;
	}

.accountTbl {
	width: 49%;
	margin: 20px 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #5ab73f;
}

.accountTbl th {
	background: #5ab73f;
	padding: 5px;
	color: #fff;
	font-weight: bold;
}

.accountTbl th.midttl {
	background: #ffc;
	color: #000;
	font-weight: bold;
}

.accountTbl td {
	padding: 10px;
}

.accountTbl strong.caution {
	color: #c00;
}

.accountTbl td.none1 {
	padding: 0 5px 0 10px;
}

.accountTbl td.none2 {
	padding: 0 10px 0 0;
}

.accountTbl td.type1 {
	background: #ffc;
	padding: 7px 7px;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-weight: bold;
}

.accountTbl td.type2 {
	padding: 3px 10px;
	border-bottom: 1px solid #ccc;
}

.accountTbl td.type3 {
	border-top: 1px solid #ccc;
}

.accountTbl td.type4 {
	padding-bottom: 20px;
}

#terms {
	width: 800px;
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	}

#termsInner {
	margin: 15px;
	font-size: 92%;
	line-height: 1.2;
	}



/*---------------------------
#Affiliate
-----------------------------*/
#aff_key {
width:100%;
text-align:center;
}

#aff_key a.aff_btn01 {
display:block;
margin:30px 0 40px;
text-align:center;
}

#aff_sec01 h3.aff_h3,
#aff_sec02 h3.aff_h3,
#aff_sec03 h3.aff_h3 {
height:40px;
background:url(../images/user/affiliate/h3bg.gif) no-repeat right center;
margin-bottom:10px;
}


#aff_sec01,
#aff_sec02,
#aff_sec03 {
margin:0 0 50px 0;
}

#aff_sec01Inner,
#aff_sec02Inner,
#aff_sec03Inner {
padding:0 10px;
}

div.sec {
margin-bottom:20px;
}

div.sec p {
margin:10px;
line-height:160%;
}

div.cur {
margin-bottom:20px;
padding:0 0 0 60px;
}

div.sec a.aff_btn02 {
display:block;
margin:50px 0 0;
text-align:center;
}

/*---------------------------
#how_to_use
-----------------------------*/

#how_key {
width:100%;
text-align:center;
margin-bottom:30px;
}

#how_key img {
margin:0 0 20px 0;
}

#how_key p {
margin:10px;
line-height:140%;
text-align:left;
}

#how_sec01,
#how_sec02,
#how_sec03,
#how_sec04,
#how_sec05 {
margin:0 0 50px 0;
}

#how_sec01 p strong,
#how_sec01 p.strongs,
#how_sec02 p strong,
#how_sec02 p.strongs,
#how_sec03 p strong,
#how_sec03 p.strongs,
#how_sec04 p strong,
#how_sec04 p.strongs,
#how_sec05 p strong,
#how_sec05 p.strongs {
color:#ff8400;
font-size:114%;
font-weight:bold;
}

#how_sec01 h3.aff_h3,
#how_sec02 h3.aff_h3,
#how_sec03 h3.aff_h3,
#how_sec04 h3.aff_h3,
#how_sec05 h3.aff_h3 {
height:40px;
background:url(../images/user/affiliate/h3bg.gif) no-repeat right top;
padding-bottom:10px;
}

#how_sec01Inner,
#how_sec02Inner,
#how_sec03Inner,
#how_sec04Inner,
#how_sec05Inner
 {
margin:10px;
}

#how_sec01Inner h4,
#how_sec02Inner h4,
#how_sec03Inner h4,
#how_sec04Inner h4,
#how_sec05Inner h4
 {
background:url(../images/user/how_to_use/h4bg.gif) repeat-x;
margin-bottom:5px;
}

#how_sec01Inner p,
#how_sec02Inner p,
#how_sec05Inner p
 {
line-height:140%;
padding:5px 0 1em 20px;
}

#how_sec03Inner p,
#how_sec04Inner p
 {
line-height:140%;
padding:5px 0 1em 0;
}

#how_sec01 .sec_l,
#how_sec02 .sec_l,
#how_sec03 .sec_l,
#how_sec04 .sec_l,
#how_sec05 .sec_l {
float:left;
margin:0px auto 25px auto;
width:48%;
_margin-right:-3px;
}

#how_sec01 .sec_r,
#how_sec02 .sec_r,
#how_sec03 .sec_r,
#how_sec04 .sec_r,
#how_sec05 .sec_r {
float:right;
margin:0px auto 25px auto;
width:48%;
_margin-right:-3px;
}