@charset "utf-8";

/*　基本レイアウト
-----------------------------------------------------------------------------*/
#outline {
	min-width: 980px;
	height: auto;
	margin: 0px auto;
	padding: 0;
	background-color:#FFFFFF;
	color: #000000;
}

/*　本文へ移動（非表示）
-----------------------------------------------------------------------------*/
#blockskip {
	display: none;
	
	background: #FFFFFF;
	color: #000000;
}


/*　TOPレイアウト
-----------------------------------------------------------------------------*/
#topOutline {
	min-width: 1160px;
	height: auto;
	margin: 0px auto;
	padding: 0;
	background-color:#FFFFFF;
	color: #000000;
}
#topContentOutline {
	width: 1160px;
	height: auto;
	margin: 0px auto;
	padding: 0;
	background:#FFFFFF url("../images/base/bgTop.gif") repeat left Top;
	color: #000000;
}
#topArea {
	width: 980px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	background-color:#FFFFFF;
	color: #000000;
}
#adBnrArea {
	width: 180x;
	height: auto;
	margin: 0;
	padding: 75px 0 0 0;
	float: right;
	background-color:#F7F7FF;
	color: #555555;
}
.adbnrBox{
	width: 170px;
	margin: 0 auto;
	padding: 5px;
	line-height: 0.8em;
	font-size: 90%;
	text-align: right;
}
.adbnrBox ul,li{ margin: 0; padding: 0; list-style: none;}
.adbnrBox img{ border: #CCCCCC 1px solid; margin-bottom: 3px; min-width: 170px; max-width: 170px;}

/* TOP検索ボックス */
#topSearchBox{
	width: 165px;
	min-height: 120px;
	margin: 0;
	padding: 5px;

}
#topSearchBox .gsc-search-button-v2 {
    padding: 5px;
}
#topSearchBox .gsc-input {
	padding-right: 5px !important;
}
#topSearchBox .searchTitle {
	width: auto; 
	font-size: 120%;
	background:#000000 url("../images/base/bgHeadLine02.jpg") repeat left Top;
	color: #FFFFFF;
	margin: 0;
	padding: 0.5em 0.9em 0.5em 20px;
	border-bottom: 1px #CCCCCC solid; /* 下の枠線（太さ・色・スタイル） */ 
 
 	/* CSS3 影 */ 
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0px 0px 3px #CCC; /* Opera 10.5+, IE */
	
	clear: both;
}

/* 170413追加 ここから-------*/
#topSearchBox .topTxtBox{
	width: 118px;
	padding: 5px 0;
	margin: 0;
	background-color: #FFFFFF;
	background: url("../../images/base/google_custom_search_watermark.gif") 0% 50% no-repeat rgb(255, 255, 255);
	border: 1px solid rgb(126, 157, 185);
	color: #000000;
}

#topSearchBox .topTxtBox:focus {
	background: none;
	background-color: #FFFFFF;
	color: #000000;
}
#topSearchBox input[type="text"] {
	vertical-align:top; 
	margin: 0;
	padding: 5px;
}

#topSearchBox input[type="image"] {

	margin: 0;
	padding: 6px;
	background-color: #377CEA;
	color: #FFFFFF;
	border: 1px solid rgb(126, 157, 185);

    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
    
    
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ca5ff+0,3898f7+44,0074e8+100 */
	background: rgb(76,165,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(76,165,255,1) 0%, rgba(56,152,247,1) 44%, rgba(0,116,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(76,165,255,1) 0%,rgba(56,152,247,1) 44%,rgba(0,116,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(76,165,255,1) 0%,rgba(56,152,247,1) 44%,rgba(0,116,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca5ff', endColorstr='#0074e8',GradientType=0 ); /* IE6-9 */
	
}
/* 170413追加 ここまで-------*/





/*　ヘッダ
-----------------------------------------------------------------------------*/
#header {
	width:auto;
	height:auto;
	margin: 0;
	padding: 0;
	background: #234371 url("../images/base/bgWagara.gif")  repeat 0 -55px;
	color: #FFFFFF;
	clear: both;
}

.headerLine {
	max-width:1160px;
	min-height:30px;
	margin: 0 auto;
	padding: 0.1em 15px 0.2em 0.1em;
	text-align: right;
}
.headerLine p{
	padding: 3px 0 0 0;
}

.headerLine a{
	background: #234371 url("../images/base/bgWagara.gif")  repeat 0 -55px;
	color: #FFFFFF;
}

.headerLine fieldset {
	margin: 0px 10px;
	padding: 2px;
	border: none;
	float: right;
}


.header {
	width:980px;
	height:auto;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	clear: both;
}

.headerLeftBox {
	width:240px;
	margin: 0;
	padding: 3px 0 3px 0;
	text-align: left;
	float: left;
}
.headerRightBox {
	width:730px;
	margin: 0;
	padding: 25px 0 3px 0;
	text-align: right;
	float: right;
}
.headerRightBox img {
	border: 1px solid #DDDDDD;
}

#spHeader {
		display: none;
}


/* 検索ボックス */
#searchBox{
	width: 220px;
	margin: 2px 0 0 5px;
	padding: 0px;
	float: right;
}
#searchBox .txtBox{
	width: 130px;
	padding: 4px 0;
	background-color: #FFFFFF;
	background: url("../../images/base/google_custom_search_watermark.gif") 0% 50% no-repeat rgb(255, 255, 255);
	border: 1px solid rgb(126, 157, 185);
	color: #000000;
}

#searchBox .txtBox:focus {
	background: none;
	background-color: #FFFFFF;
	color: #000000;
}


/* 170413追加 ここから-------*/

#searchBox input[type="text"] {
	vertical-align:top; 
	margin: 0;
}

#searchBox input[type="submit"] {
	height: 25px;
	margin: 0 0 0 3px;
	padding: 3px;
}
/* 170413追加 ここまで-------*/



/*　グローバルナビ設定
-----------------------------------------------------------------------------*/
#globalNavi {
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	clear: both;

}

#globalNavi .globalNavi {
	width:980px;
	height:auto;
	margin: 5px auto;
	font-size:110%;
	background: #234371 url("../images/base/bgWagara.gif")  repeat-x top center;
	color: #FFFFFF;
	border-bottom: 5px solid #B83821;	
	overflow: hidden;
}


#globalNavi ul{ 
	width:980px;
	min-height:28px;
	margin: 0px auto;
	padding: 0; 
	list-style: none; 
}
#globalNavi li{ 
	padding: 0; 
	margin: 0; 
	float: left;
}
#globalNavi li a{
	display: block; 
	width: 139px;
	min-height:28px;
	display: block;
	background: #234371 url("../images/base/bgWagara.gif")  repeat-x top center;
	color: #FFFFFF;
	border-right: #EEEEEE 1px solid;
	text-decoration: none;
	font-weight: bold;

	text-align: center;
	padding-top:13px;
}

#globalNavi li a.bgGNaviOn{
	color: #234371;
	background: #FFFFFF url("../images/base/bgGNaviOn.gif")  repeat-x top center;
}


#globalNavi li a:hover{
	display: block; 
	background: #FFFFFF url("../images/base/bgGNaviOn.gif")  repeat-x top center;
	color: #234371 !important;
	margin: 0px;
	padding-top:13px;
}





/* グループトップ画像 設定
-----------------------------------------------------------------------------*/
#topImageArea { 
	width: auto;
	height: auto;
}


.topImageBox {
	width: 980px;
	height: 125px;
	margin: 0 auto 5px;
	text-align: left;
	overflow: hidden;
	
	border: 1px solid #F7F7F7;
		
 	/* CSS3 影 */ 
	-moz-box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	box-shadow: 0px 0px 5px #CCC; /* Opera 10.5+, IE */
}

.topImageBox ul {
	margin: 0;
	padding:0;
	width: 980px;
	height: 125px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.topImageBox ul li {
	top: 0;
	left: 0;
	margin: 0;
	padding:0;
	width: 980px;
	height: 125px;
	display: none;
	position: absolute;
}


.topImageBox2 {
	width: 980px;
	height: 125px;
	margin: 0 auto 5px;
	text-align: left;
	overflow: hidden;
	border: 1px solid #F7F7F7;
		
 	/* CSS3 影 */ 
	-moz-box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	box-shadow: 0px 0px 5px #CCC; /* Opera 10.5+, IE */
}

.topImageBox2 ul {
	margin: 0;
	padding:0;
	width: 980px;
	height: 125px;
	text-align: center;
}

.topImageBox2 ul li {
	top: 0;
	left: 0;
	margin: 0;
	padding:0;
	width: 980px;
	height: 125px;
}

/* ネクスト見出しエリア 設定
-----------------------------------------------------------------------------*/
#nextImageArea { 
	width: auto;
	height: auto;
}


.nextImageBox {
	width: 980px;
	height: auto;
	margin: 0 auto 5px;
	text-align: left;
}
/* リードスピーカーエリア 設定
-----------------------------------------------------------------------------*/
#rdsrArea { 
	width: 980px;
	margin: 0 auto;

}
/* コンテンツエリア 設定
-----------------------------------------------------------------------------*/
/* コンテナ枠 */
#containerArea{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}
.containerBox{
	width: 980px;
	height: auto;
	margin: 0px auto;
	padding: 5px 0;
	clear: both;
}

/* サブメニューエリア 設定
-----------------------------------------------------------------------------*/
#subNaviArea {
	width: 205px;
	margin:0;
	padding:0;
	higfht:auto;
	float: left;
}
.snTopTitle{
	width: 165px;
	margin: 10px 0;
	padding: 5px 0.5em 0.5em 30px;
	text-align: left;
	background:#FFFFFF url("../../images/base/bgTopHL02.gif") no-repeat bottom left;
	border-bottom: 3px solid #3B4E8A;
	color: #3B4E8A;
	font-weight: bold;
	font-size:100%;
}
.snTitle{
	width: auto;
	padding:15px 5px 13px 5px;
	text-align: center;
	background:#9C2646 url("../images/base/bgSubNabi.gif") no-repeat;
	font-weight: bold;
	font-size:100%;
	color: #FFFFFF;
}

.subNaviBox {
	width: auto;
	padding: 0;
	margin: 5px auto 0px auto;
	color:#333333;
	background-color: #BBBFE6;
}

.subNaviLink {
	width: 200px;
	height:auto;
	margin:0 0 10px 0;
	padding:0 0 2px 0; 
	color: #333333;
	text-decoration: none;
	font-size: 95%;
	background-color: #B83821;
	
}
.subNaviLink ul { 
	width: 195px;
	margin:0 auto; 
	padding:0; 

}
.subNaviLink a { text-decoration:none; }
.subNaviLink li {
    list-style:none; 
    line-height:1.2em;
}  
.subNaviLink li a {
    display:block;
    padding:0.3em 0.3em 0.3em 20px;
    background: #FFFFFF;
	color: #333333;
	border-bottom: #A22A48 1px dotted;

	/* background: url("../images/base/listArrow01.gif")  no-repeat 10px 0.3em; */
}  
.subNaviLink li a:hover { 
	background: #FFFFFF url("../images/base/listArrow04.gif")  no-repeat 5px 0.3em;
	color: #333333;

 }
 
 
.subNaviLink li ul {
	margin:0; 
	padding:0; 
	/* background-color: #FFEEEE; */
}

.subNaviLink li ul li a {
    padding:0.3em 0.5em 0.3em 30px;
	border-bottom: #A22A48 1px dotted;
	color: #333333;
	background-color: #FFEEEE;
	/* background: url("../images/base/listArrow01.gif")  no-repeat 22px 0.3em; */

}  
.subNaviLink li ul li a:hover {
	background: #FFEEEE url("../images/base/listArrow04.gif")  no-repeat 15px 0.3em;
	color: #333333;
}

.subNaviLink li .bgSubNaviOn {
	background: #FFFFFF url("../images/base/listArrow04.gif")  no-repeat 5px 0.3em;
	color: #333333;
}
.subNaviLink li ul li .bgSubNaviOn {
	background: #FFEEEE url("../images/base/listArrow04.gif")  no-repeat 15px 0.3em;
	color: #333333;
}



/* バナーエリア 設定
-----------------------------------------------------------------------------*/
.bnrBox{
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	font-size: 90%;
	background-color: #FFFFFF;
	color:#555555;
}
.bnrBox ul,li{ margin: 0; padding: 0; list-style: none;}

.bnrBox p{ background-color: #FFFFFF; color:#555555; margin-bottom: 2px;}
.bnrBox a{ background-color: #FFFFFF; color:#555555;}
.bnrBox img{ border: #CCCCCC 1px solid; margin-bottom: 5px;}






/* コンテンツエリア 設定
-----------------------------------------------------------------------------*/
#contentArea{
	width: 750px;
	height: auto;
	padding: 0 5px 0 0;
	margin: 0;
	line-height: 1.5em;
	float: right;
}

/* グループトップ用エリア 設定
-----------------------------------------------------------------------------*/



#topContentArea{
	width: 560px;
	margin:0;
	padding:0;
	higfht:auto;
	float: left;
}


/* コンテンツ設定 ---------------------*/
.contentBox{
	width: auto;
	height: auto;
	padding: 5px;
	margin: 5px 10px 5px 0;
	clear: both;
}
.contentBox p{
	margin-bottom:0.5em;
	line-height: 1.5em;
}

.contentBox ul {
	margin: 0;
	padding: 0;
}


.contentBox li {
	height: auto;
	width: auto;
	list-style: none;
	margin: 0 0 0.5em 5px;
	padding: 0.1em 0 0.1em 25px;
	background: url(../images/base/imgSquare01.gif) no-repeat 5px 0.45em;
}

.contentBox hr {
	margin:20px auto;
	width: 98%;
	border: 1px dotted #CCCCCC;

}

.conInnerBox{
	width: auto;
	height: auto;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background: #F7F7F7;
	color: #000000;
}


/* 170519

.contentLink dt{
	width: auto; 
	font-size:110%;
	background:#FFFFFF url("../images/base/bgHeadLineLink.gif") no-repeat 5px 0.5em;
	color: #000000;
	padding: 0.2em 0.9em 0.2em 27px;
	margin: 0;
}
.contentLink dt a:link{	color: #1F8AC0;	font-weight: bold;}
.contentLink dt a:visited {	color: #880088; }
.contentLink dt a:hover { color: #60BCEC; }


.contentLink dd {
	padding: 0.2em 0.2em 0.2em 27px;
	margin: 0;
}
.contentLink li{
	width: auto; 
	font-size:110%;
	background:#FFFFFF url("../images/base/bgHeadLineLink.gif") no-repeat 5px 0.5em;
	color: #000000;
	padding: 0.2em 0.9em 0.2em 27px;
	margin: 0;
}
.contentLink li a:link{	color: #1F8AC0;	font-weight: bold;}
.contentLink li a:visited {	color: #880088; }
.contentLink li a:hover { color: #60BCEC; }

*/

/*　TOP下部リンクエリア
-----------------------------------------------------------------------------*/
#policy{
	width: auto;
}

.policy{
	width: 980px;
	padding: 5px 0 0 0;
	margin: 0 auto;
	font-size: 90%;
	text-align:right;
}


/* ぱんくず設定
-----------------------------------------------------------------------------*/
#topicPathArea {
	width: auto;
	margin: 0;
	padding: 0;
	clear: both;
}
.topicPathBox {
	width: 980px;
	min-height: 20px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	color: #000000;
	border-bottom: 1px #999999 dotted;
	clear: both;
}
.topicPathBox ul{
	padding: 0;
	margin: 0;
}
.topicPathBox li{
	float: left;
	font-size: 85%;
	list-style-type: none;
	padding: 0px 5px 0.2em 12px;
	margin: 0px 2px 0.2em 0px;
}

.topicPathBox a{
	text-decoration:underline;
}

.on{
	background-image: url("../images/base/listArrow03.gif");
	background-repeat: no-repeat;
	background-position:0px 0px;
}


/* 下部リンク設定
-----------------------------------------------------------------------------*/
#btmLinkArea{
	width:auto;
	height:auto;
	padding:10px 0 0 0;
	clear: both;
	background-color: #FFFFFF;
	color: #000000;
}
.btmLinkBox{
	width:980px;
	height:auto;
	margin: 0px auto;
	padding:5px 0.2em 1.0em 0.2em;
	font-size: 80%;
}

.btmLinkBox { 
	padding: 7px 0; 
	text-align:right; 
	overflow: auto;
	height:1%; 
}

.btmLinkBox li {
	line-height:1;
	border-right: 1px solid #3b1e86;
	padding: 0 7px;
	display: inline;
}
.btmLinkBox li.first {
	border-left: 1px solid #3b1e86;
}
.btmLinkBox li a {
	/* display: inline-block; */
}
/* フッター 設定
-----------------------------------------------------------------------------*/
#footerArea{
	width:auto;
	height:auto;
	clear: both;	
	background: #234371 url("../images/base/bgWagara.gif")  repeat top center;
	color: #FFFFFF; 
}
.footerArea{
	max-width:1160px;
	height:auto;
	margin: 0px auto;
	padding:5px 0.2em 1.0em 0.2em;
	font-size: 80%;
	font-family:"ＭＳ Ｐゴシック",Osaka;
}


.ftYakuba {
	float: left;
	width: 660px;
	line-height: 1.5em;
}
.ftYakuba a{

}
.ftYakuba img{
	margin-right: 5px;
}
.picYakuba {
	float: left;
}

.ftQRcode {
	float: right;
	width: 280px;
}

.ftQRcode table {
	border: none;
	width: 280px;
	background: #861e1e;
	color: #fff;
}
.ftQRcode a{
	background: #861e1e;
	color: #fff;
}

.ftQRcode th {
	padding: 3px;
}
.ftQRcode td {
	padding: 3px;
	border: none;
	vertical-align: middle;
	line-height: 1.4;
}

/* スマホフッター 設定
-----------------------------------------------------------------------------*/
#spFooterButton{
	display: none;
}

#spFooterArea{
	display: none;
}





/*　クリアフィックス
-----------------------------------------------------------------------------*/

/*----- クリアフィックス -----
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}*/

/*----- IE7 -----*/
.clearfix {
  display: inline-block;
}

/*----- IE6・-----*/
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End hide from IE-mac */




/*　TOPへ戻る
-----------------------------------------------------------------------------*/
.returnTop
{
	margin: 1.5em 0 0 0;
	text-align:right;
	font-size:90% !important;
	
}

/*見出し
-----------------------------------------------------------------------------*/
.headLine001{
	background:#FFFFFF url("../images/base/bgNextTitle.jpg") no-repeat right bottom;
	color:#555555;
	font-size:140%;
	font-weight:bold;
	padding: 1em 5px 1em 1em;
	margin: 5px 0 0 0;
	text-align:right;
	border: 1px solid #F7F7F7;
		
 	/* CSS3 影 */ 
	-moz-box-shadow: 0 0 5px #CCC;
	-webkit-box-shadow: 0 0 5px #CCC;
	box-shadow: 0px 0px 5px #CCC; /* Opera 10.5+, IE */
	}
	
.headLine002{
	width: auto; 
	font-size: 120%;
	background: #234371 url("../images/base/bgHeadLine02.jpg") repeat left Top;
	color: #FFFFFF;
	margin: 0;
	padding: 0.5em 0.9em 0.5em 20px;
	border-bottom: 1px #CCCCCC solid; /* 下の枠線（太さ・色・スタイル） */ 
 
 	/* CSS3 影 */ 
	-moz-box-shadow: 0 0 3px #CCC;
	-webkit-box-shadow: 0 0 3px #CCC;
	box-shadow: 0px 0px 3px #CCC; /* Opera 10.5+, IE */
	
	clear: both;

	}

.headLine003{
	width: auto; 
	font-size:110%;
	background:#FFFFFF url("../images/base/bgHeadLine03.jpg") repeat left bottom;
	color: #000000;
	padding: 0.2em 0.9em 0.2em 15px;
	margin: 1em 0 0.8em 0;
	border: 1px solid #CCCCCC;
	border-bottom: 3px double #1F8AC0;
 	/* CSS3 角丸 */ 	
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    
	clear: both;
}
	
.headLine004{
	background: #FFFFFF;
	color:#00616f;
	font-size:100%;
	font-weight:bold;
	border-bottom: 1px solid #00616f;
	padding: 0.2em 0px 0.2em 0em;
	margin: 1.2em 0em 0.7em 0;
	
	clear: both;
}


.headLine005{
	background: #FFFFFF;
	color:#800000;
	font-size:100%;
	font-weight:bold;
	padding: 0;
	margin: 1.2em 0em 0.5em 0;
	
	clear: both;
}
	
.scTitle{
	height:28px;
	background:url("../images/base/imgLNaviTitle01.gif") no-repeat left top;
	color:#555555;
	font-weight:bold;
	padding-top: 9px;
	text-align:center;
	margin: 5px 0 0 0;
}


/* 170519

.notice01 {
	color: #9B3A3A;
	font-weight: bold;
	font-size: 110%;
}
.notice02 {
	color: #3A459B;
	font-weight: bold;
	font-size: 110%;
}
.notice03 {
	color: #92775D;
	font-weight: bold;
	font-size: 110%;
}
.notice04 {
	color: #B6A593;
	font-weight: bold;
	font-size: 110%;
}



.noticeBlue {
	color: #000088;
	font-weight: bold;
}
.noticeGreen {
	color: #008800;
	font-weight: bold;
}
.noticeRed {
	color: #EE0000;
	font-weight: bold;
}
*/

/*テーブルスタイル
-----------------------------------------------------------------------------*/

.table01 table{
	margin: 0 auto;
	padding: 0;
	border: 1px solid #CCCCCC;
}
.table01 td{
	margin: 0;
	padding: 0.1em;
	border: 1px solid #CCCCCC;

}
.table01 td.cellColor{
	background-color: #EEEEFF;
	color: #000000;
}







.floatL {float:left;}
.floatR {float:right;}
.pfloatL {float:left; padding: 0 10px 5px 0;}
.pfloatR {float:right; padding: 0 0 5px 10px;}

.cl{ clear:both;}



/***************************　触らない　ここから　****************************/

/* フォントサイズ基本 */
.fs-m2	{
	font-size: 60%;
}
.fs-m1	{
	font-size: 80%;
}
.fs-p1	{
	font-size: 120%;
}
.fs-p2	{
	font-size: 140%;
}
.fs-p3	{
	font-size: 160%;
}
.fs-p4	{
	font-size: 180%;
}

.fs80	{
	font-size: 80%;
}
.fs85	{
	font-size: 85%;
}
.fs90	{
	font-size: 90%;
}
.fs93	{
	font-size: 93%;
}
.fs130{
	font-size: 130%;
}
.fs150{
	font-size: 150%;
}
/* フォントサイズ基本 */


/***************************　触らない　ここまで　****************************/