/* CSS Document */

/* (1-1) 全体の文字
--------------------------------------------*/
::selection { background: #fffced; /* Safari */ }
::-moz-selection { background: #fffced; /* Firefox */ }
html{ font-size:62.5%; }
body {
	margin: 0;
	color:#525252;
	font-size:2.2rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../img/sos.png);
}
#Header {
	width: 1000px;
	height: 100%;
	margin: auto;
}
#Contentsu {
	width: 1000px;
	height: 100%;
	margin: auto;
	background: url(../img/contents_back.png) repeat-y;
}
h1 {
	padding: 0;
	margin: 0;
}
img {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}


/* 文字装飾
--------------------------------------------*/
#header_line p {
	width:100%;
	height:15px;
	margin:0 auto;
	background-color:#004403;
}
.sub_img {
	margin-top:85px;
	margin-bottom:30px;
}
.m-p {
	width: 830px;
	margin: auto;
	font-size: 18px;
	line-height: 1.6;
	text-align: left;
}
.l-p {
	font-size: 18px;
	text-align: left;
}
.b-p {
	width: 900px;
	font-size: 18px;
	text-align: left;
}
.p20 {
	margin: auto;
	font-size: 20px;
	font-weight: bold;
}
.p25 {
	margin: auto;
	font-size: 25px;
	font-weight: bold;
}
.p30 {
	margin: auto;
	font-size: 30px;
	font-weight: bold;
}
.p35 {
	margin: auto;
	font-size: 35px;
	font-weight: bold;
}
.p40 {
	margin: auto;
	font-size: 40px;
	font-weight: bold;
}
.p45 {
	margin: auto;
	font-size: 45px;
	font-weight: bold;
}
.p80 {
	margin: auto;
	font-size: 80px;
	font-weight: bold;
}
.r { color: #C00; }
.blu { color: #00F; }
.b { font-weight: bold; }
.u { text-decoration: underline; }
.bu {font-weight: bold;text-decoration: underline;}
.mark { background: linear-gradient(transparent 50%, #FF9 50%); }
.left { text-align: left; }
.list-color {
	width:880px;
	background-color: #FCFFFA;
}
.list-color hr {
	border: 0;
	border-bottom: 1px dashed #ccc;
}
.list-color2 {
	width:880px;
	background-color: #FCFFFA;
}
.list-color2 hr {
	border: 0;
	border-bottom: 1px dashed #ccc;
}
.mainBoxTai {
	overflow: auto;
	display: block;
	width: 610px;
	height: 100%;
	padding: 10px 0;
	margin-top: 1px;
	color: #333;
	font-size: 33px;
	line-height: 40px;
	font-weight: bold;
	text-align: left;
	clip: rect(auto,auto,auto,auto);
}
.MainBox-p {
	width: 780px;
	margin: auto;
	font-size: 18px;
	line-height: 30px;
}

/* 文字装飾
--------------------------------------------*/
.voice_text {
	padding-top:50px;
	padding-bottom:10px;
	margin:0 auto;
	color:#26160b;
	font-size:45px;
	font-weight:bold;
	line-height:1.2;
}
.BolettoBox {
	width: 850px;
	margin: 0 auto 40px;
}
.BolettoBox ul { display: inline; }
.BolettoBoxInner {
	padding-top: 50px;
	padding-left: 73px;
}
.BolettoBox li {
	padding-bottom: 15px;
	padding-left:50px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #333;
	color: #333;
	font-size: 23px;
	text-align: left;
	line-height: 35px;
	letter-spacing: -1px;
	font-weight: bold;
	list-style: outside none;
	background: url(../img/20141015_point.gif) no-repeat ;
}
.BolettoBox2 {
	width: 880px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}
.BolettoBox2 ul {
	display: inline;
	padding: 0;
	margin: 0;
}
.BolettoBox2 li {
	padding-bottom: 10px;
	margin: 10px auto 15px;
	border-bottom: 1px dotted #333;
	color: #333;
	font-size: 25px;
	text-align: left;
	line-height: 31px;
	letter-spacing: -1px;
	font-weight: bold;
	list-style: inside url(../img/check.png) none;
}
.BolettoBox3 {
	width: 880px;
	margin: 0 auto;
}
.BolettoBox3 li {
	padding-bottom: 15px;
	margin-bottom: 20px;
	margin-left:-20px;
	border-bottom: 1px dotted #333;
	color: #333;
	font-size: 23px;
	text-align: left;
	line-height: 1.3;
	list-style:none;
	letter-spacing: -1px;
	font-weight: bold;
}
.BolettoBox_dvd {
	width: 790px;
	margin-bottom: 40px;
}
.BolettoBox_dvd li {
	width: 740px;
	padding-bottom: 1px;
	padding-left:50px;
	margin-bottom: 15px;
	margin-left:40px;
	border-bottom: 1px dotted #333;
	color: #333;
	font-size: 25px;
	text-align: left;
	list-style:none;
	line-height: 1.3;
	letter-spacing: -1px;
	font-weight: bold;
	background:url(../img/check.png) no-repeat left;
}
.BolettoBox_dvd p {
	width: 800px;
	margin: 0 auto 40px;
	font-size: 18px;
	text-align: left;
}
.BolettoBox_dvd img { padding:20px 0; }
.MainBox2 h4 {
	margin-bottom:30px;
	margin-left:50px;
	font-size:28px;
	font-weight: bold;
}
#cover { text-align: center; }
#Contentsu img { margin-bottom: -3px; }
.MainBox_top { margin-top:30px; }
.MainBox {
	overflow: auto;
	width: 830px;
	margin: 0 auto;
	border: 2px solid #079b10;
	text-align: left;
}
.MainBox_ph {
	width:830px;
	margin:0 auto;
}
.MainBox hr {
	width:780px;
	margin: 0 auto;
	border: 0;
	border-bottom: 1px dashed #079b10;
	background: #FFF;
}
.koe {
	overflow: auto;
	width:830px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/hiroe_voice_02.jpg) repeat-y;
}
.koe2 {
	overflow: auto;
	width:838px;
	height: 100%;
	padding: 0 0 5px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/b5.png) repeat-y;
	clip: rect(0px,auto,auto,auto);
}
.koeInner {
	overflow: auto;
	width: 790px;
	padding-bottom: 20px;
	margin: auto;
	clip: rect(auto,auto,auto,auto);
}
.koeInnerLeft {
	float: left;
	margin-top:20px;
	margin-left:40px;
}
.koeInnerRight {
	float: right;
	width: 540px;
	margin:25px 30px 6px 0;
}
.koeInnerRight2 {
	float: right;
	width: 520px;
	margin:25px 30px 6px 0;
}
.koe hr{
	width:710px;
	margin:0 auto;
	border: 0;
	border-bottom: 1px dashed #CC9900;
	background: #FFF;
}
.koe2 hr{
	width:710px;
	margin:0 auto;
	border: 0;
	border-bottom: 1px dashed #999999;
	background: #FFF;
}
.koeai {
	display: block;
	height: 100%;
	margin: auto;
	font-size: 25px;
	line-height: 1.3;
	font-weight: bold;
	text-align: left;
}
.koeTai2 {
	display: block;
	height: 100%;
	margin: auto;
	font-size: 28px;
	line-height: 1.3;
	font-weight: bold;
	text-align: left;
}
.koeTai_name {
	display: block;
	margin:30px 15px auto auto;
	color: #666;
	font-size: 20px;
	font-weight:700;
	line-height: 23px;
	text-align:right;
}
.koe-p {
	width: 700px;
	padding-top:15px;
	margin:0 auto;
	font-size: 18px;
	line-height: 30px;
}
.Rght-p {
	width: 750px;
	text-align: right;
	font-size: 18px;
	line-height: 30px;
}
.MainBox2 {
	width: 880px;
	height: 100%;
	padding: 5px 0;
	margin: 0 auto auto auto;
	border:12px solid #80CE58;
}
.MainBox2 p { text-align: left; }
.MainBox2 li {
	margin-top:25px;
	line-height:30px;
}
.MainBoxCheckBox2 {
	width: 720px;
	padding-left: 15px;
	margin: auto auto 38px auto;
}
.MainBoxCheckBox2 img { float: right; }
.MainBoxCheckBox2 ul {
	display: inline;
	padding: 0;
	margin: 0;
}
.MainBoxCheckBox2 li {
	margin-bottom: 15px;
	font-size: 17px;
	font-weight: bold;
	list-style: inside url(../img/c41.gif);
}
.MainBox3 {
	width: 960px;
	height: 100%;
	padding: 5px 0;
	margin: 0 auto auto auto;
	background-color:#F0FADF;
}
.MainBox3 p {
	width:870px;
	margin: auto;
	font-size: 20px;
	text-align: left;
}
.MainBoxCheckBox2 ul {
	display: inline;
	padding: 0;
	margin: 0;
}
.MainBoxCheckBox2 li {
	margin-bottom: 15px;
	font-size: 17px;
	font-weight: bold;
	list-style: inside url(../img/c41.gif);
}
.BolettoBox_dvd2 {
	width: 900px;
	margin-bottom: 40px;
}
.BolettoBox_dvd2 li {
	width: 870px;
	padding-bottom: 1px;
	padding-left: 50px;
	margin: 40px auto 40px 25px;
	color: #060;
	font-size: 30px;
	text-align: left;
	line-height: 1.3;
	letter-spacing: -1px;
	font-weight: bold;
	list-style: none;
	background: url(../img/check.png) no-repeat left;
}
.BolettoBox_dvd2 p {
	width:870px;
	margin: auto;
	font-size: 20px;
	text-align: left;
}
.BolettoBox_dvd2 img { text-align: center; }
.list-color3 {
	width:960px;
	margin-top:20px;
	background-color: #D1ECBE;
}
.list-color3 hr {
	border: 0;
	border-bottom: 1px dashed #ccc;
}
#Footer {
	width: 1000px;
	height: 100%;
	padding-top: 10px;
	margin: auto;
	background: url(../img/contents_back.png) repeat-y;
}
#FooterInner {
	overflow: auto;
	width: 958px;
	height: 100%;
	padding-top: 30px;
	padding-bottom: 40px;
	margin: auto;
	background-color: #ECF0EE;
}
.F_Logo {
	float: left;
	width: 250px;
	padding-left: 40px;
}
.F_Others {
	float: right;
	width: 450px;
	color: #666;
}
.F_Others p a { color: #666; }
.F_Others ul li a { color: #666; }
.F_Others li {
	float: left;
	padding-right: 10px;
	margin-right: 15px;
	border-right: 1px solid #CCC;
	font-size: 11px;
	list-style-type: none;
}
.F_Others p {
	clear: both;
	font-size: 12px;
	text-align: left;
}
.mainImg {
	float: left;
	width: 180px;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 30px;
}
dl {
	clear: both;
	width: 700px;
	margin: auto;
}
dt {
	float: left;
	clear: both;
	padding: 0 1em;
	text-align: left;
}
dd {
	margin: 0;
	padding-left: 10em;
	padding-bottom: 1em;
}
.MainBoxInner {
	overflow: auto;
	width: 790px;
	padding-bottom: 20px;
	margin: auto;
	clip: rect(auto,auto,auto,auto);
}
.BolettovoiceBox {
	width: 810px;
	margin: auto;
}
.Bolettovoicetext {
	padding-left: 35px;
	color: #333;
	font-size: 25px;
	font-weight: bold;
	text-align: left;
	line-height: 35px;
	background: url(../img/check.gif) no-repeat left top;
}
.Bolttovoicename {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #666;
	color: #666;
	font-size: 20px;
	text-align: right;
	font-weight: bold;
}
.diskcenimg2 {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.voicepbox {
	width: 700px;
	margin: auto;
}
.voicepbox img { float: right; }
.MainBoxInnerLeft { float: left; }
.MainBoxInnerRight {
	float: right;
	width: 630px;
}
.MainBox img { text-align: center; }
.mainBoxTai {
	display: block;
	height: 100%;
	padding-bottom: 10px;
	margin: auto;
	color: #333;
	font-size: 28px;
	line-height: 35px;
	font-weight: bold;
	text-align: left;
}
.timer{
	width:956px;
	padding:12px 0;
	margin:0px auto 0;
	border:2px solid #996600;
	color:#FF3300;
	font-size:3.5em;
	font-weight:700;
	line-height:60px;
	text-align:center;
	text-shadow:2px 2px 2px #ccc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.00, #000));
	background: -webkit-linear-gradient(top, #FFFFF0 0%, #F0E68C 100%);
}
.youtube {
	height:550px;
	background:url(../img/movie_back.png) bottom no-repeat;
}
#tuishin {
	width:950px;
	margin:0 auto;
	background:url(../img/hiroe_contents_13.jpg) repeat-y center;
}
#tuishin p {
	width:750px;
	padding-bottom:50px;
	margin-top:30px;
	margin-left:110px;
	color: #3A1A03;
	font-size:16px;
	line-height:1.6;
	text-align:left;
}
.float_r{ float:right; margin:0 0 1rem 1rem !important; }
.formWrap{height: 140px;margin: 10px auto 30px;border: none;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
【 SP 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:640px) {
	body{
		font-size:4.5vw;
		background: #FFF;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.float_r{ width:40%; }
	#Contentsu{
		width:100%;
		background: #FFF;
	}
	.BolettoBox,
	.BolettoBox2{
		width: 96%;
	}
	.BolettoBox_dvd{ width: 100%; }
	.BolettoBox li{
		padding:1rem 0 1rem 3rem;
		margin-bottom: .4rem;
		font-size:5vw;
		line-height: 1.2;
		background-position: left center;
		background-size: 8%;
	}
	.BolettoBox2 li{
		font-size:6vw;
		line-height: 1.2;
		border: none;
	}
	.BolettoBox2 p{display: none;}
	.MainBox{ width:96%; }
	.MainBox_ph{ width:96%; }
	.koe_top{ width: 100%; }
	.koe2{
		width: 100%;
		padding:0 2rem;
		background-size: 100%;
		box-sizing: border-box;
	}
	.koeInner{ width:100%; }
	.koeInnerLeft{
		width:30%;
		margin: 0;
	}
	.koeInnerRight2{
		width:70%;
		margin: 0;
	}
	.koeTai2{ font-size: 6vw; }
	.koeTai_name{
		margin: 1rem 0;
		font-size: 5vw;
	}
	.koe-p{
		width:96%;
		font-size: 4.5vw;
		line-height: 1.4;
	}
	.koe2 hr{ width:100%; }
	.list-color,
	.list-color2{
		width: auto;
	}
	.list-color2 p{
		display: none;
	}
	.MainBox2{
		width: 100%;
		border-width: 4px;
		box-sizing: border-box;
	}
	.MainBox2 li{ margin-left: 0; }
	.MainBox-p{
		width: 96%;
		font-size: 4.5vw;
		line-height: 1.4;
	}
	.BolettoBox_dvd li{
		width: auto;
		margin: 0;
		border: none;
		font-size: 6vw;
		line-height: 1.4;
	}
	.BolettoBox_dvd p{ display: none; }
	#tuishin{
		width:100%;
		background-size: 100%;
	}
	#tuishin p{
		width:96%;
		margin: auto;
	}
	.m-p{
		width:96%;
		font-size: 4.5vw;
	}
	.l-p,
	.p40{
		font-size: 4vw;
	}
	.p25{
		font-size: 5vw;
	}
	.sub_img{ margin: 4rem 0 3rem; }
	input.btn_submit3{
		width: 96% !important;
		background-size: 100% !important;
	}
	#Footer,
	#FooterInner{
		width: 100%;
		background-image: none;
	}
	.F_Logo{ float: none; }
	.F_Others{
		float: none;
		width: 100%;
	}
.MainBox hr{width: 100%;}
input.btn_submit3{height: 80px !important;}
.p80{font-size: 10vw;}
}