@import url("base.css");
@import url("layout.css");
@import url("links.css");
@import url("highslide.css");

/* heading
----------------------------------------------------------------*/
h1#top-h1, 
h2#top-h2,
h2#goods-h2,
h3.top-h3,
h1#sub-h1,
h2#goods-detail-h2 {
 display:none;
}
h4.top-h4,h3.sub-h3 {
 font-weight:bold; color:#993366; font-size:15px; margin-bottom:10px; letter-spacing:0.1em;
}
h2.sub-h2 {
 background:url(../images/sub/h2-temp.gif) no-repeat; width:575px; height:30px; padding:2px 0 0 10px; color:#f462a8; font-weight:bold; font-size:15px; letter-spacing:0.1em; margin:10px 0; 
}
h2.sub-h2-s {
 background:url(../images/sub/h2-temp.gif) no-repeat; width:575px; height:30px; padding:2px 0 0 10px; color:#f462a8; font-weight:bold; font-size:15px; letter-spacing:0; margin:10px 0; 
}
h2.cart-h2 {
 margin:25px 0 15px 0; font-weight:bold; font-size:15px; letter-spacing:0.1em; 
}
h3.sub-h3 {
 margin:25px 0 15px 0; font-weight:bold; color:#d670ba; font-size:15px; letter-spacing:0.1em; 
}
h3.support-h3 {
 margin:0 0 5px 5px; padding:2px 5px; font-weight:bold; color:#FFF; font-size:13px;background-color:#d670ba;
}
h3.goods-h3 {
 margin:5px 0 0 0; font-weight:bold; color:#d670ba; font-size:15px; line-height:1.3em;
}
h3.goodstname-h3 {
 margin:20px 0 10px 0; font-weight:bold; font-size:14px;
}
h3.members-h3 {
 margin:25px 0 15px 10px; font-weight:bold; color:#d670ba; font-size:15px; letter-spacing:0.1em; 
}
h3.merit-box-h3 {
 margin:25px 0 15px 10px; font-weight:bold; color:#d670ba; font-size:15px; letter-spacing:0.1em; 
}
h4.members-h4 {
 margin:25px 0 15px 20px; font-weight:bold; color:#333; font-size:15px; letter-spacing:0.1em; 
}
h5.top-h5 {
 font-weight:bold; color:#996699; font-size:13px; margin-bottom:10px; letter-spacing:0.1em; 
}
h5.goods-dl-h5 {
 background:#915da3; color:#FFF; margin:0 0 10px 0; padding:3px
}
h6.goods-detail-h6 {
 color:#ff6666; margin:0 0 10px 0; font-size:17px; font-weight:bold;
}
/* goods
----------------------------------------------------------------*/
.goods-title {
 margin:20px 0 15px 0;
}
.goods-photo {
 background:url(../images/sub/goods-photoframe.gif) no-repeat; padding:15px 15px 0 15px;
 width:248px; height:208px;
 margin:0 10px;
 float:left;
}
.goods-photo-n {
 width:auto; height:auto;
 margin:0 15px 10px 0;
 float:left;
}
.goods-photo-text {
 width:auto; height:auto;
 color:#d670ba;
}
.goods-titlebox {
 background:url(../images/sub/good-header.gif) no-repeat; padding-left:15px;
 background-position:15px 2px; margin-bottom:10px;
 width:auto; height:auto; 
}
.goods_merit {
 margin-bottom:10px;
}
.goods-price {
 margin:5px 0 0 0;
 font-weight:bold;
 color:#e65478;
 font-size:15px;
 letter-spacing:0;
}
.goods-txt {
 margin:0 0 15px 5px; padding:0;
}
.goodsbox-detail {
 border:5px solid #DDD; padding:10px; margin-bottom:10px;
}
.goodsbox-detail ul{
 padding-left:5px;
}
.goodsbox-detail li{
 list-style:none;
}
.new-goodsList {
 width:600px;
 margin-left:-15px;
}
.new-goodsList li {
 float:left; margin:0 0 20px 15px;
 padding:0; width:285px; font-size:11px; color:#555; line-height:120%;
}
/* for IE6 */
* html .new-goodsList li {
 display:inline;
}
.new-goodsList li img {
 vertical-align:top;
 margin-bottom:3px;
}
.new-goodsList p{
 display:block; height:35px;

}
/* voice
----------------------------------------------------------------*/
#voice_message { background:url(../images/sub/voice-message.jpg) no-repeat; width:585px; height:215px; display:block; margin-bottom:10px;}
#voice_message p{ padding:20px;}

/* cnbox
----------------------------------------------------------------*/
.cnbox, .cnbox_body, .cnbox_head, .cnbox_head div {
 background:transparent url(../images/sub/cnbox-bg.png) no-repeat bottom right;
}
.cnbox{
 width:335px !important; width: 320px;
 margin:0; padding-right:15px;
 float:right;
}
.cnbox_head {
 background-position:top right;
 margin-right:-15px;
 padding-right:40px;
}
.cnbox_head div {
 background-position:top left;
 margin:0; padding:10px 0 5px 20px;
 border:0;
 height:auto !important; height:1%;
 color:#fff; font-weight:bold; font-size:1.5em;
}
.cnbox_body {
 background-position:bottom left;
 margin-right:25px; padding:5px 0 10px 20px;
}

/* list
----------------------------------------------------------------*/
.topnews-list {
 margin:10px 15px 0 15px;
}
.topnews-list dt {
 background:url(../images/common/icon-listarrow.gif) no-repeat;
 background-position:0px 5px;
 padding:0 15px 3px 15px;
 letter-spacing:0.1em;
 font-size:14px;
}
.topnews-list dd {
 padding:0 0 0 15px;
}
.topnews-list-border {
 background:url(../images/common/border-doted.gif) repeat-x; display:block; height:22px;
margin:0; padding:0; }
.topnews-backnumber {
 text-align:right;
 margin:0 20px 10px 0; padding:0;
}
.sublist-a li{
 list-style-type:decimal;
 list-style-position:inside;
 padding-bottom:10px;
 padding-left:10px;
}
.sublist-b li{
 list-style-type:none;
 padding-bottom:10px;
 padding-left:10px;
}
ul.sublist-b ol.sublist-c li {
 list-style-type:decimal;
 list-style-position:inside; 
 padding-bottom:10px;
 padding-left:10px;
}
ul.sublist-b ol.sublist-c  {
 margin-top:15px;
}

.qa-list-q {
 padding:0 15px;
 margin-bottom:10px;
}
.qa-list-a {
 padding:0 15px;
 margin-bottom:30px;
 clear:both;
}
.qa-list-q dt{
 background:url(../images/sub/qa-question.gif) no-repeat;
 width:87px; height:34px;
 float:left;
 margin-right:20px;
}
.qa-list-q dd{
 width:448px; 
 float:right;
}
.qa-list-a dt{
 background:url(../images/sub/qa-answer.gif) no-repeat;
 width:87px; height:34px;
 float:left;
 margin-right:20px;
}
.qa-list-a dd{
 width:448px; 
 float:right;
}
.subqa-list {
 margin:0 0 20px 15px;
}
.subqa-list dt {
 background:url(../images/common/icon-listarrow.gif) no-repeat;
 background-position:0px 5px;
 padding:0 0 5px 15px;
 letter-spacing:0.1em;
 font-size:14px;
 color:#333;
}
.subqa-list dd {
 padding:0 0 10px 50px;
}
.subqa-list-border {
 background:url(../images/common/border-doted.gif) repeat-x; display:block; height:22px;
margin-left:15px; padding:0; width:550px;}

.law-list {
 margin-bottom:30px;
}
.law-list dl,.mail-list dl{
 margin:0;
 line-height: 150%;
}
.law-list dt,.mail-list dt{
 padding:1em 0.5em;
 width: 11em;
}
.law-list dd,.mail-list dd{
 padding:0.5em 0.5em 1em 12.5em;
 border-bottom:1px dotted #BBB;
 margin: -3.7em 0px 0px;
}
.law-list dd p,.mail-list dd p{
 border-left:5px solid #DDD;
 margin:0; padding:0 0 0 1em;
}
.mail-list dd p span.title{
 display:block;
 width:100px; float:left;
}
.mail-list dd p span.block{
 display:block;
 width:300px; float:right;
}
.mail-list {
 margin-bottom:10px;
}
.goods_support {
 margin:0 0 15px 5px;
}
.supoort-list {
 margin-left:2.5em;
 margin-bottom:50px;
}
.supoort-list li{
 list-style:decimal outside;
 margin-bottom:5px;
}

.members-photolist{
 margin:0; padding:0 0 15px 5px;
}
.members-photolist li{
 float:left;
 width:180px;
 padding:15px 0;
}

.members-answer-border  {  
 border-radius:10px;        /* CSS3草案 */  
 -webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
 -moz-border-radius:10px;   /* Firefox用 */  
}  
.members-answer	{
 background:#fcf0f9;
 border:1px solid #eecce7; 
 padding:10px;
 margin-bottom:10px;
}
.members-bn-list {
 padding-left:20px;
}

/* form
----------------------------------------------------------------*/
.error_ms1 {
 border:2px solid #e4b0da; background-color:#fff6fd;
 padding:10px; margin:5px; color:red; font-weight:bold;
}
.thanks_ms1 {
 margin:0 5px 10px 5px;
 font-size:16px; font-weight:bold;
 color:#ed3d8b;
 }

/* merit-box
----------------------------------------------------------------*/
.merit-box {
 margin:0; padding:0;
 clear:both;
}
.merit-box dt{
 width:160px;
 float:left;
 margin:0 10px 0 10px;
}
.merit-box dd{
 float:left;
 width:405px;
}

/* etc
----------------------------------------------------------------*/
.m-15 { margin:15px 0;}
.mt-20 { margin-top:20px;}
.mb-15 { margin-bottom:15px;}
.mt-15 { margin-top:15px;}
.mb-5 { margin-bottom:10px; display:block;}
.mb-60 { margin-bottom:60px;}
.mb-5 { margin-bottom:5px; display:block;}
.mb-10 { margin-bottom:10px; display:block;}
.mb-15 { margin-bottom:15px; display:block;}
.mb-20 { margin-bottom:20px; display:block;}
.mb-30 { margin-bottom:30px; display:block;}
.ml-5 { margin-left:5px;}
.ml-10 { margin-left:10px;}
.ml-15 { margin-left:15px;}
.pl-255 {padding-left:255px;}
.center { text-align:center;}
.bold { font-weight:bold;}
.p10 { font-size:10px;}
.p11 { font-size:11px;}
.p13 { font-size:13px;}
.p12 { font-size:12px;}

.mt25-15 { margin:25px 0 15px 0;}
.mt25-45 { margin:25px 0 45px 0;}
.mtb-10-15 { margin:10px 0 15px 0;}

.black1 { color:#333;}
.red { color:#FF0000;}
.red2 { color:#e65478;}
.purple1 {color:#d670ba;}
.pink1 {color:#f5519e;}
.white {color:#FFF}
.blue1 {color:#0f93e2}

.img-L { float:left; margin:0 15px 30px 0;}
.img-R { float:right; margin-left:15px;}
.f-L { float:left; }
.f-R { float:right; }

.btn-topdetail { background:url(../images/common/bt-topgoods.gif) no-repeat; width:165px; height:31px; display:block;}

.ct-txt {margin:0 0 20px 10px; display:block;}
.ct-txt2 {margin:0 0 20px 5px; display:block;}
.ct-txt-goods {margin:20px 0 25px 10px; display:block;}

.form-txt {margin:0 0 20px 5px; display:block;}
.ctend-txt {margin:0 0 40px 10px; display:block;}
.space-txt { margin:10px 15px; display:block;}
.news-backnumber { margin:0 0 10px 30px; padding:0; display:block;}

.border-a {border-top:1px solid #CCC; width:550px; margin-left:15px;}
.img-border {border:1px solid #f0dfed; padding:4px; margin:5px 0;}
.img-L-border { float:left; margin:0 15px 40px 0; border:1px solid #f0dfed; padding:4px;}
.arrow-mm {
 background:url(../images/common/icon-listarrow.gif) no-repeat;
 background-position:0px 5px;
 padding:0 15px 3px 15px;
}
.Font_NonP	{ font-family:monospace; }
.MFlash:hover {
 filter: alpha(opacity=60);
 opacity:0.6;
 cursor:pointer;
}
.catalog-link {
 font-size:1.5em;
 font-weight:bold;
 text-align:center;
 margin:30px auto 30px auto;
 display:block;

} 

	/****************************
	 *	Block Style
	 ****************************/

	p.Note1
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #BACDEB; background:#F0F6FF;
		line-height:150%;
	}

	p.Note2	
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #F0DCBB; background:#FEFBF6;
		line-height:150%;
	}

	p.Note3
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #BBBBBB; background:#FCFCFF;
		line-height:150%;
	}

	p.Note4
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #BBBBBB; background:#EBEBF1;
		line-height:150%;
	}

	p.Note5
	{
		width:90%; margin:auto; padding:10px; margin-bottom:15px;
		border:2px dotted #F0DCBB; background:#FEFBF6;
		line-height:150%;
	}

	.Gray_Box
	{
		padding:10px;
		background:#FAFAFA;
	}

	.Gray_Box2
	{
		padding-left:8px;
		background:#CCCCCC;
	}

	.Blue_Block
	{
		margin:3px; padding:5px;
		background:#CCD8EB;
	}

	/** Message  ****************/
	.Success	{ font-size:10pt; font-style:normal; color:#0066CC; font-weight:bold; }
	.Error		{ font-size:10pt; font-style:normal; color:#FF0000; font-weight:bold; }
	.Information{ font-size:10pt; font-style:normal; color:#339900; font-weight:bold; }
	.Attention	{ font-size:10pt; font-style:normal; color:#996633; font-weight:bold; }
	.Caution	{ font-size:10pt; font-style:normal; color:#FF0000; font-weight:bold; }