@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

html{
 overflow-y: scroll;
 background: url("../images/back.jpg") fixed;
}

body{
 width: 100%;
 vertical-align: baseline;
 line-height: 160%;
 font-size: 90%;
 font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 border-top: solid rgb(204,0,0) 5px;
}

a{
 color: rgb(143,143,41);
}

a:link{
 color: rgb(143,143,41);
}

a:visited{
 color: rgb(204,0,0);
}

a:hover{
 color: rgb(204,0,0);
}

a:active{
 color: rgb(204,0,0);
}

input{
 display: inline;
 vertical-align: middle;
 margin: 2px;
 padding: 4px;
 position: relative;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

input.noborder{
 border: none;
 position: relative;
 box-shadow: none;
}

input.send{
 padding: 4px 20px;
 background: rgb(177,155,114);
 color: rgb(255,255,255);
 font-size: 120%;
 font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 font-weight: bold;
 cursor: pointer;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

input.send:hover{
 background: rgb(204,0,0);
}

input.reset{
 padding: 2px 10px;
 background: rgb(177,155,114);
 color: rgb(255,255,255);
 font-size: 90%;
 font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 font-weight: bold;
 cursor: pointer;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
}

input.reset:hover{
 background: rgb(204,0,0);
}


.clearfix:before, .clearfix:after{
 content:"";
 display:table;
}

.clearfix:after{
 clear:both;
}

.dclear{
 clear: both;
}

#wrapper01{
 width: 900px;
 margin: 0 auto;
 position: relative;
}

#wrapper02{
 width: 900px;
 margin: 0 auto;
 padding-bottom: 100px;
 background: rgb(255,255,255);
 position: relative;
 overflow: hidden;
}

.to_top{
 position: absolute;
 bottom: 0;
 right: 10px;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
 display:block;
}

header{
 padding: 20px 0;
 height: 80px;
}

header h2{
 font-weight: bold;
 line-height: 160%;
 font-size: 120%;
}

header .header_mark{
 position: absolute;
 top: -20px;
 left: -30px;
 z-index: -1;
}

header .tel_top{
 display: block;
 position: absolute;
 width: 250px;
 top: 10px;
 right: 0px;
}

nav{
 height: 36px;
 width: 840px;
 padding: 10px 30px;
}

nav ul, nav li {
 list-style-type:none;
 display:inline;
 padding-right:10px;
}

nav h1 {
 display:none;
}

.topimage{
 height: 300px;
 width: 900px;
}

article {
 float: left;
 width: 580px;
 padding: 10px 10px 30px 30px;
}

article h1{
 font-size: 160%;
 line-height: 45px;
 font-weight: bold;
 padding-left: 50px;
 background: url("../images/article_h1.png") no-repeat;
 margin: 10px 0;
}

article section{
 margin-bottom: 40px;
}

article .thumbnail{
 margin: 0;
 padding: 0;
}

article .thumbnail ul{
 margin: 0;
 padding: 0;
}

article .thumbnail li{
 float: left;
 margin: 0 15px 10px 0;
 padding: 0;
}

article .thumbnail p.caption{
 font-size: 90%;
 text-align: right;
 line-height: 100%;
}

article .thumbnail img.image{
 margin: 0 -4px 4px 2px;
 border: solid rgb(255,255,255) 2px;
 position: relative;
 box-shadow: 1px 1px 5px rgb(128,128,128);
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

article .price{
 font-size: 140%;
 line-height: 140%;
 font-weight: bold;
 color: rgb(204,0,0);
}

article ul.notes{
 width: 560px;
 font-size: 80%;
 margin: 0;
 list-style: none;
}

article ul.notes li{
 background: url(../images/notes.png) no-repeat left top;
 padding-left: 24px;
}

article form{
 width: 540px;
 background: rgb(225,216,199);
 margin: 10px 0;
 padding: 10px;
 position: relative;
 box-shadow: 1px 1px 1px rgb(128,128,128);
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 text-align: center;
}

article form table{
 font-size: 86%;
 border-collapse: collapse;
 margin-bottom: 10px;
}

article form th{
 width: 100px;
 color: rgb(204,0,0);
 text-align: right;
 border-bottom: rgb(255,255,255) 1px solid;
 padding: 5px 3px;
}

article form td{
 border-bottom: rgb(255,255,255) 1px solid;
 padding: 5px 5px;
 text-align: left;
}

article form td.inputarea{
}

article form td.samplearea{
 font-size: 85%;
 line-height: 120%;
}

aside {
 float: left;
 width: 240px;
 margin-top: 10px;
 padding: 10px 10px 30px 10px;
 background: rgb(240,240,240);
 position: relative;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}

aside section{
 padding-bottom: 20px;
 border-bottom: solid rgb(255,255,255) 1px;
}

aside h1{
 font-size: 110%;
 line-height: 35px;
 font-weight: bold;
 text-align: center;
 color: rgb(255,255,255);
 background: url("../images/aside_h1.png") no-repeat;
 margin: 10px 0;
 zoom: 1;
}

aside p{
 font-size: 80%;
 line-height: 120%;
}

aside dl{
 font-size: 80%;
 line-height: 160%;
 width: 230px;
}

aside dt{
 width: 4.5em;
 float: left;
 color: rgb(204,0,0);
}

aside dd{
 margin-left: 5em;
}

footer {
 width: 100%;
 min-width: 900px;
 height: 100%;
 background: url("../images/footer_back.png") rgb(153,153,51);
}

footer .container{
 width: 900px;
 margin: 0 auto;
 padding: 40px 0;
}

footer .photo{
 float: left;
 width: 280px;
 border: 3px solid rgb(235,223,204);
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

footer .textbox{
 float: left;
 padding: 10px;
 font-size: 90%;
 color: rgb(255,255,255);
}

footer p{
 padding-bottom: 20px;
}

footer h1{
 font-size: 240%;
 padding: 10px 0;
}

.coupon{
 text-align:center;
}

.coupon img{
 margin: 4vh 0;
}

.coupon .service{
 background: rgb(255,255,255);
 padding-bottom: 4vh;
 width: 100%;
}

.coupon p.servicetxt{
 font-size: 6vw;
 color: rgb(255,0,0);
 font-weight: bold;
 margin-bottom: 4vh;
}