@charset "utf-8";
body { margin:0;
	background-color: #fff;
	color: #303030;
	font: 100%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#wrapper { display: block; width: 880px; margin: 4px auto;}
#toparea { display: block; width: 880px; margin: 4px auto;} 
.menuarea { display: block; width: 100%; margin: 0; padding:0; font-size:82%;} 

br { letter-spacing: 0px;}
ul {padding: 0; margin: 0;} 

/* h3 max-widthは wraper指定のない古いページ用 */
h3 { width:auto; border:solid #000000; margin: 2px 0 28px 0; 
	border-width:0 0 3px 3px; padding:3px 0; 
	text-indent:40px; color:#FFFFFF; background-color:#696969; 
	font-family: Verdana, Geneva, sans-serif; letter-spacing:1px; }

h4 { margin: 2px 2px 12px 2px; 
	border:solid #404040; border-width:0px 0px 2px 0px;
	text-indent:6px; padding: 1px; color:#000000; 
	letter-spacing:1px;	}

h5 { font-size:100%; margin: 20px 10px 4px 26px; color:#000000; } 
  /* border:solid #909090; border-width:0px 0px 1px 0px; */
h6 { font-size:100%; color:#000000; margin-top: 8px; margin-bottom:0;} 
.h6 {color:#000000; margin-top: 8px; margin-bottom:0;} /* 同行内でフォント/太さ変えたい時*/

p { }
/* p {margin-top:0; margin-bottom: 0.2em; } */ 
p+p {margin-top: 0.8em;}
img { max-width : 100% ; height : auto ;} /* padding:4px 0; */
a { padding-right: 1px; padding-left: 1px;}
a img { border: none;}

.clearboth { clear:both; height:0; font-size: 1px; line-height: 0px;} 
.clearfix:after { visibility: hidden; display: block; font-size: 0; 
	  content: " "; clear: both; height: 0; }
/* img {margin:6px 2px 8px 2px ; } */
/* フロート要素は それと横並びにする他要素の前に指定 */
/* 右floatなら右marginゼロに. 左floatなら左marginゼロ */
.alignl {display: inline-block; float:left; padding:0 2px;}
.alignr {display: inline-block; float:right; padding:0 2px;}

/* box の width 指定して border padding 分が加算されるような場合
   その要素に -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; を指定 */ 
.box { margin: 0 0 30px 40px; width:734px; padding:0; font-size:91%; box-sizing: border-box;} 
/*元.box { margin: 0 0 30px 30px; width:742px; padding:0 0 0 12px; font-size:91%; box-sizing: border-box;} */
 /* 画像幅↑732pxまでOk. 超えるなら .box_wide を使用 */
 /* .box_bt1 { margin: 0 0 4px 30px; width:742px; padding:0 0 0 12px; font-size:92%;
    box-sizing: border-box;} */ 
.box_bt0 { margin: 0 0 0 40px; width:734px; padding:0; font-size:91%; box-sizing: border-box;} 
 /* bottom マージン0 */
 /*↓幅728px超え、836pxまで. 直前divは.box_bt0を指定.  */
.box_wide  { margin: 0 0 0 40px; padding:0; font-size:91%;} 
  /* 元は.widephotoboxだった .右端 wrapper幅 -LFmargin -LFpadding -2まで 836までOK？ */

.outdent {margin-left:24px; text-indent:-24px; font-size:92%} /*boxの外の場合*/
/*.chuou { text-align:center; line-hight:1.0em;} */

/*.bun { width: 730px;  }*/ /* margin-right:30px */
/*.bun2 { width: 650px; margin-left: 24px;} */ /* margin-right:60px;margin-left:20px;*/
.bun { margin-right:50px; padding:0  } /* width: 730px; */
.bun2 { margin-right:70px; margin-left:20px; padding:0} /* width: 650px; margin-left: 24px; */

.box p.bun+p.bun, .box p.bun2+p.bun2 {margin-top:0.6em;}

p.cap {margin-bottom:1.2em; line-height:1.3;}

* html .clearfix { zoom: 1;} /* clearfixIE6 */
*:first-child+html .clearfix { zoom: 1;} /* clearfixIE7 */

/* .capcenter {align:center; line-height:1.2; }*/ 

.box img { margin-bottm: 4px;}
.nobold {font-weight:normal} 
.s9 { font-size: 91%; }
.s8 { font-size:82%; }
.s8_1 { font-size: 82%; line-height: 1.1;}
.aka, .red {color:red;}
.grey {color:#999;}
.note {color: #76593A}

@media screen and (max-width: 780px) {
 #toparea { width: 100%; margin: 2px 0;} 
 #wrapper { width: 100%; margin: 2px 0;}
 img { max-width : 100% ; height : auto ; }

 h3 { width:auto; margin: 2px 0 20px 0; text-indent:10px;}
 h4 { width:auto; padding:3px; text-indent:0;
	letter-spacing:0;}
 h5 { margin: 20px 5px 6px 10px; } 
 /* h6 { margin: 16px 5px 4px 10px;} */
 /*  blockquote {margin: 0 0 20px 10px; }*/ 
 p {margin-top:0; margin-bottom:10px; }

 .box { width:auto; max-width:734px; margin: 0; padding:0 1px 20px 1px }
 .box_wide {width:auto; margin: 0; padding:0 1px 20px 1px} 
 .box_bt0 { width:auto; margin: 0; padding:0px 1px;}
 .bun { width:auto;margin:0 1px; box-sizing: border-box; } 
 .bun2 { width:auto; margin:0 2px 0 18px; box-sizing: border-box;} 

}