@charset "utf-8";
/* CSS Document */

/* reset CSS start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{
    margin: 0;
    padding: 0;
}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
 
.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}
/* reset CSS end */

body {
	color:#59433F;
	font:16px/1.7 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Helvetica,Sans-Serif;
-webkit-text-size-adjust: 100%;}

#header1, nav, #content > div { width: 960px; margin: 0 auto; }

/* header1 */
#header1 { height: 120px; position: relative;}
h1 { font-size: 14px; text-align: right; }
#contact { margin-top: 15px; }
#contact > * { float: right; margin-left: 20px;}
#logo { position:absolute; top: 0; left: -10px; }
.opa:active, .opa:hover { opacity: 0.7; }

/* header2 */
#header2 { height: 60px; min-width: 960px; background: #FEDBCA; border-bottom: 10px solid #FFC2B5;}
nav ul { display: inline-block; float: right; list-style:none;}
nav li { float: left; height: 50px; margin-top: 10px;}
nav li a { display: block; height: 35px; padding: 8px 10px 0; border-right: 1px dotted #E7ADA2; font-size: 18px; color: #59433F; text-decoration:none;}
nav li a:hover, nav li a:active { text-decoration: underline; }
nav li:first-child a {  border-left: 1px dotted #E7ADA2; }

/* content */
#content{ padding-top: 30px; background: url(../img/bg.jpg) repeat; }
#content ul { margin-left: 2em; }
#content > div { background:url("../img/bgMain.png") no-repeat right bottom; }
#main { float: right; width: 658px; padding-bottom: 70px;}
h2 { padding:7px 0px 7px 55px; border-radius: 10px 10px 0px 0px; background:#FEDBCA url("../img/bgH2.png") no-repeat 10px center; font-size: 18px; }
#main_inner, .side_cont > div { padding: 10px; border-radius: 0px 0px 10px 10px; border-left: 1px solid #FEDBCA; border-bottom: 1px solid #FEDBCA; border-right: 1px solid #FEDBCA; background: #FFF; }
#main_inner h3 { margin: 20px 0 10px; padding-left: 10px; border-left: 7px solid #FFC2B5; }

th { width: 170px; padding: 10px; background: #FEDBCA;}
td { padding: 10px; }

#side { width: 258px; float: left; margin-right: 40px; }
.side_cont { margin-bottom: 20px; }
.side_cont h3 { padding:7px 0px 7px 10px; border-radius: 10px 10px 0px 0px; background:#FEDBCA; font-size: 18px;}
ul.side_menu { margin: 0 !important; list-style: none; }
ul.side_menu li { border-bottom: 1px solid #FEDBCA; }
ul.side_menu li a { display: block; padding: 10px 0; color: #59433F; text-decoration: none; }
ul.side_menu li.first a { padding-top: 0; }
ul.side_menu li.last { border: none; }

#footer { height: 80px; min-width: 960px; padding: 10px; background: #FFC2B5; font-size: 14px; }
#footer_inner ul { margin: 0 auto; list-style: none; text-align: center;}
#footer_inner li { display: inline-block; margin-right: 10px; }
#footer_inner li a { color: #59433F; text-decoration: none;}
#footer_inner li a:active, #footer_inner li a:hover { text-decoration: underline; }
#footer_inner small { display: block; margin-top: 10px; text-align: center; }

#slide_show { height: 430px; padding: 7px 0 0 15px;}
#slide_show > div { width: 607px;}
#slide_show > div img { display:none; position: absolute; }
#slide_show > div img.photo1 { display: block; }

.attention { color: red; }

.qa dt {
	min-height: 37px;
	margin-top: 20px;
	padding: 10px 0 0 55px;
	background:url("../img/question.png") no-repeat 10px center;
}
.qa dd {
	min-height: 37px;
	padding:5px 0 30px 55px;
	border-bottom: 3px double #FEDBCA;
	background:url("../img/answer.png") no-repeat 10px top;
}
.qa dd.last { border: none; }

strong { background: linear-gradient(transparent 60%, #FEDBCA 60%); }

/* inquiry */
input[type="text"],
textarea {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	font-size: 16px;
}

input[type="submit"],
input[type="button"]{
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	font-size: 16px;
}
input[type="submit"]:hover,
input[type="button"]:hover { cursor: pointer; }

/* page-top */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    background: #FE8D8C;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 50px;
}
#page-top a:hover {
    text-decoration: none;
    background: #FFC2B5;
}