@charset "utf-8";
/*------------------------------------------------------------
	リセット
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em; }
body, table, input, textarea, select, option { font-family: HiraKakuProN-W3; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

/*---------- ヘッダー ----------*/

header {
 width: 100%
 height: 20px;
 text-align: center;
 background: -webkit-gradient(linear, left top, left bottom, from(#d56a00),to(#ffc78e));
 background: -webkit-linear-gradient(top,#d56a00,#ffc78e);
 background: -ms-linear-gradient(top,#d56a00,#ffd074);
 filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffd56a00',endColorstr='#ffffc78e', GradientType=0 );
 background: linear-gradient(to bottom, #d56a00 0%, #ffc78e 100%);
}

header h1 {
 font-family:"リュウミン M-KL",serif; 
 font-size: 16px;
 line-height: 20px;
 font-weight: bold;
 color: #ffffff;
 padding: 3px 0px;
}

/*---------- コンテンツ ----------*/

body {
 background: #000000;
 -webkit-text-size-adjust: none;
}

#wrap {
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 width:100%;
 height:auto;
}

#head_img {
 margin-top: 5px;
 margin-left:auto;
 margin-right:auto;
 width: 60%;
 height: auto;
 text-align: center;
}

#head_img img {
 margin-left:auto;
 margin-right:auto;
 width: 100%;
}

.question  {
 margin-top: 10px;
 margin-left:auto;
 margin-right:auto;
 width: 90%;
 height: auto;
 background: #000000;
 border-bottom: dashed 1px #c29816;
 padding: 5px;
}

.question p {
 font-family:"リュウミン M-KL",serif;
 font-size: 12px;
 font-weight: bold;
 color: #ffffff;
 margin-left: 5px;
 text-align: left;
 line-height: 18px;
}

.answere  {
 margin-top: 5px;
 margin-bottom: 4px;
 margin-left:auto;
 margin-right:auto;
 width: 80%;
 height: auto;
 background: #ffb9ff;
 border-radius: 5px;
 padding: 2px;
}

.answere p {
 font-family:"リュウミン M-KL",serif;
 font-size: 12px;
 font-weight: bold;
 color: #00080;
 margin-left: 5px;
 text-align: left;
 line-height: 18px;
}

.prof_box {
 margin-top: 5px;
 margin-left:auto;
 margin-right:auto;
 width: 90%;
 height: 220px;
 background: #000000;
 border: solid 1px #9c7a12;
 box-sizing: border-box;
}

.contents  {
 margin-top: 3px;
 margin-left: 12px;
 width: 45%;
 height: 24px;
 text-align: left;
 background: #000000;
 float: left;
 border-bottom: dashed 1px #9c7a12;
 box-sizing: border-box;
}

.contents p {
 font-family:"MSゴシック",sans-serif; 
  margin-left: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #ffffff;
}

.price  {
 margin-top: 3px;
 margin-left: 10px;
 width: 45%;
 height: 24px;
 text-align: left;
 background: #000000;
 border-bottom: dashed 1px #9c7a12;
 box-sizing: border-box;
 float: left;
}

.price p {
 font-family:"MSゴシック",sans-serif; 
  margin-left: 8px;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #ffffff;
} 

.space   {
   clear: both;
}

.next_box {
 margin-top: 5px;
 margin-left:auto;
 margin-right:auto;
 width: 320px;
 height: 100px;
 background: #000000;
 box-sizing: border-box;
}

.next_photo {
 margin-top: 20px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 width: 85%;
 height: 35px;
 text-align: center;
}

.next_photo a {
 display: block;
 height: 35px;
 font-family:"リュウミン M-KL",serif; 
 font-size: 5vw;
 font-weight: bold;
 color: #ffffff;
 text-decoration: none;
 line-height: 35px;
 border-radius: 10px;
 background: -webkit-gradient(linear,left top,left bottom,from(#006a1b),to(#73ff96));
 background: -webkit-linear-gradient(top, #006a1b, #73ff96);
 background: -ms-linear-gradient(top, #006a1b, #73ff96);
 background: linear-gradient(to bottom, #006a1b, #73ff96);
}

.next_qa {
 margin-top: 20px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 width: 85%;
 height: 35px;
 text-align: center;
}

.next_qa a {
 display: block;
 height: 35px;
 font-family:"リュウミン M-KL",serif; 
 font-size: 5vw;
 font-weight: bold;
 color: #ffffff;
 text-decoration: none;
 line-height: 35px;
 border-radius: 10px;
 background: -webkit-gradient(linear,left top,left bottom,from(#b700b7),to(#ffb7ff));
 background: -webkit-linear-gradient(top, #b700b7, #ffb7ff);
 background: -ms-linear-gradient(top, #b700b7, #ffb7ff);
 background: linear-gradient(to bottom, #b700b7, #ffb7ff);
}

#midashi_introduce {
 margin-top: 20px;
 width: 100%
 height: 25px;
 text-align: center;
 background: -webkit-gradient(linear, left top, left bottom, from(#af8914),to(#ffd074));
 background: -webkit-linear-gradient(top,#af8914,#ffd074);
 background: -ms-linear-gradient(top,#af8914,#ffd074);
 filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffaf8914',endColorstr='#ffffd074', GradientType=0 );
 background: linear-gradient(to bottom, #af8914 0%, #ffd074 100%);
}

#midashi_introduce p {
 font-family:"MSゴシック",sans-serif; 
 font-size: 16px;
 line-height: 21px;
 font-weight: bold;
 color: #ffffff;
 padding: 3px 0px;
}

.profcom  {
 margin-top: 5px;
 margin-left:auto;
 margin-right:auto;
 width: 95%;
 height: auto;
 padding: 3px;
 background: #000000;
 border-radius: 5px;
 border: solid 1px #af8914
}

.profcom p {
 font-family:"リュウミン M-KL",serif;
 margin-left: 10px;
 font-size: 12px;
 color: #ffffff;
 text-align: left;
 line-height: 16px;
}

#midashi_option {
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 width: 90%;
 height: 25px;
 text-align: center;
 background: -webkit-gradient(linear, left top, left bottom, from(#bcffff),to(#004242));
 background: -webkit-linear-gradient(top,#bcffff,#004242);
 background: -ms-linear-gradient(top,#bcffff,#004242);
 filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffbcffff',endColorstr='#ff004242', GradientType=0 );
 background: linear-gradient(to bottom, #bcffff 0%, #004242 100%);
 border-radius: 5px;
}

#midashi_option p {
 font-family:"MSゴシック",sans-serif; 
 font-size: 16px;
 line-height: 23px;
 font-weight: bold;
 color: #ffffff;
 padding: 3px 0px;
}

.option_box {
 margin-top: 5px;
 margin-left:auto;
 margin-right:auto;
 width: 90%;
 height: auto;
 background: #000000;
}

.opok  {
 margin-top: 5px;
 margin-left: 10px;
 width: 45%;
 height: 25px;
 text-align: left;
 background: #009595;
 float: left;
 border-radius: 10px;
}

.opok p {
 font-family:"リュウミン M-KL",serif;
 margin-left: 8px;
 font-size: 4vw;
 font-weight: bold;
 line-height: 25px;
 color: #ffffff;
}

.opng  {
 margin-top: 5px;
 margin-left: 10px;
 width: 45%;
 height: 25px;
 text-align: left;
 background: #eeeeee;
 float: left;
 border-radius: 10px;
}

.opng p {
 font-family:"リュウミン M-KL",serif;
 margin-left: 8px;
 font-size: 4vw;
 line-height: 25px;
 color: #bcbcbc;
}

.bloglink  {
 margin-top: 20px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 width: 85%;
 height: 35px;
 text-align: center;
}

.bloglink a {
 display: block;
 height: 35px;
 font-family:"リュウミン M-KL",serif;
 font-size: 5vw;
 font-weight: bold;
 color: #ffffff;
 text-decoration: none;
 line-height: 35px;
 border-radius: 10px;
 background: -webkit-gradient(linear,left top,left bottom,from(#000073),to(#5151ff));
 background: -webkit-linear-gradient(top, #000073, #5151ff);
 background: -ms-linear-gradient(top, #000073, #5151ff);
 background: linear-gradient(to bottom, #000073, #5151ff);
}

.backlink  {
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
 width: 90%;
 height: 35px;
 text-align: center;
}

.backlink a {
 display: block;
 height: 35px;
 font-family:"リュウミン M-KL",serif;
 font-size: 6vw;
 font-weight: bold;
 color: #ffffff;
 text-decoration: none;
 text-indent: 10px;
 line-height: 35px;
 border-radius: 10px;
 background: -webkit-gradient(linear,left top,left bottom,from(#e37200),to(#ffa74f));
 background: -webkit-linear-gradient(top, #e37200, #ffa74f);
 background: -ms-linear-gradient(top, #e37200, #ffa74f);
 background: linear-gradient(to bottom, #e37200, #ffa74f);
}

.telcom {
 margin-top: 5px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5px;
 width: 80%;
 height: 14px;
 text-align: center;
 margin-bottom: 0;
}

.telcom p {
 font-family:"リュウミン M-KL",serif;
 font-size: 12px;
 font-weight: bold;
 color:#ffffff;
}

.tellbox {
 margin-top: 5px;
 width: 70%;
 height: 30px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5px;
 border-radius: 10px;
 background: -webkit-gradient(linear,left top,left bottom,from(#E10071),to(#930049));
 background: -webkit-linear-gradient(top, #E10071, #930049);
 background: -ms-linear-gradient(top, #E10071, #930049);
 background: linear-gradient(to bottom, #E10071, #930049);
}

.tellbox a {
 display: block;
 text-align: center;
 font-family:"リュウミン M-KL",serif;
 font-size: 21px;
 line-height: 30px;
 color:#fff;
 font-weight: bold;
 text-decoration: none;
}

.tellbox a:hover {
 color:#ff0000;
 background: #cccccc;
 border-radius: 10px;
}

.backbox {
 width: 90%;
 height: 35px;
 text-align: center;
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5px;
 border-radius: 10px;
 background: -webkit-gradient(linear,left top,left bottom,from(#490093),to(#9224ff));
 background: -webkit-linear-gradient(top, #490093, #9224ff);
 background: -ms-linear-gradient(top, #490093, #9224ff);
 background: linear-gradient(to bottom, #490093, #9224ff);
}

.backbox a {
 display: block;
 text-align: center;
 font-family:"リュウミン M-KL",serif;
 font-size: 5vw;
 line-height: 35px;
 color:#fff;
 font-weight: bold;
 text-decoration: none;
}

#noans {
 margin-top: 10px;
 margin-left: auto;
 margin-right: auto;
 width: 80%;
 height: 28px;
 background: #000000;
 text-align: center;
}

#noans p {
 font-family:"リュウミン M-KL",serif;
 font-size: 14px;
 font-weight: bold;
 color:#ffffff;
}

#mainimage_box {
 margin-top: 3px;
 margin-left: 5px;
 width: 40%;
 height: auto;
 float: left;
 box-sizing: border-box;
}

#mainimage_box img {
 margin-top: 20px;
 width: 100%;
}

#main_profile {
 margin-top: 3px;
 width: 55%;
 height: auto;
 float: left;
 box-sizing: border-box;
}

.prof_koumoku {
 margin-top: 3px;
 margin-left: 5px;
 width: 100%;
 height: 16px;
 border-bottom: dashed 1px #c29816;
 box-sizing: border-box;
}

.prof_koumoku p {
 font-family:"MSゴシック",sans-serif; 
 margin-left: 8px;
 font-size: 11px;
 font-weight: bold;
 line-height: 18px;
 color: #ffffff;
}

.prof_ans {
 margin-top: 3px;
 margin-left: 20px;
 width: 90%;
 height: 16px;
 background: #ffffff;
 border-radius: 3px;
 box-sizing: border-box;
}

.prof_ans p {
 font-family:"リュウミン M-KL",serif;
 margin-left: 5px;
 font-size: 11px;
 font-weight: bold;
 line-height: 18px;
 color: #6c550d;
}


.info_ban {
 margin-top: 15px;
 width: 90%;
 height: 50px;
 margin-left: auto;
 margin-right: auto;
 background: #a33a6c;
 border-radius: 5px;
 box-sizing: border-box;
}

.info_ban a {
 display: block;
 line-height: 50px;
 font-family:"MSゴシック",sans-serif; 
 font-size: 18px;
 font-weight: bold;
 color: #00ffff;
 text-align: center;
 text-decoration: none;
}
/*------------------------------------------------------------
	ナビ
------------------------------------------------------------*/

nav {
 margin-top: 5px;
 margin-bottom: 5px;
 width: 100%;
 -webkit-box-shadow: 0 2px 4px #666;
 box-shadow: 0 2px 4px #666;
}

nav ul {
 list-style-type: none;
}

nav ul:after{
 content:"";
 clear: both;
 display: block;
}

nav ul li {
 float: left;
 width: 25%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background: -webkit-gradient(linear, left top, left bottom, from(#f3dd9a),to(#c29816));
 background: -webkit-linear-gradient(top,#f3dd9a,#c29816);
 background: -ms-linear-gradient(top,#f3dd9a,#c29816);
 filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff3dd9a',endColorstr='#ffc29816', GradientType=0 );
 background: linear-gradient(to bottom, #f3dd9a 0%, #c29816 100%);
 border: #f3dd9a solid 1px;
}

nav ul li a {
 display: block;
 height: 22px;
 padding: 58px 0 0 0;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(../image/icon2.png) no-repeat 50% 13px;
 -webkit-background-size: 40px 40px;
 background-size: 40px 40px;
}

nav ul li a.system {
 display: block;
 height: 22px;
 padding: 58px 0 0 0;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(../image/icon6.png) no-repeat 50% 13px;
 -webkit-background-size: 40px 40px;
 background-size: 40px 40px;
}

nav ul li a.shukkin {
 display: block;
 height: 22px;
 padding: 58px 0 0 0;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(../image/icon1.png) no-repeat 50% 13px;
 -webkit-background-size: 40px 40px;
 background-size: 40px 40px;
}

nav ul li a.women {
 display: block;
 height: 22px;
 padding: 58px 0 0 0;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(../image/icon5.png) no-repeat 50% 13px;
 -webkit-background-size: 40px 40px;
 background-size: 40px 40px;
}

nav ul li a.guide {
 display: block;
 height: 22px;
 padding: 58px 0 0 0;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(../image/icon3.png) no-repeat 50% 13px;
 -webkit-background-size: 40px 40px;
 background-size: 40px 40px;
}

nav ul li a.stablo {
 display: block;
 height: 22px;
 padding: 58px 0 0 0;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(../image/icon8.png) no-repeat 50% 13px;
 -webkit-background-size: 40px 40px;
 background-size: 40px 40px;
}

nav ul li a.tencho {
 display: block;
 height: 22px;
 padding: 58px 0 0 0;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(../image/icon7.png) no-repeat 50% 13px;
 -webkit-background-size: 40px 40px;
 background-size: 40px 40px;
}

nav ul li a.kyujin {
 display: block;
 height: 22px;
 padding: 58px 0 0 0;
 font-size: 12px;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(../image/icon4.png) no-repeat 50% 13px;
 -webkit-background-size: 40px 40px;
 background-size: 40px 40px;
}

/*---------- フッター ----------*/

footer {
 margin-top: 10px;
 width: 100%;
 height: 25px;
 background: #c29816;
}

footer p {
 font-family:"MSゴシック",sans-serif; 
 font-size: 12px;
 line-height: 25px;
 text-align: center;
 color: #ffffff;
 font-weight: bold;
}