/* CSS Document */
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
* { margin : 0 ; padding : 0 ; }

body {
	width : 100%;
	background-color: #f8E8F0;
	background-image: url(/wp-content/themes/padou/images/img/bg.jpg);
	background-repeat: repeat-x;
	line-height:1.4;
	color:#333;
	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(/wp-content/themes/padou/images/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(/wp-content/themes/padou/images/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(/wp-content/themes/padou/images/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;
}

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

#search_top{
	position: absolute;
	top: 23px;
	right: 80px;
	visibility: visible;
	width: 300px;
	text-align:right;
}

#search_top fieldset {
  border: none;
  text-align: right;
}

#search_top .bt{
  margin: 0;
 }
 
#search_top .words {
  border: 1px solid #CDCDCD;
  width: 200px;
  margin-top: 10px;
  margin-bottom: 4px;
   margin-right: 5px;
  font-size: 12px;
}

/************* パンくずリスト　#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:1em 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:520px;
	margin-top:1em;
}
/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
.gallery dl{
    margin:0px;
    margin-right:10px;
    margin-bottom:1em;
    padding:0px;
    float:left;
    width:160px;
}
.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;
}
/*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;
	background-color: #FAF5F2;
	padding: 1em;
	margin-top: 2em;
}
.cartin-box h2{
	font-size: 105%;
	margin:0 0.5em 1em 0.5em;
}

.select-box {
	float: left;
	margin-right: 1em;
}
.cartin-bt {
	margin:0;
	float: right;
}


/* ページ下部ショッピングインフォメーション */
.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}