/* ************************************************************************
   PC用のスタイル記述
************************************************************************ */

body{  }
	
.pc { display:block; }/*PCのみ表示*/
.tab { display:none; }/*TABのみ表示*/
.sm { display:none; }/*SMのみ表示*/
.pctab { display:block; }/*PC TABのみ表示*/
.pcsm { display:block; }/*PC SMのみ表示*/
.tabsm { display:none;}/*TAB SMのみ表示*/

.inner { width:1000px; margin:0px auto;  }
#wrapper { 
	width:100%; clear:both;
	padding-bottom:80px; margin:20px 0px 0px 0px;
	}
#wrapper .wrapper-in { width:1000px; margin:0px auto; }
#wrapper #wrpper-side {	position:relative; padding-top:0px; }
@media screen and (max-width: 770px) {
	body{ background:none;	min-width:320px;}
	
	.pc { display:none;}/*PCのみ表示*/
	.tab { display: block;}/*TABのみ表示*/
	.sm { display:none; }/*SMのみ表示*/
	.pctab { display:block; }/*PC TABのみ表示*/
	.pcsm { display:none; }/*PC SMのみ表示*/
	.tabsm { display: block; }/*TAB SMのみ表示*/
	
	.inner { width:100%; margin:0px 0px; }
	#wrapper {  }
	#wrapper .wrapper-in { width:100%; padding:0px 10px; }
	#wrapper #wrpper-side {	 }
}
@media screen and (max-width: 400px) {
	.pctab { display:none; }/*PC TABのみ表示*/
	.sm { display: block; }/*SMのみ表示*/
}
/* ------------------------------------------------------------------------
モジュール PC
------------------------------------------------------------------------ */
.title { background:#004DB3; }
.title1 { height:80px;
		  display:table-cell; vertical-align:middle;
		  font-size:200%; color:#FFFFFF;
		  padding:0px 0px; clear:both; }
.title2 { font-size:140%; padding:0px; clear:both;
		  background: url(../img/h2.gif) no-repeat 0px 3px;
		  line-height:140%;
		  }
.title2 span {
	background:#FFFFFF; margin-left:22px; padding:0px 10px 10px 5px;
	} 
.title3 { font-size:120%; padding:7px 7px 7px 7px; clear:both;
		  font-weight:bold !important;  
		  background:#EFEFEF;
		  border-left:5px solid #004DB3; }
.title3 span { font-weight:normal; font-size:85%; }	 
.title4 { font-size:110%; padding:6px 7px 4px 15px; clear:both;
		  font-weight:bold; 
		  background:url(../img/h4.gif) no-repeat 0px 10px;
		  border-bottom:1px solid #E1E7EF; }
.title5 { font-size:110%; padding:0px; clear:both;
		  font-weight:bold; }
.title4bg_w { font-size:110%; padding:6px 7px 4px 15px; clear:both;
		  font-weight:bold; 
		  background:url(../img/h42.gif) no-repeat 0px 10px;
		  border-bottom:1px solid ##004DB3; }
#panlist { 
	padding:4px 0px;
	background:#FFFFFF;
	border-bottom:1px solid #EFEFEF;
	font-size:80%;
	}
/*セクション PC*/
.section { overflow:hidden; padding:0px; clear:both; margin-bottom:20px; }
.section-in { clear:both; padding:10px 10px 0px 10px }
.read { }

@media screen and (max-width: 770px) {
/* ------------------------------------------------------------------------
モジュール tab
------------------------------------------------------------------------ */
	.title { width:100%; padding-top:50px;}
	.title1 { height:80px;
			  font-size:140%;
			  padding:20px; clear:both;
			}
	.title2 { font-size:120%; background:url(../img/h2.gif) no-repeat 0px 0px;
			  color:#3F3F3F; line-height:155%;
	}
	.title2 span {
		margin-left:22px; padding:0px 10px 10px 5px;
		display:block;
		} 
	.title3 { font-size:120%; padding:7px 7px 7px 7px; clear:both;
			  font-weight:bold;  
			  background:#EFEFEF;
			  border-left:5px solid #004DB3;line-height:1.2em;
			   }
	.title4 { font-size:110%; padding:6px 7px 4px 15px; clear:both;
			  font-weight:bold; 
			  background:url(../img/h4.gif) no-repeat 0px 10px;
			  border-bottom:1px solid #E1E7EF;  line-height:1.2em; }
	.title5 { font-size:110%; padding:0px; clear:both;
			  font-weight:bold;  line-height:1.2em; }
	
	#panlist { padding-top:5px; margin:0px 10px;}
	/*セクション tab*/
	.section { font-size:95%; line-height:1.4em;  }
	.section-in { padding:10px; }
	.read {  }
}




/*calamu_r PC*/
.calamu_r { clear:both; }
.calamu_r .f-right { float:right; margin-left:10px; }
.calamu_l { clear:both; }
.calamu_l .f-left { float:left; margin-right:10px; }
.calamu_2 .calamu_2_left { float:left; width:48%; }
.calamu_2 .calamu_2_right { float:right; width:48%; }
.calamu_2 .calamu_2_left .f-left,
.calamu_2 .calamu_2_right .f-left,
.calamu_3 .calamu_3_left .f-left,
.calamu_3 .calamu_3_center .f-left,
.calamu_3 .calamu_3_right .f-left {
	float:left; margin-right:10px; }
.calamu_2 .calamu_2_left .f-right,
.calamu_2 .calamu_2_right .f-right,
.calamu_3 .calamu_3_left .f-right,
.calamu_3 .calamu_3_center .f-right,
.calamu_3 .calamu_3_right .f-right{
	float:right; margin-left:10px; }
/*3カラム PC*/
.calamu_3 .calamu_3_left { 
	float:left; width:30%; background:#CCC;
	}
.calamu_3 .calamu_3_center {
	float:left; width:30%; margin:0px 35px; background:#CCC;
	}
.calamu_3 .calamu_3_right {
	float:right; width:30%; background:#CCC;
	}

@media screen and (max-width: 770px) {
	/*calamu_r tab*/
	.calamu_r { clear:both; margin-bottom:20px; }
	.calamu_r .f-right { float:right; margin-left:10px; }
	.calamu_l { clear:both; margin-bottom:20px;  }
	.calamu_l .f-left { float:left; margin-right:10px; }
	
	/*2カラム tab*/
	.calamu_2 .calamu_2_left { float:left; width:48%;
		 margin-bottom:20px; }
	.calamu_2 .calamu_2_right { float:right; width:48%;
		 margin-bottom:20px; }
	
	/*3カラム tab*/
	.calamu_3 .calamu_3_left { 
		float:none; width:100%;
		background:#CCC; margin-bottom:20px;
	}
	.calamu_3 .calamu_3_center {
		float:none; width:100%;
		margin:0px 0% 20px 0%;
		background:#CCC;
	}
	.calamu_3 .calamu_3_right {
		float:none; width:100%;
		background:#CCC; margin-bottom:20px;
	}
	
	
	.calamu_2 .calamu_2_left .f-left,
	.calamu_2 .calamu_2_right .f-left,
	.calamu_3 .calamu_3_left .f-left,
	.calamu_3 .calamu_3_center .f-left,
	.calamu_3 .calamu_3_right .f-left {
		float:left; margin-right:10px; }
	.calamu_2 .calamu_2_left .f-right,
	.calamu_2 .calamu_2_right .f-right,
	.calamu_3 .calamu_3_left .f-right,
	.calamu_3 .calamu_3_center .f-right,
	.calamu_3 .calamu_3_right .f-right{
		float:right; margin-left:10px; }
}
@media screen and (max-width: 374px) {
		/*calamu_r sp*/
		.calamu_r { clear:both; margin-bottom:20px; }
		.calamu_r .f-right { 
			float:none; margin-left:0px; margin-bottom:10px; }
		.calamu_l { clear:both; border:1px solid #FF0000; }
		.calamu_l .f-left { 
			float:none; margin-right:0px; margin-bottom:10px; }
		.calamu_r .f-right img,
		.calamu_l .f-left img { width:100%; height:auto; }
			
		.calamu_2 .calamu_2_left { 
			float:none; width:100%;  margin-bottom:20px;
			}
		.calamu_2 .calamu_2_right { 
			float:none; width:100%;  margin-bottom:20px;
			}
}


.attention {
	background:#E1E7EF; padding:20px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	}
.attention_blue {
	background:#BBFCFF; padding:10px 20px;
	border-radius:5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius:5px;
	}
.w80 { width:80%; margin:0px auto;}	

.botton { clear:both; margin-top:10px; }
.botton a { 
	font-size:120%;
	width:80%;
	display:block;
	width:80%;
	margin:5px auto;
	text-align:center;	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 40px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0d46a5), color-stop(1.00, #03a2b0));
	background: -webkit-linear-gradient(#0d46a5, #03a2b0);
	background: -moz-linear-gradient(#0d46a5, #03a2b0);
	background: -o-linear-gradient(#0d46a5, #03a2b0);
	background: -ms-linear-gradient(#0d46a5, #03a2b0);
	background: linear-gradient(#0d46a5, #03a2b0);
	border-bottom:2px solid #0d46a5;
	cursor:pointer;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
	}
.botton a:hover { opacity:0.8;}
.botton50 { clear:both; text-align:center; }
.botton50 a {
	font-size:120%;
	display:inline-block; width:50%;
	margin:5px auto;
	text-align:center;	font-weight: bold;
	color: #ffffff;
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0d46a5), color-stop(1.00, #03a2b0));
	background: -webkit-linear-gradient(#0d46a5, #03a2b0);
	background: -moz-linear-gradient(#0d46a5, #03a2b0);
	background: -o-linear-gradient(#0d46a5, #03a2b0);
	background: -ms-linear-gradient(#0d46a5, #03a2b0);
	background: linear-gradient(#0d46a5, #03a2b0);
	border-bottom:2px solid #0d46a5;
	cursor:pointer;
  box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
	}
.botton50 a span {
	}
.botton50 a:hover {
	opacity:0.8;
	}
.botton a img,	
.botton50 a img { vertical-align:middle; } 
@media screen and (max-width: 770px) {
	.attention { background:#E1E7EF; padding:20px; }
	.w80 { width:100%; margin:0px auto;}	
	.botton a { 
		padding:10px;
		}
	.botton50 a { 
		width:80%;
		}
	.botton a img { vertical-align:middle; } 
	#page-top {
		position: fixed; bottom: 10px; right: 10px; }
	#page-top a { display: block; }
	#page-top a img { width:80px; height:auto; }
}


#page-top {
    position: fixed; bottom: 100px;
    right:20px; }
#page-top a { display: block; }

@media screen and (max-width: 770px) {
	#page-top {
		position: fixed; bottom: 10px; right: 10px; }
	#page-top a { display: block; }
}


@media print {
    table,
	table td,
	table th {
	border: 1px solid #999999;
    }
}
	
/*基本テーブル PC*/
table.table_list1{
	width: 100%; margin: 0px auto; text-align: left;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	line-height: 1.3em; }
table.table_list1 a img,
table.table_list1 a:hover img { border: none;}
table.table_list1 th { 
	padding: 13px 10px; background:#EFEFEF;
	border-bottom:1px solid #999999;
	border-right: 1px solid #999999;
	text-align:center; }
table.table_list1 td {
	padding: 13px 10px; border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	}


/*基本リスト PC*/
.ullist {}
.ullist li { 
	padding-left:15px;
	background: url(../img/icon_02.png) no-repeat 0px 4px;
	}
.ullist2 {}
.ullist2 li { 
	padding-left:12px;
	background: url(../img/icon_03.png) no-repeat 0px 6px;
	}
.ullist_y {}
.ullist_y li { 
	padding:0px 10px 0px 15px; display:table-cell;
	background: url(../img/icon_02.png) no-repeat 0px 4px;
	}
	
	
.dllist { clear:both;} 
.dllist dt { display:table-cell; font-weight:bold;
			 white-space: nowrap;
			 padding-right:10px; }
.dllist dd { display:table-cell; }
 
@media screen and (max-width: 770px) {
	/*基本テーブル tab*/
	table.table_list1{
		width: 100%; margin: 0px auto; text-align: left;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		line-height: 1.3em;
		}
	table.table_list1 a img,
	table.table_list1 a:hover img { border: none;}
	table.table_list1 th { 
		padding: 7px 5px; background:#EFEFEF;
		border-bottom:1px solid #999999; border-right:1px solid #999999; }
	table.table_list1 td {
		padding: 7px 5px; border-bottom:1px solid #999999;
		border-right:1px solid #999999;
		 }
	
	
	/*基本リスト tab*/
	.ullist {}
	.ullist li { 
		padding-left:15px;
		background: url(../img/icon_02.png) no-repeat 0px 4px;
		}
	.ullist_y {}
	.ullist_y li { 
		padding:0px 10px 0px 15px; float:left;
		background: url(../img/icon_02.png) no-repeat 0px 4px;
		}
	.dllist { clear:both;} 
	.dllist dt {  float:left; font-weight:bold;
				 white-space: nowrap;
				 padding-right:10px; }
	.dllist dd {   }
}
@media screen and (max-width: 374px) {
		/*基本テーブル tab*/
		table.table_list1 th { 
			padding: 7px 5px; display:block; width:100%;
			}
		table.table_list1 td {
			padding: 7px 5px; display:block; width:100%;
			}
}














/*----------------------各ページ----------------------*/
 
/*お問い合わせ PC*/
.about_toi dl {
	border-bottom:1px  solid #CCC;
	padding-bottom:10px;
	}
.about_toi dl dt { 
	background: url(../img/icon_03.png) no-repeat 0 5px;
	padding-left:10px;font-size:100%;
	float:left;  }
.about_toi dl dd {
	float:right;
	font-size:115%; font-weight:bold;
	color:#004DB3;
	}
@media screen and (max-width: 770px) {
.about_toi dl dt { 
	float:none; padding-bottom:10px;
	font-size:120%;
	}
.about_toi dl dd {
	float:none; font-size:130%;
	margin-left:10px;
}
}

/*lineup /ご契約内容の変更等、各種お手続きの流れ PC*/
.an_bg { background:#E1E7EF; padding:10px; }

/*事業内容 PC*/
.jigyo_shouhin ul { margin-top:20px; }
.jigyo_shouhin ul li { margin-left:20px; float:left; margin-bottom:10px; }

/*よくある質問 PC*/
.qa { clear:both; padding:20px;}
.qa .qaq {
	display:block;
	background: url(../img/qaq.png) no-repeat;
	padding:0px 0px 10px 30px;
	border-bottom:1px dashed #CCC;
	font-weight:bold;
	}
.qa .qaa {
	display:block;
	background: url(../img/qaa.png) no-repeat 0px 10px;
	padding:10px 0px 0px 30px;
	}
ul.qalist { margin-left:20px;}
ul.qalist li {
	position: relative; display:inline-block;
	margin-right:2em;
}
ul.qalist li::after {
	display:block;
	content: '';
	position:absolute;
	top: .7em;	left: -0.8em;
	width: 6px;	height: 6px;
	background-color: #122A88;
	border-radius: 100%;
}

@media screen and (max-width: 770px) {
}



/*沿革テーブル PC*/
table.table_list_en{
	width: 100%; margin: 0px auto; text-align: left;
	line-height: 1.3em; }
table.table_list_en a img,
table.table_list_en a:hover img { border: none;}
table.table_list_en th { 
	padding: 13px 10px; background:#EFEFEF;
	border-bottom:1px solid #999999;
	text-align:center; }
table.table_list_en td {
	padding: 13px 10px; border-bottom:1px solid #999999;
	}

@media screen and (max-width: 770px) {
	/*沿革テーブル tab*/
	table.table_list_en {
		width: 100%; margin: 0px auto; text-align: left;
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		line-height: 1.3em; }
	table.table_list_en a img,
	table.table_list_en a:hover img { border: none;}
	table.table_list_en th { 
		padding: 7px 5px; background:#EFEFEF;
		border-bottom:1px solid #999999; border-right:1px solid #999999; }
	table.table_list_en td {
		padding: 7px 5px; border-bottom:1px solid #999999;
		border-right:1px solid #999999;
	}
}


.sitemap .ullist li { margin-top:10px;}
.hogo ul { margin:20px;}
.hogo ul li { margin-bottom:5px;}
.hogo .base01,
.toriatsukai .base01 { margin-bottom:20px; }
.toriatsukai p { margin-left:20px; }
.toriatsukai ul li { margin-bottom:5px;}
.toriatsukai table { margin:20px 10px 0px 20px;}
.toriatsukai dl {
	border:1px solid #CCC; padding:20px;
	}
.toriatsukai dt {
	text-indent:-1.2em; margin-left:1em;
	margin-bottom:5px; }
.toriatsukai dd { margin-left:30px; margin-bottom:20px;}


.hogo .base01 ul li { padding-right:20px; /*border:1px solid #FF0000;*/}
.seitei { margin-left:620px; text-align:right;}
@media screen and (max-width: 770px) {
.toriatsukai dl { padding:10px;}
.toriatsukai dt { float:none;
	 text-indent:-1.2em; margin-left:1em; margin-bottom:5px;
	 width:90%;
	 }
.toriatsukai dd { margin-left:10px; margin-bottom:20px;  width:90%;}
}
.toriatsukai .table01 {
	width: 100%;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	margin: 10px 0;
	padding: 0;
}
.toriatsukai .table01 th {
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	padding: 1em;
	width: 35%;
	font-weight: normal;
}
.toriatsukai .table01 td {
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	padding: 1em 1em 1em 2em;
}
.toriatsukai .table01 td u {
	display: inline-block;
	margin: 0 0 0.5em;
	position: relative;
	left: -1em;
}
.toriatsukai .wave {
	border-bottom: 3px double #000;;
}

@media screen and (max-width: 480px) {

.toriatsukai p { margin-left:0px; }
.toriatsukai table { margin:20px 10px 0px 0px !important;}


}








/* ------------------------------------------------------------------------
サイドバーPC
------------------------------------------------------------------------ */
#main{  width:760px; float:right; min-height:250px; }
#main.wide { width:100%; }
#sideWrap {
	width: 220px;
	float: left;
	position: absolute;
	padding: 0px 0px 0px 0px;
	top: -4px;
	left: -3px;
	font-size: 14px !important;
	}
#side { 
	padding:0px 0px 20px 0px;
	margin-top:0px; width:220px;
	}
#side ul { }
#side li { 
	background:#E1E7EF;
	border-bottom:1px solid #FFFFFF;
 }
#side li.on {
	 background:#004DB3;
	 }
#side li.on a {
	 color:#FFF !important;
}
#side li a {
	display:table-cell; vertical-align:middle;
	height:48px; font-size:120%; width:100%;
	padding:0px 10px 0px 20px; text-decoration:none;
	width:220px;
	}
#side li a.h58 { height:58px; }
#side li a:hover { 
	background:#1668C1 !important; color:#FFFFFF;
}
#side li a.blnk {
	background:#E6FFF6 !important;
	}
#side li a.blnk:hover {
	background:#1668C1 !important; color:#FFFFFF;
}

@media screen and (max-width: 770px) {
/* ------------------------------------------------------------------------
サイドバーtab
------------------------------------------------------------------------ */
	#main{  width:100%; float:none;}
	#sideWrap { display: none; }
	}




/* ------------------------------------------------------------------------
ヘッダー PC
------------------------------------------------------------------------ */
.fixed {
    position: fixed;
    top: 0;
	left:0;
    z-index: 1;
	border-bottom:1px solid #CCCCCC;
}
.kotei { width:100%; }
.fixed .set2 { padding:0px 0px !important; height:26px !important; }


#header{ 
	position:relative; padding-bottom:0px;
	background: url(../img/header/header_bg.gif) 0px bottom repeat-x;
	}
#header .set1 {
	width: 1000px; margin:0px auto;
	height:80px;
	}
#header .set2 { 
	clear:both; height:38px; width:100%;
	background:#004DB3;
	padding:6px 0px;
	}
#header .set3 { 
	clear:both; width:100%;
	background: url(../img/header/global_bg.gif) repeat-x; }

#header .set1 .logo { 
	float:left; margin-top:20px;
	}
#header .set1 #hd-right2 { 
	float:right;
	margin:0px 0px 0px 0px; width:447px;
	}
#header .set1 #hd-right2 .font_size{ 
	float:right; width:100%;
	margin:10px 0px;
	 }
#header .set1 #hd-right2 .font_size p{ 
	float:right; margin: 10px 10px 0px 0px; color:#000000;
	font-size:11pt; line-height:13pt; }
#header .set1 #hd-right2 .font_size li{ 
	float:right; width:26px; height:26px;
	background:#EFEFEF; color:#122A88;
	text-align:center; line-height:27px;
	font-size:12pt; font-weight:bold; margin-right:1px;
	border-radius: 3px; margin-top:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
#header .set1 #hd-right2 .font_size li.current,
#header .set1 #hd-right2 .font_size li:hover{ 
	background: #004DB3; cursor:pointer;
	text-decoration: none; color:#FFFFFF; }
#header .set1 ul.headnav {
	clear:both; margin-top:5px;
}
#header .set1 ul.headnav li {
	display:table-cell;
}
#header .set2 .toi { 
	float:right; margin-right:20px;
	border-right:1px solid #FFFFFF; padding-right:20px;
}
#header .set2 .seikyu { 
	float:right;
}
#header .set3 ul.global { 
	 }
#header .set3 ul.global li {
	float:left;
	font-weight:bold;
	text-align: center;
	height:52px;
	font-size:18px; line-height:100%;
	}
#header .set3 ul.global li.about {
	color:#00408F; width:210px;
	padding-top:17px;
	}
#header .set3 ul.global li a {
	display:block;  line-height:100%;
	background: url(../img/header/global_bg_li.gif) right 0px ;
	width:100%; height:100%;
	color:#000000;
	text-decoration:none;
	padding:17px 10px 10px 10px ;
	}
#header .set3 ul.global li a.menu1 { 
	width:257px;
	background: url(../img/header/global_bg_li1.gif) right 0px ;
	}	
#header .set3 ul.global li a.menu2 { width:112px; }	
#header .set3 ul.global li a.menu3 { width:136px; }	
#header .set3 ul.global li a.menu4 { width:141px; }	
#header .set3 ul.global li a.menu5 { 
	background: url(../img/header/global_bg_li.gif) left 0px ;
}
#header .set3 ul.global li a.menu5 { 
	padding:10px 10px 10px 10px !important; }
#header .set3 ul.global li a:hover {
	background: url(../img/header/global_bg_li_over.gif);
}
#header .set3 ul.global li a.menu1:hover { 
	width:257px;
	background: url(../img/header/global_bg_li1_over.gif) right 0px ;
	}	
#header .set3 ul.global li a.on {
	background:#004DB3; color:#FFFFFF;
	border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	-moz-border-radius:5px 10px 10px 0px;
	margin-top:5px;
	padding-top:13px;
	height:47px;
}
#header .set3 ul.global li a.on:hover {
	background:#1668C1;
}
@media screen and (max-width: 770px) {
	/* ------------------------------------------------------------------------
	ヘッダー tab
	------------------------------------------------------------------------ */
	#header{ 
		z-index:1;
		background:#FFFFFF;
		position:relative;
		}
	#header .set1 { 
		width:100%; height:50px;
		border-bottom:5px solid #004DB3;
		background:#FFFFFF;
		position:fixed;
		top:0;
		left:0;
		}
	#header .set2 { display:none; }
	#header .set3 { display:none; }
	
	#header .set1 .logo { 
		margin:0px; padding-top:3px; padding-left:10px;
		}
	#header .set1 .logo img { width:150px; height: auto; }
	#header .set1 #hd-right2 { display:none; }
	#header .set1 .head { 
		float:right;
		background-image: url(../img/header/set_menu.png) ;
		background-repeat: no-repeat;
		background-size:30px auto;

		height:30px; margin-top:7px;
		width:30px; margin-right:20px;
		cursor: pointer;
	}
	.open  { 
		background-image: url(../img/header/set_menu_over.png) !important ;
		background-repeat: no-repeat;
		background-size:30px auto;
	}
	#header .set1 .shiryo {
		position:absolute; right:60px; top:7px;
		} 
	#header .set1 .row { 
		display:none; clear:both;
		padding:0px;
		position:relative;
		}
	#header .set1 .nav { 
		background: url(../img/header/nav.png) no-repeat right 0px;
		padding-top:5px; 
		}
	#header .set1 .nav ul {
		background:#004DB3; width:100%; margin:0px auto;
		}
	#header .set1 .nav li { 
		}
	#header .set1 .nav li a {
		background: url(../img/icon_01.png) no-repeat 95% 10px;
		text-decoration:none;
		color:#FFFFFF;
		display: inline-block;
		border-bottom:1px solid #FFFFFF;
		width:100%;
		padding:10px 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
				box-sizing: border-box;
					}
	#header .set1 .nav li a:hover{
		color:#000000;
		background:#02C4CE url(../img/icon_01.png) no-repeat 95% 10px;
		
	}
	/*財団について*/
	#header .set1 .nav li.about { 
		display: inline-block;
		width:100%;
		color:#FFFFFF;
		margin-top:5px;
		}
	#header .set1 .nav li.about span {
		padding:0px 0px 0px 15px;
	}
	#header .set1 .nav li.about ul {
		margin-top:10px;
	}
	#header .set1 .nav li.about li {
	}
	#header .set1 .nav li.about li a {
		background:#EFEFEF url(../img/icon_02.png) no-repeat 95% 10px;
		color:#004DB3;
		padding-left:40px !important;
	}
	#header .set1 .nav li.about li a:hover {
		background:#CCCCCC url(../img/icon_02.png) no-repeat 95% 10px;
	}
}












/* ------------------------------------------------------------------------
フッター PC
------------------------------------------------------------------------ */
#footer{ width:100%; font-size:14px;
	}
#footer a { color:#3F3F3F; } 
#footer a:hover { color:#006ab6; } 
#footer #site1 {
	 background:#EFEFEF; }
#footer #site1 #bannerlist {
	padding-top:10px; } 
#footer #site1 #bannerlist li { 
	display:table-cell; padding:15px 5px; } 
#footer #site2 { 
	margin:0px auto;
	border-top:10px solid #004DB3;
    background: -moz-linear-gradient(top, #FFFFFF, #EFEFEF);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF));　/* Safari,Google Chrome用 */  	
}
#footer #site2 ul { margin:0px auto;}	
#footer #site2 li {
	display:table-cell;
	padding-right:10px;
}
#footer #site2 li a {
	display:inline-block;
	text-decoration:none;
	margin:10px 0px;
	font-weight:bold;
	margin-right:2em;
}
#footer #copy {
	clear:both;
	width:1000px; margin:0px auto;
	height:40px;
	background:url(../img/header/copy.gif) no-repeat right 10px;
	}

@media screen and (max-width: 770px) {
	/* ------------------------------------------------------------------------
フッター tab
------------------------------------------------------------------------ */
	#footer #site1 .inner,#footer #site2 .inner { 
		padding:0px 10px; width:100%; 
		}
	#footer #site1 #bannerlist {
		padding-top:10px; } 
	#footer #site1 #bannerlist li {
		width:30%;
		float:left; 
		padding:5px 5px; } 
	#footer #site1 #bannerlist li img {
		width:100%;		
		}
		#footer #site2 li a {
	margin-right:0em;
		}
	#footer #copy {
		padding:0px 10px; width:100%; 
		background:url(../img/header/copy.gif) no-repeat  center 10px;
	}
	}


@media screen and (max-width: 524px) {
	#footer #site1 #bannerlist li {
		width:50%;
		float:left; 
		padding:5px 5px; } 
	#footer #site1 #bannerlist li img {
		width:100%; max-width:180px;		
		}
	#footer #site2 ul { 
		margin:0px auto; width:90%;
		}	
	#footer #site2 li {
		width:50%; 
		float:left; text-align:center;
 	}
	#footer #site2 li a {
		display:inline-block;
		margin-right:0em;
	}
	#footer #copy {
		padding:0px 10px; width:100%; 
		background:url(../img/header/copy_sp.gif) no-repeat  center 10px;
		height:80px;
	}

}


.koumoku {
	cursor:pointer; color: #122A88; text-decoration:underline;
	}
.koumoku:hover { color: #EA5121; }
	
.subinner {
	text-align:left;
	display:none;
}