@charset "UTF-8";
/* textStyle2014 */

#textStyle{
	margin:20px 60px 20px;padding:0;
	line-height:1.6;
	font-size:16px;
	color:#333333;}

/*リセット*/
#textStyle h1,
#textStyle h2,
#textStyle h3,
#textStyle h4,
#textStyle h5,
#textStyle h6,
#textStyle p,
#textStyle dl,
#textStyle ul,
#textStyle ol,
#textStyle table{
	margin:0 0 1em;padding:0;}
#textStyle a{
	color:#09F;
	text-decoration:underline;}

/*音声読み上げ（display:none;だとスクリーンリーダーが読まない）
--------------------*/
#textStyle .sr-only{
	width:0;height:0;
	margin:0;padding:0;
	overflow:hidden;}


/*汎用クラス（U-utility）
--------------------*/
/*Emmetに似たような記述方法があればその命名規則を採用*/

.u-d-b,
.u-db{display:block;}

/*マージン調整*/
#textStyle .m0,#textStyle .u-m0em,#textStyle .u-m0{margin:0;}

#textStyle .mt0em,#textStyle .u-mt0em{margin-top:0em;}
#textStyle .mt1em,#textStyle .u-mt1em{margin-top:1em;}
#textStyle .mt2em,#textStyle .u-mt2em{margin-top:2em;}
#textStyle .mt3em,#textStyle .u-mt3em{margin-top:3em;}
#textStyle .mt10,#textStyle .u-mt10{margin-top:10px;}
#textStyle .mt15,#textStyle .u-mt15{margin-top:15px;}
#textStyle .mt30,#textStyle .u-mt30{margin-top:30px;}

#textStyle .mr1em,#textStyle .u-mr1em{margin-right:1em;}
#textStyle .mr2em,#textStyle .u-mr2em{margin-right:2em;}
#textStyle .mr3em,#textStyle .u-mr3em{margin-right:3em;}
#textStyle .mr10em,#textStyle .u-mr10em{margin-right:10em;}
#textStyle .mr10,#textStyle .u-mr10{margin-right:10px;}
#textStyle .mr15,#textStyle .u-mr15{margin-right:15px;}
#textStyle .mr30,#textStyle .u-mr30{margin-right:30px;}

#textStyle .mb0em,#textStyle .u-mb0,u-mb0em{margin-bottom:0em;}
#textStyle .mb1em,#textStyle .u-mb1em{margin-bottom:1em;}
#textStyle .mb2em,#textStyle .u-mb2em{margin-bottom:2em;}
#textStyle .mb3em,#textStyle .u-mb3em{margin-bottom:3em;}
#textStyle .mb10,#textStyle .u-mb10{margin-bottom:10px;}
#textStyle .mb15,#textStyle .u-mb15{margin-bottom:15px;}
#textStyle .mb30,#textStyle .u-mb30{margin-bottom:30px;}

#textStyle .ml1em,#textStyle .u-ml1em{margin-left:1em;}
#textStyle .ml2em,#textStyle .u-ml1em{margin-left:2em;}
#textStyle .ml3em,#textStyle .u-ml1em{margin-left:3em;}
#textStyle .ml10em,#textStyle .u-ml1-em{margin-left:10em;}
#textStyle .ml10,#textStyle .u-ml10{margin-left:10px;}
#textStyle .ml15,#textStyle .u-ml15{margin-left:15px;}
#textStyle .ml30,#textStyle .u-ml30{margin-left:30px;}


/*パディング調整*/
#textStyle .p0em,#textStyle .u-p0,#textStyle .u-p0em{padding:0;}
#textStyle .p1em,#textStyle .u-p1em{padding:1em;}
#textStyle .p2em,#textStyle .u-p2em{padding:2em;}
#textStyle .p3em,#textStyle .u-p3em{padding:3em;}
#textStyle .p10,#textStyle .u-p10{padding:10px;}
#textStyle .p15,#textStyle .u-p15{padding:15px;}
#textStyle .p30,#textStyle .u-p30{padding:30px;}

#textStyle .pt0em,#textStyle .u-pt0,#textStyle .u-pt1em{padding-top:0em;}
#textStyle .pt1em,#textStyle .u-pt1em{padding-top:1em;}
#textStyle .pt2em,#textStyle .u-pt2em{padding-top:2em;}
#textStyle .pt3em,#textStyle .u-pt3em{padding-top:3em;}
#textStyle .pt10,#textStyle .u-pt10{padding-top:10px;}
#textStyle .pt15,#textStyle .u-pt15{padding-top:15px;}
#textStyle .pt30,#textStyle .u-pt30{padding-top:30px;}

#textStyle .pr0em,#textStyle .u-pr0,#textStyle .u-pr1em{padding-right:0em;}
#textStyle .pr1em,#textStyle .u-pr1em{padding-right:1em;}
#textStyle .pr2em,#textStyle .u-pr2em{padding-right:2em;}
#textStyle .pr3em,#textStyle .u-pr3em{padding-right:3em;}
#textStyle .pr10,#textStyle .u-pr10{padding-right:10px;}
#textStyle .pr15,#textStyle .u-pr15{padding-right:15px;}
#textStyle .pr30,#textStyle .u-pr30{padding-right:30px;}

#textStyle .pb0em,#textStyle .u-pb0,#textStyle .u-pb0em{padding-bottom:0em;}
#textStyle .pb1em,#textStyle .u-pb1em{padding-bottom:1em;}
#textStyle .pb2em,#textStyle .u-pb1em{padding-bottom:2em;}
#textStyle .pb3em,#textStyle .u-pb1em{padding-bottom:3em;}
#textStyle .pb10,#textStyle .u-pb10{padding-bottom:10px;}
#textStyle .pb15,#textStyle .u-pb15{padding-bottom:15px;}
#textStyle .pb30,#textStyle .u-pb30{padding-bottom:30px;}

#textStyle .pl0em,#textStyle .u-pl0,#textStyle .u-pl0em{padding-left:0em;}
#textStyle .pl1em,#textStyle .u-pl1em{padding-left:1em;}
#textStyle .pl2em,#textStyle .u-pl2em{padding-left:2em;}
#textStyle .pl3em,#textStyle .u-pl3em{padding-left:3em;}
#textStyle .pl10,#textStyle .u-pl10{padding-left:10px;}
#textStyle .pl15,#textStyle .u-pl15{padding-left:15px;}
#textStyle .pl30,#textStyle .u-pl30{padding-left:30px;}


.u-w2em{width:2em;}
.u-w3em{width:3em;}
.u-w4em{width:4em;}
.u-w5em{width:5em;}
.u-w6em{width:6em;}
.u-w7em{width:7em;}



#textStyle .float-left,
#textStyle .pull-left{
	float:left;}

#textStyle .float-right,
#textStyle .pull-right{
	float:right;}

.alignRight,
.textRight,
.text-right{text-align:right;}

.alignCenter,
.textCenter,
.text-center{text-align:center;}

.alignLeft,
.textLeft,
.text-left{text-align:left;}

.bold,
.fontBold,
.font-bold{font-weight:bold;}

.fontSmaller,
.font-smaller{font-size:80%;}

.fontLarger,
.font-larger{
	font-size:120%;}

#textStyle .text-danger{color:#b00;}

#textStyle .text-warning{color:#f60;}

.img-responsive{
	display:block;
	width:100%;height:auto;}

.img-responsive-center{
	display:block;
	width:100%;height:auto;}



/*汎用デザイン
--------------------*/
/*※で始まる文章を2行目で字下げ*/
.atten{
	display:block;
	margin-left:1em;
	text-indent:-1em;}
	
/*囲み
--------------------*/
/*角丸囲み*/
.div_box01{
	display:block;
	margin:0 0 1em;padding:2em 2em 1em;
	border:1px solid #ccc;
	box-shadow:0px 0px 3px #ddd;
	border-radius:10px}

/*グレーの角丸*/
.div_box02{
	display:block;
	margin:0 0 1em;padding:2em 2em 1em;
	background:#f3f3f3;
	border-radius:10px;}

/*左右10文字マージン*/
.div_box03{
	display:block;
	margin:0 10em 1em;padding:2em 2em 1em;}

/*左4文字字下げ*/
.div_box04{
	display:block;
	margin:0 0 2em 4em;}

/*左右4文字字下げ*/
.div_box05{
	display:block;
	width:auto;
	margin:0 4em 2em 4em;}

/*段組
--------------------*/
/*2カラム*/
.div_contentsWrap02{
	width:840px;
	margin:0 0 1em;}
	.div_contentsWrap02 .div_contentsWrap02-01{
		width:400px;
		float:left;
		xbackground:#f3f3f3;}
	.div_contentsWrap02 .div_contentsWrap02-02{
		width:400px;
		float:right;
		xbackground:#f3f3f3;}
.div_contentsWrap03{
	width:100%;
	margin:0 0 1em;}
	.div_contentsWrap03 .div_contentsWrap03-01{
		width:48%;
		float:left;
		xbackground:#f3f3f3;}
	.div_contentsWrap03 .div_contentsWrap03-02{
		width:48%;
		float:right;
		xbackground:#f3f3f3;}

/*ボタン
--------------------*/
#textStyle .btn_type01{
	margin:1em auto 1em;
	text-align:center;
	line-height:1;}
#textStyle .btn_type01 a{
	display:block;
	width:10em;
	margin:1em auto 1em;padding:1em 2em 1em;
	text-align:center;
	font-weight:bold;
	color:#444;
	text-decoration:none;
	text-shadow:2px 2px 2px rgba(255, 255, 255,1),-2px -2px 2px rgba(255, 255, 255, 1);
	border:1px solid #ccc;
	border-radius:10px;
	box-shadow:0px 0px 5px #ddd;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
	}
	#textStyle .btn_type01 a:hover{
		text-decoration:underline;}
#textStyle .btn_type02 a{
	display:inline-block;
	box-shadow:0 0 10px #ccc;
	margin:0;padding:1em 2em;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	background:#3083C2;
	border-radius:10px;}
	#textStyle .btn_type02 a:hover{
		opacity:0.8;}

/*基本マークアップ
--------------------*/

/*見出し*/
#textStyle h1,
#textStyle h2,
#textStyle h3,
#textStyle h4,
#textStyle h5,
#textStyle h6{
	margin:0 0 16px;
	font-weight:bold;
	color:#444;}
	#textStyle h1,
	#textStyle .h1{
	font-size: 36px;
}
	#textStyle h2,
	#textStyle .h2{
		font-size:150%;}
	#textStyle h3,
	#textStyle .h3{
		font-size:130%;}
	#textStyle h4,
	#textStyle .h4{
		font-size:120%;}
	#textStyle h5,
	#textStyle .h5{
		font-size:100%;}
	#textStyle h6,
	#textStyle .h6{
		font-size:100%;}

#textStyle h1.h1_backGray,
#textStyle h2.h2_backGray,
#textStyle h3.h3_backGray,
#textStyle h4.h4_backGray,
#textStyle h5.h5_backGray,
#textStyle h6.h6_backGray{
	margin:0 0 16px;padding:0.5em 1em;
	background:#eee;}


/*ボーダー*/
#textStyle .u-border-bottom{
	border-bottom:1px solid #ccc;}

/*段落*/
#textStyle p{}

/*箇条書き*/
#textStyle ul{
	margin-left:1.5em;}
#textStyle ul li{
	list-style-type:disc;}
#textStyle ol li,
#textStyle ol.numberlist li{
	margin-left:2em;
	list-style-type:decimal;}
#textStyle li.unlist{
		list-style-type:none;}

/*背景・ディセーブル*/
#textStyle .bg-disable{
	background:#eee;}

/*表*/
#textStyle table{
	width:100%;
	border:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background:none;}
	#textStyle table th,
	#textStyle table td{
		padding:8px;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;}
	#textStyle table th{
		text-align:center;
		vertical-align:middle;}
	#textStyle table.table-th-middle th,
	#textStyle table.table-td-middle td,
	#textStyle th.table-th-middle,
	#textStyle td.table-td-middle{
		vertical-align:middle;}
	#textStyle table.table-th-top th,
	#textStyle table.table-td-top td{
		vertical-align:top;}
	#textStyle table.table-th-left th,
	#textStyle table.table-td-left td,
	#textStyle th.table-th-left,
	#textStyle td.table-td-left{
		text-align:left;}
	#textStyle table.table-th-center th,
	#textStyle table.table-td-center td,
	#textStyle th.table-th-center,
	#textStyle td.table-td-center{
		text-align:center;}

hr{
	display:block;
	margin:2.5em 0;
	height: 1px;
	border:0;
	border-bottom:1px solid #999;}

hr.type01{
	display:block;
	margin:2.5em 0;
	height: 1px;
	border: 0;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}
hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}