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

/*************************************************************/
/*	印刷用にヘッダー・フッターを非表示
/*************************************************************/
/*@media print { 
 #header, #footer{display: none;} 
 #contents {width:100% !important; }*/

/*************************************************************/
/*	フォントやリンクの共通設定
/*************************************************************/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body{
	background-color: #ffffff; /*　全体の背景色　*/
	color:#232323; /*　全体の文字色　*/
	margin:auto 0;
  text-align: center;
	line-height:1.7;
  width:100%;	/*スマホ対応*/
	height:100%;
}

#infomsg{
  font-size:13px;
  color:#FFF;
/*  border:solid 2px #FFF;*/
  border:solid 1px #FFFC03;
  padding:3px 7px;
  margin-left:80px;
}

img {
  max-width: 100%;
  height: auto;
}

.button a {
  width: 600px;
  background-color: #39B2F7;
  border-radius: 3px;
  box-shadow: 0 3px 0 rgba(204,207,197,1);
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 10px;
}

.head_teltxt{
  color:#FFFFFF;
  font-size:15px;
  margin-top:12px;
  text-align:left;
}

.head_telno{font-size:24px;}

/*---スマホ対応用（スマホのときのみ電話番号リンク有効）---*/
.tel_link {
	font-weight: bold;
}

/*--- 白→黄色リンクテキスト --*/
a:link{color: #ffffff;text-decoration: none;}
a:visited{color: #ffffff;text-decoration: none;} 
a:hover{color: #FFFC03;text-decoration: none;} yellow
a:active{color: #ffffff;text-decoration: none;}

/*--- 黒→グリーンリンクテキスト --*/
a.link02:link{color: #000000;text-decoration: underline;}
a.link02:visited{color: #000000;text-decoration: underline;} 
a.link02:hover{color: #059a94;text-decoration:underline;} 
a.link02:active{color: #000000;text-decoration: underline;}

/*--- 緑→黒リンクテキスト --*/
a.link03:link{color: #059a94;text-decoration: underline;}
a.link03:visited{color: #059a94;text-decoration: underline;} 
a.link03:hover{color: #000000;text-decoration:underline;} 
a.link03:active{color: #059a94;text-decoration: underline;}

/*--- 緑(下線なし)→黒リンクテキスト --*/
a.link04:link{color: #059a94;text-decoration: none;}
a.link04:visited{color: #059a94;text-decoration: none;} 
a.link04:hover{color: #000000;text-decoration:underline;} 
a.link04:active{color: #059a94;text-decoration: none;}

/*--- 黒(下線なし)→グリーンリンクテキスト(下線なし) --*/
a.link05:link{color: #000000;text-decoration: none;}
a.link05:visited{color: #000000;text-decoration: none;} 
a.link05:hover{color: #059a94;text-decoration:none;} 
a.link05:active{color: #000000;text-decoration: none;}



/*---	折り返さず改行	---*/
.txt_nowrap{ white-space: nowrap;}

h1{
  color:#FFFFFF;
  font-size:12px;
  width: 100%;
  text-align:center;
  height:12px;
  margin-bottom:3px;
}

h2{
  font-size:30px;
  color:#000000;
  margin:70px auto 40px auto;
}

h2.wbfont{
  font-size:30px; 
  color:#FFFFFF;
  font-weight:bold;
}

h3{
  color:#000000;
  font-size:24px;
  margin:30px auto;
}

h4{
  margin:20px 0px 10px;
  text-align:left;
  color:#059a94;
  font-weight:bold;
  font-size:12px;
  border-bottom:solid 2px #059a94;
}

.y_line{
	border:solid 7px #fffc03;
  margin-top:50px;
  margin-bottom:50px;
  width:100%;
}

.txtline{border-bottom:solid 1px #000000;}

.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t30{margin-top:30px;}
.mg_t40{margin-top:40px;}
.mg_t50{margin-top:50px;}
.mg_b10{margin-bottom:10px;}
.mg_b20{margin-bottom:20px;}
.mg_b30{margin-bottom:30px;}
.mg_b40{margin-bottom:40px;}
.mg_b50{margin-bottom:50px;}
.mg_l10{margin-left:10px;}
.mg_l20{margin-left:20px;}
.mg_l30{margin-left:30px;}
.mg_l40{margin-left:40px;}
.mg_l50{margin-left:50px;}
.mg_r10{margin-right:10px;}
.mg_r20{margin-right:20px;}
.mg_r30{margin-right:30px;}


.sfont{font-size:12px;}
.ssfont{
	font-size: 10px;
}
.bfont{font-weight:bold;}

.bkfont{#000000;}
.gfont{color:#059a94;}
.wfont{color:#FFFFFF;}
.rfont{color:#f00f2f;}

.btitle{
  font-size:17px;
  font-weight:bold;
  text-align:center;
  color:#0b2079;  
}


/*************************************************************/
/*	デザインの共通設定
/*************************************************************/
.radiusbox{
	border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

/*************************************************************/
/*	clearfix
/*************************************************************/

.clearfix:after{
content: ".";
display: block;
height:0;
font-size:0;
clear: both;
visibility:hidden;
}
.clearfix{
display: inline-block;
}
/* IE Mac用 */
* html .clearfix{
height: 1%;
}
.clearfix{
display:block;
}


/*************************************************************/
/*	レイアウトの共通設定
/*************************************************************/

/*----- ヘッダー（固定） ----*/
#header{
  top: 0;
  left:0;
  padding: 0px;
  position: fixed;
  width: 100%;
  min-width: 960px;
  height:auto;
  background-color:#FFFFFF;
  text-align:center;
}

#head_logo{
  width:250px;
  text-align:left;
  margin-left:15px;
  margin-bottom:10px;
  float:left;
}

#header_innner{
  background-color:#41b5b1;
  min-width:950px;
  border-bottom:solid 1px #e9e9e9;
}

#navi{
  position:relative;
  background-color:#41b5b1;
/*  font-size:14px;1つメニュー削除 */
  font-size:12.5px;
  font-weight:bold;
  width: 100%;
	height:auto;
  display:inline-block;
  max-width:950px;
  margin: 10px auto;
  padding: 0;  
}

#navi ul{
  min-width:950px;
  margin:0px auto 0px 5px;
}

#navi li{
  display: inline;
/*  width:156px;1つメニュー削除*/
  width:133px;
  border-left:solid 1px #afdbd9;
  border-bottom:solid 1px #afdbd9;
  border-top:solid 1px #afdbd9;
  float: left;
  vertical-align:middle;
  margin: 0px;
	padding:3px 0px;
  background-color: rgba(255, 255 ,255 ,0.2);
}

#navi li.rline{
	border-right:solid 1px #d1eeed;
}

#navibottom{
  display:inline-block;
  width: 100%;
  max-width:940px;  
  margin:10px auto;
  padding: 0;  
}

#navibottom ul{
  width:100%;
  min-width:930px;
/*  margin:0px auto 0px 7px; バナー横3列のとき*/
  margin:0px auto 0px 2px; /*バナー横4列のとき*/
}

#navibottom li{
  float: left;
  text-align:center;  
/*  width:	300px; バナー横3列のとき*/
  width:	225px; /*バナー横4列のとき*/
/*  height: 110px; バナー横3列のとき*/
  height: 90px; /*バナー横4列のとき*/
  margin:5px;
}
  

/*----- フッター（固定） ------*/
#pagetop{
 width:50px;
 text-align:right;
 position:fixed;
 right:30px;
 bottom:100px;
 cursor:pointer;
}

/*----- SNS関連やその他バナーボックス（固定） ------*/
#bannerbox{
	background-color:#41b5b1;
}

#bannerbox_in{
  width:100%;
 	max-width:960px;
  height:auto;
  margin:0px auto;
  padding:20px auto 0px auto;
}

#bannerbox li{
  float:left;
  margin:15px 10px auto auto;
  height:70px;
}

#footer {
	  background-color:#41b5b1;
    color: #FFFFFF;
    height: auto;
    padding: 20px 0;
	  text-align:right;
    width: 100%;
    min-width:960px;
		font-size:13px;    
    line-height:1.5;
	  border-bottom:solid 2px #e9e9e9;	
}

#footer p{padding-right:20px;}


/*----- 全体のコンテンツ枠 ----*/
#contents{
	margin: 0 auto;
  max-width: 100%;
  width: 100%;
  text-align:center;
}

#main{
  margin:240px auto 0px auto;
  min-width: 960px;
  width: 100%;
  text-align:center;
	overflow: hidden; 
}

.detailbox{
  width:960px;
  min-width:900px;
  height:auto;
  margin: 0px auto;
  background-color: rgba(255, 255 ,255 ,0.7);
  text-align:center;
  padding:50px auto;
}

.detailbox_inner{
  width:880px;
  margin:auto;
  padding:50px 30px;
}

.detailbox_inner_l{
  width:880px;
  text-align:left;
	padding:50px 30px;
  height:auto;
  margin: auto;
}


.cursor{
  text-align:left;
  width:850px;
  margin: 10px auto;
}

.sec_box{
  width:200px;
  float:left;
  margin:5px;
  margin-top:10px;
}

.sec_title01{
  background-color:#1253A4;
  font-weight:bold;
  font-size:10px;
  line-height:1.4;
  color:#fff;
  padding: 5px 3px;
  height:40px;
}

.sec_title02{
  background-color:#A368C3;
  font-weight:bold;
  font-size:10px;
  line-height:1.4;
  color:#fff;
  padding: 5px 3px;
  height:40px;
}

.sec_title03{
  background-color:#F39D00;
  font-weight:bold;
  font-size:10px;
  line-height:1.4;
  color:#fff;
  padding: 5px 3px;
  height:40px;
}


.sec_title04{
  background-color:#F26964;
  font-weight:bold;
  font-size:10px;
  line-height:1.4;
  color:#fff;
  padding: 5px 3px;
  height:40px;
}

.sec_title05{
  background-color:#54BE77;
  font-weight:bold;
  font-size:10px;
  line-height:1.4;
  color:#fff;
  padding: 5px 3px;
  height:40px;
}

.sec_title06{
  background-color:#C22454;
  font-weight:bold;
  font-size:10px;
  line-height:1.4;
  color:#fff;
  padding: 5px 3px;
  height:40px;
}

.sec_title07{
  background-color:#3491F1;
  font-weight:bold;
  font-size:10px;
  line-height:1.4;
  color:#fff;
  padding: 5px 3px;
  height:40px;
}

.sec_title08{
  background-color:#8DCF3F;
  font-weight:bold;
  font-size:10px;
  line-height:1.4;
  color:#fff;
  padding: 5px 3px;
  height:40px;
}

.cate_txt{
  margin-top:10px;
  text-align:left;
  font-size:8px;
  line-height:1.5;
}

/*マスターズができるまで用ボックス*/
.flow_box{
  width:850px;
  height:auto;
  margin:20px auto 30px auto;
  text-align:left;
  font-size:10px;
  line-height:1.7;
}

.flowbox_inner{
  width:200px;  
  float:left;
}

.flowbox_inner img{margin-bottom:300px;}

/*--画像回り込みテキストの共通設定-----*/
.img_l{
	float:left;
	margin:7px;
}

.img_r{
	float:right;
	margin:7px;
}

.clear{
	clear:both;
}

/*************************************************************/
/*	テーブル
/*************************************************************/
.detailbox_inner table{
  width:90%;
  margin:auto;
}

.detailbox_inner th{
  background-color:#a3dfdd;
  text-align:center;
	padding: 7px;
  width:100px;
}

.detailbox_inner td {
  text-align:left;
	padding: 7px;
}

.bottomline {
  border-bottom: 1px dotted #6f9d9b;
}


/*************************************************************/
/*	スマホ対応（縦長・横長）
/*************************************************************/

@media only screen and (min-device-width : 320px)
  and (max-device-width : 480px) {
h1{
  display:none;
}
    
#header{
  position:static;
  padding: 0px;
  width: 100%;
  min-width: 960px;
  height:auto;
  background-color:#FFFFFF;
  text-align:center;
}

#head_logo {
  margin-bottom:10px;
}

#navi{
  background-color:#41b5b1;
  font-size:28px;
  font-weight:bold;
  width: 100%;
	height:auto;
/*  display:inline-block;*/
  margin: 10px auto;
  padding: 0;
}

#navi li{
  display: inline;
  width:283px;
  border-left:solid 1px #afdbd9;
  border-bottom:solid 1px #afdbd9;
  border-top:solid 1px #afdbd9;
  float: left;
  vertical-align:middle;
  margin: 0px;
	padding:15px 16px;
  background-color: rgba(255, 255 ,255 ,0.2);
}

#main{
  margin:30px auto 0px auto;
  min-width: 960px;
  width: 100%;
  text-align:center;
}

 }
 
/*************************************************************/
/*	印刷用CSS
/*************************************************************/
@media print {
#header,#footer{
	display: none;
   height:0;
}

#main{
  margin-top:0px;
}

}
