@charset "utf-8";

/* ****************************************************************************

	parts.css
	
-------------------------------------------------------------------------------*/

.wrap #header {
  padding: inherit;
  border-top: none;
}

.main-inner {
  padding-bottom: 135px;
  background-color: #fff;
}

/*h1*/
#container h1{
	background-color: #e7f7ff;
	text-align: center;
}

/*登録ボタン*/
.regist_btn{
	text-align: center;
	margin: 20px 10px;
	}
.regist_btn a{
	text-align: center;
	display: block;
	min-width: 10em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	/*height: 50px;*/
	line-height: 50px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #ae0101;
	-webkit-appearance: none;
	background-color: #fd0000;
	background-image: url(/entry/images/sp/icon_arrow1.png), -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #fd0000),
		color-stop(1, #d50000)
	);
	background-image: url(/entry/images/sp/icon_arrow1.png), -webkit-linear-gradient(top, #fd0000, #d50000);
	background-image: url(/entry/images/sp/icon_arrow1.png), linear-gradient(to bottom, #fd0000, #d50000);
	background-position: 10px center, left center;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px 22px, auto auto;
	-webkit-background-size: 22px 22px, auto auto;
	background-repeat: no-repeat;
	border: 2px solid #fe7878;
	-webkit-box-shadow: inset 0px 0px 2px #990000;
	box-shadow: 0px 0px 0px 2px #990000;
	}

/*サービス詳細エリア*/
h2{margin: 0;}
h2.title_normal {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 2px 2px 2px #05689b;
	-moz-box-shadow: 2px 2px 2px #05689b;　/* Firefox用 */  
	-webkit-box-shadow: 2px 2px 2px #05689b;　/* Safari,Google Chrome用 */
	background: #0581c9; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0581c9), color-stop(100%,#0796d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0581c9 0%,#0796d3 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #0581c9 0%,#0796d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0581c9', endColorstr='#0796d3',GradientType=0 ); /* IE6-9 */
	line-height: 160%;
    padding: 6px 10px 3px;
	border-bottom: 1px solid #0681b4;
	}
.normal_area{
	background-color: #e1f3fc;
	padding: 10px;
	}
.service_box{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 2px solid #ffffff;
	-webkit-box-shadow: inset 0px 0px 3px #a3c3d4;
	box-shadow: 0px 0px 3px 1px #a3c3d4;
	padding: 10px;
	background: #ffffff; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
	background-position: 10px center, left center;
	margin-top: 10px;
	}
.service_name{
	color: #078ccf;
	background: url(/entry/images/sp/icon_arrow2.png) no-repeat 0 2px;
	padding-left: 30px;
	margin-bottom: 5px;
	background-size: 20px 20px, auto auto;
	line-height: 180%;
	font-weight: bold;
	font-size:14px;
	}
.service_name a{
	text-decoration: none;
	}

/*プレミアム訴求エリア*/
h2.title_premium {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 2px 2px 2px #7b6b26;
	-moz-box-shadow: 2px 2px 2px #7b6b26;　/* Firefox用 */  
	-webkit-box-shadow: 2px 2px 2px #7b6b26;　/* Safari,Google Chrome用 */
	background: #998631; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#998631), color-stop(100%,#ab9536)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #998631 0%,#ab9536 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #998631 0%,#ab9536 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#998631', endColorstr='#ab9536',GradientType=0 ); /* IE6-9 */
	line-height: 160%;
    padding: 6px 10px 3px;
	border-bottom: 1px solid #807029;
	}
.premium_area{
	background-color: #fff9de;
	padding: 10px;
	}
.premium_block {
	border: 2px solid #c2a629;
	background-color: #fff;
	margin-top: 10px;
	}
.premium_block .premium_subtitle{
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: #c2a629;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #736422;
	height: 28px;
	padding: 10px 30px 3px 9px;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	box-sizing: content-box;
	}
.premium_box {
    padding: 10px 8px;
	}
.merit.separate {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #c2a629;
	}
.merit li {
	display: table;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px dotted #c2a629;
	text-decoration: none;
	}
.merit li:last-child { 
	padding-bottom: 0;
	border-bottom: none;
	}
.merit li:first-child { padding-top: 0; }
.merit li .point,
.merit li div {	display: table-cell; }
.merit li .point {
	width: 55px;
	vertical-align: top;
	}
.merit li div {	vertical-align: middle; }
.merit + .merit {	border-top: 1px solid #2390e5; }

/*-- プレミアムボタン --*/
.premium_link{
	text-align: center;
	margin-top: 10px;
	}
.premium_link a{
	text-align: center;
	display: block;
	min-width: 10em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	/*height: 35px;*/
	line-height: 35px;
	text-decoration: none;
	-webkit-appearance: none;
	background-color: #f2f2f2;
	background-image: url(/entry/images/sp/icon_arrow3.png), -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #ffffff),
		color-stop(1, #f2f2f2)
	);
	background-image: url(/entry/images/sp/icon_arrow3.png), -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: url(/entry/images/sp/icon_arrow3.png), linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-position: 10px center, left center;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px 22px, auto auto;
	-webkit-background-size: 20px 20px, auto auto;
	background-repeat: no-repeat;
	border: 2px solid #ffffff;
	-webkit-box-shadow: inset 0px 0px 3px #dcd0a2;
	box-shadow: 0px 0px 3px 1px #dcd0a2;
	}

/*PRエリア*/
.pr_area{
	background-color: #FFFEE5;
	color: #0681b4;
	padding: 10px;
	}
.title_pr {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 5px; 
	}
.banner_box{
	margin: 6px 0px;
	}