@charset "utf-8";
/* CSS Document */
* html body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-repeat: repeat;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-repeat: repeat;
	margin-top: 0px;
	padding-top: 0px;
}
img {
    max-width: 100%;
    height: auto;
    width /***/: auto; 
}
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	margin: auto;
	width: 100%;
}
h1{}
.head{width: 80%; max-width: 1280px;
	margin: 0px auto;}

#container {
	width: 100%;
	color: #666;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}

.media_box {
	margin: 0 auto;
	padding: 0;
	max-width: 980px;}

.cont1 {margin: 0 auto;padding: 0;max-width: 980px;position: relative}

.cont1 .glaf{width: 35%;  top: 60%; right: 1%;position: absolute;}
.cont1 .glaf img{width: 100%; height: auto}

/* cta
----------------------------------------------------*/

.cta {margin: 0 auto; margin-bottom: 3%;
	padding: 0;
	max-width: 980px; position: relative}
.cta p { width: 45%; position: absolute; top: 57%; right: 10%; }

a p.bt_cta1 {
	background-image: url(../img/cta_bt1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 94px;
	width: 471px;
}
a:hover p.bt_cta1 {
	height: 94px;
	width: 471px;
	background-image: url(../img/cta_bt1_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.cover0{ width: 100%; padding: 0% 0 1%  0; background-color: #000;  margin-bottom: 1%; }
.cover1{ width: 100%; padding: 2% 0; background-color: #3561D5;  margin-bottom: 2%; }
.cover2{ width: 94%; padding: 2% 3%; background-color: #444851; margin-top: 2%; color: #FFFFFF; font-size: xx-large; font-weight: bolder; text-align: center; }
.cover3{ width: 100%; padding: 0% 0% 5% 0%; background-color: #010420;text-align: center; }
.cover4{ width: 100%; padding: 3% 0% 3% 0%; background-color: #D7D7D9; text-align: center; }
.cover5{ width: 100%; padding:  0%; text-align: center; background-image: url(../img/bg.png); }

/* info
----------------------------------------------------*/

.info {
	background-image: url(../img/20150601lp_13.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
.info p.bt_info {
	height: 86px;
	width: 313px;
	margin-right: auto;
	margin-left: 445px;
	float: left;
	margin-top: 75px;
}
a p.bt_info {
	background-image: url(../img/bt_lp_13.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 86px;
	width: 313px;
}
a:hover p.bt_info {
	height: 86px;
	width: 313px;
	background-image: url(../img/bt_lp_13on.png);
	background-repeat: no-repeat;
	background-position: left top;
}


/* qa
----------------------------------------------------*/
.qa {  background-repeat: no-repeat; background-position: center top; height: auto; width: 100%; margin-right: auto; margin-left: auto; margin-top: 25px; background-color: #FAF7E7; margin-bottom: 1%;  padding:2% 0%;  }
.q0,
.q1,
.q2,
.q3,
.q4,
.q5 {  width: 74%; margin-left: 10%; height: auto; font-size: 18px; font-weight: bold; line-height: 21px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #096; padding: 1%; text-align: left; color: #D40105; }
.a0,
.a1,
.a2,
.a3,
.a4,
.a5 {
	
	width: 74%;
	margin-left: 10%;
	font-size: 18px;
	padding: 1%; margin-bottom:2%;
	line-height: 170%;
	color: #000;
	text-align: left;
}
.q0 {
	margin-bottom: 1%;
}
.q1 {
}
.q2 {
	
	
}
.q3 {
	
	
}
.q4 {margin-top: 40px;
	
}
.q5 {
	
	
}
.a {
}
.a1 {
	padding-top: 20px;
}
.q_font { font-size: 24px; color: #D50C0F; }
.a_font {
	font-size: 24px;
	color: #F93;
	height: 55px;
	float: left;
	width: 25px;
}

/* vois
----------------------------------------------------*/
.vois {
	background-image: url(../img/13.png);
	height: 900px;
	width: 980px;
	background-repeat: no-repeat;
	background-position: center top;
}
.vs_tit,
.vs_tit2,
.vs_tit3,
.vs_tit4,
.vs_tit5,
.vs_tit6 {
	color: #FB0685;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 24px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #3CC;
	padding-bottom: 8px;
	text-align: center;
}
.vs_tit {
	margin-top: 160px;
	margin-left: 350px;
	width: 500px;
}
.vs_tit2 {
	margin-left: 112px;
	margin-top: 35px;
	width: 500px;
}
.vs_tit3 {
	width: 100%;
}
.vs_tit4 {
	width: 100%;
}
.vs_tit5 {
	width: 100%;
}
.vs_tit6 {
	width: 100%;
}
.vs,
.vs2,
.vs3,
.vs4,
.vs4,
.vs6 {
	float: left;
	height: auto;
	font-size: 14px;
	line-height: 18px;
	color: #000;
}
.vs {
	width: 100%;
	margin-top: 10px;
}
.vs2 {
	width: 100%;
	margin-top: 10px;
}
.vs3 {
	width: 100%;
	margin-top: 10px;
}
.vs4 {
	width: 100%;
	margin-top: 15px;
}
.vs5 {
	width: 100%;
	margin-top: 15px;
}
.vs6 {
	width: 100%;
	margin-top: 15px;
}
.vs_box,
.vs_box2,
.vs_box3 {
	width: 218px;
	background-repeat: repeat;
	margin-right: auto;
	margin-left: 25px;
	margin-bottom: 25px;
	float: left;
	font-size: 14px;
	height: 300px;
	margin-top: 245px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.vs_box4,
.vs_box5,
.vs_box6 {
	width: 220px;
	background-repeat: repeat;
	margin-right: auto;
	margin-left: 25px;
	margin-bottom: 25px;
	float: left;
	font-size: 14px;
	height: 315px;
	margin-top: 75px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.vs_box {
	margin-left: 53px;
}
.vs_box2 {
}
.vs_box3 {
}
.vs_box4 {
	margin-left: 53px;
}
.vs_box5 {
}
.vs_box6 {
}



h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 40px;
	color: #C30;
	text-align: right;
	margin-bottom: 5px;
}

#comment {
	text-align: left;
}
#copyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	width: 100%;
	float: left;
	margin-bottom: 5%;
}
strong {
	color: #F90;
}
span {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
}
dl.box3{width: 26%; margin: 2% 1%; height: auto; border: solid 1px #333; text-align: left; padding: 2%; display: inline-block; background-color: #FFF; vertical-align: top; margin-top: 5%;}
dl.box3 dt{ width: 33%; text-align: left; font-size: 2em;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box3 dd{width: 55%;text-align: left; margin-left: 3%}
dl.box1{width: 91.5%; margin: 1% 1%; margin-left:1% ; height: auto; border: solid 1px #333; text-align: left; padding: 2%; display: inline-block; background-color: #FFF}
dl.box1 dt{width: 15%; margin: 1% 0%; margin-right:3% ; float: left}
dl.box1 dd{width: 80%; margin: 1% 0%; float: left}

dl.box2-1{width: 42.5%; margin: 2% 1%; height: auto; border: solid 1px #333; text-align: left; padding: 1% 2%; display: inline-block; background-color: #FFF; vertical-align: top; margin-left: 1.5%;margin-right: 2%;padding-bottom: 2.85em;}
dl.box2-2 {width: 42%; margin: 2% 1%; height:auto; border: solid 1px #333; text-align: left; padding: 1% 2%; display: inline-block; background-color: #FFF; vertical-align: top;margin-left: 0;margin-right: 2%;}
dl.box2-1 dt{ width: 33%; text-align: left; font-size: 2em;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box2-2 dt{ width: 33%; text-align: left; font-size: 2em;margin-top: 0%;margin-bottom: 3%; background: linear-gradient(transparent 60%, #ffff66 60%); font-family: 'Arima Madurai', cursive;  }
dl.box2-1 dd{width: 45%;text-align: left; margin-left: 3%}
dl.box2-2 dd{width: 45%;text-align: left; margin-left: 3%;font-size: 80%}
dl.box2-2 p{text-align: left;margin-top: 2%;font-size: 60%}

.thmb{ width: 50%; float: right;margin-top: 5%;}
.thmb2{ width: 60%; float: right;margin-top: 5%; }