@charset "UTF-8";
/* CSS Document */

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: "KozGoPro-Regular","KozGoPr6N-Regular","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	line-height:1;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
	color: #000;
}

:focus {/* remember to define focus styles! */
	outline: 0;
}

h1, h2, h3, h4, h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
	font-size: 100%;
}

a, ins {
	text-decoration: none;
}

address, em, cite, dfn, var {
	font-style: normal;
}

input, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}

ol, ul {
	list-style: none;
	list-style-position: outside;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}
a img {
	outline:none;
}
img {
	border:0;
	vertical-align:top;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
span{
	line-height:inherit;
	font-size:inherit;
	color:inherit;
	vertical-align:inherit;
}
a{
	line-height:inherit;
	font-size:inherit;
	vertical-align:inherit;
}
/*-----------------------------------------------------------------------------* SETTING */
@font-face{ 
	font-family: 'qpMaruGo-UL';
	src: url(../fonts/qpMaruGo-UL.eot?#iefix) format('embedded-opentype'),url(../fonts/qpMaruGo-UL.woff) format('woff'),url(../fonts/qpMaruGo-UL.ttf) format('truetype');
}
.qp3f{
	font-family: 'qpMaruGo-UL',"KozGoPro-Regular","KozGoPr6N-Regular","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
	color:#000;
}

a ,a:link {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#5a7;
}
a:active {
	color:#444;
}

.h{
	visibility:hidden;
}
p{
	font-size:90%;
	text-align:left;
	line-height:2;
}

/*-----------------------------------------------------------------------------* COMMON */
body{
	overflow-x:hidden;
	text-align:center;
	background:#333;
}
#container{
}

.sec_title{
	margin:0 0 20px;
	font-weight:bold;
	color:#f64;
	font-size:130%;
	line-height:1.6;
	display:block;
	text-align:center;
}
.sec_subtitle{
	margin:0 0 10px;
	font-weight:bold;
	color:#544;
	font-size:100%;
	line-height:1.6;
	display:block;
	text-align:left;
}

.table-wrap{
	position:relative;
	margin-bottom:20px;
}
table{
	width:100%;
	background:#f3efe0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
th{
	width:20%;
	text-align:center;
	border-right:#fdfaef 1px dashed;
	padding:15px 5px;
}
td{
	width:80%;
	padding:15px 25px;
}
th,td{
	color:#433;
	border-bottom:#FFF 1px solid;
	font-size:90%;
	line-height:1.6;
	vertical-align:middle;
}
@media screen and (max-width: 600px) {
	th,td{
		display:block;
		width:auto;
	}
	th{
		border-right:none;
		border-bottom:#fdfaef 1px dashed;
	}
}

/*-----------------------------------------------------------------------------* header */

#header{
	padding:50px 0 0;
}
#logo{
	font-size:25px;
	line-height:45px;
}
.logomark{
	font-size:200%;
	font-family:inherit;
	line-height:inherit;
}

/*-----------------------------------------------------------------------------* nav */

#nav{
	width:280px;
	margin:40px auto 0;
}


/*-----------------------------------------------------------------------------* container */
#contents{
	background:url(../images/bg.gif) center center #FaFaFa;
	-moz-box-shadow:  0 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	-ms-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
#contents-inner{
	padding-bottom:40px;
	background:#FFF;
	background:url(../images/bg-sketch-op.png) rgba(255,255,255,0.92);
	background-size:320px auto;
	width:380px;
	border:#FFF 1px solid;
	border-bottom:none;
	border-top:none;
	margin:0 0 0 auto;
	-moz-box-shadow:0 0 6px rgba(20,18,10,0.2);
	-webkit-box-shadow:0 0 20px rgba(20,18,10,0.2);
	-o-box-shadow:0 0 6px rgba(20,18,10,0.2);
	-ms-box-shadow:0 0 6px rgba(20,18,10,0.2);
	box-shadow:0 0 10px rgba(20,18,10,0.14);
}
#conttents p{
	text-align:justify;
	text-justify:inter-ideograph;
}
#main h1{
	padding:40px 0 0;
	font-weight:bold;
	font-size:80%;
	color:#7D8591;
	margin:0 auto 10px;
	line-height:1.8;
	letter-spacing:3px;
	max-width:280px;
}
#main-v{
}
#main h2{
	display:block;
	color:#6C7480;
	font-size:75%;
	margin:0 auto;
	border-radius:1000px;
	letter-spacing:0px;
	padding:12px 0 0;
}
#infos{
	margin-top:40px;
}
#infos h1{
	font-size:85%;
	margin-bottom:20px;
	letter-spacing:2px;
}
#infos h2{
	font-size:80%;
	line-height:1.7;
	letter-spacing:1px;
}
.gr{
	color:#999;
	font-size:85%;
	letter-spacing:0;
}
.gr2{
	color:#555;
	font-size:85%;
	letter-spacing:0;
}
.sec_box{
	margin-bottom:30px;
}
.more{
	color:#5a7;
}
.btn{
	display:block;
	border-radius: 4px;
	margin:10px 0px 0px 0px;
	overflow:hidden;
	border:#ddd 1px solid;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.05) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.03)), color-stop(100%,rgba(0,0,0,0.05)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.05) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.05) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.05) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.05) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#0d000000',GradientType=0 );
	}
.btn-inner{
	font-size:80%;
	position:relative;
	display:block;
	letter-spacing:3px;
	padding:15px 0 15px 0;
	line-height:1.4;
}
.btn-inner:hover{
	color: #333;
	text-shadow: 1px 4px 2px rgba(0,0,0,0.2);
}


/*-----------------------------------------------------------------------------* footer */
#footer{
	clear:both;
	padding:10px;
	overflow:hidden;
}
#footer p{
	text-align:left;
	color:#aaa;
}
#footer_inner{
}
#pagetop a{
}

.copyright{
	float:right;
	text-align:right;
	font-size:70%;
}
.photocap{
	float:left;
	font-size:70%;
	text-align:left;
}

/*-----------------------------------------------------
LP
-----------------------------------------------------*/
.lp #header{
	padding-bottom:40px;
	border-bottom:#f6f6f6 1px solid;
	border-bottom:rgba(0,0,0,0.05) 1px solid;
}
.lp #contents{
}
.lp #contents-inner{
	margin:0 auto;
	width:768px;
	min-width:320px;
}
.lp #main h1{
	width:auto;
	max-width:none;
	padding:35px 30px 0;
	font-size:110%;
}
.lp_lead{
	padding:20px 40px;
	font-size:80%;
	line-height:2.6;
	text-align:center;
}
.lp #infos h1{
	line-height:1.8;
	font-weight:bold;
}
.lp_form{
	width:300px;
	text-align:left;
	margin:10px auto 40px;
	line-height:1;
}

.lp_form p{
	padding:5px 0 0;
}

.lp_form span{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-top:8px;
	width:65px;
	text-align:left;
}
.lp_form input, .lp_form textarea{
	width:225px;
	background:#fff;
	border:#ddd 1px solid;
	padding:3px;
	border-radius:2px;
}
.lp_form textarea{
	height:100px;
}
.lp_form input.form_submit{
	width:auto;
	text-align:center;
	margin:0 auto;
	display:block;
	border-radius: 4px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 40px;
	cursor:pointer;
	border-color:#dd4433;
	color:#FFF;
	background: #ff8877;
	background: -moz-linear-gradient(top, rgba(255,40,0,0.6) 0%, rgba(255,0,0,0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,40,0,0.6)), color-stop(100%,rgba(255,0,0,0.6)));
	background: -webkit-linear-gradient(top, rgba(255,40,0,0.6) 0%,rgba(255,0,0,0.6) 100%);
	background: -o-linear-gradient(top, rgba(255,40,0,0.6) 0%,rgba(255,0,0,0.6) 100%);
	background: -ms-linear-gradient(top, rgba(255,400,0.6) 0%,rgba(255,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(255,40,0,0.6) 0%,rgba(255,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff887700', endColorstr='#ff777700',GradientType=0 );
}
.lp_form input.form_submit:hover{
	color:#FFC;
}
.lp #footer p{
	text-align:center;
}
.lp .copyright{
	float:none;
	text-align:center;
}

/*-----------------------------------------------------
スマートフォン・タブレット縦
-----------------------------------------------------*/

@media screen and (max-width: 1023px) {
	#header{
		padding-bottom:40px;
		border-bottom:#f6f6f6 1px solid;
		border-bottom:rgba(0,0,0,0.05) 1px solid;
	}
	#contents{
	}
	#contents-inner{
		margin:0 auto;
		width:70%;
		min-width:320px;
	}
	#footer p{
		text-align:center;
	}
}
@media screen and (max-width: 320px) {
	#contents{
		background:#FFF;
	}
	#contents-inner{
		-moz-box-shadow:none;
		-webkit-box-shadow: none;
		-o-box-shadow:none;
		-ms-box-shadow:none;
		box-shadow:none;
		-moz-box-shadow:  0 0 300px rgba(255,255,255,0.7) inset;
		-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.7) inset;
		-o-box-shadow: 0 0 300px rgba(255,255,255,0.0.7) inset;
		-ms-box-shadow: 0 0 300px rgba(255,255,255,0.0.7) inset;
		box-shadow: 0 0 300px rgba(255,255,255,0.7) inset;
	}
	.copyright{
		float:none;
		text-align:center;
	}
	.photocap{
		display:none;
	}
}




/*-----------------------------------------------------------------------------* Print */
@media print {
}


/*-----------------------------------------------------------------------------* layout */
.dN{
	display:none !important;
}
.dBlock{
	display:block !important;
}
.m0{
	margin:0 !important;
}
.m0A{
	margin:0 auto !important;
}
.mT0{
	margin-top: 0px !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;
}
.mB0{
	margin-bottom:0 !important;
}
.mB5{
	margin-bottom:5 !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;
}
.mR15{
	margin-right: 15px !important;
}
.pL15{
	padding-left:10px !important;
}
.pL10{
	padding-left:10px !important;
}
.pL15{
	padding-left:10px !important;
}

.indent1{
	padding-left:20px !important;
}
.indent2{
	padding-left:25px !important;
}
.clear{
	clear:both;
}
.center{
	text-align: center !important;
	display: block !important;
}
.highlight {
	-webkit-tap-highlight-color:rgba(0,0,0,0.2);
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.a-center {
	text-align: center !important;
}
.a-left {
	text-align: left !important;
}
.a-right {
	text-align: right !important;
}
.border {
	border: 1px solid #CCC !important;
}
.no_border {
	border: none !important;
}
.accent{
	color:#195BD9 !important;
}
.bold{
	font-weight:bold !important;
}
.small {
	font-size:80% !important;
}
.big {
	font-size:125% !important;
	line-height:80% !important;
}
.p-big {
	font-size:125% !important;
	line-height:1.5 !important;
}
.p-big2 {
	font-size:110% !important;
	line-height:1.3 !important;
}
.p-small {
	font-size:80% !important;
	line-height:1.3 !important;
}
.red{
	color:#A00;
}
.radius{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.radius-t{
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	-ms-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
.radius-b{
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-o-webkit-border-radius: 0 0 6px 6px;
	-ms-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}