@charset "utf-8";

/*
 Share Style
----------------------------------------------------------- */
html {
overflow-y:scroll;}

body { font-size:12px;
	line-height: 18px;
	background-color:#000000;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック" ,sans-serif;
	color:#222;}

/* font */

em {
	font-style:normal;
	color: #FF6600;
}
strong {
	font-weight:bold;}
span { color:#cc0000;}

a:link {
	color:#FFFFFF;}
a:visited {
	color:#FFFFFF;
	text-decoration:none;}
a:hover {
	color: #CCCCCC;}
a:active {
	color:#FFFFFF;}


p { margin: 0 0 1em;}

a img { 
	border:0;}

dl, ul, ol, 
dl dt, dl dd, 
ul li, 
ol li { 
	margin:0;
	padding:0;
	list-style:none;}

textarea,select,input { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";}

h1, 
h2 { margin:0;
	padding:0;}

h1 { float:left;
	width:480px;/* 場合により調節 */}

h2 {
	text-align:center;
	margin:0px;
}

h3 { background:url(img/bar_back.gif) no-repeat 0 0;
	height:22px;
	color:white;
	font-size:14px;
	margin:0;
	padding:0 0 0 15px;
	font-weight:normal;}

h3.categorylabel {
font-weight:bold;
color:#444;
margin:15px 0 0 0;
padding:0 0 0 20px;
}


#rightTop h3 { 
	margin:0 0 6px;
	background:none;
	height:auto;
	padding:0;
	font-size:0;
	line-height:0;}
	
h3#Greeting { background:none;
	height:24px;
	margin:0;
	padding:0 0 0.5em 10px;}

h4 {
	clear:both;
	margin:0 0 20px;
	padding:15px 0 0 40px;
	background: url(img/point.gif) no-repeat 10px 80%;
	line-height:2;
	letter-spacing:.1em;
	font-size:120%;
	color:#333399;/* Csvﾈわ除 */
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0066CC;
}
	
h5 {
	font-size:100%;
	margin:0 0 1em;
	color:#4d3626;
}

#body {
	width: 900px;
	background-color:#000;
	text-align:left;
	margin: 0px auto;
	border: solid 1px #666;


}

#wrapper {
	margin: 0px auto;
	text-align:center;
	background-color: #000000;
}

#header{
	background-image:url(img/h-bg.gif);
	background-repeat:repeat-x;
	padding: 0;
	height:74px;
}

#contents {
	padding:16px 14px;


}

#left {
	margin: 2px 0px 10px 0px;
	float:right;
	width: 185px;
	text-align:left;
}

#right { 
	margin: 10px 0px 0px 0px; 
	float:right; 
	width: 560px;}

.leftcontents { padding: 10px;}

#footer {
	background: url(img/f-bg.gif) repeat-x top;
	padding: 17px 0 0;
	text-align:right;
	margin: 0px;
	clear:both;
	height:46px;
	border-top: solid 2px #666;
}
	

/* E topic link */
.menu { float:right;
	width: 250px;/* 場合により調節 */
	margin: 0px;
	height:30px;
	background: url(img/url.gif) no-repeat 50% 100%;/* URLの位置を調節 */
	padding: 0 0 30px;}
	
.menu li{ float: right;
	display: inline;
	text-indent:-9999px;
	/*\*/ overflow: hidden;}

.menu li a { 
	display:block;
	height:27px;}

.menu li.navi01 a { background-image: url(img/m-01.gif); width: 75px;}
.menu li.navi02 a { background-image: url(img/m-02.gif); width: 80px;}
.menu li.navi03 a { background-image: url(img/m-03.gif); width: 80px;}

#RightHour { 
	border:1px solid #999;
	border-collapse:collapse;
	border-spacing:0;
	width:558px;
	margin:15px auto 0px;
	vertical-align:middle;
	padding-bottom:1em;
	clear:both;}

#RightHour td, 
#RightHour th { 
	border:1px solid #999;
	text-align:center;
	padding:5px 0;}
#RightHour th { 
	background:#f2f2f2;}
#RightHour .day { 
	width:60px;}
#RightHour span { 
	color:#FF9900;}
	
#RightHour td.back{
	width:60px;
	font-weight:bold;
	font-size:10px;
	padding-top:3em;
	background-image:url(img/maru.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.sleepday { 
	margin:.5em 1em 20px;
	text-align:right;}

/* menu */
#mein_menu {
	width:900px;
	margin:0px;
	padding:0px 0 0 0;
	background-image:url(img/test.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

#mein_menu li { float: left;
}

#mein_menu li a {
	text-indent:-99999px;
	height: 46px;
	width: 150px;
	display: block;
	overflow: hidden;
 }

#mein_menu li.menu01 { background: url(img/menu_01_on.gif);}
#mein_menu li.menu01 a { background: url(img/menu_01.gif); }
#mein_menu li.menu01 a:hover{ background:none; }

#mein_menu li.menu02 { background: url(img/menu_02_on.gif); }
#mein_menu li.menu02 a { background: url(img/menu_02.gif);}
#mein_menu li.menu02 a:hover { background:none; }

#mein_menu li.menu03 { background: url(img/menu_03_on.gif); }
#mein_menu li.menu03 a { background: url(img/menu_03.gif); }
#mein_menu li.menu03 a:hover { background:none; }

#mein_menu li.menu04 { background: url(img/menu_04_on.gif);}
#mein_menu li.menu04 a { background: url(img/menu_04.gif); }
#mein_menu li.menu04 a:hover { background:none; }

#mein_menu li.menu05 { background: url(img/menu_05_on.gif);}
#mein_menu li.menu05 a { background: url(img/menu_05.gif);}
#mein_menu li.menu05 a:hover { background:none; }

#mein_menu li.menu06 { background: url(img/menu_06_on.gif);}
#mein_menu li.menu06 a { background: url(img/menu_06.gif);}
#mein_menu li.menu06 a:hover { background:none; }

/* LAYOUT
--------------------------------------------- */

/* class */
.clear { clear:both;}

.img_r {
 float: right;
 vertical-align:top;
 margin:0 0 5px 5px;}

.img_l {
 float: left;
 margin:0 5px 5px 0;
 vertical-align:top;}

.p_right { 
	text-align:right;}

/* 戻る */
.return {
	text-align:right;
	margin:15px 0 15px;
	clear:both;}
.return a:link {
	background:#333;}
.return a:visited {
	background:#333;}
.return a:hover {
	background:#CC3300;}
.return a:active {
	background:#333;}

/* address */
#Address { background-color:#d0effc;
	border: #cbd6db 1px solid;
	margin: 15px 0 15px;
	padding: 10px 5px 10px 10px;
	color:#333;
	clear:both;}
	
#Address p { 
	margin:0 0 .5em;}
	
#Address em {
	color:#0066CC;
	font-size:140%;
	font-weight:bold;
}

/* layout
-------------------------------------------------- */

/* gbvy[W */
#rightTop { /* topのみ */
	margin: 2px 0 0;
	float:left;
	width: 672px;}
	
#TopLink {
	margin:0;
	float:left;
}
	
#TopLink li {
	float:left;
	display:inline;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.space {
	margin-right: 6px;
}


/*  greeting.html
------------------*/

.name { /* 代表者 */
	margin:0px;
	padding: 0px;
	text-align: right;
}
#greeting {
}

	
#CompanyInfo { 
	width:500px;
	margin:15px 0 0px;
	clear:both;}
	
#CompanyInfo dt { 
	background:url(img/box.gif) bottom left no-repeat;
	padding-left:20px;
	color:#333;
	height:20px;}
	
#CompanyInfo dd { 
	padding:10px 20px 20px;
	color:#333;}
#CompanyInfo .company_info ul {
	float: left;
}
.company_info {
	float: left;
	width: 200px;
}
#CompanyInfo  li {
	list-style-position: inside;
	list-style-type: square;
}


/* access.html 
------------------*/

#map { 
	width:500px;
	height:270px;
	border:1px solid #555;
	margin:15px auto 10px;}
	
#map span { 
	color:#333;}

/* privacy.html
------------------*/
#Privacy ul li { list-style:none;
	margin-left:1.5em;}
	
#Privacy dl { 
	margin-left:1.5em;}
	
#Privacy dl dd { 
	margin-bottom:1em;}

#Privacy h4 { margin:20px 0 5px 0;
	background:none;
	font-weight:normal;
	padding:0;}

/* inquiry.html 
------------------*/
#Inquiry h4 { 
	background:none;
	border:none;
	padding:0;
	margin:30px 0 15px;}

#Inquiry li { 
	margin: 0 0 5px 20px;
	list-style:outside square;}

#InfoTel { 
	margin:30px 0 20px;
	color:#666;
	width:500px;
	border:1px solid #dcdcdc;
	padding:5px;}
	
#InfoTel li { display:inline;
	margin:0;
	list-style:none;}
	
#InfoTel p { margin:0 0 0 20px;}

/* mailform */
table#MailForm {
	border-collapse:separate;
	border-spacing:1em;
	margin:1em 0 0 0px;}

table#MailForm th { 
	width:160px;
	border-left:4px solid #ccc;
	border-right:0px solid #f2f2f2;
	font-weight:normal;
	padding:0 0 0 10px;}



table#MailForm td { border:0px;}

table#MailForm td textarea { width:260px;}

table#MailForm td input { width:200px; height:14px;}

/* input */
.inputarea li { float:right;}

.inputarea button {
	width:81px;
	height:21px;
	border:0px;
	background: none;
	padding:0px;
	margin:0 15px 2px 0;
	vertical-align:bottom;
}


/* CONTENTS
---------------------- */
/* all */

.service {
	border:0;
	border-collapse:collapse;
	text-align: left;
	line-height: 1.6em;
	margin-bottom: 1em;
}
caption {
	text-align: left;
	color: #003399;
	font-size: 120%;
	line-height: 2em;
}
.service th,.service td {
	border:1px solid #999999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 1em;
}


.service th {
	width: 110px;
	
}
.service2 {
	border: 4px double #003366;
	padding: 10px;
	line-height: 2em;
	font-size: 130%;
	letter-spacing: 0.1em;
	margin-left: 20px;
	width: 380px;
	margin-top: 20px;
	background-color: #EFF5F5;
}
.service2 li {
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 1em;
	font-weight: bold;
	color: #000066;
}
#reason {
	height: 200px;
}

#left div.request {
	background-color:#670001;
	color: #FFFFFF;
	font-size:14px;
	padding: 15px 5px 20px 5px;
}

#left div.request dt {
	border-top:solid 1px #513d34;
	padding:5px 0 8px 0;
	color:#CC9900;
	font-size:14px;
}

#left div.request dd {
	padding:0 0 8px 0;
	font-size:14px;
}

#rightTop .Topbanner {
	padding:0;
}

#rightTop .Topbanner h3 {
	padding:0 0 15px 0;
}

#main {
	color:#fff;
}

.white_back h3 {
	margin:0px;
	padding:0px;

}



/*list*/


.list01 {
	float:right;
}

.list01 dl {
	width:300px;
}

.list01 dl dt {
	background-image:url(img/bar03.gif);
	background-repeat:no-repeat;
	padding:1px 0 0 10px;
	margin:0 0 5px 10px;
	color:#fff;
	font-size:12px;
}

.list01 dl dd {
	padding:0 0 10px 20px;
}

dl.list02 {
	padding:20px 0 0 0;
}

.list02 dt {
	width:98px;
	height:50px;
	clear:both;
	float:left;
	padding:5px;
	text-align:center;
	border-top:solid 2px #333333;
}

.list02 dd {
	width:754px;
	height:50px;
	float:left;
	padding:5px;
	background-color:#000;
	border-top:solid 2px #333333;
}
.list02 dd a:link,
.list02 dd a:visited	{
	color: #FFFFFF;
	text-decoration: none;
}
.list02 dd a:hover	{
	text-decoration: underline;
}
.list02 dd img {
	padding-right:10px;
}

dl.list03 {
	font-size:16px;
	letter-spacing:1px;
}

dl.list03 dt {
	font-weight:bold;
	color:#333333;
	float:left;
	padding:0 10px 0 0;
}

dl.list03 dd {
}


/*map*/
div#map {
	margin:0px;
	width:450px;
	height:408px;
	float:left;
}


/*MailForm*/


.white_back {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	width:100%;
	float:left;
	background-color:#FFFFFF;
	background-image: url(img/white_foot.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.white_back p {
	margin:0px;
	padding:0px;
}

.white_back ul.gallery_thumb_top {
width:800px;
}

.white_back ul.gallery_thumb_top li {
margin:20px 20px 30px 0;
float:left;
}


.white_back .gallery_thumb_top a {
text-decoration:none;
color:#000000;
}
.white_back .gallery_thumb_top a:hover {
color: #666666;
}
.white_back .gallery_thumb_top a:visited {
color: #990000;
}

.white_back p.gallery_top {
text-align:right;
width:200px;
padding:20px 30px 0 0;
float:right;
clear:left;
}

.letter strong.shop_pankuzu a,
.letter strong.shop_pankuzu {
font-size:10px;
color:#333333;
font-weight:normal;
clear:both;
}

.letter {
float:left;
width:50%;
margin:0 30px 0 15px;
}



.mail_l {
	float:left;
	width:48%;
	margin:0 20px 0 15px;
}


.mail_l h3 {
	border-bottom:solid 1px #000;
	background-image:url(img/mail01.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#000000;
	font-weight:normal;
	font-size:14px;
	padding:0 0 0 15px;
	margin:10px 0 20px 0;
}

.mail_r {
	width:35%;
	float:left;
	margin:0;
}

.mail_r h3 {
	border-bottom:solid 1px #000;
	background-image:url(img/mail01.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#000000;
	font-weight:normal;
	font-size:14px;
	padding:0 0 0 15px;
	margin:10px 0 20px 0;
}

/*gallery*/

ul.gallery_thumb {
	list-style:none;
	margin: 0 0 0 20px;
	padding:15px 0 0 0;
	clear: right;
}

div#gallery-entrybox {
	margin: 20px 10px 0 10px;
	clear: both;
	padding-top: 20px;
}

ul.gallery_thumb li {
	margin:0 10px 10px 0;
	padding:0px;
	float:left;
	width: 105px;
	height: 100px;
}

ul.gallery_thumb li a {
	display:block;
	padding-left:5px;
}

ul.gallery_thumb li a:hover {
	background:#CC0000;
}

p.margin_none {
margin:0px;}

/*----------------商品記事tmpl------------------------------------------*/

#shop_list {
margin:0 0 0 30px;
}

ul.shop_list02 {
width:400px;
margin:30px 0 0 0;
}

ul.shop_list02 li {
margin:0 16px 0 0;
}

ul.shop_list02 li.shop_l {
float:left;
}

ul.shop_list02 li.shop_clear {
padding:16px 0 0 0;
clear:left;
}

#shop_list a {
color:#333333;
}



#shop_list div p {
padding:16px 10px 0 0;
}

#shop_list div.inquiry {
float:right;
}

#shop_list div.inquiry p {
padding:10px 0 10px 0;
}

#shop_list p.shop_img {
float:left;
padding:0 8px 0 0;
}

h3.shop_title {
background:none;
width:200px;
border:0px;
font-size:13px;
}

h4.shop_inquiry{
width:350px;
background:none;
border:0px;
padding:0px;
margin:20px 0 15px 0;
}


#shop_list div.thums {
width:450px;
float:left;}

p.price {
font-weight:bold;
color:#0066FF;}

div.fl{
clear:both;}