@charset "utf-8";
/* CSS Document */
header{
	/* background-color:#999900; */
}

div#mainimage{
	/* background-color:#009966; */
}

div#message-area{
	/* background-color:#003300; */
}

ul#contents-area1{
	/* background-color:#009966; */
}

ul#contents-area2{
	/* background-color:#009966; */
}

footer{
	/* background-color:#009966; */
}

/*--------------------------------
         common全体共通設定
---------------------------------*/
body{
	line-height:1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#333333;
	background:#fff url(../images/bg.png) left top repeat;
}

/*--------------------------------
        main structure
---------------------------------*/
div#container{
	width:960px;
	margin:0 auto;
}
header{
	height:140px;
	position:relative;
	margin-bottom:20px;
}
div#mainimage{
	height:350px;
	margin-bottom:20px;
	position:relative;
}
div#message-area{
	height:160px;
	margin-bottom:20px;
	background:url(../images/message_w_ds.png) top center no-repeat;
	overflow:hidden;
}
ul#contents-area1{
	width:880px;
	height:160px;
	margin:0 auto 20px;
}
ul#contents-area2{
	width:880px;
	height:135px;
	margin:0 auto 20px;
	overflow:hidden;
}
header h1{
	position:absolute;
	left:37px;
	top:20px;
}
header p#topmail{
	position:absolute;
	right:130px;
	top:20px;
}
header p#topmail a{
	background:url(../images/arrow_ma.png) left center no-repeat;
	padding-left:18px;
}
header p#topmail a:link,header p#topmail a:visited{
	text-decoration:none;
	color:#333;
}
header p#topmail a:hover,header p#topmail a:active{
	text-decoration:underline;
	color:#999;
}
header p#topaccess{
	position:absolute;
	right:40px;
	top:20px;
}
header p#topaccess a{
	background:url(../images/arrow_ac.png) left center no-repeat;
	padding-left:18px;
}
header p#topaccess a:link,header p#topaccess a:visited{
	text-decoration:none;
	color:#333;
}
header p#topaccess a:hover,header p#topaccess a:active{
	text-decoration:underline;
	color:#999;
}
header p#toptel{
	position:absolute;
	right:39px;
	top:45px;
}
header nav{
	position:absolute;
	right:39px;
	bottom:0;
}
header nav ul{
	border-right:1px solid #ffffff;
	border-left:1px solid #bfbfbf;
	overflow:hidden;
}
header nav li{
	float:left;
	border-right:1px solid #bfbfbf;
	border-left:1px solid #ffffff;
}
div#footer-wrapper{
	background:#f9f0f0 url(../images/footer_line.png) top center repeat-x;
	padding:22px 0 20px;
}
footer{
	width:880px;
	margin:0 auto;
	padding:0 40px;
}
footer h3{
	font-size:14px;
}
footer span.shop-name{
	font-weight:bold;
}
footer p#access{
	margin-top:1em;
}
footer a{
	background:url(../images/arrow.png) left center no-repeat;
	padding-left:10px;
}
footer a:link,footer a:visited{
	text-decoration:none;
	color:#333;
}
footer a;hover,footer a:active{
	text-decoration:underline;
	color:#999;
}

/*--------------------------------
        main visual
---------------------------------*/
div#mainimage p#gallery{
	width:880px;
	height:350px;
	margin:0 auto;
	box-shadow:0 0 7px #999;
	-webkit-box-shadow:0 0 7px #999;
	-moz-box-shadow:0 0 7px #999;
}
div#mainimage p.ribbon{
	position:absolute;
	left:26px;
	top:16px;
}
div#mainimage p#gallery img{
/*
	box-shadow:0 0 7px #999;
	-webkit-box-shadow:0 0 7px #999;
	-moz-box-shadow:0 0 7px #999;
*/
}

/*--------------------------------
        message area
---------------------------------*/
div#message-area h2{
	width:880px;
	margin:13px auto 0;
	line-height:20px;
	text-align:center;
	font-size:14px;
}
div#message-area p{
	width:880px;
	margin:0 auto 7px;
	line-height:20px;
	text-align:center;
}
/*--------------------------------
        contents area
---------------------------------*/
ul#contents-area1 li{
	float:left;
	margin:0 13px;
	position:relative;
}
ul#contents-area1 span.tag{
	position:absolute;
	left:-3px;
	top:-2px;
}
ul#contents-area1 span.tag img{
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
ul#contents-area1 li.first{
	margin-right:14px;
	margin-left:0;
}
ul#contents-area1 li.last{
	margin-right:0;
	margin-left:14px;
}
ul#contents-area1 li img{
	box-shadow:0 0 7px #999;
	-webkit-box-shadow:0 0 7px #999;
	-moz-box-shadow:0 0 7px #999;
}

/*--------------------------------
        contents area2
---------------------------------*/
ul#contents-area2 li{
	float:left;
	margin:0 13px;
}
ul#contents-area2 li.first{
	margin-right:14px;
	margin-left:0;
}
ul#contents-area2 li.last{
	margin-right:0;
	margin-left:14px;
}
/*--------------------------------
       footer
---------------------------------*/
div.col-left{
	width:50%;
	float:left;
	margin-bottom:7em;
}
div.col-right{
	width:50%;
	float:right;
	margin-bottom:7em;
}
footer p#copyright{
	clear:both;
	font-size:10px;
	text-align:center;
}


/*--------------------------------
       contact page
---------------------------------*/
body#contact div.midashi{
border-top:1px solid #ccc;
border-bottom:1px solid #fff;
}
body#contact div.midashi h2{
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
padding:1em 0;
font-size:16px;
}
body#contact div#container p{
margin:1em 0;
}
body#contact .note{
color:#b61111;
}
body#contact fieldset{
clear:both;
border:1px solid #ccc;
border-bottom:none;
background:#fff url(../images/formtable_bg.png) left top repeat-y;
}
body#contact fieldset legend{
float:left;
width:208px;
margin:0;
padding:1em;
vertical-align:middle;
}
body#contact fieldset p{
float:left;
padding:1em;
}
body#contact div#container fieldset p{
margin:0;
}
body#contact fieldset#confirm-button{
border:none;
border-top:1px solid #ccc;
background:none;
}
body#contact fieldset#confirm-button p{
float:none;
text-align:center;
}

body#contact input[type="text"]{
border:1px solid #ccc;
width:15em;
}
body#contact field.seimei-Kanji p,body#comtact fieldset.seimei-Kana p{
width:18em;
}
body#contact fieldset.seimei-Kanji input{
margin-left:1em;
}
body#contact fieldset.mail-address p{
line-height:2em;
}
body#contact fieldset.mail-address p input{
margin-right:1em;
}
body#contact input#zip1{
width:8em;
margin-right:1em;
}
body#contact input#zip2{
width:8em;
margin:0 1em;
}
body#contact input#address1,body#contact input#address2{
margin-right:1em;
}
body#contact textarea{
border:1px solid #ccc;
width:37em;
height:10em;
}
body#contact fieldset#confirm-button{
margin-bottom:20px;
padding-bottom:10px;
}
body#contact input[type="submit"]{
width:256px;
height:47px;
border:none;
background:url(../images/contact_btn_off.png) left top no-repeat;
font-size:16px;
color:#fff;
letter-spacing:0.4em;
}
body#contact p#free-dial{
background-color:#fff;
padding:1em;
}
body#contact div#container p#free-dial{
margin-bottom:40px;
}
body#contact p#free-dial span.tel-number{
font-size:14px;
font-weight:bold;
}
body#contact p#free-dial span.business-hours{
font-weight:bold;
}
/*コンテンツエリア幅*/
body#contact div#contents{
width:880px;
margin:0 auto;
}