/* ---
基本レイアウト
------------------------------------------------------------ */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:#e8f1f7;
	background-image:url(http://charapacos.com/shop/html/images/common/body_bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}

body,tr,td {
	font-size : 13px;
	font-family: 'メイリオ', 'MS UI Gothic';
	color: #555555;
	line-height: 1.2;
}

/* ---
Container
------------------------------------------------------------ */
/* 幅840 左メニュ幅160 右メイン幅650 */

div#whole_container{
	width: 847px;
	background-color:transparent;
	background-position:left top;
	background-repeat:repeat-y;
	margin:0px auto;
	padding: 0px;
	text-align:center;

}
	#whole_container{background-image:url(http://charapacos.com/img/common/content_bg.png); width: 870px;}
	head~/**/body #whole_container{background-image:url(http://charapacos.com/img/common/content_bg2.png);}	
	html:not(:target) #whole_container{background-image:url(http://charapacos.com/img/common/content_bg.png);}	




div#container{
	width: 810px;
	background-color:transparent;
	margin: 0px auto;
	padding: 0px;
	text-align:left;
}



* html #container {width: 830px; }



/* ---
Container2(ページ内容)
--------------------------------------------------------------- */

#shop_content{
 	width:600px;
	clear: both;
	padding: 0px;
	text-align:left;
	float:right;}


#container2{
 	width:600px;
	clear: both;
	padding: 0px;
	text-align:left;
	float:right;
}
#shop_content table{
}

/* ---
siteHead
---------------------------------------------------------------- */

#siteHead{
	width: 840px;
	height:123px;
	margin: 0px auto;
	padding: 0px;
	text-align:left;
}

#siteHead h1{
	font-size: 100%;
	color: #555555;
	margin-left:8px;
	font-weight:normal;
}

#siteHead strong{
	font-weight:normal;
}

#siteHead td{
	background-color: transparent;
}

#siteHead a{
	color:#555555;
}

/* ---
sidebar
------------------------------------------------------------------- */

div#sub {
	font-size: 100%;
	color: #333333;
	background-color: transparent;
	text-align: center;
	padding: 0;
	margin-bottom: 20px;
	width: 200px;
	float: left;
}

/************************************************
*	 Sidebar 					 	 * 
************************************************/
div#sub .inner {
	padding-left: 0px;
	padding-right: 0px;
}
div#sub img {
	margin: 5px 0 5px 0;
}

/* サイドバーリスト */
div.category-archives
{
	margin-bottom:40px;
}

div#sidebar ul
{
	list-style-type:none;
	margin:0 10px 0 0;
}

div#sidebar ul.sub-category
{
	list-style-type:none;
	margin:0;
}

div.category-archives ul li
{
	font-size:80%;
	font-weight:bold;	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	margin-bottom:0;
	display:inline;
}

div.category-archives ul li a
{
 	width:170px;
    height:32px;
	font-weight:bold;	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	text-decoration:none;
	color:#ffffff;
	background:url(http://charapacos.com/img/common/icon_topcategory.png) no-repeat;
	display:block;
	line-height:250%;
    text-indent:25px;
}

div.category-archives ul li a:hover
{
	color:#cccccc;
	text-decoration:none;
	background:url(http://charapacos.com/img/common/icon_topcategory_hover.png) no-repeat;
}

div.category-archives ul.sub-category
{
	padding:0px 0;
	margin:0;
	list-style-type:none;
}

div.category-archives ul li ul.sub-category li
{
	font-size:100%;
	font-weight:normal;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	margin:0;
	padding:0;
}

div.category-archives ul.sub-category li a
{
    width:180px;
    height:30px;
	font-weight:normal;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	color:#82ABD1;
	background:transparent url(http://charapacos.com/img/common/icon_sub_category.png) no-repeat;
	display:block;
    padding:8px 0 0 25px;
	line-height:100%;
}

div.category-archives ul.sub-category li a:hover
{
	color:#ffffff;
	background:transparent url(http://charapacos.com/img/common/icon_sub_category.png) no-repeat;
	text-decoration:underline;
}

/* --- 共通部分 --- */
dl dd ul li a{
  color:#666666;
  text-decoration:none;
}
dl dd ul li a p{
  font-size:11px;
  _font-size:80%;
  margin:0px;
}

dl dd ul li a strong{
  font-size:14px;
  color:#1c5fa8;
}
dl dd ul li a:hover strong{
  color:#ff6600;
}
dl dd ul li a img{
  clear:right;
  float:right;
  position:relative;
  right:14px;
  _right:3px;
}

/* ---
商品検索
--------------------- */
div#searchBox{
  width:180px;
  height:74px;
  background-image:url(http://charapacos.com/img/common/sub/sub_bt_04.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
}
div#searchBox form{
  position:relative;
  top:40px;
}
div#searchBox form input.submit{
  width:49px;
  height:22px;
  color:#ffffff;
  background-color:#ff9900;
  background-image:url(http://charapacos.com/img/index/searchButton.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  border:none;
  line-height:22px;
}
div#searchBox form input.submit:hover{
  cursor:pointer;
}
div#searchBox form input.kensaku{
  border:1px solid #ff9900;
}
/* ---
Style(形)で選ぶカテゴリー
---------------------- */
div#stylingBox{
  width:180px;
  background-image:url(http://charapacos.com/img/common/stylingtitle.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:10px auto;
  padding-top:50px;
}
div#stylingBox .inner{
  width:178px;
  background-color:#e3edf5;
  border:1px solid #68c6dc;
}
div#stylingBox .inner dl dt{
  margin:5px auto;
}
div#stylingBox .inner dl dt a{
  display:block;
  width:171px;
  height:22px;
  color:#131313;
  font-size:13px;
  font-weight:bold;
  text-align:left;
  background-image:url(http://charapacos.com/img/common/dt_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
  text-indent:20px;
  text-decoration:none;
}
div#stylingBox .inner dl dt a:hover{
  text-decoration:underline;
  color:#095ba6;
}
div#stylingBox .inner dl dd ul{
  display:block;
}
div#stylingBox .inner dl dd ul li{
  display:block;
  width:171px;
  height:75px;
  margin:0px auto 5px auto;
}

div#stylingBox .inner dl dd ul li a{
  display:block;
  width:171px;
  height:75px;
  background-image:url(http://charapacos.com/img/common/dd_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  text-align:left;
  padding-left:10px;
  font-size:11px;
}

div#stylingBox .inner dl dd ul li a:hover{
  background-image:url(http://charapacos.com/img/common/dt_bg_hover.jpg);
  background-position:left top;
  background-repeat:no-repeat;
}