@charset "utf-8";



/* ===================================================================
CSS information

 file name  :content.css
 author     :93s (admin)
 style info :下層ページ用
=================================================================== */



/*----------------------------------------------------
	
	common

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

div#mainSection-wrap {
	width: 843px; /* 839-2(both-border)-2(both-padding) */
	margin: 0px auto 13px 15px;
	padding: 1px;
	border: solid 1px #DEDCD0;
	background: #FFF;
}
div#mainSection {
	width: 793px; /* 763-18(right-padding)-18(left-padding) */
	padding: 25px;
	background: #EEEFE9;
}



h2#page-title {
	margin-bottom: 0px;
}

.subtitle {
	width: 693px;
	margin: 0 0 8px 4px;
	padding-bottom: 6px;
	border-bottom: dotted 1px #0E214E;
	font-size: 1.3em;
	font-weight: bold;
	color: #0E214E;
}

ul#ft-btn {
	margin: 0 0 25px 142px;
	zoom: 1;
}
ul#ft-btn:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
ul#ft-btn li {
	width: 218px;
	float: left;
}



/*----------------------------------------------------
	
	▼1.about.html

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

div#about-step {
	width: 692px;
	margin: 0 0 35px 5px;
	zoom: 1;
}
div#about-step:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
div#about-step dl {
	width: 151px; /* 179-28(right-padding) */
	background: url(/imgs/content/about/step_arrow.jpg) no-repeat top right;
	padding-right: 29px;
	float: left;
}
div#about-step dl#last-step {
	width: 151px;
	background: none;
	padding: 0;
}

div#about-step dl dd {
	width: 100px;
	margin-left: 24px;
}

/*----------------------------------------------------
	
	▼2.reason.html

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

.reason-point {
	color: #960274;
	font-weight: bold;
}

dl.reason-box {
	width: 672px; /* 692-2(border)-18(both-border) */
	margin: 0 0 12px 4px;
	padding: 11px 9px;
	border: solid 1px #DEDBD1;
	background: #FFF;
}
dl.reason-box dt {
	margin-bottom: 7px;
	font-size: 1.1em;
	font-weight: bold;
	color: #102624;
}	
	
/*----------------------------------------------------
	
	▼3.price.html

----------------------------------------------------*/
table#price-list {
	width: 650px;
	border: solid 2px #747F8D;
	border-top: none;
	margin-bottom: 7px;
}

table#price-list td {
	padding: 10px 8px;
}

table#price-list td#head-spaceing {
	border-top: solid 2px #747F8D;
}

table#price-list td#rankIn-head {
	width: 400px; /* 256-20(both-padding) */
	border-left: solid 1px #747F8D;
	border-top: solid 2px #747F8D;
	background: url(/imgs/content/price/bg_rank_in.jpg) repeat top left;
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}
table#price-list td#rankOut-head {
	width: 236px; /* 256-20(both-padding) */
	border-left: solid 1px #747F8D;
	border-top: solid 2px #747F8D;
	background: url(/imgs/content/price/bg_rank_out.jpg) repeat top left;
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}
table#price-list td.price-head {
	border-top: solid 1px #747F8D;
	font-weight: bold;
	text-align: center;
}
table#price-list td.price-txt {
	border-top: solid 1px #747F8D;
	border-left: solid 1px #747F8D;
	font-weight: bold;
	text-align: center;
}
table#price-list td.price-txt span {
	font-size: 92%;
	font-weight: normal;
}
p#price-caution {
	margin: 0 0 40px 5px;
	font-size: 92%;
}

table#flow {
	width: 695px;
	margin-bottom: 30px;
}

table#flow dl {
	width: 188px; /* 214-6(both-border)-20(both-padding) */
	height: 151px; /* 177-6(both-border)-20(both-padding) */
	border: solid 3px #747F8D;
	padding: 10px;
	background: #FFF
}
table#flow dl dt {
	padding-bottom: 4px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #666;
	font-size: 1.1em;
	color: #008BCE;
	font-weight: bold;
}
table#flow dl dt span {
	font-size: 92%;
	color: #00689B;
}
table#flow dl dd {
	padding: 0 3px;
	font-size: 92%;
}

td.arrow-lengthwise {
	width: 26px;
	height: 177px;
}
td.arrow-lateral {
	width: 214px;
	height: 26px;
} 
/*----------------------------------------------------
	
	▼4.faq.html

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

dl#faq {
	width: 692px;
	margin-left: 3px;
}

dl#faq dt {
	width: 647px; /* 692-3(right-padding)-42(left-padding) */
	min-height: 28px; /* 35-4(top-padding)-3(bottom-padding) */
	margin-bottom: 4px;
	padding: 4px 3px 3px 42px;
	border-bottom: dotted 1px #B2B2B2;
	background: url(/imgs/content/faq/q_point.jpg) no-repeat top left;
	color: #00689B;
	font-size: 1.1em;
	font-weight: bold;
}
dl#faq dd {
	padding: 0 3px;
	line-height: 1.4;
	margin-bottom: 25px;
	font-size: 92%;
}
/*----------------------------------------------------
	
	▼5.company

----------------------------------------------------*/
table#company {
	width: 688px; /* 692-4(both-border) */
	border: solid 2px #747F8D;
	margin: 13px 0 20px 5px;
}
table#company td {
	padding: 8px 10px;
}
table#company td#company-head-top {
	width: 23%;
	background: #F6F6F6;
}
table#company td#company-txt-top {
	background: #FFF;
	border-left: solid 1px #747F8D;	
}	
table#company td.company-head {
	width: 23%;
	background: #F6F6F6;
	border-top: solid 1px #747F8D;
}
table#company td.company-txt {
	background: #FFF;
	border-top: solid 1px #747F8D;
	border-left: solid 1px #747F8D;
}	

/*----------------------------------------------------
	
	▼6.privacy

----------------------------------------------------*/
dl#privacy {
	width: 692px;
	margin: 10px 0 0 5px;
}
dl#privacy dt {
	margin-bottom: 4px;
	font-size: 1.1em;
	font-weight: bold;
}
dl#privacy dd {
	font-size: 92%;
	margin-bottom: 25px;
}
dl#privacy dd ul {
	padding-left: 15px;
}
dl#privacy dd ul li {
	list-style: circle;
}
dl#privacy dd ol {
	padding-left: 27px;
}
dl#privacy dd ol li {
	list-style: decimal;
}

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

▼ 7.sitemap

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

ul#sitemap {
	width: 692px;
	margin: 0 0 20px 3px;
}
ul#sitemap li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #BABABA;
}
ul#sitemap li span {
	font-size: 14px;
	font-weight: bold;
}
ul#sitemap li#home a {
	padding: 0;
	background: none;
	color: #0066CC;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}
ul#sitemap li#home a:hover {
	color: #960274;
	text-decoration: none;
}

ul#sitemap li a {
	padding: 0 0 0 25px;
	background: url(/imgs/content/sitemap/point.jpg) no-repeat center left;
	color: #0066CC;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}
ul#sitemap li a:hover {
	color: #960274;
	text-decoration: none;
}
