@charset "utf-8";

@media screen and (min-width: 1000px) {

img {
max-width: 100%;
height: auto;
width /***/:auto;
display:block;
}
#wrapper, #contents {
float: none;
margin: 0;
width: auto;
}

}

body {
background-color: #FFFFFF;
overflow-x: hidden;
margin: 0px;
padding: 0px;
font-size: 15px;
font-family: Meiryo,Osaka,"ＭＳ Ｐゴシック", Arial,Osaka; 
text-shadow: 0px 1px 0px #FFFFFF;
}

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

img {
border: none;
vertical-align: bottom;
}

hr {
margin-bottom: 10px;
border: solid 0px #000000;
clear: both;
}

a {
text-decoration: none;
}
a:active {
color: #0000FF;
}
a:link {
color: #0000FF;
}
a:visited {
color: #990099;
}
a:hover {
text-decoration: underline;
color: #CC0000;
}

#wrapper {
width: 100%;
}


/* ヘッダ
-------------------------------------*/
header {
width: 100%;
background-color: #FFFFFF;
height: 100px;
margin: 0px auto 0px auto;
text-align: center;
position: relative;
}

header h1 {
margin-top: 0px;
position: absolute;
}


/* メインイメージ
-------------------------------------*/
#mainImage {
overflow: hidden;
position: relative;
display: inline-block;
margin-bottom: -6px;
}


/* コンテンツ
-------------------------------------*/
#contents {
clear: both;
background-color: #FFFFFF;
padding: 0px;
}

.inner {
width: 1000px;
margin: 0px auto 0px auto;
}

#contents h2 {
clear: both;
font-size: 200%;
background-color: #E9E9E9;
color: #2D2E30;
padding: 30px 12px 30px 12px;
font-weight: normal;
}

#contents h3 {
clear: both;
font-size: 120%;
border: 1px solid #E1E1E1;
color: #CD3145;
padding: 15px 12px 15px 12px;
font-weight: normal;
}

#contents p {
padding: 20px 0px 20px 0px;
color: #343434;
font-size: 15px;
line-height: 2.0em;
}

#contents strong {
padding: 30px 0px 35px 0px;
color: #343434;
font-size: 25px;
line-height: 2.0em;
font-weight: normal;
}

#contents span.memo {
padding: 20px 0px 20px 0px;
color: #343434;
font-size: 12px;
line-height: 2.0em;
font-weight: normal;
}


/* ごあいさつイメージ画像
-------------------------------------*/
figure.cut {
float: right;
padding: 30px 10px 10px 10px;
}


/* テーブルレイアウト
-------------------------------------*/
table.about {
margin: 30px 10px 35px 10px;
width: 98%;
border-spacing:0px;
}

table.about tr th {
width: 25%;
padding: 20px 30px 20px 10px;
text-align: right;
line-height: normal;
font-size: 15px;
font-weight: normal;
color: #333399;
border-bottom: solid 1px #d1d1d1;
}

table.about tr td {
font-size: 15px;
color: #343434;
padding: 20px 10px 20px 20px;
border-bottom: solid 1px #D1D1D1;
width: 75%;
}


/* 地図表示
-------------------------------------*/
.map_section {
width: 100%;
margin: 20px auto 20px auto;
text-align: center;
display: block;
border: 1px solid #FFFFFF;
}



/* フッタ
-------------------------------------*/
footer {
position: relative;
width: 100%;
clear: both;
margin: 0px auto 0px auto;
padding: 5px 0px 5px 0px;
overflow: hidden;
text-align: center;
}

#footer_inner {
position: relative;
width: 1000px;
padding: 0px 0px;
margin: 0px auto;
text-align: left;
}

footer p {
color: #616161;
font-size: 12px;
padding: 20px 0px 20px 0px;
}


/* リスト
-------------------------------------*/
div.li_section {
clear: both;
padding-top: 20px;
margin: 0px 0px 10px 0px;
}

div.li_section dl {
width: 100%;
float: left;
}

div.li_section dl dt {
color: #06257E;
font-size: 140%;
background: #E8F0F9;
padding: 10px;
border: 1px solid #CFCFCF;
}

div.li_section dl dt span.price {
float: right;
font-size: 120%;
color: #313131;
font-weight: normal;
line-height: 1.3em;
}

div.li_section dl dd {
font-size: 15px;
color: #313131;
line-height: 2.0em;
padding: 10px 0px 15px 0px;
margin-left: 15px;
}

div.li_section dl dd span {
display: block;
padding: 0px 15px 0px 0px;
color: #313131;
font-size: 12px;
line-height: 2.0em;
}


/* ボタンデザイン
-------------------------------------*/
a.banner_b {
font-size: 120%;
display:block;
margin: 5px auto 30px auto;
padding: 20px 0px 20px 0px;
text-align: center;
color: #F9F8F7;
background: #3C5A96;
text-shadow: none;
}

a.banner_b:hover{
background: #2B497B;
text-decoration: none;
}


/* オーダーボックス（フォームを使わない場合は不要）
-------------------------------------*/
form {
margin: 0px;
}

input.orderbox {
clear: both;
width: 100%;
background: #3C5A96;
border: 1px solid #2B497B;
text-align: center;
margin: 20px 0px 20px 0px;
padding: 20px 0px 20px 0px;
font-size: 150%;
font-weight: normal;
cursor: pointer;
color: #F9F8F7;
font-family: Meiryo,'Hiragino Mincho ProN',Osaka,"ＭＳ Ｐゴシック", Arial; 
text-shadow: none;
}

input.orderbox:hover{
background: #2B497B;
text-decoration: none;
border: 1px solid #3C5A96;
}