@charset "utf-8";

/*@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');
@font-face {
  font-family: 'mln';
  src:
    url('fonts/mln.ttf?7j2ilw') format('truetype'),
    url('fonts/mln.woff?7j2ilw') format('woff'),
    url('fonts/mln.svg?7j2ilw#mln') format('svg');
  font-weight: normal;
  font-style: normal;
}



body {
	background:#fff url('../images/bg.jpg') repeat-x 0 0;
	font-size:1em;
	color:#333333;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: none;
	/*
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	*/
}

strong,b{
	font-weight:bold;
}

a:hover > img{
	opacity:0.75;
}

/****************************
 webfont設定
****************************/
a[target='_blank'] > span:after{
	font-family: 'mln' !important;
	content:"\f092";
	margin-left:5px;
	font-size:inherit;
	line-height:inherit;
}

/****************************
 ヘッダ
****************************/
header {
	display:block;
	overflow:hidden;
	width:100%;
	height: 85px;
	background: url(../images/bg_gnavi.gif) 0 bottom repeat-x;
}

header h1{
	display:none;
}


#meinMenu{
	display:block;
	overflow:hidden;
	width: 860px;
	height:84px;
	margin:0 auto;
}


/*-----------------------------------------------
 サブナビ
-----------------------------------------------*/
#subNavi {
	display:block;
	overflow:hidden;
	text-align:right;
}
#subNavi a {
	display:inline-block;
	overflow:hidden;
	font-size:12px;
	line-height:20px;
	color:#ffffff;
	padding:0 1em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#subNavi a:first-child{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008ac9+0,006db9+100 */
	background: #008ac9; /* Old browsers */
	background: -moz-linear-gradient(top,  #008ac9 0%, #006db9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #008ac9 0%,#006db9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #008ac9 0%,#006db9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ac9', endColorstr='#006db9',GradientType=0 ); /* IE6-9 */
}

#subNavi a:last-child{
	display:none;
	/*
	background: #4e4e4e;
	background: -moz-linear-gradient(top,  #4e4e4e 0%, #151515 100%);
	background: -webkit-linear-gradient(top,  #4e4e4e 0%,#151515 100%);
	background: linear-gradient(to bottom,  #4e4e4e 0%,#151515 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e4e4e', endColorstr='#151515',GradientType=0 );
	*/
}

.shplink > span:after{
	font-family: 'mln' !important;
	content:"\e8cc";
	margin-left:5px;
	font-size:inherit;
	line-height:inherit;
}

/*-----------------------------------------------
 グローバルナビ
-----------------------------------------------*/
#gnav01 {
	display:block;
	width: 100%;
	height: 58px;
	margin: 2px auto 0;
}
#gnav01 > ul {
	letter-spacing:-.4em;
}

#gnav01 > ul > li {
	display:inline-block;
	float:left;
	width: 14%;
	letter-spacing:normal;
	height: 55px;
}
#gnav01 > ul > li:first-child{
	width:16%;
}

#gnav01 > ul  > li > a{
	display:block;
	/*overflow:hidden;*/
	width: 100%;
	height: 55px;
	color:#000000;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-image: url(../images/g_navi_base.png);
	background-repeat:  no-repeat;
	background-position:50% 0;
}

#gnav01 > ul  > li > a > span{
	display:block;
	overflow:hidden;
	width: 100%;
	line-height:125%;
	height:35px;
	padding-top:5px;
	border-left:1px solid #cccccc;
}

#gnav01 > ul  > li:nth-child(2) > a > span,
#gnav01 > ul  > li:nth-child(3) > a > span,
#gnav01 > ul  > li:nth-child(5) > a > span{
	line-height: 35px;

}

#gnav01 > ul  > li#my_memo> a > span{
	border-right:1px solid #cccccc;
}

#gnav01 > ul  > li.current > a,
#gnav01 > ul  > li > a:hover{
	background-position:50% bottom;
}

/****************************
 本文
****************************/
#container{
	display:block;
	width:100%;
	overflow:hidden;
	background: url('../images/bg_card.gif') no-repeat 50% 100px;
}

#contentBody{
	display:block;
	width:860px;
	margin:0 auto;
	overflow:hidden;
	margin-top:15px; 
}

#contentBody h2{
    font-family: 'Noto Sans JP', sans-serif;
    /*font-size: 100%;*/
}

#cardFrame{
	display:block;
	overflow:hidden;
	width: 858px;
	margin:0 auto;
	border:1px solid #cccccc;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	/*padding-top: 25px;
	background-color:#fece00;*/
}

.cardBg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,f6f6f6+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 1%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}

#contentBody:after{
	clear:both;
	display:block;
	overflow:hidden;
	content:"";
	width: 858px;
	margin:0 auto;
	height:30px;

	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;

	border-radius: 25px 25px 0 0;
	-webkit-border-radius: 25px 25px 0 0;
	-moz-border-radius: 25px 25px 0 0;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,ffffff+100 */
	background: #f6f6f6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f6f6f6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


img.imgR{
	float:right;
	margin-left:25px;
}

img.imgL{
	float:left;
	margin-right:10px;
}


.red{
	color:#ff0000;
}

.cBox{
	text-align:center;
}


ul.dotList {
	display:block;
	overflow:hidden;
	list-style-type:disc;
}

ul.dotList > li{
	margin-left: 2em;
}

.right{
	text-align:right;
}
.sTxt{
	font-size:0.8em;
}

/*-----------------------------------------------
 楕円ボタン
-----------------------------------------------*/
a.rnd{
	display:inline-block;
	min-width:340px;
	padding:0 15px;
	margin:5px 0;
	line-height:30px;
	text-decoration:none;
	color:#000000;

	/*background:#FFD24D url('../images/arrow.png') no-repeat 10px 50%;*/
	background-color:#FFD24D;
	border-radius: 25px;		/* CSS3草案 */
	-webkit-border-radius: 25px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 25px;	/* Firefox用 */
	/*float:right;*/
}

a.rnd:before{
	font-family: 'mln' !important;
	content:"\ea1d";
	color:#ffffff;
	float:left;
	margin-right:5px;
	font-size:inherit;
	line-height:inherit;
}

a.rnd:hover{
	background-color:#FF7A4D;
}

a.rnd:active{
	background-color:#FF4D4D;
}

/*-----------------------------------------------
 黄タイトル
-----------------------------------------------*/
h2.yellowBase{
	display:block;
	overflow:hidden;
	height:160px;
	font-size:40px;
	font-weight:bold;
	line-height:160px;
	padding-right:25px;
	text-align:right;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdd100+0,fce11e+100 */
	background: #fdd100; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdd100 0%, #fce11e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fdd100 0%,#fce11e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fdd100 0%,#fce11e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdd100', endColorstr='#fce11e',GradientType=0 ); /* IE6-9 */
}


/*-----------------------------------------------
 グレータイトル
-----------------------------------------------*/
h2.grayBase{
	display:block;
	overflow:hidden;
	height:160px;
	font-size:34px;
	font-size:40px;
	font-weight:bold;
	line-height:160px;
	padding-right:25px;
	text-align:center;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b9b9b+0,cbcbcb+100 */
	background: #9b9b9b; /* Old browsers */
	background: -moz-linear-gradient(top,  #9b9b9b 0%, #cbcbcb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #9b9b9b 0%,#cbcbcb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #9b9b9b 0%,#cbcbcb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9b9b', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-9 */
}

/*-----------------------------------------------
 青フレーム
-----------------------------------------------*/
.blueFrame{
	border:5px solid #75bde8!important;
}


#titleBlock{
	display: block;
	overflow:hidden;
	height:150px;
}

#titleBlock h2{
	font-size:1.8em;
	font-weight:bold;
	padding:25px 25px 0;

	color:#ffffff;
	text-shadow:2px 2px 3px #000000;
	border-bottom:2px solid #ffffff;
}

#titleBlock h3{
	font-size:2em;
	font-weight:bold;
	padding:10px 25px 0;
	color:#333333;
}

#titleBlock > #leftBox{
	display: block;
	overflow:hidden;
	width:50%;
	float:left;
	height:150px;
	background-color:#75bde8;
}

#titleBlock > #rightBox{
	display: block;
	overflow:hidden;
	width:50%;
	float:right;
	height:150px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6f1fa+0,d3e6f6+100 */
	background: #e6f1fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #e6f1fa 0%, #d3e6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e6f1fa 0%,#d3e6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e6f1fa 0%,#d3e6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f1fa', endColorstr='#d3e6f6',GradientType=0 ); /* IE6-9 */
	border-bottom:4px dashed #75bde8;

	-webkit-box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.31) inset;
	-moz-box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.31) inset;
	box-shadow: 8px 0px 8px -1px rgba(0,0,0,0.31) inset;
}

#titleBlock > #rightBox > p{
	display:block;
	overflow:hidden;
	padding:1em 25px;
}


/*-----------------------------------------------
 入力フォームテーブル
-----------------------------------------------*/
table.listForm {
    margin: 1em 0;
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
}

table.listForm tr{
	background-color:#ffffff;
}

table.listForm tr:nth-child(odd){
	background-color:#f4f4f4;
}

table.listForm th,
table.listForm td{
    padding: 0.5em;
    border-bottom: 1px solid #cccccc;
}
table.listForm th {
	width:20%;
	font-weight: bold;
    white-space: nowrap;
    text-align:left;
    background: #e9f2fa;
    border-right: 1px solid #cccccc;
    vertical-align:top;
}


/*-----------------------------------------------
 入力フォーム
-----------------------------------------------*/
input[type='text']{
	font-size:1.0em;
	padding:5px;
}

textarea{
	font-size:1.0em;
	padding:5px;
	width:100%;
	min-height:5em;

}

input[type='button'],
input[type='submit']{
	width:250px;
    margin:0 auto;
    padding: 0.5em 1em;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    font-size:1.2em;
    background-color: #0088cc;
    border:1px solid #0088cc;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

.w20{
	width:20%;
}
.w30{
	width:30%;
}
.w50{
	width:50%;
}
.w100{
	width:100%;
}

/****************************
 ニュース
****************************/

#news { 
	display:block;
	overflow:hidden;
	width:860px; 
	margin:25px auto;
	position: relative;
}
#news ul{ 
	display:block;
	overflow:hidden;
	text-align:center;
	letter-spacing:-.4em;
}
#news li {
	/*float: left;
	margin: 0 10px;*/
	display:inline-block;
	width:33%;
	padding:0 5px;
	letter-spacing:normal;
}

#news li > a{
	display:block;
	overflow:hidden;
}

#news li > a > img{
	width:100%;
	height:auto;
}



/****************************
 フッタ
****************************/
footer{
	display:block;
	overflow:hidden;
	width: 860px;
	margin:1em auto 0;
	padding-top:1em;
	border-top:5px dotted #ff9d05;
}

footer > ul{
	display:inline-block;
	overflow:hidden;
	float:left;
}

footer > ul > li{
	display:inline-block;
	overflow:hidden;
}

footer > ul > li+li{
	border-left:1px solid #cccccc;
}

footer > ul > li > a{
	display:block;
	overflow:hidden;
	font-size: 0.9em;
	line-height:125%;
	padding:0 5px;
}


#copyright{
	display:inline-block;
	overflow:hidden;
	font-size: 0.9em;
	line-height:125%;
	float:right;
}

/****************************
 2018.09.04追加
****************************/
a.kill{
	pointer-events:none;
	/*opacity:0.5;*/
}

a.kill:after{
	display:block;
	text-align: center;
	content:"（ただいま準備中!）";
	font-weight:bold;
	color:#ff0000;
}