/* base layout 
------------------------------------------------------- */
body { margin: 10px auto 10px auto; font-family: "ＭＳ Ｐゴシック", Osaka, arial, helvetica, sans-serif; 
       background: url(img/back.gif) repeat-x top left; }
	   
h1,h2,h3,h4,h5,h6,p,a,li,dl,strong { font-family: "ＭＳ Ｐゴシック", Osaka, arial, helvetica, sans-serif;
                      margin: 0px; padding: 0px; color: #444; }

h1 { margin: 3 3 3 40px; padding: 0px; font-size: 12px; font-weight: normal; } /* top on each pages only */
h2 { font-size: 12px; }
h3 { margin: 5 0px; }
h3,h4,h5,h6,strong { font-size: 12px; }
p {
	font-size: 12px;
	line-height: 20px;
	padding: 0px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
}
p.top { font-size: 12px; color: #333; margin: 5 0 0 5px; padding: 0px; }
a { font-size: 12px; margin: 0px; padding: 0px; color: tomato; }
a.top:hover { font-size: 12px; margin: 0px; padding: 0px; color: tomato; background-color: #fdf5e6; text-decoration: none; }
span.xx { font-size: 10px; color: #666; margin: 5 0 0 5px; padding: 0px; }
span.em { font-size: 10px; color: #cc0000; margin: 5 10px; padding: 0px; }
img.home { float: right; margin: 80 145 0 0px; padding: 0px; }
img.c { margin: 5 10 10 0px; }

/* head 
------------------------------------------------------- */
#head img.logo { margin: 25 0 0 12px; padding: 0px; float: left; }
#head .global { width:280px; float: right; margin: 15 20 0 0px; padding: 0px; text-align:right; }
#head .global img { margin: 0 5px; padding: 0px; border:0px;}
#head .card { width:135px; float: left; margin: 30px 0 0 30px; padding: 0px; text-align:left; font-size: 10px; }
}
/* contents 
------------------------------------------------------- */
#contents { margin: 0px; padding: 0px; }
/* navigation */
#navi { margin: 0px; padding: 0px; }
#navi img { margin: 0 0 20 0px; padding: 0px; display: block; }

/* main contents */
#main { margin: 0 0 30 20px; padding: 0px; }
#main .catch { background: url(img/catch.gif) no-repeat top left; width: 350px; height: 60px; }
#main .sub { background: url(img/clipon.gif) no-repeat top left; width: 180px; height: 84px; margin: 10 0 0 0px; }
#main .contact { background: url(img/contact.gif) no-repeat top left; width: 192px; height: 25px; margin: 10 0 15 0px;  }
#main .link { background: url(img/link.gif) no-repeat top left; width: 150px; height: 30px; margin: 10 0 15 0px; }
#main .ext { background: url(img/tensyu1.gif) no-repeat top left; width: 250px; height: 35px; margin: 10 0 15 0px; }
#main .voice { background: url(img/voice.gif) no-repeat top left; width: 158px; height: 33px; margin: 10 0 15 0px; }
#main .price { background: url(img/price.gif) no-repeat top left; width: 256px; height: 31px; margin: 10 0 15 0px; }
#main .price2 { background: url(img/price2.gif) no-repeat top left; width: 270px; height: 34px; margin: 10 0 15 0px; }
#main .color { background: url(img/color.gif) no-repeat top left; width: 281px; height: 45px; margin: 10 0 15 0px; }
#main .clip { background: url(img/clip.gif) no-repeat top left; width: 255px; height: 40px; margin: 10 0 15 0px; }
#main .qa { background: url(img/qa.gif) no-repeat top left; width: 206px; height: 33px; margin: 0 0 15 0px; }
#main .best { background: url(img/best.gif) no-repeat top left; width: 252px; height: 65px; margin: 10 0 15 0px; }
#main .acce { background: url(img/accessory.gif) no-repeat top left; width: 270px; height: 33px; margin: 10 0 15 0px; }
#main h2 { display: none; } /* invisible */
#main h3 { border-bottom: 1px solid #ccc; margin: 5px; padding: 3 0px; font-size: 14px; }
img.car { display: block; clear: both; margin: 0 0 0 30px; }

/* best */
table.type { margin: 20 0 10 20px; border: 1px solid #ccc; }
table.type td { padding: 5px; }
.border { border-bottom: 1px dashed #ccc; padding: 0 2px; }
/* color */
#color { width: 480px; margin: 15px; }
#color p { margin: 0 80 0 0px; }
#color p.question { border-bottom: 1px solid #ccc; padding: 2 0px; margin: 0 0 5 0px; width: 400px;}
#color p span.q { margin: 0 10 0 0px; font-weight: bold; }
.ask { width: 480px; /*height: 100px;*/ padding: 5px; margin: 20 0px; background: url(img/q01.gif) no-repeat top right; }
.ask2 { width: 480px; /*height: 100px;*/ padding: 5px; margin: 20 0px; background: url(img/q02.gif) no-repeat top right; }
.ask3 { width: 480px; /*height: 100px;*/ padding: 5px; margin: 20 0px; background: url(img/q03.gif) no-repeat top right; }
.ask4 { width: 480px; /*height: 100px;*/ padding: 5px; margin: 20 0px; background: url(img/q04.gif) no-repeat top right; }
/* price */
table.lense { margin: 10 0 10 20px; }
table.lense td { padding: 3px; }
table.lense h4 { color: #666633; }
table.lense strong { color: #666; }
/* price 2 */
table.flame { border-bottom: 1px dashed #ccc; margin: 0 0 20 0px; padding: 0 0 10 0px; }
/* contact */
table#form { margin: 10 0 0 0px; border: 1px dashed #ccc; padding: 5px; } 
table#form td { padding: 2 5px; } 
table p.head { font-size: 12px; }
/* question */
ul#qa { list-style: none outside; width: 440px; }
ul#qa li.q { background: url(img/qa01.gif) no-repeat center left; padding: 0 0 0 65px;  height: 55px;}
ul#qa li.a { background: url(img/qa02.gif) no-repeat top left; background-position: 0px 15px;  padding: 0 0 0 65px; border-top: 1px dashed #ccc;  border-bottom: 1px solid #ccc; }
ul#qa p { margin: 10 0px; }
/* voice */
#comment ul { list-style: none outside; width: 440px; } 
#comment li { background: url(img/com.gif) no-repeat top left; margin: 20 0px; padding: 0 0 0 30px; /*height: 100px;*/ }
#comment li p { margin: 0px; }
/* extra */
#main ol { list-style: outside decimal; }
#main li { font-size: 12px; line-height: 20px; }
/* accessory */
table.zakka { margin: 10 10 10 5px; }
table.zakka td { padding: 10px; font-size: 12px; text-align: center; }
table.zakka img { margin: 0 0 5 0px; display: block; }
table.zakka img.case { display: inline; margin: 0 0 5 5px; }

/* footer 
------------------------------------------------------- */
#footer { margin: 0px; padding: 0px; text-align: center;}
a.foot { font-size: 10px; color: #fff; margin: 5 3px; text-decoration: none; }
a.foot:hover { text-decoration: underline; }
a.link { text-decoration: none; margin: 0px; padding: 0px; }
a.link img{ border: none; margin: 0 2px; }
#footer p { font-size: 10px; color: #ccc; }
.copy { font-size: 10px; color: #cccc99; letter-spacing: 1px; margin: 10 0 0 0px; }
#info { position: relative; top: 100px; left: 119px; }
#info strong { font-size: 12px; }
#info p { font-size: 12px; color: #333; }

/* 猫の手2　カテゴリ設定--------------------------------------*/

#contents div#navi div#kate {
padding:0px;
margin:0px;
width:130px;
}

div#navi div#kate ul.big {
margin:0px;
padding:0;
list-style-type:none;
width:130px;
border:0px;
/*display:block;
*/}

div#navi div#kate ul.big li {
margin:5px 0;
padding:0;
font-size:14px;
font-weight:bold;
}

div#kate ul.big li a {
display:block;
color:#FF9900;
text-decoration:none;
font-size:14px;
font-weight:bold;
}

div#kate ul.big li a:hover {
color:#003399;
background:#FFFF99;
}

div#kate ul.small {
width:130px;
margin:0px;
padding:0;
list-style-type:none;
}

div#kate ul.small li {
width:120px;
margin:2px 0px;
padding:0 10;
}

div#kate ul.small li a {
display:block;
color:#FF9900;
text-decoration:none;
font-size:10px;
line-height:2;
vertical-align:middle;
font-weight:normal;

}

div#kate ul.small li a:hover {
color:#003399;
background:#FFFF99;
/*height:16px;*/
line-height:2;
vertical-align:middle;
}

div#navi img#shop {
padding:0px;
margin:0px;
}

div#contents div#navi img#shop {
padding:0px;
margin:0px;
}

div#wrap div#search {
text-align:right;
padding:10px 20px 5px 0px;
}

div#search {
text-align:right;
padding:10px 20px 5px 0px;
}

/* 猫の手2　一覧表示 -------------------------------------------*/



div#main #ichiran div#contents {
width:500px;
text-align:center;
margin:0px auto;
}

div#main #ichiran div#contents .menu a:link {
color:#006600;
text-decoration:none;
}

div#main #ichiran div#contents .menu a:visited {
color:#006600;
text-decoration:none;
}

div#main #ichiran div#contents .menu a:hover {
color:#009999;
text-decoration:none;
}


div#main #ichiran div#contents h2 {
font-size:medium;
padding:10px 0px;
text-align:left;
}

div#main #ichiran div#contents .menu {
font-size:small;
padding:10px 0px;
text-align:left;
clear:both;
}

div#main div#ichiran div#contents .product {
float:left;
width:500px;
border:2px #FFFF33 solid;
margin:5px 0px;
padding:10px;
}

div#main div#ichiran div#contents .product img {
width:200px;
margin-right:15px;
margin-top:10px;
margin-bottom:10px;
float:left;
}

div#main div#ichiran div#contents div.product div.inside {
padding-top:10px;
text-align:left;
padding-left:210px;
}

div#main div#ichiran div#contents div.product div.inside h3 {
color:#996600;
font-size:medium;
padding:5px 0px;
}

div#main div#ichiran div#contents div.product div.inside p {
font-size:small;
line-height:140%;
padding:5px 0px;
}

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


div#main div#ichiran div#contents div.product div.inside p.detail  {
text-align:right;
}

div#main div#ichiran div#contents div.product div.inside p.detail a:link {
text-decoration:none;
color:#ff0000;
padding:3px;
border:1px solid #006600;
}

div#main div#ichiran div#contents div.product div.inside p.detail a:visited {
text-decoration:none;
color:#ff0000;
padding:3px;
border:1px solid #006600;
}

div#main div#ichiran div#contents div.product div.inside p.detail a:hover {
text-decoration:none;
color:#990000;
padding:3px;
border:1px solid #FF0000;
}

.cathand_list_back {
font-size:small;
text-align:left;
}

/*　猫の手2　詳細　--------------------------------------------------*/

#syosai {
width:500px;
text-align:center;
margin:0px auto;
}

#syosai div.cathand_detail div.cathand_detail_left img {
padding:5px;
border:2px solid #FFFF33;
}

#syosai div.cathand_detail div.cathand_detail_left span#img_title {
font-size:medium;
font-weight:bold;
color:#006633;
}

#syosai div.cathand_detail div.cathand_detail_right img {
padding:5px;
border:2px solid #FFFF33;
}


.cathand_detail_left img {
margin:10px auto;
width:500px;
}

.cathand_detail_img p {
font-size:x-small;
margin:5px 0px;
}

.cathand_detail_img img {
width:90px;
margin:2px;
}

#syosai h2 {
font-size:medium;
color:#990000;
font-weight:bold;
margin:5px 0px;
}

#syosai table {
width:300px;
margin:10px 0px;
}

#syosai select {
width:100px;
border:1px solid #999999;
}

.de_pr {
font-size:small;
text-align:left;
margin:4px 0px 4px 100px;
color:#0000FF;
}

.de_se {
font-size:small;
text-align:left;
margin:4px 0px 4px 100px;
color:#FF0000;
font-weight:bold;
}

.de_ad {
font-size:small;
text-align:left;
margin:4px 0px 4px 100px;
}

.de_ka {
text-align:right;
margin:5px 80px 5px 0px;
}

.de_ka input {
font-size:small;
border:1px solid #999999;
}

.de_de {
text-align:left;
font-size:x-small;
line-height:140%;
padding:10px;
}



/*お問い合わせフォーム*/

div#kokuti {
	width:450px;
	font-size:14px;
	color:#000000;
	line-height:130%;
	margin:0px 0px 0px 30px;
}
div.title {
	background-color:#FFFF99;
	width:450px;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}







div#contact {
	clear:both;
	width:450px;
	margin:0px 0px 0px 20px;
	padding:30px 10px 30px 10px;
	border:2px solid #FFFF33;
	background-color:#FFFFF4;
	text-align:center;
}


div#contact .form_214 {
	font-size:14px;
	width:520px;
	line-height:16px;
	color:#000000;
	font-size:14px;

}



div#contact .form_214 td{
	border-color:#CCFFCC;
	border-style:solid;
	border-width:1px;
}




div#contact .form_index {
	width:100px;
	}






div#contact .edit_table_214 {
	border-color:#FFFFFF;

}



div#contact .tr_submit {
	text-align:center;
}


div#contact .must {
	font-size:12px;
	color:#FF0000;
	text-indent:0px 0px 0px 30px;
}

div#contact .sirusi {
	width:400px;
	height:20px;
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin-left:0px;
}



div#contact .style_e_mail input {
	width:300px;
}

div#contact .style_e_mail_check input {
	width:300px;
}

div#contact .style_add input {
	width:300px;
}


div#contact .style_name input {
	width:300px;
}

div#contact .list_value {
	width: 300px;
}


div#contact .style_tel input {
	width: 90px;
}

div#contact .style_field1 textarea {
	width: 300px;
	height:200px;
}



div#contact .style_name {

}


div#contact .style_e_mail {
width:300px;	 
}

div#contact .style_tel {

}

div#contact .style_field1 {

}


div#contact .style_add {

}


div#contact .style_field2 {

}

div#contact .style_field3 {

}



div#contact .tr_submit{
text-align:center;

}

/*新着情報*/
iv#sin { 
width:550px; margin:10px 20px 10px 10px;
}

div#sin .hi{
width:469px;
height:33px;
background:url(img/shityaku1.gif) no-repeat;
}

div#sin .mi{
width:469px;
height:80px;
overflow:auto;
text-align:left;
font-size:12px;
/*padding:5px 10px 5px 20px;
*/margin:0;
background-image:url(img/shityaku2.gif) ;
backgrund-repeat:repeat-y;
}

div#sin .lo{
width:469px;
height:27px;
background:url(img/shityaku3.gif) no-repeat;
}

div#sin .mi div.cm{
width:500px;
height:100px;
overflow:auto;
text-align:left;
font-size:12px;
padding:5px 10px 5px 30px;
margin:0;
}


/*トップページギャラリー*/
div#gallery {
width:469px;
margin:20px 0px;

}
div#gallery table {
background-color:#FFCC99;
}


div#gallery td{
width:150px;
padding:15px;
background-color:#FFFFDD;
border-color:#FFCC99;

}


  /*QRコード */ 
  div#qr { width:110px; text-align:center; font-size:10px;}
  div#qr p{ margin:0; width:100px; text-align:center; font-size:10px; line-height:12px;}

  
  /*flash */ 
div.fla {
width:480px;
height:180px;
border:#FFCC33 1px solid ;
margin:5px 0px 5px 20px;
}



div#main table p{
	margin:0 5px;
}
  

div#flash_plugin {
	margin-top:20px;
}  
  
div#flash_plugin p {
	margin:0;
	text-align:left;
	font-size:x-small;
	line-height:1.5;
}


  /*トップページ　店舗紹介 */ 

div.tenpo {
	width:520px;
	margin-top:20px;
}

div.tenpo table {
	border-collapse:collapse;
}	

div.tenpo table tr td {
	vertical-align:top;
}

div#main div.tenpo table tr td p {
	margin:5px 0;
	line-height:1.5;
}

div.tenpo table tr td div {
	display:none;
}			

div.tenpo table tr td.addclass_td1 {
	width:250px;
	padding-right:20px;
}

div.tenpo table tr td.addclass_td2 {
	width:250px;
}