*, html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0px; 
	padding: 0px; 
	outline: 0px none; 
	border: medium none; 
	font-size: 100%; 
	vertical-align: top; 
	background: transparent none repeat scroll 0% 0%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
input, textarea, select, label {
	border: medium none; 
	font-size: inherit; 
	font-weight: inherit; 
	font-family: inherit; 
	vertical-align: middle; 
	background: transparent none repeat scroll 0% 0%;
}
html {
	width:100%;
	height: 100%;
}
body {
	width:100%;
	color: #555;
	font: 13px/1.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif; 
}
a:link, a:visited {
	color: #555;
	text-decoration: none;
}
a:hover {text-decoration:underline;}
a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

section {
	margin-bottom:20px;
}

ul, li {
	list-style-type: none;
}


button, input, optgroup, select, textarea {
	color: inherit; 
	font: inherit; 
	margin: 0px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0px none; 
	padding: 0px;
}
input {
	line-height: normal;
}
address {
	padding:10px 0;
	color: rgb(119, 119, 119); 
	font: bold 80% "Helvetica Neue",Arial;
	text-align:center;
}


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

.cf::before, .cf::after {
	content: " "; 
	display: block; 
	height: 0px; 
	visibility: hidden;
}
.cf::after {
	clear: both;
}
#w100 {
	width:100%;
}
#mb5 {
	display: block; 
	padding-bottom: 10px;
}

.alC { text-align:center; }
.more {
	text-align:center;
	margin:10px 0;
}

.only-smp {
	display:none;
}
@media screen and (max-width: 640px) {
	.only-smp {
		display:block !Important;
	}
	.only-pc {
		display:none;
	}
}

.pl15 { padding-left:15px !Important; }
@media screen and (max-width: 640px) {
	.pl15 { padding-left:0 !Important; }
}
.p20 { padding:20px 0 !Important; }
@media screen and (max-width: 640px) {
	.p20 { padding:5px 0 !Important; }
}


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

#header {
/*	overflow:hidden;・・・やるとスマホでMENU動作しない*/
}
#header #link {
	width:900px;
	margin: 0 auto !important;
	padding:15px 0;
	text-align:right;
}
@media screen and (max-width: 640px) {
	#header #link {
		width:100% !important;
	}
}
#header #link a {
	display:inline-block;
	margin: 0 15px 5px 0;
}

#header #title {
	margin-bottom:0;
}

#header #navi {
	background:#CCC;
}
#header #navi-inner {
	width:700px;
	margin: 0 auto !important;
	position:relative;
}
@media screen and (max-width: 640px) {
	#header #navi-inner {
		width:100% !important;
	}
}



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

#content {
	width:900px;
	margin: 0 auto;
	overflow:hidden;
}
@media screen and (max-width: 640px) {
	#content {
		width:100% !important;
	}
}

.midashi {
	margin-bottom:15px;
	padding: 0 10px;
	text-align:center;
	font-size:24px;
	line-height:150%;
	color:#222;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 640px) {
	.midashi {
		font-size:18px !important;
	}
}
.text {
	margin-bottom:15px;
	padding: 0 10px;
	text-align:center;
	font-size:15px;
	line-height:150%;
}

.img {
	width:100%;
	margin-bottom:15px;
	text-align:center;
}
.img img {
	width:auto;
}
@media screen and (max-width: 640px) {
	.img img {
		width:100% !important;
	}
}


.img-rdm {
	margin-bottom:15px;
}
.img-rdm span {
	display:inline-block;
	width:440px;
	padding-top:40px;
	text-align:center;
	font-size:16px;
	line-height:170%;
}
.img-rdm img {
	display:inline-block;
}
@media screen and (max-width: 640px) {
	.img-rdm {
	}
	.img-rdm span {
		display:block !important;
		width:95% !important;
		padding-top:0 !important;
		margin: 0 auto !important;
		font-size:14px !important;
		line-height:150% !important;		
	}	
	.img-rdm img {
		display:inline !important;
		width:100% !important;
		margin-bottom:15px !important;
	}
}




.img3 {
	padding-left:50px;
	margin-bottom:15px;
}
.img3 a {
	display:inline-block;
	width:255px;
	margin: 0 15px 0 0;
}
.img3 a img {
	width:100%;
}
@media screen and (max-width: 640px) {
	.img3 {
		padding-left:0 !important;
	}
	.img3 a {
		width:48%;
		margin: 0 1% 2% 0 !important;
	}
}





/* FAQ
--------------------------------------------------- */

#content.faq {
	padding:100px;
	font-size:15px;
	line-height:150%;	
}
.faq-title {
	font-size:17px;
	line-height:150%;
	border-bottom:solid 1px #666;
	padding-bottom:10px;
	margin-bottom:10px;
}
.faq-q {
	margin-bottom:5px;
}
.faq-a {
	margin-bottom:15px;
}
#faq-contact {
	padding:30px;
	background:#eee;
	font-weight:bold;
	font-size:17px;
	line-height:150%;
}
#faq-contact-1{
	text-align:center;
}
#faq-contact-2{
	padding:10px 0 0 230px;
}
@media screen and (max-width: 640px) {
	#content.faq {
		padding:10px !important;	
	}
	#faq-contact {
		padding:10px !important;	
		font-size:15px !important;
		line-height:150% !important;	
	}
	#faq-contact-1{
		text-align:left !important;	
	}	
	#faq-contact-2{
		padding:0px !important;	
	}	
}



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

#footer {
	width:100%;
	background:#333;
	overflow:hidden;
	margin-top:50px;
	color:#fff;
	font-size:15px;
	line-height:100%;
}
#footer a {color:#fff;}

#footer-inner {
	width:900px;
	margin: 0 auto;
	padding:30px 0;
}
@media screen and (max-width: 640px) {
	#footer-inner {
		width:100% !important;
	}
}

#footer-left {
	width:540px;
	float:left;
}
@media screen and (max-width: 640px) {
	#footer-left {
		width:100% !important;
		float:none !important;
		
	}
}
#footer-right{
	width:350px;
	float:right;
	border:solid 1px #eee;
}
#footer-right div {
	padding:15px;
	line-height:150% !Important;
}

@media screen and (max-width: 640px) {
	#footer-right{
		width:98% !important;
		margin: 0 auto;
		float:none !important;
	}
	#footer-right div {
		padding:2% !Important;
	}
}
#footer-left div {
	width:150px;
	float:left;
}
@media screen and (max-width: 640px) {
	#footer-left div {
		width:100% !important;
		padding:0 10px;
		float:none !important;
	}
}
#footer-left div.last {
	width:170px;
}
#footer-left div a {
	display:block;
	margin-bottom:10px;
}