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

dl dd ul li a strong{
  font-size:12px;
  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#indexContents{
  width:600px;
  float:right;
  clear:right;
  margin-bottom:20px;
}
div.indexContents_L{
  width:400px;
  float:left;
}

div.indexContents_R{
  width:198px;
  float:right;
  margin-top:10px;
  text-align:center;
}





/* --- 新着情報 --- */
div.whatsnewBox{
  width:398px;
  border:1px solid #68c6dc;
}

div.index-banner{
	margin:10px auto;
	
	}

/* --- PICKUP商品 --- */


div.pickupBox-top{
	width:398px;
  	height:10px;
	background-image:url(http://charapacos.com/img/index/pickupbox_top.jpg);
	}

div.pickupBox{
  width:395px;
  background-image:url(http://charapacos.com/img/index/pickupBox_main.jpg);
  background-position:left top;
  padding-left:3px;
  margin-top:-12px;  
}

*html div.pickupBox{
	width:398px;
	}


div.pickupBox-bottom{
	width:398px;
  	height:11px;
	margin-bottom:10px;
	background-image:url(http://charapacos.com/img/index/pickupbox_bottom.jpg);
	}


div.pickupBox2{
  width:398px;
  height:310px;
  background-image:url(http://charapacos.com/img/index/pickupBox_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin-top:10px;
  clear:both;
  
}
div.pickupItem{
  display:block;
  width:116px;
  height:180px;
  margin:3px;
  float:left;
  padding:3px;
  border:#F2F2F2 dashed 1px;
  *padding:0px;
}

div.pickupItem ol li{
	font-size:11px;
	list-style-type:decimal;
	margin-left:15px;
	*margin-left:30px;	
	}
.picup01{color:#0CF;}
.picup02{color:#F90;}
.picup03{font-weight:bold;}


div.pickupItem img{
  margin-top:5px;
  margin-left:12px;
}
div.pickupItem p{
  text-align:center;
}

div.picup-setumei{
	width:350px;
	text-align:left;
	
	}


/* --- お支払方法は4種類 --- */
div.shiharaiBox{
  width:183px;
  *width:183px;
  height:170px;
  background-image:url(http://charapacos.com/img/index/shiharai_bg2.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
  text-align:left;
}



div.shiharaiBox ul{
  padding-top:36px;
  text-align:left;
}


div.shiharaiBox ul li{
  list-style-type:none;
  display:block;
  width:120px;
  height:18px;
  line-height:18px;
  text-indent:30px;
  text-align:left;
  background-image:url(http://charapacos.com/img/common/list-icon.jpg);
  background-position:16px 6px;
  background-repeat:no-repeat;
}
div.shiharaiBox p{
  padding-left:10px;
}
/* --- 売れ筋ランキング --- */

div.rankingBox01{
  width:181px;
  height:249px;
  background-image:url(http://charapacos.com/img/index/rankingBox01_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
}

/* --- コスプレランキング --- */
div.rankingBox02{
  width:181px;
  height:200px;
  background-image:url(http://charapacos.com/img/index/rankingBox02_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
  color:#037ab4;
}
div.rankingBox02 ol li{
  text-align:left;
  padding-top:5px;
  margin-left:30px;
  list-style-type: decimal;
}

div.rankingBox02 ol li a{
	  color:#037ab4;
	  text-decoration:none;
	  *line-height:80%;
		
	}

div.rankingBox02 ol a:hover{
	color:#F60;

	}


div.top1,
div.top2,
div.top3{
  display:block;
  width:171px;
  height:70px;
  padding-top:10px;
  padding-left:10px;
  *padding-left:0px;
}

div.top1 img,
div.top2 img,
div.top3 img{
  float:left;
  margin:0px;
}
span.box{
  width:110px;
  height:70px;
  float:right;
  padding-top:10px;
}
span.box p{
  text-align:left;
}

/* ---
商品検索
--------------------- */
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;
  padding-top:5px;
  font-size:11px;
  text-decoration:none;
}

div#stylingBox .inner img{
	margin:-3px auto 0px;
	
	}


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;
}
/* --- 共通下部リンク --- */
div#shopGuide{
  margin-bottom:20px;
  font-size:80%;
  padding:10px;
  border:1px solid #68C6DC;
  background-color:#FFF5D2;
  clear:both;
}
div#shopGuide a{
  color:#FF4300;
}
div#shopGuide h4{
  color:#FF4300;
  font-weight:bold;
  clear: both;
}
div.unicef{
	width:460px;
	height:60px;
	margin:10px auto;
	color:#666;
	background:url(img/common/unicef.png);
	padding:10px;
	line-height:150%;
	}

div.unicef-inner{
	width:420px;
	margin:10px 0px 10px 10px;
	color:#FFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	line-height:150%;
	
	}


div#footerLink{
  width:600px;
  background-color:#ccc;
  font-size:10px;
  text-align:left;
  padding:10px 0px;
}
div#footerLink ul li{
  display:block;
}
div#footerLink a{
  display:block;
  width:140px;
  padding-top:6px;
  padding-bottom:6px;
  background-image:url(http://charapacos.com/img/common/footerLink_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  text-indent:25px;
  color:#363636;
  text-decoration:none;
  border-bottom:1px dashed #666666;
  margin-left:3px;
}
div#footerLink a:hover{
  text-decoration:underline;
}
div.linkBox_L{
  width:300px;
  float:left;
}
div.linkBox_R{
  width:300px;
  float:right;
  height:280px;
  clear:right;
}
div.linkBox_L_L{
  width:150px;
  float:left;
}
div.linkBox_L_R{
  width:150px;
  float:right;
}
div.linkBox_R_L{
  width:150px;
  float:left;
}
div.linkBox_R_R{
  width:150px;
  float:right;
  height:280px;
}
/* --- カレンダー --- */
div.cal{
  width:181px;
  height:377px;
  background-image:url(http://charapacos.com/img/common/calendar_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  margin:0px auto;
}
div.cal iframe{
  margin-top:60px;
  border:none;
}

/* ---
キャンペーンページ
--------------------- */
div.swapBox{
  margin:0px auto;
  background-color:#faf0e4;
  border:1px solid #d8bb98;
}
div.swapBox table{
  margin:0px auto;
}
div#goodsSubInfo{
  width:600px;
  margin:10px auto;
}
div.info_l{
  width:300px;
  float:left;
  clear:left;
}
div.info_r{
  width:300px;
  float:right;
  clear:right;
}
/* --- ご注意部分 --- */
div.info_note{
  width:270px;
  background-color:#faf0e4;
  border:1px solid #d8bb98;
  padding:6px;
  margin:0px auto 10px auto;
  float:left;
}
div.info_note p{
  padding:0px;
  margin:0px;
}
div.info_note strong{
  color:#FD3600;
}
/* --- 返品保障部分 --- */
.returnBox{
  width:283px;
  height:219px;
  background-image:url(http://charapacos.com/img/common/detailImg03.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
}
.returnBox p{
  font-size:11px;
  color:#131313;
  position:relative;
  top:122px;
  left:20px;
}



/* ---
キャラクター別ウィッグ対応表
--------------------- */


#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
    border-bottom:1px solid #CCC;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
    border-bottom:1px solid #CCC;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}

div.box-point{
	width:500px;
	margin:15px auto;
	border:#CCC dashed 1px;
	padding:10px;
	font-size:90%;
	line-height:150%;
	color:#F90;
	}


/* ---
スタイルから選ぶ
--------------------- */
div.style-box{
	width:160px;
	padding:5px;
	margin-left:20px;
	float:left;
	}

div.style-box img{
	border:#FC0 solid 1px;
	padding:3px;
	margin:5px;
}
div.style-name{
	color:#FF4300;
	font-weight:bold;
	font-size:110%;
	margin:0 0 5px 0px;
	}
div.style-name2{
	color:#FF4300;
	font-size:90%;
	margin-left:5px;
	}


/* ---
180℃耐熱
--------------------- */

div.tainetsu-box{
	width:580px;
	margin:5px auto;
}

div.tainetsu-box img{
	float:left;
	width:300px;
}
div.tainetsu-box p{
	line-height:150%;
}
div.tainetsu-boxR{
	width:260px;
	float:right;
	margin-top:50px;
	padding:5px;
}

div.180-tyuui{
	color:#F90;
	border:#999 dashed 1px;
	
	}

/* ---
リンクページ
--------------------- */
div#linkbox textarea{
	width: 200px;
}


/* ---
商品色一覧ページ
--------------------- */
div.goodsBox{
}
div.goodsBox img{
  padding:4px;
  border:1px solid #B3E2EC;
  float:left;
  margin-left:10px;
  margin-bottom:10px;
}
div.goodsDetail{
  width:300px;
  float:left;
  margin-left:10px;
}
div.goodsDetailTitle{
  color:#E32191;
  font-weight:bold;
  margin-bottom:6px;
}
table.detailSetsumei{
  width:288px;
  padding:6px;
}
table.detailSetsumei tr th{
  background-color:#E3EDF5;
  padding:6px;
}
table.detailSetsumei tr td{
  background-color:#ededed;
}
table.colorTbl{
  width:600px;
  margin:10px auto;
  border:1px solid #666666;
}
table.colorTbl tr td{
  width:28px;
  margin:0px;
  padding:0px;
}



/* ---
その他
--------------------- */

/* --- 文字修飾 --- */
p.style01{
  color:#0290bf;
  font-size:13px;
  margin:0px;
}
p.style02{
  color:#131313;
  font-size:10px;
  font-weight:bold;
}

p.style03{
	font-weight:bold;
	color:#F30;
	font-size:10px;
	margin-left:5px;
	}
/* --- ToolTips Javascript用 --- */
.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: #666;
	margin: 0;
	padding: 0.5em;
}

.glt-elm img{
	display: block;
}