@charset "utf-8";

/* ------------------------------------------------------------------------ */

/*  Parts

/* ------------------------------------------------------------------------ */
.section{margin:2%;}
/* layout
--------------------------------------------------------------------------- */

.flt_l { float : left; }
.flt_r { float : right; }

.mb0 { margin-bottom : 0 !important; }
.mb5 { margin-bottom : 5px !important; }
.mb10 { margin-bottom : 10px !important; }
.mb15 { margin-bottom : 15px !important; }
.mb20 { margin-bottom : 20px !important; }
.mb25 { margin-bottom : 25px !important; }
.mb30 { margin-bottom : 30px !important; }
.mb40 { margin-bottom : 40px !important; }


.mt0 { margin-top : 0 !important; }
.mt5 { margin-top : 5px !important; }
.mt10 { margin-top : 10px !important; }
.mt15 { margin-top : 15px !important; }
.mt20 { margin-top : 20px !important; }
.mt25 { margin-top : 25px !important; }
.mt30 { margin-top : 30px !important; }
.mt35 { margin-top : 35px !important; }
.mt40 { margin-top : 40px !important; }
.mt50 { margin-top : 50px !important; }

.ml10 { margin-left : 10px !important; }



.inner5 { margin : 5px auto 0 !important; }
.inner10 { margin : 10px auto 0 !important; }
.inner15 { margin : 15px auto 0 !important; }
.inner20 { margin : 20px auto 0 !important; }
.inner25 { margin : 25px auto 0 !important; }
.inner30 { margin : 30px auto 0 !important; }

.pageTop {
  text-align: right;
  margin: 0 0 10px 0;
}

.pageLink {
  text-align: right;
  margin: 0px 10px 20px 0px;
}

.clrBoth {
	line-height: 0; clear: both; font-size: 0px
}

.switch {
	visibility: hidden;
}


.width-100 {
  width: 100%;
}
.width-95 {
  width: 95%;
}
.width-90 {
  width: 90%;
}
.width-10 {
  width: 3%;
}
.width100{
	width:100px;
}
.width50{
	width:50px;
}
.width40{
	width:40px;
}
.width16{
	width:16px;
	height:16px;
	vertical-align:middle;
}
.height100{
	height:100px;
}

/* IMG
--------------------------------------------------------------------------- */
img.image { border: solid 1px #000000;
			vertical-align: bottom; }


.img30yoko{width:30%;
			margin:1%;
			max-width:30%;

	
	}
	
.img48{width:48%;
	max-width:48%;
	height:auto;
	border:1px solid #999;
	margin:0 2% 0 1%;
	}

.img48R{width:48%;
	max-width:48%;
	height:auto;
	border:1px solid #999;
	margin:0;
	}
	
.img50{width:50%;
	max-width:50%;
	height:auto;
	border:1px solid #999;
	margin-left:5%;
	}

.img60{width:60%;
	max-width:60%;
	height:auto;
	border:1px solid;
	}




.imgR-10 {
  float: right;
  margin: 0px 0px 0px 10px;
}

.imgL-10 {
  float: left;
  margin: 0px 10px 2px 5px;
}


/* heading
--------------------------------------------------------------------------- */
/*h2.h2_001 {
	position: relative;
	background: #004575;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 14px 10px;
	font-size: 110%;
}
h2.h2_001:after {
	content: " ";
	position: absolute;
	top: 100%;
	border: solid transparent;
	height: 0;
	width: 0;
	pointer-events: none;
}

h2.h2_001:after {
	border-color: rgba(0, 69, 117, 0);
	border-top-color: #004575;
	border-width: 10px;
	left: 10%;
	margin-left: -10px;
}
*/


h2.h2_001 {
	position: relative;
	background: #808fb4;
	color: #fff;
	margin: 0 0 20px 0;
	padding: 8px 8px;
	font-size: 118%;
	font-weight:bold;
	border-left:10px solid #1c236d;
}

h2.h2_002{
	font-weight:bold;
	margin:10px 6px 10px 6px;
	color:#008cbb;
	font-size:115%;

}

h2.h2_003 {
	position: relative;
	background: #808fb4;
	color: #fff;
	margin: 20px 0 10px 0;
	padding: 8px 8px;
	font-size: 118%;
	font-weight:bold;
	border-left:10px solid #1c236d;
}




h3.h3_001 {
  position: relative;
  font-size: 110%;
  line-height: 1.3;
  margin:20px 0px 10px 0px;
  padding: 3px 5px 3px 5px;
  border-left: 5px solid #52b98d;
  color:#52b98d;
}
h3.h3_001:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 0;
  width: 100%;
  border-bottom: 1px solid #52b98d;
}

h3.h3_001_2 {
  position: relative;
  font-size: 110%;
  line-height: 1.3;
  margin:0 0px 10px 0px;
  padding: 3px 5px 3px 5px;
  border-left: 5px solid #52b98d;
  color:#52b98d;
}
h3.h3_001_2:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  height: 0;
  width: 100%;
  border-bottom: 1px solid #52b98d;
}

/*h3.h3_001 span{
  font-size: 90%;
  color:#333;
}
*/
h3.h3_002 {
  position: relative;
  font-size: 105%;
  line-height: 1.3;
  font-weight:bold;
  margin:20px 0 10px 0;
  padding: 0;
  border-bottom: 1px solid #333;
  color:#333;
}

h3.h3_003 {
    width:100%;
	margin:0 0px 20px 2px;
	position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background:#ee7a49;
	padding:8px;
	z-index:1;
}
h3.h3_003:before {
	content: " ";
	position: absolute;
	top: 100%;
	border: solid transparent;
	height: 0;
	width: 0;
	pointer-events: none;

}

h3.h3_003:before {
	border-color: rgba(238, 122, 73, 0);
	border-top-color: #ee7a49;
	border-right: solid 9px #ee7a49;
	border-width: 6px;
	left: 10%;
	margin-left: -4px;
/*	border-bottom: solid 16px transparent;
	border-left: solid 9px #e07821;
	margin-left: 9px;
	float: left;
	width: 0; height: 0;
*/
}
h3.h3_003:after {
	content:"";
	position:absolute;
	top:0;
	left:-3px;
    display:block;
    padding:15px;
	width:100%;
	height:95%;
    color:#000;
    background:#f7bb95;
    -moz-transform:skewX(-4deg);
    -webkit-transform:skewX(-4deg);
    transform:skewX(-4deg);
}
h3.h3_003 span {
	color:#000;
	z-index:5;
	display:block;
	position:relative;
}

h4.h4_001 {
  position: relative;
  font-size: 105%;
  line-height: 1.3;
  font-weight:bold;
  margin:20px 0 10px 0;
  padding: 0;
  color:#333;
}

h4.h4_002 {
  position: relative;
  font-size: 105%;
  line-height: 1.3;
  font-weight:bold;
  margin:0px 0 10px 0;
  padding: 0;
  color:#333;
}


/* text
--------------------------------------------------------------------------- */

/* --- Size --- */

.txt10 { font-size : 10px !important; }
.txt12 { font-size : 12px !important; }
.txt14 { font-size : 14px !important; }
.txt16 { font-size : 16px !important; }
.txt18 { font-size : 18px !important; }
.txt20 { font-size : 20px !important; }
.txt90 { font-size : 90% !important; }
.txt80 { font-size : 80% !important; }
.txt70 { font-size : 70% !important; }
.txt100 { font-size : 100% !important; }
.txt110 { font-size : 110% !important; }
.txt120 { font-size : 120% !important; }
.txt130 { font-size : 130% !important; }

.list_txt { font-size : 85% !important;
			margin:0 0 1.5em 1.5em; }

.txtlarger {
  font-size: medium;
  font-weight: bold;
}

.txtsmall { font-size: small }

.bold { font-weight:bold;}
.normal { font-weight:normal;}


.sub_title{ font-size:110%;
			color:#2A54A6;
			margin:5px 0 2px 0;
}
.q_txt{ font-size:110%;
			color:#2A54A6;
			margin:15px 0 5px 0;
	text-indent:-14px;
	padding-left:14px ;
}
.attention{
	text-indent:-0.5em;
	padding-left:1.0em ;
	margin-bottom:5px;
	line-height:110%;
	font-size:80%;
	color:#666;
}
.voice_name{
	text-align:right;
	line-height:120%;
	font-size:90%;
	color:#000;
	margin-right:10px;
}

.indent13{
	text-indent:-13px;
	padding-left:13px ;
}
.indent14{
	text-indent:-14px;
	padding-left:14px ;
}
.indent42{
	text-indent:-42px;
	padding-left:42px ;
}
.indent50{
	text-indent:-50px;
	padding-left:50px ;
}

.torikeshi{
	text-decoration:line-through;
}

/* --- Color --- */

.black { color : #000; }
.red { color : #d50000; }
.blue { color : #1c236d; }
.blue02 { color : #0028bc;
margin:10px 0 5px 0; }
.pink { color : #F09; }
.orange { color : #ee7a49; }
.green	 {color: #125F15;}
.gray	 {color: #555;}


.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.under { text-decoration: underline; }


.date { color : #0049cf; }
.price { color : #000; 
margin-left:10px;}
.price span { color : #ae3500; }


/* Box 
--------------------------------------------------------------------------- */
.box_index_001 {
  line-height : 150%;
  text-align: left;
  margin: 0 14px 20px 14px;
  font-size:100%;
}
.box_index_001 .howto {
	margin:0 10px 10px 10px;
}
.box_index_001 .imgleft{
	margin:0 5px 0 0 ;
	width:80px;
	height:auto;
	float:left;
}

.box_index_002 {
  line-height : 150%;
  text-align: left;
  margin: 0 10px 30px 10px;
  font-size:100%;
}

.box_index_003 {
  line-height : 150%;
  text-align: left;
  margin: 0 15px 5px 15px;
  font-size:100%;
}

.box_index_004 {
  line-height : 150%;
  text-align: left;
  margin: 0 14px 40px 14px;
  padding:10px;
  font-size:100%;
  background:#eaeef0;
  border:1px solid #858a8c;
}
.box_index_005 {
  line-height : 150%;
  text-align: left;
  margin: 0 14px 30px 14px;
  padding:10px;
  font-size:100%;
  border:1px solid #666;
}

.box_index_006 {
  line-height : 150%;
  text-align: left;
  margin: 0 15px 20px 15px;
  font-size:100%;
}
.box_index_007 {
  line-height : 150%;
  text-align: left;
  margin: 0 14px 20px 14px;
  font-size:100%;
}
.box_index_008 {
  line-height : 150%;
  text-align: left;
  margin: 0;
  padding:10px 0;
  font-size:115%;
  background:#eaeef0;
}




/*Box-ring
--------------------------------------------------------------------------- */
.box-ring {
  line-height : 150%;
  text-align: left;
  margin: 0 0px 20px 0;
  padding:0 ;
  font-size:100%;
  background-color:#fff;
}
.box-ring dl dt {
  margin : 0 0 3px 1.2em ;
  padding : 0;
  color:#333;
  font-weight:bold;
}

.box-ring dl dt:before{
   content:"";
   float:left;
   width:14px;
   height:14px;
   margin:3px 5px 0px -1.2em;
   background:url(../img2015/footer/css_sprite.png);
   background-size: 166px 363px;
   background-position:0 -17px;
   text-indent:-1.2em;
}

.box-ring  dd {
  margin : 0 0px 20px 0px;
  padding : 0;
  font-size:90%;
  color:#333;
}

/*Box　present
--------------------------------------------------------------------------- */
.box-present {
  line-height : 150%;
  text-align: left;
  margin: 0 7px 20px 7px;
  padding:8px;
  font-size:100%;
  background-color:#eaeef0;
}
.box-present .pre {
	font-size:110%;
	margin:0 0 20px 0;
	display:block;
	font-weight:bold;
}
.box-present img {
	width:30%;
	margin-right:10px;
	height:auto;
	float:left;
}

/*Box　voice
--------------------------------------------------------------------------- */

.box-voice{
	margin:0 4px 20px 4px;
	padding:12px 8px;
	background:#ffe99f;
	color:#333;
	position:relative;
}
.voice_name01,
.voice_name02,
.voice_name03,
.voice_name04,
.voice_name05,
.voice_name06{
	display:block;
	font-size:80%;
	margin:20px 0 0 0;
	position:relative;
}
.voice_name01:after{
	content:"";
	position:absolute;
	width:32px;
	height:28px;
	top:-2px;
	background:url(../img2015/footer/css_sprite.png);
    background-size: 166px 363px;
    background-position:0 -53px;
}
.voice_name02:after{
	content:"";
	position:absolute;
	width:32px;
	height:28px;
	top:-2px;
	background:url(../img2015/footer/css_sprite.png);
    background-size: 166px 363px;
    background-position:0 -81px;
}
.voice_name03:after{
	content:"";
	position:absolute;
	width:32px;
	height:28px;
	top:-2px;
	background:url(../img2015/footer/css_sprite.png);
    background-size: 166px 363px;
    background-position:0 -108px;
}
.voice_name04:after{
	content:"";
	position:absolute;
	width:32px;
	height:28px;
	top:-2px;
	background:url(../img2015/footer/css_sprite.png);
    background-size: 166px 363px;
    background-position:0 -137px;
}
.voice_name05:after{
	content:"";
	position:absolute;
	width:32px;
	height:28px;
	top:-2px;
	background:url(../img2015/footer/css_sprite.png);
    background-size: 166px 363px;
    background-position:0 -165px;
}
.voice_name06:after{
	content:"";
	position:absolute;
	width:32px;
	height:28px;
	top:-2px;
	background:url(../img2015/footer/css_sprite.png);
    background-size: 166px 363px;
    background-position:0 -193px;
}







/* banner-box
--------------------------------------------------------------------------- */
.banner-box {
  text-align : left;
  margin : 0 0 0 0;
  width:100%;
}

.banner-box ul {
  margin : 0 0 0 0px;
  padding : 0px;
  list-style:none;
}

.banner-box li {
  list-style:none;
  float:left;
  margin : 2px 1%;
  padding : 0px;
  width:48%;
}
.banner-box li:nth-child(5){
  margin : 2px 45% 0px 1%;
  padding : 0px;
  width:48%;
}




/* --- contact_btn --- */


.contact_btn {
  margin: 0;  
  /*margin: 0 1% 3% 1%; */ 
  font-size:120%;
  background:fff;
  padding:7px 0;
}

.contact_btn ul{
	list-style-type: none;  
  padding: 0;
  	width:100%;

}

.contact_btn li{
  list-style: none;
	/*background:url(../../img/common/arrow_right.png) no-repeat,-moz-linear-gradient(top,#ededed 0%,#f3f3f3)
      background:url(../../img/common/arrow_right.png) no-repeat,-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f3f3f3))*/
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAMAAAA6Aj1XAAAAPFBMVEUAAACcnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJyIChzrAAAAE3RSTlMApffgrnkRJkm9lPBoxjKHCtRbZ0e7DwAAAOFJREFUOMuFk9EShCAIRS1RMzMr//9ft5EcKKg9T7vOCYhrpuOPwdaTlF0wb2wuVWJ4Ede93lk0a6onO3BvVizsZMqnF8Z2DsYcX31j7ZpZLfOCaIlNTzyQNmjFqsWnnV4u1M44YfWxHzimLXjEzkNfYmbaXBngWyQD/ktitI5deQuhEdeAf7QYWtvy1OBmFXyJLJoWbh3YMV2DyhBoflowMM2PchtUWy4u026R5I2SFlBSMiuaBdpPYt/UCwftFhGreeAzfk72kYbwKAq6VBpORKYT5kQSlZL4qUCMcV60Sj+P0yT2BQCAjQAAAABJRU5ErkJggg==) no-repeat,-moz-linear-gradient(top,#ededed 0%,#f3f3f3);
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAMAAAA6Aj1XAAAAPFBMVEUAAACcnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJycnJyIChzrAAAAE3RSTlMApffgrnkRJkm9lPBoxjKHCtRbZ0e7DwAAAOFJREFUOMuFk9EShCAIRS1RMzMr//9ft5EcKKg9T7vOCYhrpuOPwdaTlF0wb2wuVWJ4Ede93lk0a6onO3BvVizsZMqnF8Z2DsYcX31j7ZpZLfOCaIlNTzyQNmjFqsWnnV4u1M44YfWxHzimLXjEzkNfYmbaXBngWyQD/ktitI5deQuhEdeAf7QYWtvy1OBmFXyJLJoWbh3YMV2DyhBoflowMM2PchtUWy4u026R5I2SFlBSMiuaBdpPYt/UCwftFhGreeAzfk72kYbwKAq6VBpORKYT5kQSlZL4qUCMcV60Sj+P0yT2BQCAjQAAAABJRU5ErkJggg==) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f3f3f3));
	color: #004575;
	border-radius:5px;
	border:1px solid #ccc;
	background-size:19px 14px,auto;
	background-position:5px 50%,100% 100%;
	font-weight:bold;
	width:95%;
	height:45px;
	margin:0 10px 5px 10px;
	padding:0 10px 0 25px;
	float: left;
	line-height : 110%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
    display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
  }


.contact_btn li a{
    display:block;
	text-decoration: none;
	color: #004575;
	width:100%;
	height:auto;
}

.contact_btn li span{
    display:block;
	width:100%;
  -webkit-box-flex: 1.0;
  -moz-box-flex: 1.0;
  -o-box-flex: 1.0;
  -ms-box-flex: 1.0;
  }

/* --- login_btn --- */

.login_btn{
  list-style: none;
	/*background:url(../../img/common/arrow_right.png) no-repeat,-moz-linear-gradient(top,#ededed 0%,#f3f3f3)
      background:url(../../img/common/arrow_right.png) no-repeat,-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f3f3f3))*/
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAMAAAA6Aj1XAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMA8aS7TBJ2rSTCKpT4fwZDMmfdDlvQiuXWthQSTlcAAADzSURBVDjLfZNbloMgDECDgEAVfNRay/4XOjOkTsJD7x/hnoQkBzh5bt07/iJc/4ArQi8i0V2I8xFzlpal/m6OD/eG2pqwEuy3nh1T3ABsd3VlPDWYV+bZ4mGkgTas30xzEXnjFHw7nf2Pjgqzj2egZ9oSCZ8ij1dEHNOGyDA67a3Dkyj6JNY5BXs8VR0QE038RnOpvbCXmsmsPaTuXVXUc2vDiuI7Sb6E9vtxL4Qe62lQ7npwjmaLiCc0tmVoU/Wu6C2m6OcIuRbkV9PZcGYo0C/8Tiu3FFRoGQvEBA2Cz62PhTZ2oP8sFVyjlTfOyWFpZfoB/w4ySumF35kAAAAASUVORK5CYII=) no-repeat,-moz-linear-gradient(top,#008cba 0%,#008cba);
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcCAMAAAA6Aj1XAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMA8aS7TBJ2rSTCKpT4fwZDMmfdDlvQiuXWthQSTlcAAADzSURBVDjLfZNbloMgDECDgEAVfNRay/4XOjOkTsJD7x/hnoQkBzh5bt07/iJc/4ArQi8i0V2I8xFzlpal/m6OD/eG2pqwEuy3nh1T3ABsd3VlPDWYV+bZ4mGkgTas30xzEXnjFHw7nf2Pjgqzj2egZ9oSCZ8ij1dEHNOGyDA67a3Dkyj6JNY5BXs8VR0QE038RnOpvbCXmsmsPaTuXVXUc2vDiuI7Sb6E9vtxL4Qe62lQ7npwjmaLiCc0tmVoU/Wu6C2m6OcIuRbkV9PZcGYo0C/8Tiu3FFRoGQvEBA2Cz62PhTZ2oP8sFVyjlTfOyWFpZfoB/w4ySumF35kAAAAASUVORK5CYII=) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#008cba), to(#008cba));
	color: #fff;
	font-size:130%;
	border-radius:5px;
	border:1px solid #007ba4;
	background-size:19px 14px,auto;
	background-position:5px 50%,100% 100%;
	font-weight:bold;
	width:95%;
	height:45px;
	margin:10px 10px 5px 10px;
	padding:0 10px 0 13px;
	float: left;
	line-height : 110%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  box-align: center;
}


.login_btn span a{
	display: block;
    text-decoration: none;
    color: #fff;
    margin: 0 0 0 15px;
}

.login_btn span{
    display:block;
	color:#fff;
	width:100%;
	-webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
	line-height:1.0;
}

/* --- img-link_btn --- */

.img-link_btn {
  margin: 0 5px 15px 5px;  
}

.img-link_btn ul{
	list-style-type: none;  
  padding: 0;
  	width:100%;
	margin:0;

}

.img-link_btn li{
	list-style:none;
  position:relative;
  margin:0 0 10px 0;
}

/* --- img-detail_btn --- */

.img-detail_btn {
  margin: 0 ;  
}

.img-detail_btn ul{
	list-style-type: none;  
  padding: 0;
  	width:100%;
	margin:0;

}

.img-detail_btn li{
	list-style:none;
  float:left;
  margin:0 .2em 30px 0;
  width:32.7%;
  height:auto;
}
.img-detail_btn li:last-child{
  margin:0 0 30px 0;
}

/* --- voice_btn --- */

.voice_btn {

}

.voice_btn h2{
    font-size: 17px;
    line-height: 1;

}

.voice_btn h3{
    font-size: 12px;
    font-weight: inherit;
    margin-bottom: 5%;

}

.voice_btn ul{
	list-style-type: none;  
	padding: 0;
	width:100%;
	margin:0;

}

.voice_btn li{
	list-style:none;
	float:left;
	margin-right:2px;
	width:32.7%;
	height:auto;
}
.voice_btn li:last-child{
	margin:0 0 30px 0;
}

.voice_btn li span{
	font-weight:bold;
	text-align:center;
	display:block;
	margin:12px 0 8px 0;
	font-size:13px;
}

.voice_btn img{
	width: 95%;
	height: auto;
}



/* --- tabMenu --- */

#tab{
	width:100%;
	margin:0;
	padding:12px 0 0 0;
	background:#c6c8da url(../img2015/header/colors_bar.png) no-repeat 0 0;
	background-size:contain;
}

#tab > ul > li {
	float: left;
	width:33%;
}
#tab > ul > li:last-child{
	width:34%;
}
#tab > ul > li span {
	display:block;
	padding: 13px 5px 0 5px;
	height:45px;
	line-height:30px;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	list-style: none;
	cursor: pointer;
	background: #e3e4ed;
	color:#1c236d;
}
#tab > ul > li.select span {
	background: #FFF;
	margin:0 2px;
}
#tab > ul > li:last-child span{
	margin:0 0 0 4px;
}
#tab > ul > li:first-child span{
	margin:0 4px 0 0;
}

.disnon {
  display: none;
}



.tab_content {
	clear:both;
	width: 100%;
	height: auto;
	margin:0 0 25px 0;
	background: #FFF;
	color: #000;
}


/* --- school_btn --- */

.school_btn{
	padding: 10px 0;
	width:100%;
}

.school_btn a{
	display:block;
	padding:12px 0 12px 15px;
	border-bottom:1px solid #CCC;
	font-size:110%;
	color:#333;
	text-decoration:none;
	background:url(../img2015/footer/vector.png) 97% 50% no-repeat;
	background-size:2.5%;
}



/* --- semi_btn --- */

.semi_btn{
	padding: 10px 0;
	width:100%;

}
.semi_btn a{
	display:block;
	padding:12px 0 12px 15px;
	border-bottom:1px solid #CCC;
	font-size:110%;
	color:#333;
	text-decoration:none;
	background:url(../img2015/footer/vector.png) 97% 50% no-repeat;
	background-size:2.5%;
}


.arrow_01{
	display:block;
	font-size:100%;
	margin:0 0 8px 20px;
	position:relative;
}
.arrow_01 a{
	display:block;
	width:100%;
	height:100%;
}

.arrow_01:before{
	content: "";
  position:absolute;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left:solid 4px #0f368e;
  width:0;
  height:0;
  top:6px;
  left:-7px;
  display:block;
}


/* --- otherlink_btn --- */

.otherlink_btn {
  margin: 0;  
  font-size:85%;
}

.otherlink_btn ul{
	list-style-type: none;  
  padding: 0;
  	width:100%;
	margin:0;

}

.otherlink_btn li{
	list-style:none;
  position:relative;
  margin:4px 5px 4px 10px;
}


.otherlink_btn li a{
	display:block;
	width:100%;
	height:100%;
}
.otherlink_btn li:before{
	content: "";
  position:absolute;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left:solid 4px #0f368e;
  width:0;
  height:0;
  top:6px;
  left:-7px;
}


/* --- menu_btn --- */

.menu_btn {
	margin:0;
	font-size:90%;
}

.menu_btn ul{
	list-style-type: none;  
  	width:100%;

}

.menu_btn li{
	width:100%;
	margin:0 0 0 0;
	float: left;
	line-height : 110%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	box-align: center;
	text-decoration:none;
	position:relative;
}


.menu_btn li a{
	display:block;
	padding:8px 5px 0px 10px;
	height:100%;
	color: #1c236d;
}
.menu_btn li:after{
	position:absolute;
	left:5px;
	top:57%;
	content:"";
	display:block;
	width:7px;
	height:7px;
	background:url(../img2015/footer/css_sprite.png);
    background-size: 166px 363px;
    background-position:0 -264px;
}

.menu_btn li span{
	display:block;
	margin:5px;
	-webkit-box-flex: 1.0;
    -moz-box-flex: 1.0;
    -o-box-flex: 1.0;
    -ms-box-flex: 1.0;
	line-height:1.0;
}

/* --- yougo_btn --- */

.yougo_btn {
	margin:0;
	padding:0 0 10px 0;
	font-size:90%;
}

.yougo_btn ul{
	list-style-type: none;  
	padding: 0;
	width:100%;

}

.yougo_btn li{
	width:100%;
	margin:10px 0 0 0;
	padding:0px 5px 0px 13px;
	float: left;
	line-height : 110%;
	text-decoration:none;
	position:relative;
}

.yougo_btn li a{
	display:block;
	width:100%;
	height:100%;
}
.yougo_btn li:before{
	position:absolute;
	display:block;
	left:6px;
	content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2NkYGD4D8SMQAwhYAIwDlgAQwauBwCf2QUFvLzXewAAAABJRU5ErkJggg==);
}

.yougo_btn li span{
	display:block;
	margin:2px;
}



/* --- back to voice btn --- */

.back_voice_btn{
	background: -moz-linear-gradient(top,#E0B034 0%,#826313);
	background: -webkit-gradient(linear, left top, left bottom, from(#E0B034), to(#826313));
	color: #fff;
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	width:90%;
	height:20px;
	margin:0 5% 0 5%;
	padding: 12px 0 10px 0;
	text-align: center;
	font-size:100%;
    line-height : 120%;
	 float: left;
	 border-radius:5px;
	 vertical-align:middle;
}

.back_voice_btn a{
	 display:block;
	text-decoration: none;
	color:#fff;
}

.back_voice_btn a:hover{
	color:#A83F00;
}



/* ------------------------------------------------------------------------ */

/* info �*/

/* ------------------------------------------------------------------------ */

.info dl {
  padding : 0 0 10px 0;
  margin:0 5px 10px 5px;
  line-height : 150%;
  text-align: left;

}

.info dt {
	line-height:1.0;
	padding:5px 0 5px 5px;
	color:#fff;
	font-size:100%;
	background-color:#1c236d;
	font-weight:bold;
  border: 1px solid #1c236d;
}

.info dd {
    border-left: 1px solid #1c236d;
    border-right: 1px solid #1c236d;
    border-bottom: 1px solid #1c236d;
  background-color:#ffffff;
  margin:0 0 5px 0;
	padding:2px 0 2px 5px;
	color:#000;
}

/* ------------------------------------------------------------------------ */

/* info02*/

/* ------------------------------------------------------------------------ */

.info02 dl {
  padding : 0 0 0 0;
  margin:0 0px 0px 0px;
  line-height : 150%;
  text-align: left;

}

.info02 dt {
	line-height:1.0;
	padding:5px 0 5px 5px;
	color:#fff;
	font-size:100%;
	background-color:#1c236d;
	font-weight:bold;
  border: 1px solid #1c236d;
}

.info02 dd {
    border-left: 1px solid #1c236d;
    border-right: 1px solid #1c236d;
    border-bottom: 1px solid #1c236d;
  background-color:#ffffff;
  margin:0 0 5px 0;
	padding:2px 5px 2px 5px;
	color:#000;
}


.caption{
	color:#b03434;
	margin:10px 0 0 0;
}

.caption02{
	margin:0 0 0 0;
	text-indent:-16px;
	padding-left:16px ;
}
.caption02:before {
	content:"�E";
}
.way{
	color:#634303;
}


/* ------------------------------------------------------------------------ */

/* map �*/

/* ------------------------------------------------------------------------ */

#map {
	width: 88%;
	height: 280px;
/*	border: 7px solid #69C;
*/	border: 1px solid #666;
margin:0 20px 5px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* --- map_btn --- */

.map_btn{
	background: -moz-linear-gradient(top,#bb871c 0%,#ddad4a);
	background: -webkit-gradient(linear, left top, left bottom, from(#bb871c), to(#ddad4a));
	color: #fff;
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	width:120px;
	height:auto;
	margin:10px 5px 0 0;
	padding: 8px 0 10px 0;
	text-align: center;
	font-size:90%;
    line-height : 120%;
	 float: right;
	 border-radius:5px;
	 vertical-align:middle;
}

.map_btn a{
	 display:block;
	text-decoration: none;
	color:#fff;
	width:100%;
	height:100%;
}

.map_btn a:hover{
	text-decoration: none;
	color:#fff;
}
.map_btn a:visited {
	text-decoration: none;
	color:#fff;
}

.map_btn a:hover {
	text-decoration: none;
	color:#fff;
}

.map_btn a:active {
	text-decoration: none;
	color:#fff;
}

.online_ys{
	font-size:110%;
	margin:20px 0 10px 0;

}

/* ------------------------------------------------------------------------ */

/* social �*/

/* ------------------------------------------------------------------------ */

.social ul {
  width: 100%;
  overflow: hidden;
  margin:0 0 3px 8%;
}
.social li {
  float: left;
  margin: 10px;
}

/* ------------------------------------------------------------------------ */

/* point*/

/* ------------------------------------------------------------------------ */

.point_box{
	margin:0 5px 20px 5px;
	border:1px solid #1bc3db;
}

.point_box li {
	position: relative;
	background: #1bc3db;
	color: #fff;
	margin: 10px;
	padding: 10px 10px;
	font-size: 120%;
}

.point_box span{
	font:bold;
	font-size:110%;
}

/* ------------------------------------------------------------------------ */

/* カリキュラム*/

/* ------------------------------------------------------------------------ */

.dvd_box{
	margin:0 5px 20px 5px;
	border:1px solid #bd9429;
	padding:0px 10px 0px 10px;
}

.dvd_box ul{
	margin:8px 0 0px 0;
}
.dvd_box li{
	color:#000;
	list-style:disc;
	font-size:100%;
	margin-left:20px;
}

/* ------------------------------------------------------------------------ */

/* merit*/

/* ------------------------------------------------------------------------ */

.merit_box{
	margin:0 0 5px 0;
	padding:0;
	border:1px solid #1cb3db;
}

.merit_head{
	margin:0;
	padding:3px 0 3px 5px;
	background-color:#1cb3db;
	font:bold;
}

.merit_box p{
	margin:5px;
	font-size:100%;
}

/* ------------------------------------------------------------------------ */

/* web講座*/

/* ------------------------------------------------------------------------ */

.web_kouza{
	margin:0px 9px 20px 9px;
	padding:10px;
	line-height:1.6;
	text-align:left;
	vertical-align:middle;
	background-color:#eaeef0;
}

.web_title{
	border-bottom:2px solid #333;
	padding-left:3px;
	margin:0 0 8px 0 ;
	font-size:130%;
	color:#333;
}

.web_kouza p{
	margin:0 5px 0 5px;
}
.web_kouza table{
	border-collapse:collapse;
	margin: 20px 0;
}
.web_kouza th{
	background-color:#1c236d;
	color:#FFF;
	border-bottom:1px solid #FFF;
	padding: 5px;
}
.web_kouza td{
	border:1px solid #666;
	background-color: #FFF;
	padding: 5px;
}
.web_kouza dl{
	margin:10px 5px;
border: 1px solid #333;
border-top: none;
border-collapse:collapse;
background-color:#1c236d;
}

.web_kouza dt{
	
float: left;
width: 100px;
border-bottom: 1px solid #fff;
padding:3px 5px 3px 8px;
color:#fff;

}


.web_kouza dd{
background-color: #FFF;
margin-left: 100px;
border-top: 1px solid #333;
border-collapse:collapse;
padding:3px 5px 3px 8px;}


.web_res {
	padding:0;
	margin: 0px 0px 20px 0px;
	font-size:120%;
	color: #fff;
	font-weight: bold;
	background-color:#4A68A6;
	height: 70px;
	text-align:center;
	border-radius:5px;
	position:relative;
}


.web_res span {
  position: relative;
	padding:0;
	top:17px;
	margin:0 0 0 0;
  text-align:center;
}

.web_res span:before{
	position:absolute;
	content:"";
	left:-24px;
	/*display:block;*/
	width:22px;
	height:19px;
	background:url(../img2015/footer/css_sprite.png);
    background-size: 166px 363px;
    background-position:0 -31px;
}
.web_res:after{
	position:absolute;
	content:"";
	right:0;
	top:19px;
	/*display:block;*/
	width:20px;
	height:20px;
	background:url(../img2015/footer/css_sprite.png);
    background-size: 166px 363px;
    background-position:-129px -243px;
}

.web_res a {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;

}
.web_res a:link {
	color:#fff;
	text-decoration:none; 
}
.web_res a:visited {
	color:#fff;
	text-decoration:none;
}

.web_res a:hover {
	color:#fff;
	text-decoration:none;
}

.web_res a:active {
	color:#fff;
	text-decoration:none;
}

/*20150612 ここから*/


.att001 {
	padding:10px;
	font-size:82%;
}

.more_link {
	border:solid 3px #FE7600;
	padding:15px;
	margin:10px;
	background-color:#FFEBDD;
}

.more_link .list-recommend {
	background-color:transparent;
}

.more_link .list-recommend li {
	margin-left:10px;
}

.strong_style {
	font-weight:bold;
	text-align:center;
	font-size:108%;
}

.news_add_img .list-check02 ul.replace_ul {
	float:none;
	width:100%;
}

.list-check02 li.img_150612 {
	background-image:none;
	float:right;
	width:43%;
	height:auto;
	margin:0 2% 0 0;
}

.list-check02 li.img_150612:before {
	content:"";
	width:0;
	height:0;
	margin:0;
}

.news_add_img .list-check02 ul {
	width:70%;
	float:left;
}




.voice_common_names {
	display:block;
	font-size:92%;
	margin-top:5px;
	text-align:right;
}

.video_area {
	margin-bottom:40px;
}

.video_area_left {
	width:45%;
	float:left;
	margin-left:2%;
}

video_area_right {
	float:right;
	width:45%;
}

.video_area_right video {
	width:100%;
}

.green_arrow {
	text-align:center;
}

.green_arrow img {
	width:35%;
	height:auto;
}

.green_arrow_p {
	color:#41b685;
	padding-top:10px;
	font-size:112%;
	font-weight:bold;
	margin-bottom:25px;
}

.why_more {
	margin-top:0px !important;
	margin-bottom:17px !important;
}

.why_more span {
	background-color:#41b685;
	border-radius:4px;
	padding:5px;
	color:#ffffff;
	font-size:92%;
	border-bottom:none !important;
}

#head_btn #yoyaku {
    text-indent: 8px !important;
}

#head_btn #yoyaku span::after {
	background:none !important;
}