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


/* =================================================================
		Reset Styles
================================================================= */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	font-weight: bold;
	font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	line-height: 150%;
	margin: 0;
	padding: 0;
}


/* HTML5 */
article, aside, figure, figcaption, footer, header,
hgroup, nav, section, summary{
	display: block;
}


/* Base Styles */
body{
	font: 14px/1.231 "Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro W6",Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	*font-size:small;
	*font:x-small;
	color: #000000;
}

select,input,button,textarea{
	font: 99% "Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro W6",Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}

pre,code,kbd,samp,tt{
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

img {
	border: none;
	vertical-align: bottom;
}

table {
	font-size: inherit;
	font: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

label{
	cursor: pointer;
}

/*input,
select,
textarea{
	padding: 2px;
}*/

ol,ul {
	list-style: none;
}

h1,h2,h3,h4,h5,h6{
	font-size: 100%;
}
em {
	font-style:normal;
}

/* form */
select,input,button,textarea{
	font: 99% "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}
select option {
	padding : 0 5px 0 5px;
}
form label{
	cursor : pointer;
}

a,
input{
	outline: none;
}

/*	Basic Text Link	*/
a {
	text-decoration:none;
	color:#0528B6;
}

a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:focus {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}

/* =================================================================
		コンテンツ
================================================================= */
#wrapper{
	width:320px;
	margin:0 auto;
	background:#fff;
}

.content{
	width:300px;
	margin:0 auto;
	padding:10px 0 0;

}

/* =================================================================
		header
================================================================= */

header{
	border-top:#b9242a 6px solid;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 49%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(255,255,255,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 49%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	position:relative;
	padding:11px 7px;
}
header h1{
	font-size:160%;
	font-weight:bold;
}

header h1 a{
	color:#000000;
	text-decoration:none;
}
header .pc-icon{
	text-align:center;
	font-size:70%;
	border:#ccc solid 1px;
	display:block;
	padding:4px 6px;
	font-weight:bold;
	border-radius:2px;
	position:absolute;
	top:15px;
	right:7px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 2%, rgba(255,255,255,1) 48%, rgba(218,218,218,1) 49%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(255,255,255,1)), color-stop(48%,rgba(255,255,255,1)), color-stop(49%,rgba(218,218,218,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 2%,rgba(255,255,255,1) 48%,rgba(218,218,218,1) 49%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
}
header p{
	font-size:80%;
	font-weight:bold;
}
header .pc-icon a{
	color:#000000;
	display:block;
}

/* =================================================================
		footer
================================================================= */

footer nav{
	width:300px;
	margin:0 auto 20px;
}

footer nav ul li{
	background:#ebeaea;
	border:#ebeaea solid 1px;
	border-radius:4px;
	margin-bottom:10px;
	font-weight:bold;
}

footer nav ul li a{
	display:block;
	background:url(../../img/common/icon-footer-nav.png) no-repeat right;
	background-size:17px 17px;
	padding:15px 0 15px 10px;
}

footer nav span.protection{
	font-size:80%;
}

footer #copy {
	background: -moz-linear-gradient(top,  rgba(240,240,240,1) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(240,240,240,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(240,240,240,1) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	border-top:#b9242a 6px solid;
	text-align:center;
	padding:15px 0 30px 0;
}


/* =================================================================
		お問合わせ
================================================================= */

.inquiry-txt {
	font-size:18px;
	margin:20px 0;
	text-align:center;
	font-weight:bold;
}
.inquiry-txt.txt {
	text-shadow:2px 2px 0px #fff, 3px 3px 2px #b4b4b4;
}
.inquiry-txt em {
	font-size:24px;
	display:block;
	color:#ae0209;
	font-style:normal;
	margin:0 0 5px 0;
}
.inquiry-btn {
	background:url(../../img/index/month-campaign-bg.jpg) no-repeat top;
	background-size:100%;
	margin-bottom:28px;
}
/* 電話をする */
.inquiry-tel-btn {
	margin:0 auto;
	line-height:45px;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(49%,rgba(255,255,255,1)), color-stop(50%,rgba(218,218,218,1)), color-stop(98%,rgba(242,242,242,1)), color-stop(98%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 49%,rgba(218,218,218,1) 50%,rgba(242,242,242,1) 98%,rgba(242,242,242,1) 98%); /* Chrome10+,Safari5.1+ */
}
.inquiry-tel-btn a{
	border:1px solid #ccc;
	border-radius:4px;	
	height:45px;
	margin-bottom:13px;
	color:#ae0209;
	display:block;
	font-size:190%;
	padding-left:30px;
	background:url(../../img/common/icon-tel.png) no-repeat 25px 13px;
	background-size:40px;
}
.inquiry-tel p{
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
	font-size:14px;
}	

/* メールで相談 */
.inquiry-mail-btn{
	text-align:center;
	border:1px solid #8a1400;
	height:45px;
	border-radius:4px;
	background: -moz-linear-gradient(top,  rgba(226,36,4,1) 1%, rgba(199,30,5,1) 49%, rgba(137,20,0,1) 51%, rgba(221,62,35,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(226,36,4,1)), color-stop(49%,rgba(199,30,5,1)), color-stop(51%,rgba(137,20,0,1)), color-stop(100%,rgba(221,62,35,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(226,36,4,1) 1%,rgba(199,30,5,1) 49%,rgba(137,20,0,1) 51%,rgba(221,62,35,1) 100%); /* Chrome10+,Safari5.1+ */
}
.inquiry-mail-btn a{
	padding-left:45px;
	line-height:45px;
	color:#ffffff;
	font-weight:bold;
	font-size:190%;
	background: url(../../img/common/icon-mail.png) no-repeat 60px 12px;
	background-size:40px;
	text-align:center;
	display:block;
}
.inquiry-mail-btn a{
	color:#ffffff;
	font-weight:bold;
}


/* =================================================================
		その他
================================================================= */

h1#key {
	margin:0 0 10px 0;
}
.right{
	text-align:right;
}
.txtC{
	text-align:center !important;
}
.mb {
	margin-bottom:10px;
}
.mb0 {
	margin-bottom:0px !important;
}



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

clearfix

------------------------------------------------*/	
.staff-box:after,
.service-list:after,
.hobby-list:after,
.list:after,
.sab-btn:after,
.clearfix:after {
	 content: "";
	 display: block;
	 clear: both;
}