@charset "utf-8";

html, body               {width:100%;height:100%;}
a                        {outline:none;color:#911;}
a:hover                  {color:#c11;}
em                       {font-style:normal;font-weight:bold;}
nav ul a                 {text-decoration:none;}
nav ul,
nav li                   {margin:0;padding:0;list-style:none;}
.h:before, .h:after,
.f:before, .f:after      {content:"";display:block;clear:both;height:1px;font-size:0;}
.ie8lte                  {display:none;}

/* ----------------------------------------------- font */
/*
body                     {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body                     {font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;}
*/
body                     {background:#E6B54F;font-size:14px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h1, h2                   {margin:0;padding:0;font-weight:normal;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;}
h1                       {font-size:1.4em;}
h2                       {font-size:1.2em;}
input[type=password],
input[type=text],
select,
textarea,
p                        {font-size:1em;}

@font-face               {font-family:'kumisen';src:url('fonts/kumisen.eot?ac19je');src:url('fonts/kumisen.eot?#iefixac19je') format('embedded-opentype'),url('fonts/kumisen.woff?ac19je') format('woff'),url('fonts/kumisen.ttf?ac19je') format('truetype'),url('fonts/kumisen.svg?ac19je#entypo') format('svg');font-weight: normal;font-style: normal;}

/* ============================================================== navi */
.nv li a:before          {font-family:'kumisen';font-size:20px;display:inline-block;width:36px;height:36px;overflow:hidden;text-align:center;vertical-align:top;}
.nv .nv_fan a:before     {content:'\e601';}
.nv .nv_doc a:before     {content:'\e925';}
.nv .nv_ctc a:before     {content:'\e611';}
.nv .nv_blg a:before     {content:'\e91e';}

/* ============================================================== header */
.h                       {background:#000;}
.h .logo                 {float:left;margin:0;padding:5px 10px 4px 6px;font-size:16px;}
.h .logo img             {vertical-align:top;height:26px;}

.h .nv                   {display:block;float:right;margin:1px 1px 0 0;}
.h .nv li                {display:inline-block;}
.h .nv li a              {opacity:0.6;color:#fff;display:block;line-height:34px;padding-right:.5em;}
.h .nv li a.crt,
.h .nv li a:hover        {opacity:1}
.h .nv li a span         {color:#ccc;display:none;}

/* ============================================================== footer */
.f a, .f                 {text-align:center;color:#fff;}
.f                       {padding-bottom:10px;}
.f a                     {opacity:0.8;}
.f a:hover               {opacity:1;}

.f .logo                 {padding:10px 0;}
.f .logo img             {width:150px;}

.f .nv                   {padding:20px 0;}
.f .nv li                {display:inline-block;width:72px;margin:0 4px;}
.f .nv a                 {display:block;}
.f .nv li a:before       {width:48px;height:42px;line-height:42px;font-size:28px;}
.f .nv_fan a:before      {font-size:32px;}
.f .nv li a span         {font-size:12px;display:block;padding:5px 0 0 0;}

.anc2top                 {position:fixed;bottom:20px;right:20px;display:none;}
.anc2top a               {width:60px;height:60px;border-radius:60px;background:#666;color:#fff;display:block;margin:0 auto;text-align:center;text-decoration:none;outline:none;}
.anc2top a:hover         {opacity:0.8;}
.anc2top a:after         {content:"\25B2";font-size:16px;width:60px;height:60px;line-height:60px;display:block;text-align:center;}
.anc2top a span          {display:none;}

/* ============================================================== media query */
@media screen and (min-width: 640px){
	body                     {font-size:16px;}

	.h .nv                   {font-size:14px;}
	.h .nv li                {border-left:1px solid #444;}
	.h .nv li a              {padding:0 1em 0 .5em;}
	.h .nv li a span         {display:inline-block;}

	.anc2top                 {display:block;}

}
@media screen and (min-width: 1000px){
	.h .logo                 {padding:15px 15px 14px;}
	.h .logo img             {vertical-align:top;height:42px;}
	.h .nv li a              {text-align:center;padding:0 2em;}
	.h .nv li a span         {display:block;margin:0;padding:0;}
	.h .nv li a:before       {font-size:22px;line-height:40px;}

	.f                       {padding-bottom:30px;}
	.f .nv                   {padding:30px 0;}
	.f .nv li                {width:96px;margin:0 16px;}
	.f .nv li a span         {font-size:14px;padding:10px 0 0 0;}

}

/* ============================================================== for print */
@media print {
	.f .logo,
	.f .nv,
	.h .nv                   {display:none;}

}