@charset "utf-8";



body {
color: #444444;
background-color: #F7F7EB;
background-image: url(../images/head_line.gif);
background-repeat: repeat-x;
min-width:1020px;
_display: inline;
_zoom:1;
}



br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

a:link         { color: #0066cc; text-decoration: underline }
a:visited       { color: #0066cc; text-decoration: underline }
a:hover       { color: #111111 ; text-decoration: none; }



section {
width: 100%;
height: auto;
}


div.wrapper {
width: 960px;
margin: 9px auto 0px;
text-align: left;
background-repeat: no-repeat;
background-image: url(../images/wrap_bg.jpg);
}

header {
width: 960px;
margin-right: auto;
margin-left: auto;
padding-bottom: 15px;
padding-top: 20px;
border-bottom: 6px solid #FFFFFF;
}

header h1 {
font-size: 12px;
text-align: right;
color:#663333;
}

div#logo {
width: 491px;
height: 80px;
float: left;
margin-top:-25px;
}

div#tel {
width: 288px;
height: 54px;
float: right;
}

nav {
text-align: center;
font-weight: bold;
font-size: 18px;
height: 82px;
}


nav ul {
text-align: center;
}

nav li {
background-repeat: no-repeat;
background-image: url(../images/arrow01.png);
display: inline-block;
height: 82px;
line-height: 82px;
padding-left: 25px;
margin-left: 30px;
background-position: 0% center;
}


nav li a:link         { color: #663333; text-decoration: none }
nav li a:visited       { color: #663333; text-decoration: none }
nav li a:hover       { color: #111111 ; text-decoration: none; }


section.box_harf,section.box_wide,section.top_box_harf {
background-color: #FFFFFF;
border-radius: 5px;
border: 1px solid #EFE3CC;
margin-bottom: 20px;
padding: 20px 13px;
}

section.top_box_harf {
width: 467px;
height: 230px;
float: left;
}

#float_right {
float: right;
}

div.title {
background-image: url(../images/line01.gif);
background-repeat: no-repeat;
background-position: 0% bottom;
height: 35px;
}

section.box_wide div.title {
background-image: url(../images/line02.gif);
}




div.title h2 {
font-size: 18px;
color: #7E4040;
display: inline;
float: left;

}

div.title p {
background-image: url(../images/arrow02.gif);
background-repeat: no-repeat;
height: 13px;
line-height: 13px;
float: right;
padding-left: 15px;
}





footer {
background-color: #ffffff;
height: auto;
padding-bottom: 30px;
margin-top: 100px;
}


div.f_wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

p#go_top {
float: right;
margin-top: -29px;
}

footer h2 {
color: #7E4040;
font-weight: bold;
font-size: 18px;
margin-top: 5px;
margin-bottom: 15px;
}

footer p {
line-height: 140%;
}


p#copy {
font-size: 12px;
}

img.img_left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

img.img_right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}



@media  (max-width: 767px) {
	

body {
min-width: initial;
min-width: auto;
_display: inline;
_zoom:1;
}	


img.img100 {
	width: 100%;
	height:auto;
}



div.wrapper {
width: 95%;
}

header {
width: 95%;
padding-bottom: 0px;
padding-top: 0px;
}

header h1 {
font-size: 10px;
text-align: center;
}

div#logo {
width: 100%;
height: auto;
margin-top: 0px;
}

div#tel {
width: 70%;
height: auto;
margin-right: auto;
margin-left: auto;
float:none;
}


nav {
text-align: center;
font-weight: bold;
font-size: 13px;
height: auto;
}


nav ul {
text-align: center;
}

nav li {
background-repeat: no-repeat;
background-image: url(../images/arrow01.png);
display: inline;
height: 30px;
line-height: 30px;
padding-left: 20px;
margin-left: 10px;
background-position: 0% center;
float:left;
}


section.box_harf,section.box_wide,section.top_box_harf {
background-color: #FFFFFF;
border-radius: 5px;
border: 1px solid #EFE3CC;
margin-bottom: 20px;
padding: 20px 13px;
}

section.top_box_harf {
width: 100%;
height: auto;
float: none;
}

#float_right {
float: none;
}

div.f_wrapper {
width: 95%;
margin-right: auto;
margin-left: auto;
text-align: left;
}

section.box_wide { margin-top:80px;
}

section#top_wide { margin-top:0px;
}

img.img_left {
float: none;
width: 100%;
height: auto;
margin-right: 0px;
margin-bottom: 10px;
}

img.img_right {
float: none;
width: 100%;
height: auto;
margin-left: 0px;
margin-bottom: 10px;
}

    /* 767px以下用（タブレット／スマートフォン用）の記述 */

}