@charset "Shift_JIS";

/* CSS Document */

/*　基本デザインスタイル
******************************/
div,p,h1,h2,h3,h4,h5,h6 {
	font-size:12px;
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
}

ul,ol{
	list-style-type:none;
	margin:0;
}

#container {
text-align:center;
width:700px;
background-image:url(../../images/back.jpg);
background-repeat:repeat-y;
clear:none;
}

#header h1 {
font-size:x-small;
color:#666666;
padding:8px;
}

#header h2 {
font-size:xx-large;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
color:#006600;
background-image:url(../../images/title.gif);
background-repeat:no-repeat;
background-position:100% 30%;
text-align:left;
text-indent:120px;
padding-top:30px;
padding-bottom:35px;

}

.c9 {
   font-size : 9pt;
   line-height: normal;
margin-top:0px 0px 0px 0px;

}

.cathand_list_banner {
	text-align: right ;
	margin-right: 10px ;
}


/* 検索窓　スタイル
*******************************************/
#search {
	margin-top:0px;
	margin-right: 30px ;
	text-align: right ;
	
}

#search input {
font-family:"ＭＳ ゴシック", "Osaka−等幅";
font-size:12px;
height:16px;
background-color:#FFFFCC;
border:1px solid #ffb280;
}

/* カテゴリスタイル
****************************************/

div#cate ul {
	width:150px;
	float:left;
	margin-top:5px;
	margin-left:10px;
	padding:0;
}

div#cate ul.big li {
	width:150px;
	height:20px;
	text-align:left;
	background-image: url(../../images/point01.gif) ;
	background-repeat: no-repeat ;
	background-position: 1px 4px ;
	list-style-type:none;
	padding-top:3px;
	color: #669900;
	font-size:12px;
	line-height:120%;

}

div#cate ul.big a:link, 
div#cate ul.big a:visited {	
	display:block;
	width:150px;
	padding-left:20px;
	font-size:11px;
	font-weight:bold;
	color:#3c8c39;
	text-decoration:none;
}

div#cate ul.big a:hover {
	display:block;
	width:150px;
	padding-left:20px;	
	font-size:11px;
	font-weight:bold;
	color:#FF3300;
	text-decoration:underline;
}

div#cate ul.small {
	display:none;
}

div#undercate {
	width:600px;
	height:15px;
	float:left;
	margin:5px 0 0 0;
}

div#undercate ul.big li {
	margin: 0;
	padding: 0 10px 0 8px;
	width: auto;
	float: left;
	background: none ;
	list-style-type:none;
	font-size: 9pt;
	line-height:1.1;
	font-weight: normal;
	border-right: solid #666 1px;
}

div#undercate ul.big a , div#undercate ul.big a:visited {
	color: #666;
	text-decoration:none;
}

div#undercate ul.big a:hover {
	color: #666;
	text-decoration: underline;
}




/* 一覧スタイル
****************************************/

h2 {
	width:480px;
	border-bottom:1px dotted #666;
	color: #2e822c ;
	background-image:url(../../../images/navi.jpg);
	background-repeat: no-repeat ;
	background-position: left center ;
	padding-left: 35px ;
	padding-bottom:4px;
}

.menu {
	clear: both ;
	width: 480px ;
	margin-top:5px;
	text-align: right ;
}

div#content {
	text-align:left;
}

div#contents .product {
	clear:both;
	width:490px;
	margin-bottom:5px;
}

div#contents div.product:after {
	display:block;
	width:300px;
	height:0;
	content:".";
	clear:both;
	visibility:hidden;
}

div#contents .product img {
	clear: both ;
	float: left ;
	width:150px;
	margin-top: 5px ;
	margin-left: 10px ;
}

div#contents .product .inside h3 {
	float: left ;
	margin-top: 5px ;
	margin-left: 10px ;
	padding-left: 15px ;
	background-image: url(../../images/point02.gif) ;
	background-repeat: no-repeat ;
	background-position: left center ;
	border-color: #6e3 ;
	color: #2e822c ;
}

div#contents .product .inside p {
	float: left ;
	width: 300px ;
	border:1px dotted #ccc;
	margin-top: 5px ;
	margin-left: 20px ;
	padding: 3px ;
}

div#contents .product .inside p.detail,
div#contents .product .inside p.price {
	float:left;
	width: 290px ;
	text-align: right ;
	border:none;
}

div#contents .product .inside p.detail {
	margin-bottom: 2px ;
}

div#contents .product .inside p.detail a{
	color:#294a96;
	text-decoration:none;
	font-weight:bold;
}

div#contents .product .inside p.price {
	color:#FF0000;
	font-weight:bold;
}

.cathand_list_back {
	clear: both ;
	width: 470px ;
	text-align: center ;
}

/* 詳細スタイル
*****************************************/

div#detail {
	clear: both ;
	margin: 0 ;
	padding: 0 ;
	width:480px;
}

div#detail:after {
	display:block;
	width:470px;
	height:0;
	clear:both;
	content:".";
	visibility:hidden;
}

div#detail .cathand_detail_left {
	width: 450px ;
	border: dotted #9ada5d 1px ;
	text-align: center ;
}

div#detail .cathand_detail_left img {
	width:350px;
	margin-bottom: 15px ;
	margin-top: 5px ;
}


	/*-----サムネイル*-------*/
div#detail .cathand_detail_right .cathand_detail_img p {
	padding:10px 0px;
}

div#detail .cathand_detail_right .cathand_detail_img img {
	width:40px;
	margin:10px;
}
	/*-----------------------*/


div#detail .cathand_detail_right {
	clear:both;
	width:450px;
	margin:5px 0 0 0;
	padding:0;
	text-align: left ;
}

div#detail .cathand_detail_right:after {
	display:block;
	width:300px;
	height:0;
	content:".";
	clear:both;
	visibility:hidden;
} 

div#detail .cathand_detail_right h2 {
	display:block;
	width:450px;
	background-image: url(../../images/point-detail.gif) ;
	background-repeat: no-repeat ;
	background-position: left 5px;
	margin-bottom:10px;
	padding-left:20px;
	font-size:16px;
	border-bottom:1px dotted #ccc;
}


div#detail .cathand_detail_right table {
	margin-left: 60px ;
	margin-top: 3px;
}

div#detail .cathand_detail_right option {
	width:60px;
}

div#detail .cathand_detail_right p.de_pr {
	width: 150px ;
	float:left;
	font-size:14px;
}

div#detail .cathand_detail_right p.de_se {
	float:left;
	margin-left: 60px ;
	width: 50px ;
}

div#detail .de_ad {
	width:50px;
	float:left;
}

div#detail .cathand_detail_right p.de_ka {
	width:120px;
	float:right ;
	margin:0;
}




div#detail .de_de {
	clear: both ;
	width: 450px ;
	float:left;
	text-align: left ;
	margin:5px 0 10px 10px;
	padding:0;
	font-size:14px;
}

div#detail div.cathand_list_banner {
	display:none;
}

/* フッター
****************************************/
#footer address {
font-size:x-small;
clear:both;
text-align:center;
color:#999966;
padding:10px 0px;
}




/*-------------------------------------------------
			お問い合わせ
-------------------------------------------------*/
div#otoiawase td.form_index {
	width:130px;
	background-color:#ebffce;
	text-align:center;
	font-size:12px;
}

div#otoiawase tr.style_name input,
div#otoiawase tr.style_kana input,
div#otoiawase tr.style_e_mail input {
	width:200px;
}

div#otoiawase tr.style_pre select, {
	width:130px;
}

div#otoiawase tr.style_add input,
div#otoiawase tr.style_field1 textarea {
	width:315px;
}

div#otoiawase tr.style_field1 textarea {
	height:80px;
}

div#otoiawase tr.tr_submit input {
	margin-top:5px;
	background-color:#6c3;
	color:#fff;
}