@charset "shift_jis";
/*START CLEAR CSS*/
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object { margin: 0; padding: 0; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; font-size: 1.0em; }
body{font-size:85%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'�E��E� �E�ゴシチE��',sans-serif; background:url(/lib/img/bg.png) repeat transparent; color:#333;}
img, input { vertical-align: middle; }
img { display: block; width:auto; max-width:100%; height:auto; }
/*END CLEAR CSS*/

/*START CLEARFIX*/
.c_container:after { display: block; clear: both; content: ""; }
/*END CLEARFIX*/

/**/
a, a.normal { color: #333; text-decoration: none; }
a:hover, a.hover { text-decoration: underline; }
li { list-style: inside none; }
ul.list li { list-style: inside disc; }
.em{font-weight:800;}
.i{font-style:italic oblique;}
.l{float:left;}
.r{float:right;}
.detail_title {
	font-size: 18px;
	font-weight: bold;
}

.wrap { width:900px; margin: 0 auto; }
.marker-r{background:#F33; color:#fff; font-weight:800; padding:0 1em;}

/**/

/**/
#header { height: 100px; background: url(/lib/img/bg_header.png) repeat-x center left; }
  #header header { float: left; width: 345px; padding-top:33px; }
      #header header h1{ background:url(/lib/img/logo.png) no-repeat transparent center center; width:318px; height:44px; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}
#nav-top { float: left; margin: 15px 0 0; }
  #nav-top li, #nav-mid0 li, #nav-mid1 li{float: left; background-position: center center; background-repeat: no-repeat; width: 111px; height: 80px; overflow: hidden; white-space: nowrap; text-indent: 100%; box-sizing: border-box; -moz-box-sizing: border-box; border-right: #ccc 1px dotted; }
  #nav-mid2 li{float:left; width:33.33%; text-align:center; padding:0.5em 0;}
  #nav-top li:hover, #nav-mid li:hover, .top-hover, .mid-hover{background-color:#f2f2eb; cursor:pointer;}
#topimg { background: #f2f2eb; height:250px;}
  #topimg .camera_bar, #topimg .camera_pag{display:none;}
#nav-mid{display:none; margin:0 auto;}
#content>.wrap {padding:3em 0 8em;}
  #nav-left { width: 200px; float: left; margin: 0 50px 0 0; }
    #nav-left dt { margin-top:3ex; border-bottom: 1px #ccc solid; height:30px; text-indent:100%; overflow:hidden; white-space:nowrap; cursor:pointer; background-repeat:no-repeat; background-position:center center;}
    #nav-left dt:first-child { margin-top: 0px; }
    #nav-left dd {background: url(/lib/img/ico_nav-arr.png) 15px 50% no-repeat; padding: 0.8ex 0 0.5ex 35px; font-size: 85%; border-bottom: 1px #ccc dotted; cursor: pointer; }
    #nav-left dd:hover, .left-hover{ background-color: #f2f2eb !important;}
  #content-body { width: 650px; float:left;}
    #content-body>article h1{margin:0 0 .5em;}
footer{background:url(/lib/img/bg_footer.png) repeat top center; border-top:5px #1b4a72 solid; padding:2ex 0 3ex;}
  footer article{float:left; margin:0 2em 3ex 0;}
    footer article h1{font-weight:800;}
    footer article p{font-size:85%;}
/**/

@media screen and (max-width: 960px) {
  body{font-size:120%;}
  .wrap{width:100%; max-width:960px;}
  #header header{float:none; width:auto; padding:33px 20px 0px;}
  #header h1{margin-left:auto; margin-right:auto; max-width:100%; background-size:100% !important;}
  #nav-top{display:none;}
  #nav-mid{display:block; padding:0 20px;}
    #nav-mid0 li{width:33.33%; height:60px; border-box; -moz-box-sizing: border-box;}
    #nav-mid1 li{width:50%; height:60px; border-box; -moz-box-sizing: border-box;}
  #content, footer{padding-left:20px; padding-right:20px; margin-top:20px;}
  #content-body{width:100% !important; float:none; margin-top:3em;}
  #nav-left{ float:none; width:auto; margin:0;}
    #nav-left dt{clear:both; margin:0; height:auto; float:left; font-size:80%; width:120px; padding:0.5em 1em; background-position:-25px 50%;}
    #nav-left dd{background-image:none; padding:0.5em 1em; font-size:80%; float:left;}
}