/* base */
body { font-size:16px; line-height:1.5em; background-color:#000; color:#fff; -webkit-text-size-adjust: 100%;}
* { margin:0; padding:0;}
img { width:100%; border:none; vertical-align:top;}
img a { border:none;}
li { list-style-type: none; margin: 0; padding: 0; line-height:1.0em;}
a { text-decoration:none;}
table { border-collapse:collapse; border-spacing:0;}
th { font-weight:normal;}


/* header */
header { background:url(../img/h_bg.gif) repeat-x left top;}
header:after { content:" " ; clear:both; display:block; height:0;}
header h1{ float:left; width:51%; margin:0 0 4% 0;}
header ul{ float:right; width:29%; margin:4% 5% 0 5%;}
header ul li{ margin-bottom:4%;}
header ul li:last-child{border:solid 1px #fff;border-radius: 2px;background-color: #323232;text-align: center;margin:10px auto;padding:2px 0;}
header ul li:last-child a{color:#fff;font-size: 12px;padding:3px;display: block;}
/* gnavi */
nav { background:url(../img/bg_gnavi.gif) no-repeat left top; background-size: 320px; margin-bottom:8%;}
nav ul{ position:relative; z-index:1;}
nav ul:after { content:" " ; clear:both; display:block; height:0;}
nav ul li { float:left; width:33.3%; vertical-align: bottom;}
nav ul li.nav04{ clear:both;}
nav ul li a { display:block;}

/* pagetop */
#pagetop { margin-bottom:8%;}

/* footer */
footer { padding: 0 5%; color:#fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
footer:after{ content:" " ; clear:both; display:block; height:0;}
footer a{ color:#fff; text-decoration:underline;}
footer p{ text-align:center; font-size:0.9em;}
footer div{ margin:10% 0 10% 0; background:url(../img/f_bg.gif) no-repeat top left; background-size:60%;}
footer div:after{ content:" " ; clear:both; display:block; height:0;}
footer .logo{ float:left; width:26%;}
footer .photo{ float:right; width:67%; margin-bottom:10%;}
footer address{ clear:both; width:55%; float:left; font-size:0.6em; font-style:normal; line-height:1.5em;}
footer address a{ display:block; width:55%;}
footer address img.fax{ display:block; width:55%;}
footer ul{ float:right; width:45%;}
footer ul li .btn1{ float:left; width:25%; margin-right:5%;}
footer ul li .btn2{ width:70%;}
/*170306 tannaka*/
footer ul li .btn3 { width: 100%; margin-top: 4%;}