/* CSS Document */

/* ウェブフォント使用する際は下記を書き換える
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
 */

html { height:100%; }
body { height:100%; margin:0; font-size:14px; color:#2c2c2c; word-break:break-all; }

body, textarea { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/* 高さ自動調整 */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac ?*/
*html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* hタグなどの指定 */
h1 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; margin:0px }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h5 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }


/* ul,li,pタグの指定 */
ul,li {
	list-style:none;
	margin:0;
	padding:0;
}

p { margin:0; }


/* フォントの指定 */
.bold { font-weight:bold; }
.textblue { color:#09357f; }
.textblue_b { color:#09357f; font-weight:bold; }
.textgreen { color:#34AE42; }
.textgreen_b { color:#34AE42; font-weight:bold; }
.textorange { color:#F8B934; }
.textorange_b { color:#F8B934; font-weight:bold; }
.textred { color:#db0000; }
.textred_b { color:#db0000; font-weight:bold; }
.textpink { color:#d25b7f; }
.textpink_b { color:#d25b7f; font-weight:bold; }
.textpurple { color:#CC0199; }
.textpurple_b { color:#CC0199; font-weight:bold; }

.size6 { font-size:8px; }
.size8 { font-size:10px; }
.size10 { font-size:12px; }
.size12 { font-size:14px; }
.size14 { font-size:16px; }


/* 罫線など */
.dashed_line { border-bottom: 1px dotted #343434; margin:10px 0px 10px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.solid_line_gray01 { border-bottom: 1px solid #B2B2B2; margin:14px 0px 14px 0px; }
.solid_line_purple { border-bottom: 1px solid #BE0089; margin:10px 0px 0px 0px; }
.solid_line_purple01 { border-bottom: 1px solid #BE0089; margin:14px 0px 14px 0px; }


/* 画像のリンク */
a img { border-style:none; }


/* 画像の余白対策 */
img {
   vertical-align:bottom
}


/* 画像サイズ */
img { width:100%; height:auto; }


/* ieに適用 */
img {
    width: inherit\9;
    max-width: 100%\9;
    height: auto\9;
}

/* hrの設定 */
hr.style-one {    border: 0;    height: 1px;    background: #999;    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc);    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc);    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc);    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc);}


/* ページ全体のテキストリンク */
a:link { color:#474747; text-decoration:underline; }
a:visited { color:#474747; text-decoration:underline; }
a:active { color:#FF8804; text-decoration:underline; }
a:hover { color:#FF8804; text-decoration:underline; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
a:link { color:#474747; text-decoration:underline; }
a:visited { color:#474747; text-decoration:underline; }
a:active { color:#FFFFFF; text-decoration:underline; }
a:hover { color:#FFFFFF; text-decoration:underline; }
}


/* ヘッドメニュー */
#headbox { width:100%; display:block; position:relative; background:#FFFFFF; top: 0; z-index: 2000; }

#header {
    display: block;
    width: 974px;
	padding:0;
	margin:0 auto;
  }

#headbox ul.headmenu { width:100%; margin:0; padding:20px 0; display:table; }
#headbox ul.headmenu li { width:auto; display:table-cell; vertical-align:middle; }
#headbox ul.headmenu li:nth-child(1) { text-align:center; }
#headbox ul.headmenu li:nth-child(1) img { width:auto; height:51px; }
#headbox ul.headmenu li:nth-child(2) { display:none; }
#headbox ul.headmenu li:nth-child(2) img { width:auto; height:13px; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
#headbox { width:100%; display:block; position: fixed; background:#FFFFFF; top: 0; z-index: 2000; }

#header {
    display: block;
    width: 100%;
	height:40px;
	padding:15px 0 0;
	margin:0 auto;
  }

#headbox ul.headmenu { width:96%; margin:0 auto; padding:0; display:block; font-size:0; }
#headbox ul.headmenu li { width:auto; display:block; vertical-align:middle; }
#headbox ul.headmenu li:nth-child(1) { display:inline-block; width:85%; text-align:left; }
#headbox ul.headmenu li:nth-child(2) { display:inline-block; width:15%; text-align:right; }
#headbox ul.headmenu li:nth-child(1) img { width:auto; height:20px; }
#headbox ul.headmenu li:nth-child(2) img { display:block; width:100%; height:auto; }

#headbox ul.headmenu li img a { display:block; }
}
/* //ヘッドメニュー */


/* メインロゴ */
#mainlogo { width:100%; text-align:center; padding:0 0 34px; }
#mainlogo img { width:auto; height:35px; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
#mainlogo { width:100%; text-align:center; padding:0 0 5px; }
#mainlogo img { width:auto; height:15px; }
}
/* //メインロゴ */


/* PCナビゲーション */
ul#navi {
	display:block;
	border-top:1px solid #bababa;
	border-bottom:1px solid #bababa;
	padding:25px 0;
	text-align:center;
	font-weight:bold;
	}
ul#navi li { display:inline-block; padding:0 85px 0 0; }
ul#navi li:last-child { padding:0; }
ul#navi li::before { content:"\30FB"; display:inline-block; }

ul#navi a:link { color:#474747; text-decoration:none; }
ul#navi a:visited { color:#474747; text-decoration:none; }
ul#navi a:active { color:#6ab4fb; text-decoration:none; }
ul#navi a:hover { color:#6ab4fb; text-decoration:none; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
ul#navi { display:none; }
}
/* //PCナビゲーション */


/* コンテンツバナー */
ul.contentsbannerbox01 { display:block; text-align:center; background:#083662; padding:30px 0 20px; margin:0 0 1px; }
ul.contentsbannerbox01 li { width:220px; display:inline-block; padding:0 58px; vertical-align:top; }
ul.contentsbannerbox02 { display:block; text-align:center; background:#052646; padding:30px 0 20px; margin:0 0 6px; }
ul.contentsbannerbox02 li { width:220px; display:inline-block; padding:0 58px; vertical-align:top; }
.contentsbannerinner { display:block; }
.contentsbannertitle { padding-bottom:15px; }
.contentsbannertitle p { display:block; font-size:30px; }
.contentsbannertitle p:first-child { width:38%; font-size:14px; padding:0 0 6px; margin:0 auto 9px; border-bottom:2px solid #FFFFFF; }
.contentsbannerimg { padding-bottom:20px; }
.contentsbannerdetail { display:block; }
.contentsbannerdetail p { display:block; font-size:12px; line-height:160%; letter-spacing:-0.04em; }
.contentsbannerdetail p:first-child { font-size:22px; padding:0 0 15px; }

.contentsbannerinner a { display:block; }
.contentsbannerinner a:link { color:#FFFFFF; text-decoration:none; }
.contentsbannerinner a:visited { color:#FFFFFF; text-decoration:none; }
.contentsbannerinner a:active { color:#FFFFFF; text-decoration:none; }
.contentsbannerinner a:hover { color:#FFFFFF; text-decoration:none; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
ul.contentsbannerbox01 { display:block; text-align:center; background:#083662; padding:0; margin:0; }
ul.contentsbannerbox01 li { width:100%; display:block; padding:10px 0; vertical-align:top; border-bottom:1px solid #FFFFFF; }
ul.contentsbannerbox02 { display:block; text-align:center; background:#052646; padding:0; margin:0; }
ul.contentsbannerbox02 li { width:100%; display:block; padding:10px 0; vertical-align:top; border-bottom:1px solid #FFFFFF; }
.contentsbannerinner { width:100%; display:table; }
.contentsbannertitle { display:block; padding-bottom:5px; vertical-align:top; }
.contentsbannertitle p { width:30%; display:block; font-size:12px; }
.contentsbannertitle p:first-child { width:30%; font-size:10px; padding:0 0 6px; margin:0 0 6px; border-bottom:2px solid #FFFFFF; }
.contentsbannerimg { width:30%; display:table-cell; padding:0 2%; vertical-align:top; }
.contentsbannerdetail { width:auto; display:table-cell; padding:0 2%; text-align:left; vertical-align:top; }
.contentsbannerdetail p { display:block; font-size:10px; line-height:160%; letter-spacing:-0.04em; }
.contentsbannerdetail p:first-child { font-size:12px; padding:0 0 5px; }

.contentsbannerinner a { display:block; }
.contentsbannerinner a:link { color:#FFFFFF; text-decoration:none; }
.contentsbannerinner a:visited { color:#FFFFFF; text-decoration:none; }
.contentsbannerinner a:active { color:#FFFFFF; text-decoration:none; }
.contentsbannerinner a:hover { color:#FFFFFF; text-decoration:none; }
}
/* //コンテンツバナー */