@charset "utf-8";



* {

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-family: "メイリオ";

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

	border: 0;

	word-wrap: break-word;

	line-height: 1.4em;

}



body,div,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre,fieldset,blockquote,table,thead,tbody,tfoot,caption,th,td,

section,article,aside,nav,menu,canvas,details,figure,figcaption,footer,header,hgroup,summary { margin: 0; padding: 0; }

ul, li, dl, dt, dd { list-style-type: none; line-height: 1.4em; }

a { color: #000 ;}

a:hover { color: #ac1000;}

hr { display: none; }

em, address { font-style: normal; }

strong { font-weight: bold; }

.clear { clear: both; }

.fL { float: left; }

.fR { float: right; }

.img_fL { float: left; margin: 0 10px 10px 0; }

.img_fR { float: right; margin: 0 0 10px 10px;  }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

p { line-height: 1.8em; color: #000; font-size: 12px; }

img { border: 0; }

section,article,aside,nav,menu,canvas,details,figure,figcaption,footer,header,hgroup,summary { display: block; }

mark { background: rgba(255,255,255,0.2); }





ruby {

	display: inline-table;

	margin: 0;

	padding: 0;

	border: none;

	white-space: nowrap;

	text-indent: 0;

	vertical-align: text-bottom !important;

	text-decoration: none;

	text-align: center;

	line-height: 100%;

}



ruby rt, a:link ruby rt, a:visited ruby rt {

	display: table-header-group;

	margin: 0;

	padding: 0;

	border: none;

	font: inherit;

	font-size: 70%;

	line-height: 100%;

	text-decoration: none;

}



ruby rp { display: none; }



#recommendVHform input {

	margin: 0;

	padding: 2px 3px;

}







.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}

.clearfix { display: inline-block; }



* html .clearfix { height: 1% }

.clearfix {display:block;}









body {

	background: #fae7fb url( ../images/bg.png) 0 0 repeat;

}



#recommendVHwrapper {

	margin: 0 auto;

	width: 960px;

}



#recommendVHheader {

	padding: 20px 0 0;

	border-bottom: 20px solid #e763a4;

}



#recommendVHheader h1 {

	color: #000;

	font-size: 14px;

	font-weight: bold;

	padding: 5px 0 0 10px;

}



#recommendVHsTitle {

	padding: 10px;

}



#recommendVHsTitle a {

	color: #000;

	font-size: 32px;

	font-weight: bold;

	padding: 10px 0;

}



.recommendVHbox {

	margin: 10px 0 10px;

}



#recommendVHnav {

	margin : 0 0 10px;

	border: 20px solid #e763a4;

	background: #fff;

}



#sitemap-nav h2,#recommendVHnav h2 {

	font-size: 18px;

}

.recommendVHgotolayer1 a {

	font-size: 20px;

}



.recommendVHicon01 a {

	display: block;

	border-left: 5px solid #ccc;

}

#recommendVHnav li {

	padding: 15px 10px;

	border-top: 1px dashed #ccc;

}



#recommendVHnav li:first-child {

	border-top: none;

}



#recommendVHnav li a {

	color: #1d3994;
	text-decoration: underline;
	padding: 0 10px;

}



#recommendVHnav li a:hover {

	color: #ab000c;

}



#recommendVHtop-cts .recommendVHmain-img {

	float: left;

	width: 520px;

	height: 400px;

	border: 20px solid #e763a4;

	background: #e763a4;

}



#recommendVHtop-cts h2 {

	padding: 10px 0 10px 20px; 

}

#recommendVHtop-cts .recommendVHquEstions h2 {

	padding: 10px 0; 

}



#recommendVHteikei {

	float: right;

	margin: 0;

	padding: 10px;

	width: 330px;

	border: 20px solid #e763a4;

	background: #fff;

}



#recommendVHteikei p {

	font-size: 14px;

	color: #333;

	line-height: 26px;

}



.recommendVHquesTion_area {

	margin: 0;

	padding: 0;

	border-right: 20px solid #e763a4;

	border-left: 20px solid #e763a4;

	border-bottom: 20px solid #e763a4;

	background: #f6f6f6;

}

.recommendVHquesTion_area h3 {padding: 10px 0; }



.recommendVHquEstions {

	float: left;

	width: 520px;

	border: 20px solid #e763a4;

	background: #fff;

}



.text-box {

	margin: 0 0 10px;

	padding: 20px;

	background: #fff;

	border-right: 20px solid #e763a4;

	border-left: 20px solid #e763a4;

	border-bottom: 20px solid #e763a4;

}



.recommendVHbottomtext-boX {

	float: right;

	width: 308px;

	margin: 0;

	padding: 20px;

	background: #fff;

	border: 20px solid #e763a4;

}



#recommendVHlink {

	margin: 10px 0 10px;

	padding: 20px;

	background: #fff;

	border: 20px solid #e763a4;

}



#recommendVHlink span {

	font-size: 14px;

}



#recommendVHlink ul {

	padding: 5px 0;

}



#recommendVHlink li {

	padding: 3px 2px;

}



#recommendVHlink li a {

	color: #1d3994;

}



#recommendVHlink li a:hover {

	color: #ab000c;

	text-decoration: underline;

}





.recommendVHfOrm_bOx {

	border-right: 20px solid #e763a4;

	border-left: 20px solid #e763a4;

	border-bottom: 20px solid #e763a4;

	background: #f6f6f6;

}

#recommendVHform {

	padding: 20px 10px 0;

	background: #f6f6f6;

}



h2,h3 {

	color: #fff;

	padding: 10px 0;

	font-size: 18px;

	font-weight: bold;

	background: #e763a4;

}

h3 a {

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	background: #e763a4;

	text-decoration: underline;

}

h3 a:hover {

	color: #fff;

	text-decoration: none;

}



dl {

	padding: 0 2px;

}



.recommendVHregistration {

	margin: 0 0 5px;

}



.recommendVHregistration dt {

	float: left;

	line-height: 15px;

	width: 70px;

	margin: 5px 0 0;

}



label {

	color: #5d5d5d;

}



#recommendVHcomment {

	height: 50px;

}



#recommendVHform .recommendVHbTn {

	display: block;

	width: 125px;

	padding: 5px 0;

	margin: 5px auto;

	color: #000;

	border: none;

	border: 1px solid #000;

	background: #e3e3e3;

}



#recommendVHform .recommendVHbTn:hover {

	color: #fff;

	background: #000;

}



#recommendVHform input{

	width: 70%;

	padding: 2px;

	border: 1px solid #bbb;

}



#recommendVHform textarea {

	border: 1px solid #bbb;

}



#recommendVHform p {

	margin: 10px 0;

}



#recommendVHregist_check {

	color: #000;

	padding: 2px;

	line-height: 24px;

}







#recommendVHfooter {

	margin: 10px auto 0;

	border-top: 20px solid #e763a4;

}



#recommendVHbtn {

	float: right;

}



#recommendVHpAgetop a {

	display: block;

	width: 130px;

	color: #000;

	font-weight: bold;

	font-size: 14px;

	text-align: center;

	padding: 10px;

	margin: 0 10px 0 0;

	border: 4px solid#e763a4;

	background: #fff;

}



#recommendVHpAgetop a:hover {

	color: #fff;

	background: #e763a4;

}



#recommendVHsitemap-btN {

	text-align: right;

}



#recommendVHsitemap-btN a {

	width: 130px;

	color: #000;

	font-weight: bold;

	font-size: 14px;

	text-align: center;

	text-decoration: underline;

}



#recommendVHsitemap-btN a:hover {

	text-decoration: none;

}



#recommendVHcopyright {

	clear: both;

	color: #000;

	font-weight: bold;

	font-size: 12px;

	text-align: center;

	padding: 10px 0 0;

}







#recommendVHbreadcrumb {

	color: #000;

	padding: 10px;

}



#recommendVHbreadcrumb a {

	color: #000;

	text-decoration: underline;

}



#recommendVHbreadcrumb a:hover {

	text-decoration: none;

}



#contents-box {

	margin: 0 30px 0 0;

	background: #fff;

}



#contents-box h2 {

	padding: 3px 20px 7px 40px;

	font-size: 16px;

}



#mainbox {

	margin: 10px 0 10px;

	padding: 10px;

	border: 20px solid #e763a4;

	background: #fff;

}



#recommendVHquestion {

	padding: 10px;

	margin: 0 0 6px;

	border-bottom: 2px dashed #ccc;

	background: #f6f6f6;

}



#recommendVHquestion h3 {

	font-size: 16px;

	font-weight: bold;

	color: #000;

	background: #fff;

	padding: 0 0 10px 0;

}



#recommendVHquestion dt {

	color: #000;

	font-size: 12px;

	font-weight: bold;

}



#recommendVHquestion dd {

	color: #000;

	font-size: 12px;

}



.recommendVHanswer {

	margin: 0 0 3px;

	padding: 4px 20px;

	color: #fff;

}



.recommendVHanswer dt {

	font-size: 14px;

	font-weight: bold;

	margin: 0 0 7px;

	color: #0d0b0c;

	background: #fff;

}



.recommendVHanswer dd {

	color: #0d0b0c;

	background: #fff;

}



#advice {

	float: right;

	width: 330px;

	padding: 10px;

	border: 20px solid #e763a4;

	background: #fff;

}



#advice h3 {

	color: #fff;

	font-size: 18px ;

	font-weight: bold;

	padding: 10px;

	margin: 0 0 10px;

}



#advice dl {

	margin: 0 0 20px;

}



#advice dt {

	margin: 0 0 10px;

	color: #000;

	font-weight: bold;

	padding: 0 0 10px;

}



#advice dd {

	color: #000;

}





#fb {

	color: #333;

	clear: both;

	text-align: right;

	padding: 20px 0;

}



#fb a {

	color: #333;

}

#fb-root {
	margin: 0 0 10px 0;
}

.tw {
	float: left;
}