@charset "utf-8";

/* ================================================================================ */
/*   initialize                                                                         */  
/* ================================================================================ */
*{margin : 0;padding : 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, section {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
li {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;font-variant: normal;}
sup, sub {line-height: -1px;vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}



/* ================================================================================ */
/*   common                                                                         */  
/* ================================================================================ */
body{
	-webkit-text-size-adjust: 100%;
	width: 320px;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",verdana,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.4;
}

article {
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.rtvBox {
	position: relative;
}

.mgb1em {
	margin-bottom: 1em;
}
.mgb20 {
	margin-bottom: 20px;
}

.txtAlRight {
	text-align: right;
}
.txtAlCenter {
	text-align: center;
}

.pdt10 {
	padding-top: 10px;
}

.ancrTopLink {
	padding: 10px 0;
	font-size: 13px;
	text-align: right;
}
.ancrTopLink a {
	color: #666;
	text-decoration: none;
}

#topBtnBox {
	padding: 20px 0;
	text-align: right;
}

/* ================================================================================ */
/*   common parts                                                                         */  
/* ================================================================================ */
#main {
	position: relative;
	padding: 0 15px;
}

/* My Comment */
.gototopBtn {
	padding: 10px 0;
	text-align: right;
}
.gototopBtn a img {
	float: right;
	display: block;
}

/* ================================================================================ */
/*   header                                                                         */  
/* ================================================================================ */
#header {
	position: relative;
	padding-bottom: 4px;
}
#header p {
	padding-left: 20px;
	font-size: 10px;
}
#header ul {
	position: absolute;
	top: 20px;
	right: 10px;
}
#header ul li {
	float: right;
	margin-left: 10px;
}

/* ================================================================================ */
/*   menu                                                                         */  
/* ================================================================================ */
#menuBox {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	border-top: solid 1px #000;
	background: #fff;
	z-index: 1;
}
#menuBox h1 {
	display: none;
}
#menuBox ul li {
	border-bottom: solid 1px #000;
}
#menuBox ul li a {
	position: relative;
	display: block;
	padding: 10px 15px;
	color: #000;
	text-decoration: none;
	font-size: 15px;
}
#menuBox ul li.mbArrow a:before {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 21px;
	height: 22px;
	content: "";
	display: block;
	background: url(../img/bg_menu_arrow.png) no-repeat left top;
	background-size: 100%;
}
#menuBox ul li.mbPc a:before {
	position: absolute;
	top: 6px;
	right: 10px;
	width: 21px;
	height: 22px;
	content: "";
	display: block;
	background: url(../img/bg_menu_pc.png) no-repeat left top;
	background-size: 100%;
}


/* ================================================================================ */
/*   top                                                                         */  
/* ================================================================================ */
#topMainTtl,
.topTtlImg {
	margin: 0 -15px 30px;
}
#newsBox {
	margin-bottom: 20px;
	padding: 0 15px;
}
.mainLinkList {
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.mainLinkList li {
	margin-bottom: 20px;
}
#mapBox {
	text-align: center;
}
#mapBox a {
	color: #518aee;
}
#mapBox div {
	position: relative;
	padding: 15px 10px;
	text-align: left;
}
#mapBox div a.goToTopBtnBot {
	position: absolute;
	top: 30px;
	right: 0px;
}


/* ================================================================================ */
/*   PRICE                                                                         	*/  
/* ================================================================================ */
#main.price {
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 13px;
}
#prsTxtBox01 {
	position: relative;
	margin-bottom: 10px;
	padding: 15px 0;
}
#prsTxtBox01 p {
	width: 180px;
	margin-bottom: 10px;
}
#prsTxtBox01 > img {
	position: absolute;
	top: 15px;
	right: 0px;
}
#ancrLinkBox {
	margin-bottom: 30px;
}
#ancrLinkBox a {
	float: left;
	margin-right: 25px;
}
#ancrLinkBox a:last-child {
	margin-right: 0px;
}
.tableBox {
	margin-bottom: 25px;
}


/* ================================================================================ */
/*   FLOW                                                                         	*/  
/* ================================================================================ */
#main.flow {
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 13px;
}
.flRtvBox {
	position: relative;
}
.flRtvBox .ancrTopLink {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#flTxtBox li {
	margin-bottom: 1em;
}


/* ================================================================================ */
/*   FAQ                                                                         	*/  
/* ================================================================================ */
#main.faq {
	padding-bottom: 0px;
}
.faq h1 {
	margin-bottom: 15px;
}
#faqBox {
	margin-bottom: 30px;
	padding-top: 25px;
}
#faqBox dl dt {
	position: relative;
	padding: 13px 10px;
	background: #FFF3DF;
}
#faqBox dl dd {
	position: relative;
	padding: 13px 10px;
}
#faqBox dl dt div,
#faqBox dl dd div {
	padding-left: 40px;
}
#faqBox dl dt p,
#faqBox dl dd p {
	position: absolute;
	top: 13px;
	left: 10px;
}

.faq #mapBoxJs {
	padding-top: 0px;
}


/* ================================================================================ */
/*   footer                                                                         */  
/* ================================================================================ */
footer {
	margin-top: -30px;
	padding-bottom: 12px;
}
footer ul {
	display: block;
	margin-bottom: 6px;
}
footer ul li {
	float: left;
	width: 50%;
	display: inline-block;
	margin-bottom: 4px;
	list-style: none;
}
footer ul li.rightPos {
	float: right;
	text-align: right;
}
footer ul li.footerNavLast {
	margin: 0;
}
.copyright {
	font-size: 12px;
	text-align: center;
}
footer a {
	color: #656565;
	text-decoration: none;
}
footer.secFooter {
	margin-top: 0px;
}


/* ================================================================================ */
/*   clearfix                                                                       */  
/* ================================================================================ */

/* clearfix */
.clearfix:after { 
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
} 

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}