@charset "utf-8";
/* CSS information ///////////////////////////////////////////////////

 基本設定
 
font size px <-> % ----------
	10px 	84%
	11px 	92%
	12px 	100%
	13px 	109%
	14px 	117%
	15px 	125%
	16px 	134%
	17px 	142%
	18px 	150%
	19px 	159%
	20px 	167%
	21px 	175%
	22px 	184%
	23px 	192%
	24px 	200%
	25px 	209%
	26px 	217%
------------------------------

////////////////////////////////////////////////////////////////////*/

body {
	/*font初期設定*/
	font: 12px/1.22 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
	*font-size: small;
	*font: x-small;
	line-height:150%;
	/*  コメントアウト　color:#ccc;*/
	color: #333333;/*  追加  */
	/*  コメントアウト　background-color: #000;*/
}
body {
	font-size:0.8rem;
}
#imagelightbox
{
    position: fixed;
    z-index: 9999;
}
/* リンク設定 */
a {
	text-decoration: none;
	color: #fff;
	}
	.btn {
		width: auto;
		margin: 5% auto 0;
		text-align: center;
	}
		.btn a {
			display: block;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			padding: 5%;
			background-color: #025da1;
			background: -webki-gradient(linear, left top, left bottom, color-stop(1.00, #002340), color-stop(0.00, #025da1));
			background: -webkit-linear-gradient(#025da1, #002340);
			background: -moz-linear-gradient(#025da1, #002340);
			background: -o-linear-gradient(#025da1, #002340);
			background: -ms-linear-gradient(#025da1, #002340);
			background: linear-gradient(#025da1, #002340);
		}
/* 太字 */
strong {
	font-size: 1.5rem;
	font-weight: normal;
}
/*clear*/
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
}
/*space*/
.space {
	clear: both;
	display: block;
	height: 1rem;
	overflow: hidden;
}
/*clearfix設定*/
.section01 {
	zoom: 1;
}
	.section01:after {
		content: '';
		display: block;
		clear: both;
	}
.section01 {
	padding: 0 0 10%;
	/*  コメントアウト　border-bottom: 1px dotted #606b74;*/
	/*border-bottom: 1px dotted #009ad6 ;*/
	margin: 0 3% 10%;
}
	.section01.lastChild {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
/*見出し*/
#contents h3 {
	/*  コメントアウト　color:#ccc;*/
	color: #2d8bff;/*  追加  */
	font-size: 1rem;
	margin-bottom: 5%;
	font-weight: normal;
	
	border-left:3px solid #2d8bff ;
	border-bottom:1px solid #2d8bff;
	padding:5px 0 5px 10px ;
}

	#contents h3.type1 {
		background:#1B98D8 ;
		padding:5px ;
		color:#FFFFFF ;
	}

#contents h4 {
	font-size: 1.16em;
	margin-bottom: 1em;
	font-weight: bold;
	color: #2d8bff;
}

#contents .section {
	width: 100%;
	height: auto;
	overflow: hidden;
}

/*署名*/
.txt_sign01 {
	text-align: right;
	padding-top: 5%;
}

/*画像とテキストのレイアウトパターン*/
.box_txt01 {
}
.box_img01,
.box_img02 {
	width: 100%;
	padding-bottom: 5%;
}
	.box_img01 img,
	.box_img02 img {
		width: 100%;
		height: auto;
	}

.box_wrapper01 {
	zoom: 1;
}
	.box_wrapper01:after {
		content: '';
		display: block;
		clear: both;
	}
	.box_wrapper01 .box {
		width: 49%;
	}
	.box_wrapper01 .box {
		float: left;
	}
	.box_wrapper01 .box.lastChild {
		float: right;
	}
	.box_wrapper01 .inner_img img{
		width: 100%;
		height: auto;
		margin-bottom: 5%;
	}
	.box_wrapper01 .inner_txt {
		
	}
	.box_wrapper01 .box {
		margin-bottom: 5%;
	}
	.box_wrapper01.lastChild .box {
		margin-bottom: 0;
	}
.box_wrapper02 {
	zoom: 1;
}
	.box_wrapper02:after {
		content: '';
		display: block;
		clear: both;
	}
	.box_wrapper02 .box {
		margin-bottom: 5%;
		zoom: 1;
	}
	.box_wrapper02 .box:after {
		clear: both;
		content: '';
		display: block;
	}
	.box_wrapper02.lastChild .box.lastChild{
		margin-bottom: 0;
	}
	.box_wrapper02 .inner_img {
		float: left;
		width: 25%;
	}
		.box_wrapper02 .inner_img img {
			width: 100%;
			height: auto;
		}
	.box_wrapper02 .inner_txt {
		float: right;
		width: 72%;
	}
/* 画像のレイアウトパターン */
.pic_basic01 {/* 右寄せ画像 */
	float: right;
	max-width: 50%;
	height: auto;
	padding: 0 0 5% 5%;
}
.pic_basic02 {/* 左寄せ画像 */
	float: left;
	max-width: 50%;
	height: auto;
	padding: 0 5% 5% 0;
}
.pic_basic03 {/* 上画像 */
	width: 100%;
	height: auto;
	padding: 0 0 5%;
}
.pic_basic04 {/* 下画像 */
	width: 100%;
	height: auto;
	padding: 5% 0 0;
}
/*テーブル*/
.tb_basic01 {
	width: 100%;
	/*  コメントアウト
	border-top: 1px solid #999;
	border-bottom: 1px solid  #999;*/
	border-top:1px solid #2d8bff ;/*  追加  */
	border-bottom:1px solid #2d8bff ;/*  追加  */
	color:#454545 ;/*  追加  */
}
	.tb_basic01 th,
	.tb_basic01 td {
		padding: 2%;
		vertical-align: top;
		text-align: left;
		/*  コメントアウト　border-bottom: 1px dotted  #999;*/
		border-bottom:1px solid #2d8bff ;/*  追加  */
	}
	.tb_basic01 th {
		width: 18%;
		/*  コメントアウト　background-color: #333;*/
		background-color:#f2f7fc ;/*  追加  */
		color:#2d8bff ;
	}
	.tb_basic01 td {
		/*  コメントアウト　background-color: #444;*/
		background-color:#FFFFFF ;/*  追加  */
		border-bottom:1px solid #2d8bff ;
	}

	.tb_basic01 tr.lastChild th,
	.tb_basic01 tr.lastChild td {
		border-bottom: none;
	}
	
.tb_basic02 {
}
	.tb_basic02 th,
	.tb_basic02 td {
		text-align: left;
		vertical-align: top;
		padding-bottom: 2%;
	}
	.tb_basic02 th {
		white-space: nowrap;
		padding-right: 15px;
		border-right: 1px solid  #2d8bff;
	}
	.tb_basic02 td {
		padding-left: 15px;
	}
.tb_basic03 {
		width: 100%;
		/*  コメントアウト　border: 1px solid #444;*/
		border: 1px solid  #2d8bff;/*  追加  */
		display: block;
		padding: 3%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		/*  コメントアウト  background-color: #222;*/
		zoom: 1;
	}
		.tb_basic03:after {
			content: '';
			display: block;
			clear: both;
		}
		.tb_basic03 th,
		.tb_basic03 td {
			display: block;
			padding: 5% 3%;
			width: 100%;
			border: none;
			text-align: left;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: left;
			clear: both;
		}
		.tb_basic03 th {
			/*  コメントアウト  background-color: #333;*/
			line-height: 1.1;
			padding: 2% 3%;
			background-color:#2d8bff ;/*  追加  */
			color:#FFFFFF ;
		}
		

		.tb_basic03 td {
			background-color:#FFFFFF ;/*  追加  */
		}
		
		.tb_basic03 tr.lastChild td.lastChild {
			padding-bottom: 0;
		}

		/*  追加  */
		.tb_basic03 .must{ color:#FF0000 ; }
		.tb_basic01 .must{ color:#FF0000 ; }

.tb_simple01 {
	width: auto !important;
}
	.tb_simple01 th,
	.tb_simple01 td {
		width: auto !important;
		padding: 0 !important;
		text-align: left !important;
		vertical-align: top !important;
		border: none !important;
		background: none !important;
	}
	.tb_simple01 th {
		padding-right: 1em !important;
		white-space: nowrap !important;
	}
	
/*enclosure*/
.enclosure01 {
	/*  コメントアウト　background: #333;*/
	background:#FFF ;
	/*  コメントアウト　border: 1px solid  #444;*/
	border: 1px solid #009ad6 ;/*  追加  */
	padding: 2%;
}

	/*リスト*/
	.li_linklist01 li {
		padding: 0;
		border-bottom: 1px dotted  #009ad6;
	}
	.li_linklist01 a{
		background: url(../images/common/sp/ico_arrow01.png) 1% 48% no-repeat;
		padding: 5% 15px;
		display: block;
		-webkit-background-size: 8px 8px;
		background-size: 8px 8px;
		color: #009ad6 ;
	}
/*　定義リスト　*/
.dl_faq01 {
	
}
	.dl_faq01 dt {
		padding: 0 0 2% 30px;
		font-size: 1rem;
		font-weight: normal;
		color: #fff;
		background: url(../images/common/ico_faq01.png) 0 0 no-repeat;
	}
	.dl_faq01 dd {
		padding: 15px 15px 15px 40px;
		border: 1px solid  #444;
		background: #333 url(../images/common/ico_faq02.png) 10px 10px no-repeat;
		margin-bottom: 5%;
	}
	.dl_faq01 dd.lastChild {
		margin-bottom: 0;
	}
/*フォーム*/
.contents input[type="text"],
.contents textarea {
	padding: 2% 3%;
	border: 1px solid  #fff;
	background-color: #efefef;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 80%;
}
	.contents .txtS input[type="text"] {
		width: 20%;
	}
.contents input[type="submit"],
.contents input[type="reset"] {
	padding: 2% 3%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*  コメントアウト
	background-color: #025da1;
	background: -webki-gradient(linear, left top, left bottom, color-stop(1.00, #002340), color-stop(0.00, #025da1));
	background: -webkit-linear-gradient(#025da1, #002340);
	background: -moz-linear-gradient(#025da1, #002340);
	background: -o-linear-gradient(#025da1, #002340);
	background: -ms-linear-gradient(#025da1, #002340);
	background: linear-gradient(#025da1, #002340);*/
	background:#2d8bff ;/*  追加  */
	border: 1px solid #009ad6;
	color: #fff;
	cursor: pointer;
   	-webkit-appearance: none;

}

/*アクセスマップ*/
.box_map01 ,
.box_map02 {
	width: 100%;
	height: 200px;
	border:1px solid #CCC ;/*  追加  */
}
/*  iflame化対応  */
.box_map_iframe {
  position:relative;
  width:100%;
  height:0;
  padding-top:75%;
	border:1px solid #CCC ;
}
	.box_map_iframe iframe {
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	}

/*　プライバシーリスト　*/
.privacy {
	width:100% ;
	overflow:hidden ;	
}
	.privacy dt {
		clear:both ;
		float:left ;
		width:8% ;
		color:#61B1E6 ;
		font-weight:bold ;
	}
	.privacy dd {
		width:92% ;
		float:left ;
	}

	/*  追加  */
	/*#contents a{ color:#009ad6 ; }*/
	#contents a{color:#000080;
}
	.mb10{ margin-bottom:10px ; }
	.mb20{ margin-bottom:20px ; }
	.midashi{ font-size:110% ; font-weight:bold ;}
	.red{ color:#FF0000 ; }
	
	.rinen{font-size:130%; font-weight:bold ; line-height:1.6 ;}
	.pic_border { border:1px solid #CCC ; padding:5px ; margin:0 0 15px 15px ; background:#FFF ;}
	.link{ overflow:hidden ; }
	.link li{ float:left ; margin:0 5px 5px 0 ;}	
	.link li.lastChild{ margin:0 0 5px 0 ;}	
	.contact{ overflow:hidden ; }
	.contact dt{ clear:both ; width:5% ; float:left ; }
	.contact dd{ width:95% ; float:left ; }

	.sitemap li {
		padding: 0;
	}
	.sitemap a{
		background: url(../images/common/ico_arrow01.png) 0 50% no-repeat ;
		padding: 1% 15px;
		display: block;
	}
	
	.sp_img{ width:100% ; }
	.sp_border{ border-top:1px solid #c7c7c7 ; }
	.rine_photo{
		float:none; margin:5px auto ; text-align:center ;
	}
	
	
/*--------------------------------------------------------------*/
/*  追加：ここから												*/
/*--------------------------------------------------------------*/
.bold{ font-weight:bold ; }
.big{ font-size:120%; }

.comp_tb01 ul { }
.comp_tb01 ul li{ margin:0 0 0 1.32em; text-indent:-1.32em ; list-style:none ;}

.type1{ overflow:hidden ;}
.type1 li{}

/*--------------------------------------------------------------*/
/*  追加：ここまで												*/
/*--------------------------------------------------------------*/



	
/*=====================================================

PC画面ここから

=====================================================*/
@media screen and (min-width:641px){/* PC画面のとき */
	body {
		/*font初期設定*/
		font: 12px/1.22 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
		*font-size: small;
		*font: x-small;
		line-height:150%;
	}
	/* リンク設定 */
	a {
		text-decoration: none;
		color: #fff;
		-webkit-transition: color 0.5s ease;
		-moz-transition: color 0.5s ease;
		-ms-transition: color 0.5s ease;
		-o-transition: color 0.5s ease;
		transition: color 0.5s ease;
		}
		a:hover {
			color: #62bafc;
			text-decoration: none;
			}
		.btn {
			width: 60%;
			margin: 15px auto 0;
			text-align: center;
		}
			.btn a {
				display: block;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				padding: 10px;
			}
	strong {
		font-size: 150%;
		font-weight: normal;
	}
	/*space*/
	.space {
		height: 10px;
	}
	.section01 {
		padding: 0 0 20px;
		margin: 0 10px 20px;
	}
		.section01.lastChild {
			border-bottom: 0;
			padding-bottom: 0;
			margin-bottom: 0;
		}
	/*見出し*/
	#contents h3 {
		font-size: 16px;
	}

	#contents h3.type1 {
		background:#1B98D8 ;
		padding:5px ;
		color:#FFFFFF ;
	}
	
	/*レイアウトパターン*/
	.box_txt01 {
		width: 305px;
		float: right;
		margin-top: 3em;
	}
	.box_img01 {
		width: 320px;
		float: left;
		padding-bottom: 0;
	}
	.box_txt02 {
		width: 320px;
		float: left;
	}
	.box_img02 {
		width: 250px;
		float: right;
		padding-bottom: 0;
	}
	.box_wrapper02 {
		margin-bottom: 5%;
	}
		.box_wrapper02.lastChild {
			margin-bottom: 0;
		}
		.box_wrapper02 .box {
			margin-bottom: 0;
			float: left;
			width: 206px;
			padding-right: 11px;
		}
		.box_wrapper02 .box.lastChild {
			padding-right: 0;
		}
		.box_wrapper02 .inner_img {
			float: none;
			width: 100%;
			margin-bottom: 5%;
		}
		.box_wrapper02 .inner_txt {
			float: none;
			width: 100%;
		}
	/* 画像のレイアウトパターン */
	.pic_basic01 {/* 右寄せ画像 */
		padding: 0 0 15px 15px;
	}
	.pic_basic02 {/* 左寄せ画像 */
		padding: 0 15px 15px 0;
	}
	.pic_basic03 {/* 上画像 */
		padding: 0 0 15px;
	}
	.pic_basic04 {/* 下画像 */
		padding: 15px 0 0;
	}
	/*テーブル*/
	.tb_basic03 {
		display: table;
		padding: 0;
		width: 100%;
		/*  コメントアウト
		border-top: 1px solid #999;
		border-bottom: 1px solid  #999;*/
		border-top:1px dotted #2d8bff ;/*  追加  */
		border-bottom:1px dotted #2d8bff ;/*  追加  */
		color:#2d8bff ;/*  追加  */
		border-right: 0;
		border-left: 0;
	}
		.tb_basic03 th,
		.tb_basic03 td {
			display: table-cell;
			padding: 2%;
			vertical-align: top;
			text-align: left;
			/*  コメントアウト　border-bottom: 1px dotted  #999;*/
			border-bottom:1px dotted #2d8bff ;/*  追加  */
			float: none;
		}
		.tb_basic03 th {
			width: 120px;
			/*  コメントアウト　background-color: #333;*/
			background-color:#f2f7fc ;/*  追加  */
			color:#2d8bff ;
		}
		.tb_basic03 td {
			/*  コメントアウト　background-color: #444;*/
			width: auto;
			background-color:#FFFFFF ;/*  追加  */
			border-bottom:1px dotted #2d8bff ;
		}
		.tb_basic03 tr.lastChild th,
		.tb_basic03 tr.lastChild td {
			border-bottom: none;
		}
		.tb_basic03 tr.lastChild td.lastChild {
			padding: 2%;
		}
	

	/*リスト*/
	.li_linklist01 {
		zoom: 1;
	}
		.li_linklist01:after {
			content: '';
			display: block;
			clear: both;
		}
		.li_linklist01 li {
			width: 48%;
			border-bottom: none;
			padding-bottom: 10px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.li_linklist01 li.odd {
			float: left;
			clear: both;
		}
		.li_linklist01 li.even {
			float: right;
		}
		.li_linklist01 a{
			background: url(../images/common/ico_arrow01.png) 0 50% no-repeat;
			padding: 0 0 0 10px;

		}
	/*アクセスマップ*/
	.box_map01 ,
	.box_map02 {
		height: 400px;
	}

	.pic_border { border:1px solid #CCC ; padding:5px ; margin:0 0 15px 15px ; background:#FFF ;}
	.contact{ overflow:hidden ; position:relative ; margin-bottom:20px ; }
	.contact dt{ clear:both ; width:15px ; float:left ; }
	.contact dd{ width:615px ; float:left ; }
	.sp_img{ width:auto ; }

	/*　プライバシーリスト　*/
	.privacy {	}
		.privacy dt {
			width:25px ;
		}
		.privacy dd {
			width:610px ;
		}
	.sp_border{ border-top:none ; }
	.rine_photo{
		float:right; margin:0 0 15px 15px ; text-align:center ;
	}

/*--------------------------------------------------------------*/
/*  追加：ここから												*/
/*--------------------------------------------------------------*/
.comp_tb01 ol li{ margin:0 0 0 0;}

.type1{}
.type1 li{ width:50% ; float:left ;}


a.blue{ 		}
a.blue:link{ 	color:#009ad6 !important ;}
a.blue:visited{ color:#009ad6 !important ;}
a.blue:hover{ 	color:#009ad6 !important ;}
a.blue:active { color:#009ad6 !important ;}


/*--------------------------------------------------------------*/
/*  追加：ここまで												*/
/*--------------------------------------------------------------*/

	
}