@charset "UTF-8";

/*------------------------------------------------------------------------------
	GSK - CSS Modules Import
	Date: 2009-09-15
------------------------------------------------------------------------------*/

/** 基本リンクカラー **/
a:link {
	color: #0033CC;
} 
a:visited {
	color: #0033CC;
} 
a:active {} 
a:hover {
	color: #4674FF;
}

/** clearfix **/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


a.pdf { background: url(../img/icon_pdf.png) no-repeat right center;}
a.ppt { background: url(../img/icon_ppt.png) no-repeat right center;}
a.xls { background: url(../img/icon_xls.png) no-repeat right center;}
a.pdf, a.ppt, a.xls{
	padding: 0.2em 0;
	padding-right: 20px;
	background-size: 15px;
}
/*a.xls {
background: url(../img/icon_xls.jpg) no-repeat left center;
	padding: 0.2em 0;
padding-left: 25px;	
}
a.word {
background: url(../img/icon_word.jpg) no-repeat left center;
	padding: 0.2em 0;
padding-left: 25px;	
}*/

/** 文字サイズ **/
.txt-s {	font-size:85%;}
*html .txt-s　{	font-size:88%;}

.txt-s2 {	
	font-size:90%;
}
.txt-m {
	font-size:110%;
	line-height:1.7;
}
.txt-l {
	font-size:120%;
	line-height:1.7;
}
.txt-ll {
	font-size:135%;
}


/** 行間 **/
.lh16{	line-height:1.6;}
.lh17{	line-height:1.7;}
.lh18{	line-height:1.8;}
.lh20{	line-height:2.0;}
.lh24{	line-height:2.4;}
.lh30{	line-height:3.0;}


/** 配置 **/
.center{
	text-align:center !important;
}
.right{
	text-align:right !important;
}
.left{
	text-align:left !important;
}
.fright{
	float:right;
}
.fleft{
	float:left;
}
/** float(clear) **/
.float-clear {
	content : "";
	display : block;
	height : 0;
	clear : both;
}


/** 文字装飾 **/
.normal{
	font-weight:normal;
}
.mincho{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinPro-W3","ＭＳ Ｐ明朝", "MS PMincho";
}


/** 色 **/
.gray{
	color:#666;
}
.gray2{
	color:#999;
}
.red{
	color:#f00;
}
.red-b{
	font-weight: bold;
	color:#f00;
}
.red2{
	color:#d00;
}

.underline{
	text-decoration: underline;
}


/** 注記 **/
.text-chuki {
	padding-left: 1em;
	text-indent: -1em;
}
.text-annotate-1 {
	padding-left: 1em;
	text-indent: -1em;
}
.areaChuki p {
	padding-left: 1em;
	text-indent: -1em;
}


/** 画像の横にテキスト回り込み **/
.img-float {
	float:left;
	margin-right: 15px;
}
.img-float-r {
	float:right;
	margin-left: 15px;
}
.img-float-clear {
	clear:both;
	visibility: hidden;
	height: 0px;
}


/** ライン **/
.line-under {
	border-bottom: solid 1px #ff0000;
}
/**/  
.line-dot {
	border-bottom: dotted 1px #ff0000;
}
/*_*/ 
.line-double {
	border-bottom: double 3px #ff0000;
}
/*d*/  
.rectangle {
	border:solid 1px #ff0000;
}


/** 取り消し線（線のみ赤） **/
del {
	/*color: #F00;*/
}
del span {
	/*color: #333;*/
}


/** 上付き、下付き文字 **/
.sup {
	vertical-align: super;
	font-size: 80%;
}
.sub {
	vertical-align: sub;
	font-size: 80%;
}




/********** --PADDING ****************/

.p0{ padding:0px; }
.p5{ padding:5px; }
.p10{ padding:10px; }
.p15{ padding:15px; }
.p20{ padding:20px; }
.p25{ padding:25px; }
.p30{ padding:30px; }
.pt0{ padding-top:0px; }
.pt3{ padding-top:3px; }
.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pt35{ padding-top:35px; }
.pt40{ padding-top:40px; }
.pt45{ padding-top:45px; }
.pt50{ padding-top:50px; }
.pt55{ padding-top:55px; }
.pt60{ padding-top:60px; }
.pt65{ padding-top:65px; }
.pt70{ padding-top:70px; }
.pt75{ padding-top:75px; }
.pb0{ padding-bottom:0px; }
.pb3{ padding-bottom:3px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }
.pb30{ padding-bottom:30px; }
.pb35{ padding-bottom:35px; }
.pb40{ padding-bottom:40px; }
.pb45{ padding-bottom:45px; }
.pb50{ padding-bottom:50px; }
.pb55{ padding-bottom:55px; }
.pb60{ padding-bottom:60px; }
.pb65{ padding-bottom:65px; }
.pb70{ padding-bottom:70px; }
.pb75{ padding-bottom:75px; }
.pl0{ padding-left:0px; }
.pl3{ padding-left:3px; }
.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }
.pl35{ padding-left:35px; }
.pl40{ padding-left:40px; }
.pl45{ padding-left:45px; }
.pl50{ padding-left:50px; }
.pl55{ padding-left:55px; }
.pl60{ padding-left:60px; }
.pl65{ padding-left:65px; }
.pl70{ padding-left:70px; }
.pl75{ padding-left:75px; }
.pr0{ padding-right:0px; }
.pr3{ padding-right:3px; }
.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pr35{ padding-right:35px; }
.pr40{ padding-right:40px; }
.pr45{ padding-right:45px; }
.pr50{ padding-right:50px; }
.pr55{ padding-right:55px; }
.pr60{ padding-right:60px; }
.pr65{ padding-right:65px; }
.pr70{ padding-right:70px; }
.pr75{ padding-right:75px; }


/********** --MARGIN ****************/

.m0{ margin:0px !important; }
.m5{ margin:5px !important; }
.m10{ margin:10px !important; }
.m15{ margin:15px !important; }
.m20{ margin:20px !important; }
.m25{ margin:25px !important; }
.m30{ margin:30px !important; }

.mt0{ margin-top:0px !important; }
.mt3{ margin-top:3px !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt35{ margin-top:35px !important; }
.mt40{ margin-top:40px !important; }
.mt45{ margin-top:45px !important; }
.mt50{ margin-top:50px !important; }
.mt55{ margin-top:55px !important; }
.mt60{ margin-top:60px !important; }
.mt65{ margin-top:65px !important; }
.mt70{ margin-top:70px !important; }
.mt75{ margin-top:75px !important; }
.mt-1{ margin-top:1.4em !important; }

.mb0{ margin-bottom:0px !important; }
.mb3{ margin-bottom:3px !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }
.mb50{ margin-bottom:50px !important; }
.mb55{ margin-bottom:55px !important; }
.mb60{ margin-bottom:60px !important; }
.mb65{ margin-bottom:65px !important; }
.mb70{ margin-bottom:70px !important; }
.mb75{ margin-bottom:75px !important; }

.ml0{ margin-left:0px !important; }
.ml3{ margin-left:3px !important; }
.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml35{ margin-left:35px !important; }
.ml40{ margin-left:40px !important; }
.ml45{ margin-left:45px !important; }
.ml50{ margin-left:50px !important; }
.ml55{ margin-left:55px !important; }
.ml60{ margin-left:60px !important; }
.ml65{ margin-left:65px !important; }
.ml70{ margin-left:70px !important; }
.ml75{ margin-left:75px !important; }

.mr0{ margin-right:0px !important; }
.mr3{ margin-right:3px !important; }
.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr35{ margin-right:35px !important; }
.mr40{ margin-right:40px !important; }
.mr45{ margin-right:45px !important; }
.mr50{ margin-right:50px !important; }
.mr55{ margin-right:55px !important; }
.mr60{ margin-right:60px !important; }
.mr65{ margin-right:65px !important; }
.mr70{ margin-right:70px !important; }
.mr75{ margin-right:75px !important; }



/* table
--------------------------------------------------------------- */
table {
	width: 100%;
	font-size:inherit;
	font:90%;
}

/*-----tbl-layout-----*/
.tbl-layout {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	table-layout: fixed;
}
.tbl-layout td {
	font-size: 100%;
	line-height: 160%;
	padding: 1em;
}

table th.tbl-midashi1 {
	width: 10.5em;
}

table th.tbl-midashi2 {
	width: 10em;
}

/*-----.tbl-ptn1-----*/
table.tbl-ptn1 {
	border-top:1px solid #CBCBCB;
	border-left:1px solid #CBCBCB;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin: 0.5em;
	width: 98%;
}
.tbl-ptn1 th,
.tbl-ptn1 td {
	border-right:1px solid #CBCBCB;
	border-bottom:1px solid #CBCBCB;
	padding:0.5em;
	text-align: left;
	vertical-align: middle;
}
.tbl-ptn1 th {
	color: #333333;
	background-color: #F0EFE3;
}
.tbl-ptn1 td {
	/*padding: 0.3em 5em;*/
}
.tbl-ptn1 caption {
	font-weight: bold;
	color: #333333;
}



/* ボックス
--------------------------------------------------------------- */

/** 準備中 **/
#junbi {
	text-align: center;
	padding-top: 120px;
}

/** インデント **/
.areaInt {
	margin-left: 20px;
}

/** 特記事項エリア (.areaImp) **/
.areaImp {
	color: #F00;
	text-align: center;
	background-color: #FFFBFB;
	border: 2px solid #FBB;
	margin: 1.5em 1em;
	padding: 10px;
}
/* --.areaImp2-- */
.areaImp2 {
	background-color: #FFFEFB;
	border: 2px solid #E8D7B1;
	margin: 1.5em 0;
	padding: 15px 20px;
}
/* --.areaImp3-- */
.areaImp3 {
	margin: 20px;
	padding: 15px;
	background-color: #FFFCF0;
	border: 2px solid #F90;
}
/* --.areaImp4-- */
.areaImp4 {
	margin: 20px;
	padding: 15px;
	background-color: #F9F9F9;
	border: 2px solid #E4E4E4;
}

/** 注意！ **/
.areaChui {
	background-color: #fffbfb;
	border: 2px solid #faa;
	margin: 20px 10px;
	padding: 15px;
}
.areaChui h5 {
	background: url(../img/icon_important.jpg) no-repeat left 0.1em !important;
	color: #dc2521 !important;
	font-size: 115%;
	margin: 0 !important;
	padding-left: 25px !important;
}
/* --2-- */
.areaChui2 {
	/*font-weight: bold;*/
	background-image: url(../img/icon_ex.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	border: 1px solid #DC4B16;
	margin: 20px 0;
	padding: 15px 20px 15px 45px;
}
.areaChui2 h5 {
	color: #CD4015 !important;
	margin-top: 0;
	margin-left: 0.1em;
}
/* --3-- */
.areaChui3 {
	margin: 20px;
	padding: 15px;
	background-color: #FFFCF0;
	border: 1px solid #F90;
}
.areaChui3 h5 {
	margin: 0px;
	color: #E17956;
	font-size: 115%;
	background-image: url(../img/icon_exc.jpg);
}

.areaChui h6 {
    background: url(../img/icon_important.jpg) no-repeat left 0.1em !important;
    color: #dc2521 !important;
    font-size: 115%;
    margin: 0 !important;
    padding-left: 25px !important;
}

/** 左右2段カラム **/
.areaCol2 {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
}
.areaCol2 .col2-box {
	float: left;
}


/** 天地中央 **/
.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.demo p {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}



/* リスト
--------------------------------------------------------------- */

/**リスト（数字）**/
ol {
	margin: 1em;
	margin-left: 1.3em;
}
ol li {
	margin-left: 1em;
	list-style-type: decimal;
}
/* 数字のみボールド */
.list-ptn1 ol {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	margin-left: 2em;
}
.list-ptn1 ol li {
	list-style-type: decimal;
	margin-left: 2em;
	font-style: italic;
}
.list-ptn1 ol li span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: normal;
}
/* カッコ付数字 */
.ol-para li {
	list-style-type: none;
	text-indent: -1.95em;
	margin-left: 0px;
	padding-left: 1.95em;
}
/* アルファベット（小文字） */
.ol-alp li {
	list-style-type: lower-alpha;
}

/** 定義リスト（dl）**/
dl {
	margin: 1em;
}
dl dt {
	font-weight: bold;
	margin-bottom: 0.15em;
}
dl dd {
	margin: 0;
	margin-bottom: 0.55em;
}
/* dl左右2段 */
.dlLR {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
}
.dlLR dt,
.dlLR dd {
	display: block;
	margin: 0;
	padding: 0;
}
.dlLR dt {
	clear: left; /* 環境別での表示崩れを防ぐ */
	float: left;
}
.dlLR dd {
	float: left;
}

/** リスト（ドット） **/
#page ul {
	margin: 1em;
	margin-left: 1.3em;
}
#page ul li {
	margin-left: 1.1em;
	list-style-type: disc;
}

	
/** リスト（矢印） **/
#page ul.ulArrow {
}
#page ul.ulArrow li {
	list-style-type: none;
	background: url(../img/icon_arrow_grn.jpg) no-repeat left 0.4em;
	margin: 0;
	padding: 0 0 0 18px;
}


/* ボタン配置
--------------------------------------------------------------- */
/** ボタン（画像） **/
.areaBtn {
	margin: 1em;
	text-align: center;
}
.areaBtn img {
	margin: 15px;
}

/** 角丸テキストボタン **/
p.Btn-rc {
	text-align: center;
	margin: 1em 0 2.3em;
}
p.Btn-rc a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.1em;
	background-color: #1A4C79;
	border-radius: 5px;
	padding: 10px 1em;
}
/** 角丸テキストボタン：エリアで設置 **/
.areaBtn-rc {
	text-align: center;
	padding: 1em;
}
.areaBtn-rc a {
	display: inline-block;
	font-size: 110%;
	/*	font-weight: bold;*/
	font-family: Arial, Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "游ゴシック", YuGothic, Osaka, sans-serif;
	line-height: 120%;
	color: #FFF !important;
	text-decoration: none;
	/*text-shadow: 1px 1px 1px #ffffff;*/
	letter-spacing: 0.1em;
	background: #E38F02;
	border: 3px solid #EEC56F;
	border-radius: 5px;
	margin: 5px;
	padding: 0.8em 2.5em;
}
.areaBtn-rc a:hover {/*---透明度の変更は、3行の数値をそれぞれ変更すること*/
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}
/**/

.areaBtn-rc a.pdf:after, .areaBtn-rc a.doc:after, .areaBtn-rc a.ppt:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 19px;
	margin-left: 7px;
}
.areaBtn-rc a.pdf:after { background: url(../img/icon_pdf_b.png) no-repeat bottom right;}
.areaBtn-rc a.doc:after { background: url(../img/icon_doc.png) no-repeat bottom right;}
.areaBtn-rc a.ppt:after { background: url(../img/icon_ppt.png) no-repeat bottom right;}

.areaBtn-rc a.arrow {
	background: #2879B0 url(../img/icon_btn_right_arrow.png) no-repeat 20px center;
	padding-left: 3.5em;
}

/*ボタンを効かなくする*/
.areaBtn-rc a.done{
	pointer-events:none;
	opacity: 0.5;
}