@charset "Shift_JIS";

/* CSS Document */

/*------------
　共通
------------*/
div.cathand_list_banner{
	display:none;
}

/*------------
カテゴリー部
------------*/
div#category{
	float:left;
	padding-top:10px;
	text-align:left;
	width:150px;
	background:#CCCCFF;
}

div#category ul{
	margin:0;
	padding-left:10px;;
}

div#category ul li{
	text-align:left;
	list-style-type:none;
	margin:0;
	padding:0;
}


div#category ul.big li{
	font-weight:bold;
	margin:5px;
	padding-left:25px;
	background: url(../../cathand/img/hana_li.gif) no-repeat 0px 0px;

}

div#category ul.small li{
	font-weight: normal;
	margin:0px;
	padding:0;
	font-size:x-small;
	background: none;

}
/*------------
一覧スタイル　01
------------*/

#list {
	float:right;
	width:500px;
	text-align:center;
	border-top: 1px solid #8a4d93;
}

#list .menu a:link {
	color:#006600;
	text-decoration:none;
}

#list .menu a:visited {
	color:#006600;
	text-decoration:none;
}

#list .menu a:hover {
	color:#009999;
	text-decoration:none;
}


#list img.cate_header {
	width:200px;
	border:2px solid #8a4d93;
	margin-right:10px;
	margin-top:15px;
}

#list p.cate_header {
	text-align:left;
	font-weight:bold;
	margin-top:15px;

}

#list h2 {
	font-size:medium;
	padding:10px 0px;
	text-align:left;
	color:#8a4d93;
	clear:both;
}

#list div.menu {
	font-size:small;
	padding:10px 0px;
	text-align:left;
	clear:both;
}
div.product {
	padding:15px 15px 0 15px;
	margin-bottom:10px;
	border:1px solid #8a4d93;
	border-right:2px solid #8a4d93;
	border-bottom:2px solid #8a4d93;
	width:480px;
	background: url(../../cathand/img/bg_s.gif) right bottom no-repeat;
	clear:both;
}

div.product img {
	margin:0 15px 15px 0;
	width:200px;
	float:left;
	border:1px solid #8a4d93;
}

div.inside:after {
	content:"　";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.inside {
	padding-top:10px;
	text-align:left;
	padding-left:210px;
}

div.inside h3 {
	color:#996600;
	font-size:medium;
	padding:5px 0px;
}

div.inside p {
	font-size:small;
	line-height:140%;
	padding:5px 0px;
}

div.inside p.price {
	color:#FF0000;
	font-weight:bold;
}


div.inside p.detail {
	text-align:right;
}

div.inside p.detail a {
	text-decoration:none;
	color:#ffffff;
	padding:3px;
	border:1px solid #8a4d93;
	background-color:#8a4d93;
}


div.inside p.detail a:hover {
	text-decoration:none;
	color:#d6d6f6;
	padding:3px;
	border:1px solid #d6d6f6;
}

.cathand_list_back {
	font-size:small;
	text-align:left;
}




/*------------
詳細スタイル　01
------------*/


#detail {
	float:right;
	width:500px;
	text-align:center;
	margin:0px auto;
	background: url(../../cathand/img/bg_b.gif) right bottom no-repeat;
}

div.cathand_detail_left #img_title {
	font-size:medium;
	padding:5px;
	text-align:center;
	color:#990099;
	font-weight:bold;
}

.cathand_detail_left img {
	margin:10px auto;
	width:400px;
	border:2px solid #990099;
}

.cathand_detail_img p {
	font-size:x-small;
	margin:5px 0px;
}

.cathand_detail_img img {
	width:80px;
	margin:2px;
	border:1px solid #990099;
}

#detail h2 {
	font-size:medium;
	color:#990000;
	font-weight:bold;
	margin:5px 0px;
}

#detail table {
	width:300px;
	margin:10px 40px 10px 95px;
}

#detail select {
	text-align:left;
	width:100px;
	border:1px solid #999999;
}

div.cathand_detail_right p.de_pr {
	font-size:small;
	text-align:left;
	margin:10px 0px 10px 50px;
	color:#0000FF;
}

div.cathand_detail_right p.de_se {
	font-size:small;
	text-align:left;
	margin:10px 0px 10px 50px;
	color:#FF0000;
	font-weight:bold;
}

div.cathand_detail_right p.de_ad {
	font-size:small;
	text-align:left;
	margin:10px 0px 10px 50px;
}

div.cathand_detail_right p.de_ka {
	text-align:left;
	margin:10px 80px 10px 50px;
}

div.cathand_detail_right p.de_ka input {
	font-size:small;
	border:1px solid #999999;
}

div.de_de {
	text-align:left;
	font-size:small;
	margin:5px 80px 5px 50px;
	line-height:140%;
}




/*------------
特定商取引法
------------*/

div#tokutei {
	margin:0 auto;
	width:600px;
}

div#tokutei .title {
	font-size:medium;
	padding:10px 0 10px 5px;
	font-weight:bold;
	border:none;
}

div#tokutei table {
	width:550px;
}

div#tokutei table td {
	border:1px solid #990099;
}

div#tokutei table td.left{
	font-weight:bold;
	width:200px;
}

div#tokutei td.left {
	background-color:#8a4d93;
	color:#ffffff;
	padding:3px 0 3px 5px;
}

div#tokutei td.right {
	padding:3px 3px 3px 10px;
}



/*------------
お問い合せ
------------*/
div#otoiawase span.value {
	margin-left:10px;
}

div#otoiawase span.title {
	color:#333333;
}

div#otoiawase  {
	margin:10px;
	padding-bottom:15px;
}

div#otoiawase table{
	width:550px;
	margin-top:5px;
}

div#otoiawase table td {
	border:1px solid #990099;
}

div#otoiawase .style_name input{
	width:200px;
}

div#otoiawase .style_kana input{
	width:200px;
}

div#otoiawase .style_zip input{
	width:90px;
}

div#otoiawase .style_add input{
	width:200px;
}

div#otoiawase .style_tel input{
	width:40px;
}

div#otoiawase .style_e_mail input{
	width:200px;
}

div#otoiawase .style_e_mail_check input{
	width:200px;
}

div#otoiawase .list_value{
	padding:5px;
	width:320px;
}

div#otoiawase .form_index{
	padding:5px 10px 5px 5px;
	border: 1px gray solid;
	border:1px solid #663300;
	background-color:#8a4d93;
	color:#ffffff;
	font-weight:bold;
	width:150px;
}

div#otoiawase .must,span{
	color:red;
}

div#otoiawase .style_field1 textarea{
	width:350px;
	height:150px;
	border-top:2px solid #666666;
	border-left:2px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}

div#otoiawase .td_submit{
	text-align:center;
	line-height:20px;
	padding:10px;
}

/*---------------------------------------------------------------------
------------otoiawase.phpのスイタル----------------------------------*/
table tr td.form_curio {
	width:650px;
}
	
table tr td.form_curio p {
	background:url(../../cathand/img/form_curio.gif) no-repeat;
	width:546px;
	height:65px;
	text-indent:-9999px;
	margin:0 52px 0 52px;
}

table tr td.form_curio p a {
	display:block;
	width:546px;
	height:65px;
	overflow:hidden;
}

table tr td.form_curio p a:hover {
	background:url(../../cathand/img/form_curio2.gif) no-repeat;
}

