/* CSS Document */
.movie_box{ padding: 10px; border-radius: 10px;background:  #FB87CF; margin-bottom: 10px}
.movie_box iframe{  vertical-align: bottom;}
.pd10{ padding: 10px;}
.dpb{display: block}
.mb5 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
body { margin: 0px; padding: 0px; background-image: url(../img/bg.gif); background-repeat: repeat; }
#wrapper { background-color: #FFF; width: 900px; margin: 0 auto; padding: 0; display: block; height: 100%; }
/*ヘッダー*/
#header { height: 178px; display: block; padding: 0; margin: 0; width: 900px; background-image: url(../img/headder.png); text-align: center; background-repeat: no-repeat; }
#header h1 { font-size:10px; color:#FFF }
/*右カラム------------------------------------------------------------------*/
#content { float:right; margin-right: 8px; width: 660px; }
#content img { vertical-align:bottom }
#content h2 { text-indent:-9999px; line-height: 0px; }
/*左カラム------------------------------------------------------------------*/
#side { float:left; margin-left: 8px; }
/*ナビ*/
#nav ul li a { width:214px; height:58px; display:block; margin-bottom:5px; }
#nav ul li:nth-child(1) a { background-image:url(../img/nav01_on.gif) }
#nav ul li:nth-child(2) a { background-image:url(../img/nav02_on.gif) }
#nav ul li:nth-child(3) a { background-image:url(../img/nav03_on.gif) }
#nav ul li:nth-child(4) a { background-image:url(../img/nav04_on.gif) }
#nav ul li:nth-child(5) a { background-image:url(../img/nav05_on.gif) }
#nav ul li:nth-child(6) a { background-image:url(../img/nav06_on.gif) }
#nav ul li:nth-child(7) a { background-image:url(../img/nav07_on.gif) }
#nav ul li:nth-child(8) a { background-image:url(../img/nav08_on.gif) }
#nav ul li:nth-child(9) a { background-image:url(../img/nav09_on.gif) }
#nav ul li:nth-child(10) a { background-image:url(../img/nav10_on.gif) }

#nav ul li a:hover img { opacity:0 }
#nav02 ul li a { display:block; margin-bottom:5px; }
#nav02 ul li:nth-child(2)  { position:relative; width:214px; height:84px; overflow:hidden; margin-bottom:5px}
#nav02 ul li:nth-child(2) a img{ position:absolute; top:0; left:0;}
#nav02 ul li a img { vertical-align:bottom }
#nav02 ul li a:hover img { opacity:0.8 }
/*各ページナビ*/
#top #nav ul li:nth-child(1) a img { opacity:0 }
#shop #nav ul li:nth-child(2) a img { opacity:0 }
#job #nav ul li:nth-child(3) a img { opacity:0 }
#nagare #nav ul li:nth-child(4) a img { opacity:0 }
#taigu #nav ul li:nth-child(5) a img { opacity:0 }
#yoko #nav ul li:nth-child(6) a img { opacity:0 }
#eisei #nav ul li:nth-child(7) a img { opacity:0 }
#map #nav ul li:nth-child(8) a img { opacity:0 }
#qa #nav ul li:nth-child(9) a img { opacity:0 }
#voice #nav ul li:nth-child(10) a img { opacity:0 }
/*ページのトップへ*/
.pagetop { display: none; position: fixed; bottom: 30px; right: 15px; }
.pagetop a { display: block; padding: 5px 10px; }
/*フッター*/
#footer { background-image: url(../img/footer_bg.png); height: 49px; width: 900px; display: block; clear: both; background-repeat: no-repeat; margin: 0; padding: 25px 0 0 0; text-align: center; background-color: #FFF; }
#footernavi { list-style-type: none; margin: 0 auto; width: 755px; display: block; font-size: 12px; }
#footernavi li { display: inline-block; padding:0 5px; }
#footernavi li a { color:#FFF; text-decoration: none }
#footernavi li a:hover { text-decoration:underline }
#copylight { color: #F20176; clear: both; padding-top: 5px; font-weight: bold; display: block; margin: 0; padding: 0; font-size: 12px; }
/*お問合わせ*/
#form_container { padding:10px; margin: 0 10px 1em; background-color: #FFF; -webkit-border-radius: 10px; border-radius: 10px; display: block; text-align: left; }
.user_name, .email { -webkit-appearance: none; appearance: none; border: 2px solid #F6C; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; padding: 5px !important; color: #ec2582; margin-bottom: 10px; }
input::-webkit-input-placeholder {
 color: #ec2582;
 font-family: Arial-BoldMT, "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6";
}
select { width: 100%; }
.user_name, .user_mail, .user_contact { -webkit-appearance: none; appearance: none; border: 2px solid #F6C; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; padding: 6px 5px !important; color: #ec2582; margin-bottom: 10px; }
.user_select { -webkit-appearance: none; appearance: none; border: solid 2px #F6C; -webkit-border-radius: 3px; border-radius: 3px; font-size: 14px; padding: 5px; color: #ec2582; background-size: 12px 6px; margin-bottom: 10px; font-family: Arial-BoldMT, "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6"; font-weight: bolder; background-image: url(../images/tri.png); background-repeat: no-repeat; background-position: 98% 50%; }
.kakunin { display: block; width: 80%; height: 40px; margin: 0px auto 15px; /*border: solid 2px #000;*/ background: #FF4D00; color: #fff; font-size: 15px; text-align: center; line-height: 40px; -webkit-border-radius: 6px; border-radius: 6px; }
/*よくある質問*/	
.arrow_question { position: relative; background: #fff; border: 1px solid #c8c8c8; border-radius: 10px; width:75%; font-size: 14px; padding:3%; }
.arrow_answer { position: relative; border: 1px solid #c8c8c8; border-radius: 10px; width:75%; font-size: 14px; padding:3%; background-color: #78CD42; }
.arrow_question { float: right; }
.arrow_answer:after, .arrow_answer:before, .arrow_question:after, .arrow_question:before { top: 25px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_question:after, .arrow_question:before { right: 100%; }
.arrow_answer:after, .arrow_answer:before { left: 100%; }
.arrow_question:after { border-color: rgba(255, 255, 255, 0); border-width: 8px; margin-top: -8px; }
.arrow_answer:after { border-color: rgba(120,205,66, 0); border-width: 8px; margin-top: -8px; }
.arrow_answer:after { border-left-color:#78CD42; }
.arrow_question:after { border-right-color: #fff; }
.arrow_answer:before, .arrow_question:before { border-color: rgba(200, 200, 200, 0); border-width: 9px; margin-top: -9px; }
.arrow_answer:before { border-left-color: #c8c8c8; }
.arrow_question:before { border-right-color: #c8c8c8; }
.question_image { float: left; width:15%; }
.answer_image { float: right; width:15%; }
.answer_image img, .question_image img { border-radius: 50px; width: 100% }
.question_Box { width: 100%; overflow: hidden; margin-bottom: 10px; text-align: left; }
/*他県や地方にお住まいの女の子へ*/
#dekase01{ background-image:url(../img/dekasegi01.gif); height:3870px; width:660px; display: block; position: relative; background-repeat: no-repeat; }
.goto_form{ position:absolute; width:330px; height:60px; display:block; left: 305px; top: 2984px; }
.goto_line{ position:absolute; width:264px; height:186px; display:block; left: 34px; top: 2857px; }
/*マップ*/
#map_wrap{ background-image: url(../img/map01.png); background-repeat: no-repeat; padding:350px 0 25px 23px; }
#map_con{ height: 600px; width: 600px; margin-bottom: 10px; border:#FFF solid 10px; }
#toiawase{}
#toiawase h1{ line-height: 1.4; font-size: 24px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FF6600; margin-top: 30px; color: #F60; }
#toiawase h3{line-height: 2; }
dl{ border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#FF99CC; margint:5px; font-size: 16px; }
dl dt { float:left; clear: left; width:100px; font-weight:bold; background-color:#FF99CC; border-top:1px solid #ccc; padding:10px 5px; 
}
dl dd { background-color:#ffffff; border-top:1px solid #ccc; margin-left:110px; padding:10px 5px; text-align: left; 
}
.kadomaru01	{ background: #FFF; border:3px solid #F880BA; padding: 10px; margin-bottom:10px; text-align: center; }
.kadomaru01	{
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.mt30{ margin-top:30px}