html
	{
	font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box; /* Safari, Chrome用 */
	-moz-box-sizing: border-box; /* Firefox用 */
	-ms-box-sizing: border-box; /* IE8用 */
	box-sizing: border-box; /* CSS3（Opera用） */
	font-size: 80%; /* レスポンシブ　タイプセッティングへの対応 */
	}

body
	{
	line-height: 1.5;
	background:url(../img/body_bg_site.jpg) repeat-x;
	}

a
	{
	color: #005ec7;
	}

a:hover
	{
	text-decoration:none;
	color:#24bacb;
	}

.red
	{ color:#C50000; }

.center
	{ text-align:center; }

.contact_form_button input:hover
	{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	}

/* ===================== [ レイアウト ] ======================== */

#container
	{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}

#contents
	{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	overflow:hidden;
	}

#main
	{
	width:68%;
	float:left;
	}

#side
	{
	width:28%;
	float:right;
	overflow:hidden;
	margin-top:120px;
	border:5px solid #e8eaed;
	padding:10px;
	}

header,#description
	{
	clear:both;
	max-width:1100px;
	margin:0 auto;
	}

footer
	{ clear:both; }


/* ===================== [ ヘッダー ] ======================== */

header
	{ text-align:left; }

#logo
	{
	width:313px;
	height:93px;
	clear:both;
	}

#head
	{
	padding: 0 10px;
	margin: 0;
	overflow:hidden;
	position:relative;
	}

header h1,
nav#main-nav,
nav#main-nav a
	{
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	line-height:1;
	}

header h1
	{
	float:left;
	margin:5px 0;
	}

nav#main-nav
	{ float:right; }


nav#main-nav ul li
	{
	float:left;
	padding:5px 0 6px 10px;
	}

nav#main-nav ul li.nav_regist
	{
	color:#ca4343;
	background:#fcd846;
	margin-left:10px;
	}

nav#main-nav ul li.nav_login
	{
	color:#ca4343;
	margin-left:5px;
	}


nav#main-nav ul li.nav_login:before
	{
	font-family: FontAwesome;
	color: #ca4343;
	content: "\f0da";
	margin-right:5px;
	}


nav#main-nav ul li.nav_right
	{ margin-left:40px; }

nav#main-nav a
	{ text-decoration:underline; }

#search_box
	{ clear: both; }

/****** media query ******/
@media screen and (max-width: 680px)
{
header
	{ text-align:left; }

#logo
	{
	width:250px;
	clear:both;
	}

header h1,
nav#main-nav,
nav#main-nav a
	{
	font-size: 0.9em;
	line-height:1.4;
	}

header h1
	{
	float:none;
	position:absolute;
	top:25px;
	right:10px;
	color:#666;
	}

nav#main-nav ul li.nav_right
	{ margin-left:10px; }

nav#main-nav
	{ float:none; }
}
/*************************/

/* ===================== [ パンくず ] ======================== */

.pagenavi
	{
	text-align:left;
	font-size: 0.95em;
	margin:0 0 15px;
	position:relative;
	}

.pagenavi a,
.pagenavi span.page
	{ padding:0 8px; }

.pagenavi span.home
	{ padding-left:18px; }

.pagenavi span.home:before
	{
	font-family: FontAwesome;
	color: #ccced1;
	content: "\f015";
	font-size:18px;
	position:absolute;
	top:50%;
	left:5px;
	margin-top:-14px;
	}

/* ===================== [ 見出し(H2) ] ======================== */

#main section h2
	{
	color: #333;
	font-size: 1.1em;
	padding: 2px 10px 2px 10px;
	margin:15px 10px 15px;
	font-weight:bold;
	border-left:7px solid #f3b926;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 1);
	}


/* ===================== [ FAQ・お問合せ ] ======================== */

.faq_box_inner h3,
.contact_form_box h3,
.info_box h3
	{
	padding:10px 10px 3px;
	font-size:1.1em;
	font-weight:bold;
	}


.contact_form,
.info_inner
	{
	border:5px solid #e8eaed;
	padding:10px;
	margin-bottom:10px;
	}

.faq_contents
	{
	border:1px solid #e8eaed;
	padding:10px;
	margin-bottom:10px;
	}

.faq_contents h4 span,
.faq_contents .answer span
	{
	font-family: 'Raleway', sans-serif;
	display:block;
	width:26px;
	height:26px;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-size:18px;
	margin-right:5px;
	color:#fff;
	}

.faq_contents .answer p span
	{
	font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
	display:inline;
	width:auto;
	height:auto;
	float:none;
	text-align:center;
	vertical-align:middle;
	font-size: 1em;
	margin-right:0;
	color:#000;
	}

.faq_contents h4 span
	{ background:#628da8; }

.faq_contents .answer span
	{ background:#cc6666; }

.faq_contents .answer p span
	{ background:none; }

.faq_contents .answer p span.red
	{ color:#C50000; }

.faq_contents h4
	{
	font-size:18px;
	margin-bottom:5px;
	border-bottom:3px dotted #e8eaed;
	padding:5px 10px 3px;
	}

.faq_contents .answer
	{ padding:5px 10px; }


.faq_contents .regist_button
	{
	text-align:center;
	margin:10px;
	}

.faq_contents .regist_button div
	{
	display:inline-block;
	margin:5px 8px;
	}

.faq_contents .regist_button div a
	{
	text-decoration:none;
	display:block;
	padding:5px 10px;
	color:#333;
	border:2px solid #fff;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.3),inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.3),inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow:0px 1px 3px rgba(000,000,000,0.3),inset 0px 0px 0px rgba(255,255,255,0);
	}

.regist_button div.rb_member a
	{ background:#f1b752; }

.regist_button div.rb_shop a
	{ background:#80cbf0; }

.regist_button div.rb_ad a
	{ background:#b2d971; }

.regist_button div.rb_member a:hover
	{ background:#f7cf8a; }

.regist_button div.rb_shop a:hover
	{ background:#b0dbf0; }

.regist_button div.rb_ad a:hover
	{ background:#cbe0a8; }

.answer_box
{
	margin:5px 0px 5px 29px;
}

.answer_box dl
{
	margin-top:20px;
}

.answer_box dt
{
	margin-bottom:3px;
}

.answer_box dd
{
	margin-bottom:15px;
	background:#f3f3f3;
	padding:10px;
}


/* ===================== [ お問合せ ] ======================== */

label.required:before
	{
	content:"* ";
	color:#C50000;
	}


input[type=email],
input[type=password],
input[type=text],
input[type=tel],
textarea
	{
	width: 100%;
	padding: 5px 10px;
	line-height:20px;
	font-size: 14px;
	margin:3px 0 10px;
	border:1px solid #ccc;
	background:#fff;
	}

.contact_form p
	{
	font-size:0.95em;
	margin-bottom:1em;
	text-align:right;
	}

.contact_form table,
.info_box table
{
	margin:0 auto;
	border:1px solid #ddd;
	width:98%;
}

.contact_form td,
.contact_form th,
.info_box td,
.info_box th
{
	border:1px solid #ddd;
	padding:5px 20px;
	vertical-align:middle;
	text-align:left;
}

.contact_form th,
.info_box th
{
	background:#e9e9e9;
	width:30%;
}

th.required:after
	{
	content:" *";
	color:#C50000;
	}

.contact_form input[type=email],
.contact_form input[type=password],
.contact_form input[type=text],
.contact_form input[type=tel]
{
	margin:10px;
	width:95%;
}

.contact_form textarea
{
	margin:10px;
	width:90%;
}

.contact_form p.form_text
	{
	text-align:center;
	margin:30px 0;
	border-top:1px solid #eee;
	padding:10px 0;
	}

.contact_form_button
{
	text-align:center;
	margin:30px 0 20px;
}

.contact_form_button input
	{
	-webkit-appearance:none;
	display:inline-block;
	width:30%;
	margin:0 10px 20px;
	height:45px;
	font-size:1.2em;
	overflow:hidden;
	-moz-box-shadow:0 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 1px 1px rgba(255, 255, 255, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
	color:#fff;
	font-weight:bold;
	border-radius: 5px;
	}

.contact_form_button input.reset
{
	background: #99cc00; /* Old browsers */
	background: -moz-linear-gradient(top,  #d5d5d5 1%, #a6a6a6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d5d5d5), color-stop(100%,#a6a6a6)); /* Chrome,Safari4+ */
	1+ */
	background: -o-linear-gradient(top,  #d5d5d5 1%,#a6a6a6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d5d5d5 1%,#a6a6a6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d5d5d5 1%,#a6a6a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#a6a6a6',GradientType=0 ); /* IE6-9 */

}

.contact_form_button input.submit
{
	background: #99cc00; /* Old browsers */
	background: -moz-linear-gradient(top,  #99cc00 1%, #7fa929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#99cc00), color-stop(100%,#7fa929)); /* Chrome,Safari4+ */
	1+ */
	background: -o-linear-gradient(top,  #99cc00 1%,#7fa929 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #99cc00 1%,#7fa929 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #99cc00 1%,#7fa929 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#7fa929',GradientType=0 ); /* IE6-9 */

}


/* ===================== [ 利用規約・運営会社 ] ======================== */

.info_inner h4
{
	font-size:1.2em;
	font-weight:bold;
	margin:15px 0 4px;
	border-bottom:3px dotted #eee;
	padding:0 8px;
}

.info_inner p
{
	padding:5px 8px 5px 1px;
	overflow:hidden;
}

.info_box td,
.info_box th
{
	padding:10px;
}

.info_inner p.info_text
{
	padding:20px 10px;
	text-align:center;
}


/* ===================== [ サイド ] ======================== */

#faq_side
	{ padding:5px; }

#side section h2
	{
	border-left:7px solid #26b9cb;
	padding:0 5px;
	margin:5px 0;
	}

#faq_side ul
	{
	border:1px dotted #ccc;
	background:#f1f1f0;
	margin-bottom:20px;
	}

#faq_side ul li
	{ border-bottom:1px dotted #ccc; }

#faq_side ul li:last-of-type
	{ border-bottom:none; }

#faq_side ul li a
	{
	text-decoration:none;
	display:block;
	padding:8px 10px;
	}

#faq_side ul li a:hover
	{
	background:#fff;
	color:#333;
	}


/* ===================== [ ページトップ ] ======================== */

#pagetop
	{
	max-width:980px;
	text-align:right;
	margin:10px auto;
	clear:both;
	padding-top:10px;
	}

#pagetop img
	{
	max-width:160px;
	width:100%;
	}

/* ===================== [ フッター ] ======================== */

footer
	{
	border-top:1px solid #ccc;
	background:#fff;
	margin-top:50px;
	text-align:center;
	}

footer ul
	{ padding:10px; }

footer ul li
	{
	display:inline-block;
	margin:0 5px;
	color:#999;
	}

footer a
	{
	text-decoration:underline; 
	padding-right:10px;
	}

footer p
	{ padding:10px; }