/*reset
--------------------------------------------------*/
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,caption,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}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:top;font-size:0;line-height:0}

/*common
--------------------------------------------------*/
/*基本設定
----------------------------*/
html,body{height:100%;}
body{font-size:10pt;line-height:140%;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif}
#content{height:auto;height:100%;min-height:100%}

a{overflow:hidden}
.indent{text-indent:-9999px}
.none{display:none}
.left,#menu li,#footer-nav li,#qa_bar li,.qes li,.c_top ul li{float:left}
.right{float:right}
.clear{clear:both}
.clearfix{zoom:100%}
.clearfix:after{content:"";clear:both;height:0;display:block;visibility:hidden}
.relative{position:relative}
ul{list-style-type:none}

/*left_content
----------------------------*/
#left_content{width:200px;background:rgba(74, 42, 23, 0.95);min-height:100%;border-right:10px solid #fcf1e2;position:fixed;z-index:100}

/*header
----------------------------*/
header,#header{padding-top:15px;height:200px;width:200px;overflow:hidden;background:#390000}
#header h1{text-align:center}

/*menu
-------------*/
#menu_btn{display:none}
#menu{width:200px}
#menu li{width:200px;border-bottom:1px solid #77654b}
#menu li a{display:block;text-decoration:none;color:#fff;font-size:110%;padding-left:20px;width:auto;height:50px;line-height:50px;background:url(../img/menu_point.png) no-repeat 180px 20px;transition:background-color .5s}
#menu li a:hover{background-color:#6f400f}

/*right_content
----------------------------*/
#right_content{margin-left:210px;min-height:100%}
#top_content{position:relative;height:267px;overflow:hidden;box-shadow:0 0 5px 0 rgba(51,51,51,.8)}
#top_content img{width:100%;height:auto;margin-top:-15%}
#top_content h2{position:absolute;top:45%;left:20px;color:#fff;line-height:1.5;font-size:290%;text-shadow:0 0 5px #333}
#middle_content{padding:20px 20px 86px}
#middle_content h3,#top_under_slide_content h3{border-bottom:1px solid #cf4400;border-left:10px solid #cf4400;font-size:150%;padding:5px 0 5px 10px;margin-bottom:20px;line-height:1.5}
.m_text{padding:10px 20px;line-height:1.5;font-size:110%}

/*footer
----------------------------*/
#footer{background:#fcf1e2;border-top:1px solid #ccc;margin:-86px 0 0 210px;padding:10px 20px;height:65px}
#f_menu{margin:5px 0 10px;height:20px}
#f_menu li{float:left}
#f_menu li a{text-decoration:none;color:#cf5700;transition:color .5s}
#f_menu li a:hover{color:#cf0000}
#footer small{font-size:90%}


@media screen and (max-width: 1150px){
	#left_content{position:relative;float:none;width:100%;min-height:65px;border-right:0}
	header,#header{height:65px;padding-top:0;float:left}
	#header h1{width:24%;margin:0 auto}
	#header h1 a img{width:100%;height:auto}
	#menu{display:none;overflow:hidden;position:absolute;left:0;top:65px;width:100%;background:rgba(74, 42, 23, 0.95)}
	.open_menu{display:block !important}
	#menu li{width:100%}
	#menu li a{padding-left:0;text-align:center;background-image:none}
/*----------------------------------------------*/
#menu_btn{width:50px;height:39px;background:#390000;position:absolute;cursor:pointer;top:13px;right:10px;display:block}
#menu_line, #menu_line:after, #menu_line:before{position:absolute;width:40px;height:5px;background:#fff;top:50%;display:block;opacity:1}
#menu_line{margin-top:-2px;left:5px}
#menu_line:after{content:"";margin-top:-13px}
#menu_line:before{content:"";margin-top:8px}
#menu_line:after, #menu_line:before{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);transition:all 0.5s ease 0s}
.open_menu_btn #menu_line{width:0}
.open_menu_btn #menu_line:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);top:12px}
.open_menu_btn #menu_line:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);top:-9px}
/*----------------------------------------------*/
	#right_content,#footer{margin-left:0}
	#top_content{height:230px}
}

@media screen and (max-width: 490px){
	#top_content{height:auto}
	#top_content h2{font-size:150%;left:10px;top:55%}
	#middle_content h3,#top_under_slide_content h3{border-left:none;font-size:120%;color:#772700;padding:5px 0}
	.m_text{padding:0}
	#footer{height:auto;padding-top:20px}
	#f_menu{display:none}
}