@charset "UTF-8";
/* 古いHTMLの表示と同じ見た目にそろえる(画像だけの行に余白を作らない) */
div>img:only-child,p>img:only-child,td>img:only-child,a>img:only-child,#sidemenu>img,#rap>img,#main>img{vertical-align:bottom}
*{margin:0;
padding:0;}

strong {font-weight:normal;}

body{background:#fff url(img/bbg.jpg) repeat-x;
color:#693607;
text-align:left;}

#content{
background:url(img/bg2.jpg) repeat-y;
width:750px;
margin:auto;
padding:auto;
}


#bannar{
background-color:#FFFFFF;
width:750px;
height:240px;}

#bannar p{
text-align:right;
font-size:12px;
color:#999;
padding-right:20px;
padding-top:10px;}

#title{
background:url(img/title.jpg) no-repeat;
width:520px;
height:90px;
}



/*■メイン */

/************* #breadCrumb styles *************/

#breadCrumb{
text-align:right;
	font-size:10px;
	padding: 2px 20px 0 5px;
}

#breadCrumb a{
	color:#666666;
    text-decoration: none;}

#main{
float:right;
width:520px;
text-align:left;
margin-top:0px;
padding-left:10px;
padding-right:10px;
margin-bottom:30px;}



#main p{font-size:12px;
padding-left:14px;
padding-right:14px;
line-height:1.6em;
margin-top:10px;}



li{font-size:12px;
padding-left:14px;}

.imgr{
float:left;
padding-top:20px;
padding-bottom:20px;
padding-right:20px;
padding-left:30px;
} 
/*■サイドメニュー */


#sidemenu{
background:url(img/side2.jpg) no-repeat ;

float:left;
width:210px;
height:750px;
color:#FFFFFF;
padding-top:80px;}

#sidemenu dt{
background:url(img/menu_dtt.gif) no-repeat ;
text-align:center;
font-size:13px;
padding-top:8px;
height:30px;
}
#sidemenu dt a{
text-decoration:none;}

#sidemenu dd{
height:26px;
line-height:26px;
font-size:13px;
color:#FFFFFF;
padding-left:10px;

}


#sidemenu dd a{
height:26px;
line-height:26px;
padding-left:30px;
color:#FFFFFF;
text-decoration:none;
}
#sidemenu dd a:hover{
background:url(img/ken.gif) no-repeat;
color:#693607;
}



/*■フッター */

#foot{
clear:both;
text-align:center;
font-size:10px;
background:#693607; 
color:#fff;
width:750px;
height:60px}

#foot a{
color:#fff;
text-decoration: none;}

#foot p{
font-size:9px;
color:#fff;
}


h1{font-size:10px;
color:#693607;
padding-bottom:10px;
padding-right:20px;
font-weight: normal;
text-align:right;
}

#main h2{
width:500px;
text-align:center;
color:#693607;
font-size:14px;
margin-left:10px;
margin-top:20px;
margin-bottom:10px;
background:url(h2.gif) no-repeat;
line-height:20px;
height:20px;}

h3{
color:#693607;
font-size:14px;
margin-left:10px;
margin-top:20px;
margin-bottom:20px;
padding-left:40px;
background:url(h4.gif) no-repeat;
line-height:40px;
height:40px;}


h4{
color:#693607;
font-size:14px;
margin-top:20px;
margin-left:10px;
margin-bottom:20px;
padding-left:40px;
background:url(h4.gif) no-repeat;
line-height:40px;
height:40px;}




#menu-toggle,#menu-overlay{display:none}
/* スマホ表示 */
@media (max-width:760px){
img{max-width:100%;height:auto}
#content,#foot,#foots,#bannar{width:100%}
#content{background:#efe7a6}
#rap{float:none;width:100%}
#main{background:none}
#main p,#form{padding-left:14px;padding-right:14px;font-size:14px}
h1{padding-right:14px}
#main h2{padding-right:14px;background-position:right top}
h3{width:auto;max-width:280px;margin-left:auto;margin-right:auto;background-position:center top}
.imgl,.imgr,.stamp{float:none;display:block;text-align:center;padding:10px}
#box{width:auto}
#title{background-size:100% 90px}
#sidemenu{display:none;position:fixed;top:0;right:0;float:none;width:210px;height:100%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1001;background-color:#6d6232;padding-bottom:40px;box-shadow:-4px 0 14px rgba(0,0,0,.45)}
body.menu-open #sidemenu{display:block}
#sidemenu dd{height:auto;min-height:26px}
#menu-toggle{display:block;position:fixed;top:10px;right:10px;z-index:1002;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:8px;background:#000066;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4)}
#menu-toggle span{display:block;position:absolute;left:9px;width:22px;height:3px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
#menu-toggle span:nth-child(1){top:11px}
#menu-toggle span:nth-child(2){top:19px}
#menu-toggle span:nth-child(3){top:27px}
body.menu-open #menu-toggle span:nth-child(1){top:19px;transform:rotate(45deg)}
body.menu-open #menu-toggle span:nth-child(2){opacity:0}
body.menu-open #menu-toggle span:nth-child(3){top:19px;transform:rotate(-45deg)}
body.menu-open #menu-toggle{right:222px}
#navi{height:auto;margin-top:30px;padding:0 14px 26px;text-align:right}
#navi a{display:inline-block;margin-left:24px;padding:6px 4px}
#menu-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.45)}
body.menu-open #menu-overlay{display:block}
#foot p{padding:0 8px}
#main{float:none;width:auto;padding:0;margin-bottom:0}
#title{width:100%;background-size:100% 90px}
#breadCrumb{padding-right:14px}
h2,h3,#main h2{width:auto;max-width:100%;margin-left:0;padding-left:14px;padding-right:14px;box-sizing:border-box;text-align:center;line-height:1.5;height:auto}
textarea{width:92%;max-width:92%;margin-left:4%}
}