@charset "Shift_JIS";

/*----全ての要素の余白をゼロに指定----*/
*{ padding:0px;
   margin:0px;}

img{ border:none;}

a{ text-decoration:none;}

body{ font-size:85%; font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:1.7em; padding-top:5px;}

.red{ color:#ff3333; font-weight:bold;}

.gre{ color:#33cc00; font-weight:bold; font-size:18px;}

p{ width:90%; color:#333; margin-left:auto; margin-right:auto; font-size:14px; line-height:1.7em;}

table{ width:95%; margin-left:auto; margin-right:auto; margin-bottom:15px; border:1px solid #e0ebaf;}

th{ background:#e0ebaf; letter-spacing:5px;}

td{ padding:5px; text-align:center; border:1px solid #e0ebaf;}

.center{ text-align:center;}

/*---------------------------------------------------------*/
.tab_wrap{margin:0px auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 0px;}
.tab_area label{width:150px; margin:0 0px; display:inline-block; padding:12px 0; color:#999; background:fff; text-align:center; font-size:13px; border:#ccc solid 1px; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
 
#tab1:checked ~ .tab_area .tab1_label{background:#ccccff; color:#fff; font-weight:bold; letter-spacing:3px;}
#tab1:checked ~ .panel_area #panel1{display:block;}

#tab2:checked ~ .tab_area .tab2_label{background:#ccccff; color:#fff; font-weight:bold; letter-spacing:3px;}
#tab2:checked ~ .panel_area #panel2{display:block;}

/*-----------------*/

#container{ width:800px; overflow:hidden; margin:auto; position:relative; margin-left:auto; margin-right:auto; top:11px; background:#fff;}

#header{ padding:6px;}

#main{ width:600px; float:right; padding-right:10px; text-align:left;}

#container:after { content:""; display:block; clear:both; height:1px; overflow:hidden;}

/*\*/
* html #container { height:1em; overflow:visible;}
/**/

dl.kou{ width:90%; margin-left:auto; margin-right:auto; margin-top:15px;}

dl.kou dt{ color:#996600; font-size:17px; font-weight:bold;}

dl.kou dd{ margin-left:20px; color:#333;}

#box{ width:210px; position:absolute; left:579px; top:391px; color:#fff;}


@media (min-width:360px) and (max-width:800px){
#container{ width:99%;}

#container img{ width:100%;}

}