@charset "UTF-8";

/* ----------------------------------------
reset style
---------------------------------------- */

*{
	margin:0;
	padding:0;
	font-size:100%;
}

body{
	line-height:1.0;
	-webkit-text-size-adjust:100%;
}

article, aside, canvas, detailes, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
	display:block;
}

img{
	border:0;
	vertical-align:middle;
}

ul,ol{
	list-style:none;
}

table{
	border-spacing:0;
	empty-cells:show;
}








/* ----------------------------------------
clearfix
---------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}

/* Hides from IE Mac */

* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}

/* End Hack */









/* ----------------------------------------
basic
---------------------------------------- */

body{
	width:100%;
	background-color:#ffffff;
	background-image:url("../images/body_background.png");
	background-repeat:repeat-x;
	background-position:top;
	font-family:"メイリオ",Meiryo,sans-serif;
	font-size:100%;
	line-height:162%;
	word-wrap: break-word;
}

body{
	font-family:/"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

a:link,
a:visited{
	text-decoration:none;
	color:#000000;
}

a:hover,
a:active{
	color:#e30000;
	text-decoration:underline;
}

em{
/*	font-style:italic;*/
	font-style:normal;
	font-weight:bold;
/*	color:#000000;*/
}

strong{
	position:relative;
	border-bottom:0.15em solid #bd0001;
/*	font-style:italic;*/
	font-weight:bold;
/*	color:#000000;*/
}

blockquote{
	padding:0.5em;
	background-color:#fdf8e3;
	font-style:italic;
	color:#bd0001;
}

address{
	font-style:normal;
	font-size:75%;
}

.for-pc{
	display:none;
}

.red{
	color:#bd0001;
}

.blue{
	color:#233acd;
}

.gray{
	color:#818181;
}

.large{
	font-size:118%;
}

.small{
	font-size:93%;
	line-height:1.8em;
}

.serif{
	color:#4d5c8c;
	font-family:"メイリオ",Meiryo,sans-serif;
	line-height:1.6em;
	font-size:125%;
}

.note{
	margin-left:1em;
	text-indent:-1em;
}








/* ----------------------------------------
header header-block
---------------------------------------- */

.header-block{
	position:relative;
	margin:auto;
	width:100%;
}


/* global-header */

.global-header{
	position:absolute;
	z-index:10;
	margin-left:0;
	margin-bottom:0;
	width:100%;
	height:66px;
	background-color:#000000;
}

.global-header #logo{
	display:table;
	width:100%;
	height:66px;
}

.global-header #logo div{
	display:table-cell;
	vertical-align:middle;
	padding-left:0;
}

.global-header #logo img{
	width:77%;
	max-width:440px;
	height:auto;
}

.global-header #navigation-opener{
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}

.global-header #navigation-opener img{
	margin-right:-16px;
}


/* nav global-navigation */

.global-navigation-overlay{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	cursor: pointer;
	width:100%;
	height:1000%;
	background-color:#000000;
	opacity: 0.5;
}

.global-navigation-overlay img{
}

.global-navigation{
	position:absolute;
	top:0;
	right:0;
	z-index:101;
	display:none;
	margin:0 auto;
	border-bottom:solid 18px #e31d1a;
	width:420px;
	max-width:100%;
	background-color:#ffffff;
}

.global-navigation .global-navigation-header{
	position:relative;
	margin-bottom:28px;
	width:100%;
	height:66px;
}

.global-navigation .global-navigation-header #global-navigation-logo{
	display:table;
	width:100%;
	height:66px;
}

.global-navigation .global-navigation-header #global-navigation-logo div{
	display:table-cell;
	vertical-align:middle;
	padding-left:0;
}

.global-navigation .global-navigation-header #global-navigation-logo img{
	width:77%;
	max-width:440px;
	height:auto;
}

.global-navigation #navigation-closer{
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}

.global-navigation #navigation-closer img{
	margin-right:-16px;
}


/* top-level */

.global-navigation .top-level{
	margin:0 5%;
	margin-bottom:52px;
	border-bottom:solid 1px #cccccc;
	padding:0 40px 22px 40px;
}

.global-navigation .top-level ul{
	width:100%;
}

.global-navigation .top-level ul li{
	display:block;
	width:100%;
	padding:0;
	padding-bottom:1.56em;
	text-align:center;
}

.global-navigation .top-level ul li a{
	display:inline;
	height:auto;
	text-align:center;
	line-height:;
	font-size:150%;
}

.global-navigation .top-level ul li a:link,
.global-navigation .top-level ul li a:visited{
	text-decoration:none;
	color:#000000;
}

.global-navigation .top-level ul li a:hover,
.global-navigation .top-level ul li a:active{
	color:#db0025;
	text-decoration:underline;
}


/* collection */

.global-navigation .collection{
	margin:0 5%;
	margin-bottom:32px;
	border-bottom:solid 1px #cccccc;
	padding:0 40px 32px 40px;
}

.global-navigation .collection .global-navigation-heading{
	margin-bottom:28px;
	text-align:center;
	font-size:150%;
	color:#000000;
}

.global-navigation .collection ul{
	display:block;
	width:100%;
}

.global-navigation .collection ul li{
	display:block;
	width:100%;
	text-align:center;
	line-height:1.56em;
	font-size:143%;
	font-family:arial,sans-serif;
}

.global-navigation .collection ul li ul{
	margin-top:0.3em;
	margin-bottom:1.56em;
	border:none;
	width:100%;
}

.global-navigation .collection ul li ul li{
	display:block;
	margin-bottom:0.56em;
	border:none;
	text-align:center;
	line-height:1.3em;
	color:#000000;
	font-size:81%;
}

.global-navigation .collection ul .li1{
	color:#8e0028;
}

.global-navigation .collection ul .li8{
	color:#191970;
}

.global-navigation .collection ul .li2{
	color:#dc0026;
}

.global-navigation .collection ul .li3{
	color:#bf2b8e;
}

.global-navigation .collection ul .li4{
	color:#80c021;
}

.global-navigation .collection ul .li5{
	color:#80c021;
}

.global-navigation .collection ul .li6{
	color:#e04410;
}

.global-navigation .collection ul .li7{
	color:#01a9da;
}

.global-navigation .collection ul .li1 a,
.global-navigation .collection ul .li8 a,
.global-navigation .collection ul .li2 a,
.global-navigation .collection ul .li3 a,
.global-navigation .collection ul .li4 a,
.global-navigation .collection ul .li5 a,
.global-navigation .collection ul .li6 a,
.global-navigation .collection ul .li7 a{
	color:inherit;
}

.global-navigation .collection ul.second-line{
	display:block;
	width:100%;
}

.global-navigation .collection ul li ul .comingsoon{
	line-height:1.2em;
	padding-bottom:0.5em;
}


/* global-navigation-footer */

.global-navigation .global-navigation-footer{
	margin:0 5%;
	margin-bottom:12px;
}

.global-navigation .global-navigation-footer ul{
	margin:0 auto;
}

.global-navigation .global-navigation-footer ul li{
	text-align:center;
}

.global-navigation .global-navigation-footer ul li a{
	display:inline;
	padding:0 7px;
	line-height:40px;
	font-size:100%;
}

.global-navigation .global-navigation-footer ul li a:link,
.global-navigation .global-navigation-footer ul li a:visited{
	text-decoration:none;
	color:#000000;
}

.global-navigation .global-navigation-footer ul li a:hover,
.global-navigation .global-navigation-footer ul li a:active{
	color:#db0025;
	text-decoration:underline;
}


/* global-navigation-footer */
/* general.jsで挿入したfacebookボタンにスタイルを設定する */

.global-navigation .global-navigation-btn-facebook{
	margin:30px 5% 40px 5%;
	text-align:center;
}








/* ----------------------------------------
contents-wrapper
---------------------------------------- */

.contents-wrapper{
	margin:0 auto;
	padding-top:66px;
	width:100%;
}








/* ----------------------------------------
article article-block
---------------------------------------- */

/* article-block */

.article-block{
	position:relative;
}

.article-block .none-column-wrapper{
	position:relative;
	border-bottom:solid 22px transparent;
}

.article-block .two-colume-wrapper{
	position:relative;
	border-bottom:solid 22px transparent;
}


/* 見出し */

.block-heading{
	margin-bottom:16px;
	font-family:"メイリオ",Meiryo,sans-serif;
}

h1.block-heading{
	padding:9px 10px 7px 16px;
	font-weight:bold;
	font-size:131%;
}

h2.block-heading{
	padding:9px 10px 7px 16px;
	font-weight:bold;
	font-size:125%;
}

h3.block-heading{
	padding:12px 10px 3px 16px;
	font-size:118%;
}

h4.block-heading{
	padding:12px 10px 3px 16px;
	font-size:118%;
}

h5.block-heading{
	padding:12px 16px;
	font-size:106%;
}

h6.block-heading{
	padding:12px 16px;
	font-size:100%;
}


/* 段落 */

.article-block p{
/* 	text-indent:0em; */
}


/* 右寄せ */

.article-block .align-right{
	text-align:left;
}


/* 画像 */

.article-block .image-wrapper{
	text-align:center;
}

.article-block .image-wrapper img{
	margin:0;
	max-width:100%;
}


/* 段落（画像回り込み） */

.article-block p .image-wrapper{
	float:right;
	text-align:center;
	width:50%;
}

.article-block p .image-wrapper-left{
	float:left;
	text-align:center;
	width:50%;
}

.article-block p .image-wrapper img,
.article-block p .image-wrapper-left img{
	margin:2px;
	max-width:90%;
}

.article-block p .image-wrapper-full{
	float:left;
	text-align:center;
	width:100%;
}

.article-block p .image-wrapper-full img{
	margin:2px;
	max-width:95%;
}

.article-block .image-wrapper,
.article-block p .image-wrapper,
.article-block p .image-wrapper-left,
.article-block p .image-wrapper-full{
	line-height:1.4em;
	font-size:93%;
}


/* 表組中の画像 */

.article-block td img{
	margin:0;
	width:100%;
	max-width:100%;
}


/* リスト */

.article-block ul{
	margin-left:1.5em;
	list-style:disc;
}

.article-block ol{
	margin-left:1.8em;
	list-style:decimal;
}

.article-block ol.parentheses{
	margin-left:1.1em;
	text-indent:-2.7em;
	list-style:none;
}

.article-block ul li ul,
.article-block ol li ol{
	margin-left:0;
	padding-left:1em;
}

.article-block dl dd ul,
.article-block dl dd ol{
	margin-left:0;
	padding-left:0;
}

.article-block li{
	margin-bottom:0.5em;
}


/* 水平リスト */
.article-block ul.horizontal-list{
	list-style-type:none;
	margin-left:0;
}

.article-block ul.horizontal-list li{
	float:left;
	margin-right:2em;
}


/* 定義リスト */

.article-block dl{
	margin-left:0.2em;
}

.article-block dl dt{
	margin-bottom:0em;
	color:;
	font-weight:bold;
}

.article-block dl dd{
	margin-bottom:0.3em;
	margin-left:1em;
}

.article-block dl dd *{
	margin-left:0em;
	margin-right:0em;
	text-indent:0;
}

.article-block dl dd dd{
	margin-left:1em;
}

.article-block dl dd ul{
	margin-left:1.5em;
}


/* 表組 */

.article-block table{
	margin:0 2% 0 2%;
	width:96%;
	border-collapse:collapse;
	border-spacing:0;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}

.article-block caption{
	font-weight:bold;
}

.article-block th{
/*	width:10%;
	white-space:nowrap;*/
	background-color:#f3f3f3;
}

.article-block th,
.article-block td{
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	padding:0.5em 0.5em;
	text-align:left;
	vertical-align:top;
}


/* 主要ブロック要素 */

.article-block p,
.article-block ul,
.article-block ol,
.article-block dl,
.article-block table,
.article-block figure{
	margin-bottom:16px;
/*	margin-top:16px;*/
	padding-left:16px;
	padding-right:16px;

	text-align:justify;
	text-justify:distribute;
	letter-spacing:0.03em;
}

.article-block ul,
.article-block ol,
.article-block dl{
	text-align:left;
	text-justify:auto;
}

.article-block td p,
.article-block td dl,
.article-block td table,
.article-block td figure{
	margin:0;
	padding:0;
}

.article-block td ul{
	margin:0;
}

.article-block td ol{
	margin:0 0 0 0.5em;
}

.article-block dl dd ol{
	margin:0 0 0 1.8em;
}

/*.article-block p:last-of-child,
.article-block ul:last-of-child,
.article-block ol:last-of-child,
.article-block dl:last-of-child,
.article-block table:last-of-child,
.article-block figure:last-of-child{
	margin-bottom:0;
}*/


/* article-footer */

.article-block .article-footer{
}


/* 角丸四角 */

.rounded-square{
	position:relative;
	margin:0 16px 16px 16px;
	border-radius:0.5em;
	background-color:#cccccc;
	padding:1em 0;
}

.rounded-square h3,
.rounded-square h4,
.rounded-square h5,
.rounded-square h6{
	margin:0 16px 16px 16px;
	font-size:112%;
}

/* ボタン */

.btn-form{
	float:left;
	margin:0 auto;
	padding:0;
	width:auto;
}

.btn-form a{
	background-image:url("../../images/btn-form.png");
	background-repeat:repeat-x;
	background-position:left bottom;
	color:#333333;
	text-decoration:none;
}

.btn-form a:hover,
.btn-form a:active{
	background-image:url("../../images/btn-form_on.png");
	color:#333333;
	text-decoration:none;
}

.btn-form a{
	display:block;
	position:relative;
	margin:auto auto;
	border-radius:7px;
	border:solid 2px #858585;
	width:12em;
	padding:0;
	text-align:center;
	line-height:38px;
	font-weight:bold;
	font-size:112%;
}

.left-block{
}

.right-block{
}

.nowrap{
	white-space:nowrap;
}








/* ----------------------------------------
footer global-footer
---------------------------------------- */

/* global-footer */

.global-footer{
	clear:both;
	margin:0 auto;
	width:100%;
	background-color:#dddddd;
	text-align:center;
	color:#666666;
	font-size:75%;
}

.global-footer .global-footer-navigation-wrapper{
	margin:0 auto;
	width:auto;
	pading:0;
padding-bottom:60px;
}

.global-footer .navigation{
	float:none;
	padding:5px 5px 0 5px;
}

.global-footer .navigation a{
	white-space:nowrap;
}

.global-footer address{
	float:none;
	padding:0 5px 10px 5px;
	font-size:inherit;
}

.global-footer a:link,
.global-footer a:visited{
	text-decoration:none;
	color:#666666;
}

.global-footer a:hover,
.global-footer a:active{
	color:#e30000;
	text-decoration:underline;
}








/* ----------------------------------------
scrollup-btn-block
---------------------------------------- */

#scrollup-btn-block{
	position:fixed;
	right:0;
	bottom:10px;
width:100%;
text-align:center;
}

#scrollup-btn-block img{
	padding:10px;
}








/* ----------------------------------------
smartphone-access
---------------------------------------- */

.smartphone-access{
	display:none;
}








/* ----------------------------------------
ERROR
---------------------------------------- */
.err_msg {
	color: #ff0000;
}




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

print

---------------------------------------- */
/* @media print {} */
