/* CSS Document */

/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 

* { margin : 0 ; padding : 0 ; }



body {

	width : 100%;

	/*height:100%;*/

	background-color: #f8E8F0;

	background-image: url(/img/bg.jpg);

	background-repeat: repeat-x;

	line-height:1.4;

	/*color:#333;*/

	color:#484848;

	font-family:Arial, sans-serif;

	font-size:0.9em;

}



/******* hyperlink and anchor tag styles *******/

a:link{

	color: #476FB8;

	text-decoration: none;

}

a:visited{

	color: #476FB8;

	text-decoration: none;

}

a:hover{

	color: #FF9999;

	text-decoration: none;

}



#mymain{

	width:520px;

	margin-left:15px;

	margin-top:10px;

	padding : 0 ;

}





/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#master_head{

	width:780px;

	margin:0 auto;

	position: relative;

	background-color:#FF9999;

	height:115px;

	background-image: url(/img/bg-head.gif);

}



#master_box{

	margin:0 auto;

	width:780px;

	background-color: #FFFFFF;

}



#nav_box{float:left; width:220px;}



#content_box{float:left;  width:560px;}



#foot_box{

	width:100%;

	clear:both;

	background-color:#FF9999;

	text-align:center;

	padding:1em 0;

	background-image: url(/img/bg-pc.gif);

}



.clear_box{

	width:100%;

	clear:both;

	text-align:left;

}



/***********************************************/

/*Component Divs                               */

/***********************************************/



#master_head img{

	padding: 0px;

	margin: 0px;

}



/*************** navi styles *****************/

#navi{padding:0.5em 0 0 1em;}

.cate-pink{

	color: #FFFFFF;

	font: bold 14px/150% Arial,sans-serif;

	background-color: #F3D7DD;

	width: 180px;

	padding: 4px 0px 4px 10px;

	margin: 10px 0px 5px 0px;

}

.cate-blue{

	color: #FFFFFF;

	font: bold 14px/150% Arial,sans-serif;

	background-color: #D3E9ED;

	width: 180px;

	padding: 4px 0px 4px 10px;

	margin: 10px 0px 5px 0px;

}



#navi ul{

	padding: 0; 

	margin: 0 0 1.5em 1.5em;

	list-style-image: url(/img/mark.gif);

} 



#navi li{

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E5E5E5;

	margin-top: 0;

	margin-right: 20px;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 1px;

	padding-left: 0px;

} 



/*************** search styles *****************/



#search{

	position: absolute;

	top: 20px;

	right: 18px;

	visibility: visible;

	width: 300px;

	text-align:right;

}



#search fieldset {

  border: none;

  text-align: right;

}



#search .bt{

  margin: 0;

 }

 

#search .words {

  border: 1px solid #CDCDCD;

  width: 200px;

  margin-top: 10px;

  margin-bottom: 4px;

   margin-right: 5px;

  font-size: 12px;

}



#view_cart{

	float: right;

	width: 143px;

	margin-right: 20px;

	padding: 0;

}

#top_navi{

	float: left;

	font-size: 12px;

	width: 445px;

	margin-left: 10px;

	margin-top: 8px;

}



/*************** head styles トップページonly*****************/



#master_head_top{

	width:780px;

	margin:0 auto;

	position: relative;

	background-color:#FF9999;

	height:180px;

	background-image: url(/img/bg-head-dammy.gif);

}



#comment_top {

	width: 540px;

	margin: 0 1em 0 1.5em;

	text-align:left;

	font-size: 12px;

	color: #666666;

}







/************* パンくずリスト　#breadCrumb styles *************/

#breadCrumb{

	font-size: 80%;

	padding: 5px 0px 5px 0px;

	margin-bottom: 1em;

}



/************* コピーライト　#copy styles *************/

#copy{

	font-size: 80%;

	text-align:right;

	padding: 5px 20px 5px 0px;

	margin-bottom: 1em;

}



/************* テキスト装飾 *************/



/* 商品大枠 */

.content{width:520px;}



/* 商品名 */

.contents h1{

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 140%;

	background-color: #FAF5F2;

	padding: 5px;

	border-left-width: 10px;

	border-left-style: solid;

	border-left-color: #F3D7DF;

	margin: 0;

	color: #544549;

}



/* 商品コメント */

.contents p{margin:2em 0;}



/* 商品画像 */

.photo {

	float: left;

	width: 250px;

	margin-right: 20px;

	margin-bottom: 20px;

}

.photo img{

	border: 1px solid #CCCCCC;

}



/* 商品概要 */

.outline {

	margin:0;

	float: right;

	width: 230px;

}



.outline dl {

	margin:0;

    padding:0;

    border:0;



}

.outline dt {

	float:left;

	clear:both;

	width:4em;

	padding:0.1em 0.5em;

	_width:5em;

	white-space:nowrap;

	text-align: center;

	border-right-width: 5px;

	border-right-style: solid;

	border-right-color: #F3D7DF;

	border-left-width: 5px;

	border-left-style: solid;

	border-left-color: #F3D7DF;

}

.outline dd {

	margin-left:6.5em;    /* = dt.width + dt.padding */

	padding:0.7ex;

	line-height: 130%;

}



.price{

	color: #FF6666;

	font-weight: bold;

}





/* 商品ディテール */

.details {

	clear: both;

	padding-top: 1em;

}

.details h2{

	font-size: 105%;

	width:17em;

	padding:0.1em 0.5em;

	_width:18em;

	border-left-width: 5px;

	border-left-style: solid;

	border-left-color: #F3D7DF;

	margin: 0em;

	color: #544549;

	border-right-width: 5px;

	border-right-style: solid;

	border-right-color: #F3D7DF;

	text-align: center;

}



/*widthは销ﾗたい枚数にあわせて調整*/

.gallery{

    width:530px;

	margin-top:1em;

}

/*widthは写真の大きさにあわせて調整

font-sizeは固定した方が良い*/

.gallery dl{

    margin:0px;

    margin-right:10px;

    margin-bottom:1em;

    padding:0px;

    float:left;

    width:250px;

}

.gallery dt{

    margin:0px;

    padding:0px;

}

.gallery img{

    border: 1px solid #CCCCCC;

}

.gallery dd{

	margin:0px;

	padding:0px;

	height:3.4em;

	font-size: 90%;

	text-indent: 0.5em;

}



#img_package{

width:520px;

text-align:center;



}

/*heightは行数＋α。コメントの文字数３行分。*/







/* 商品備考 */

.bikou {

	clear: both;

	padding-top: 1em;

}

.bikou h2{

	font-size: 105%;

	width:4em;

	padding:0.1em 0.5em;

	_width:5em;

	border-left-width: 5px;

	border-left-style: solid;

	border-left-color: #F3D7DF;

	margin: 0em;

	color: #544549;

	border-right-width: 5px;

	border-right-style: solid;

	border-right-color: #F3D7DF;

	text-align: center;

}



/* カートに入れる */

.cartin-box {

	clear: both;

	width:480px;

	background-color: #FAF5F2;

	padding: 15px;

	margin-top: 2em;

	border: thin dotted #CC6666;

}



.select-container{

	padding:0;

	margin: 0;

}



.cartin-box h2{

	font-size: 105%;

	margin:0 0.5em 1em 0.5em;

}



.sumnail {

	float: left;

	width: 150px;

}

.select-box {

	margin:0;

	float: right;

	width: 310px;

}



.select-box2 {		/* 画像なしmargin:0 0 10px 0; */

	margin:0;

	float: right;

	width: 310px;

}



.select-box fieldset {

  border: none;

}



.select-box2 fieldset {	/* 画像なし */

  border: none;

}



.select-box label {

	float:left;

	text-align: left;

	margin: 5px 0;

	font-size: 12px;

}



.lab_size {

	float:left;

	width: 30.5em;

	text-align: left;

	margin: 5px 0;

	font-size: 12px;

}



.lab_rapping{

	float:left;

	width: 5.5em;

	text-align: left;

	margin: 5px 0 5px 10px;

	font-size: 12px;

}

.select_box_rapping {

	width: 110px;

	height: 20px;

	float:left;

	text-align: left;

	margin: 2px 20px 2px 2px;

	font-size: 12px;

}



.text_field_size {

	width: 300px;

	height: 54px;

	float:left;

	text-align: left;

	margin: 2px 10px 2px 0;

	font-size: 12px;

}



.select-box br {

	clear: left;

}



.cartin-bt {

	width: 143px;

	height: 30px;

	margin:10px 0;

	float: right;

}



.cartin-bt2 {			/* 画像なし */

	width: 143px;

	height: 30px;

	margin:0px 0px 0px 20px;

	float: left;

}

.caution{

	clear: both;

	width:480px;

	padding-top: 10px;

	border-top-width: 1px;

	border-top-style: dashed;

	border-top-color: #999999;

	font-size: 12px;

	margin-top: 10px;

}

.caution ul{

	padding: 0;

	list-style-image: url(/img/caution.gif);

	margin-left: 2em;

} 



.caution li{

	margin: 0;

	padding: 0;

} 



/* ページ下部ショッピングインフォメーション */

.shopping_info {

	clear: both;

	margin: 1em 0;

	text-align: center;

}

.shopping_infotxt {

	margin: 10px;

	text-align: left;

	font-size: 12px;

}







.style1 {font-size: 10px}

.style2 {color: #FF0000}



/* トップページ　NEWS＆インフォメーション */

#top_news_box {

	height: 260px;

	width: 321px;

	background-image: url(/img/news-bg.gif);

	margin:0px;

	padding-top: 50px;

	background-repeat: no-repeat;

	text-align: left;

}



#top_news_text {

	height: 243px;

	width: 280px;

	margin-left: 20px;

	padding-right: 10px;

	text-align: left;

	

	overflow:auto;

	scrollbar-track-color: #FFFFFF;

	scrollbar-face-color: #FFCCCC;

	scrollbar-shadow-color: #FFFFFF;

	scrollbar-darkshadow-color: #FFFFFF;

	scrollbar-highlight-color: #FFFFFF;

	scrollbar-3dlight-color: #FFFFFF;

	scrollbar-arrow-color: #FFFFFF;

 }

 

#top_news_text ul{

	padding: 0; 

	margin: 0 0 1.5em 1.5em;

	list-style-image: url(/img/mark.gif);

} 



#top_news_text li{

	margin: 0;

	padding: 0;

} 



#top_news_text h2{

	font-size: 100%;

	margin-bottom: 5px;

	color: #FF9999;

} 



/* トップページ　右側コンテンツ */

.top_right_box {

	width: 322px;

	margin:0;

	padding: 0px;

	text-align: left;

}



.top_right_box ul{

	padding: 0;

	list-style-image: url(/img/point/point_04_3.gif);

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 1.5em;

	margin-left: 3em;

} 



.top_right_box li{

	margin: 0;

	padding: 0;

} 



.top_right_box h2{

	font-size: 100%;

	margin-bottom: 5px;

} 



.top_right_box h2{

	margin-bottom: 10px;

} 





.text {

	font-size: 12px;

	line-height: 140%;

	color: #333333;

	padding-left: 20px;

	padding-top: 10px;

	text-align:left;

}

.style1 {font-size: 0.8em}



/* hayashi */



#item_list{

	font-size: 12px;

	line-height: 160%;

}



.pen3{

margin-left:50px;

}



#list_sub_com{

	width: 490px;

	border: thin dotted #FDE2AC;

	font-size: 12px;

	color: #666666;

	padding: 10px;

}

.sub_com{

	width: 470px;

	font-size: 12px;

}