 

/*  ガールズリラクゼーションカフェ
--------------------------------------------------------------------------*/
/*  http://
--------------------------------------------------------------------------*/

a:link {text-decoration: none;} 
a:visited {text-decoration: none;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;}
body { background-color: #fff; }
body, th, td, div, font { line-height: 1.5; }

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; /* sets the base font to 10px for easier math */}
body { position: relative;}

ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;}
form{margin:0px;}
input{margin:0px;}


.mincho { font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E",serif;}


/*  背景関連
--------------------------------------------------------------------------*/
.bg01 { background-color: rgba(255,255,255,1.0);padding: 15px 10px 15px;margin: 0px 0px 0px;}
.bg02 { background-color: rgba(244,244,244,1.0);padding: 10px 10px 10px;margin: 0px 0px 0px;}
.bg03 { background-color: rgba(254,241,245,1.0);padding: 10px 10px 10px;margin: 0px 0px 0px;}
.bg04 { background-color: rgba(249,168,202,1.0);padding: 10px 10px 10px;margin: 0px 0px 0px;}
.bg05 { background-color: rgba(189,235,243,1.0);padding: 10px 10px 10px;margin: 0px 0px 0px;}



/*  タイトル関連
--------------------------------------------------------------------------*/
h1{ margin: 0px 0px 0px;padding: 0px 0px 0px 10px;line-height: 40px;}
h1{ font-weight: normal;font-size: 10px;color: #222;letter-spacing:0px;}
h2 { margin: 0px 0px 0px ;padding: 0px 0px 0px ;}

h3 { margin: 0px 0px 0px;padding: 0px 0px 0px;}
.clear { display: none;}

.title01{ background-color:#94d5ea;border-radius: 0px;padding: 15px 15px 15px;}
.title01{ margin: 0px 0px 0px;font-size: 16px;color: #fff;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}
.title02{ background-color:#f1bbd3;border-radius: 0px;padding: 15px 15px 15px;}
.title02{ margin: 0px 0px 0px;font-size: 16px;color: #fff;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}

.title_box01 { width: 100%;height: 150px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.title_box01 { background : transparent url(../img/bg_img01.jpg) repeat center top;background-position: 50% 50%;background-size: cover;position:relative;}
.title_box02 { width: 100%;height: 150px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.title_box02 { background : transparent url(../img/bg_img02.jpg) repeat center top;background-position: 50% 50%;background-size: cover;position:relative;}




/*  へッダー
--------------------------------------------------------------------------*/
.header { width: 100%;min-height: 86px;margin: 0px 0px 0px;padding: 0px 0px 0px 0px;}
.header { background-color: rgba(255,255,255,0.8);border-bottom: 1px solid #ede5d9;position: relative;z-index: 9999;}
.head_logo { max-width: 100%; position:absolute; top:21px;right:0px;left:0px;margin:auto auto;}



.top_img { width: 100%; height:auto;}


/*  TOP
--------------------------------------------------------------------------*/
.pink_line { background:linear-gradient(transparent 50%, #feddee 0%) repeat scroll 0 0;}
.blue_line { background:linear-gradient(transparent 50%, #bde4ff 0%) repeat scroll 0 0;}


#catch01 { max-width: 800px;}
#catch01 h2 { padding: 20px 5px 0px;margin: 0px 0px 0px;position:relative;}
#catch01 h2 { font-size: 18px;color: #d01267;font-weight: 600;line-height: 1.5;letter-spacing:0px;text-align: center;}
#catch01 h3 { padding: 5px 5px 0px;margin: 0px 0px 0px;position:relative;}
#catch01 h3 { font-size: 14px;color: #c60584;font-weight: 600;line-height: 1.5;letter-spacing:0px;text-align: left;}
#catch01 div { padding: 5px 5px 10px;margin: 0px 0px 0px;}
#catch01 div { font-size: 14px;color: #222;line-height: 1.5;font-weight: 500;letter-spacing:0px;text-align: left;}

#catch02 { max-width: 800px;}
#catch02 h2 { padding: 10px 5px 0px;margin: 0px 0px 0px;position:relative;}
#catch02 h2 { font-size: 18px;color: #4d74ae;font-weight: 600;line-height: 1.5;letter-spacing:0px;text-align: center;}
#catch02 h3 { padding: 25px 5px 0px;margin: 0px 0px 0px;position:relative;}
#catch02 h3 { font-size: 18px;color: #4d74ae;font-weight: 600;line-height: 1.5;letter-spacing:0px;text-align: center;}
#catch02 div { padding: 5px 5px 10px;margin: 0px 0px 0px;}
#catch02 div { font-size: 14px;color: #222;line-height: 1.5;font-weight: 500;letter-spacing:0px;text-align: left;}

.osusume_title { padding: 25px 5px 0px;margin: 0px 0px 0px;position:relative;}
.osusume_title { font-size: 18px;color: #ff66bc;font-weight: 600;line-height: 1.5;letter-spacing:0px;text-align: center;}

ul.osusume { margin: 0px 0px 0px ;padding: 10px 0px 10px;}
ul.osusume li { padding: 10px 0px 10px 26px;line-height: 1.5;border-bottom:1px dotted #666;}
ul.osusume li { background: url('../img/icon_check.png') no-repeat scroll; background-position: 0px 8px;position: relative;}
ul.osusume li { font-size: 12px;color: #222;letter-spacing:0px;text-align: left;}
ul.osusume:after { content: "";display: block;clear: both;}

#other_comme { background-color: rgba(255,255,255,1);border: 1px solid #eaeaea;border-radius:5px;margin: 5px 0px 5px;padding: 10px 10px 10px;}
#other_comme h2 { padding: 10px 5px 0px;margin: 0px 0px 0px;position:relative;}
#other_comme h2 { font-size: 17px;color: #ff6cde;font-weight: 600;line-height: 1.5;letter-spacing:0px;text-align: center;}
#other_comme h3 { padding: 10px 5px 0px;margin: 0px 0px 0px;position:relative;}
#other_comme h3 { font-size: 15px;color: #333;font-weight: 600;line-height: 1.5;letter-spacing:0px;text-align: left;}
#other_comme div { padding: 5px 5px 10px;margin: 0px 0px 0px;}
#other_comme div { font-size: 14px;color: #222;line-height: 1.5;font-weight: 500;letter-spacing:0px;text-align: left;}

#reason_title { padding: 10px 5px 15px;}
#reason_title h2 { padding: 10px 5px 0px;margin: 0px 0px 0px;position:relative;}
#reason_title h2 { text-align: center;}
#reason_title span { display:block;padding: 10px 0px 0px;font-size: 13px;color: #ff0090;font-weight: 500;text-align: center;}

ul.reason01 { padding: 0px 0px 0px;margin: 0px 0px 0px;}
ul.reason01 li { background-color:#e682b1;border-bottom:2px solid #fff;margin: 0px 0px 0px;text-align: center;position:relative;}
ul.reason01 li { padding: 10px 10px 10px ;position: relative;}

.reason01_img { width: 88px;height: 88px;overflow: hidden;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;margin: 0px 5px 0px 0px;}
.reason01_number {  }
.reason01_number { width: 30px;height: 30px;position:absolute; top:5px;left:5px;z-index: 8888;}
.reason01_title { margin: 0px 0px 0px padding: 5px 0px 0px 8px;}
.reason01_title { font-size: 14px;color: #fff;font-weight: 500;text-decoration: none;letter-spacing:1px;line-height: 1.3;text-align: left;}
.reason01_catch { margin: 0px 0px 0px padding: 0px 0px 0px 8px;}
.reason01_catch { font-size: 17px;color: #fff;font-weight: 600;text-decoration: none;letter-spacing:1px;line-height: 1.3;text-align: left;}

#reason { background: linear-gradient(#f6f6f9, #fbf1ed);padding: 10px 10px 10px ;margin: 5px 0px 5px;padding: 10px 10px 10px;}
#reason h2 { padding: 0px 5px 0px;margin: 0px 0px 0px;position:relative;}
#reason h2 { font-size: 18px;color: #ff6cde;font-weight: 600;line-height: 1.4;letter-spacing:0px;text-align: left;}
#reason h3 { padding: 5px 5px 0px;margin: 0px 0px 0px;position:relative;}
#reason h3 { font-size: 15px;color: #333;font-weight: 600;line-height: 1.4;letter-spacing:0px;text-align: left;}
#reason div { padding: 5px 5px 10px;margin: 0px 0px 0px;}
#reason div { font-size: 14px;color: #222;line-height: 1.5;font-weight: 500;letter-spacing:0px;text-align: left;}

ul.merit { width: 100%;margin: 0px 0px 0px ;padding: 10px 0px 10px;}
ul.merit li { width: 33%;padding: 5px 0px 5px;float: left;}
ul.merit li img { max-width: 98%;margin: 0px 0px 0px;}
ul.merit li span { display: block;font-size: 10px;font-weight: normal;color: #333;text-align: center;padding: 15px 5px 10px ;}

ul.flow_list {list-style: none;padding: 10px 0px 10px ;margin: 0;}
ul.flow_list li { position: relative;margin-bottom: 30px;background-color: #fff7fa;border: 2px solid #edb2c9;border-radius: 0px;}
ul.flow_list li { font-size: 12px;font-weight: normal;color: #ff66bc;text-align: center;padding: 15px 5px 10px ;}
ul.flow_list li::before,
ul.flow_list li::after { position: absolute;top: 100%;right:0px;left:0px;margin:auto auto;content: '';height: 0;width: 0;border: 30px solid transparent;}
ul.flow_list li::before { border-top: 15px solid #edb2c9;}
ul.flow_list li::after { margin-top: -2px;border-top: 15px solid #fff7fa;}

ul.caution { width: 100%;margin: 0px 0px 0px ;padding: 0px 0px 0px;}
ul.caution li { margin: 5px 7px 5px ; padding: 12px 0px 12px;letter-spacing:0px;}
ul.caution li { line-height: 1.4;border-bottom: 1px dotted #918f87;}
ul.caution li { font-size: 13px;color: #b0002a;font-weight: normal;}
ul.caution li { text-decoration: none;text-align: left;position: relative;}
ul.caution:after { content: "";display: block;clear: both;}

.other_title { padding: 10px 0px 0px ;font-size:18px;color: #ff8dd5;line-height: 1.3;letter-spacing:0px;font-weight:bold;text-decoration: none;text-align: center;}
.other_title2 { padding: 10px 0px 0px ;font-size:15px;color: #222;line-height: 1.3;letter-spacing:-1px;font-weight:bold;text-decoration: none;text-align: center;}
.other_comme { padding: 10px 0px 10px ;font-size:14px;color: #222;line-height: 1.5;letter-spacing:0px;text-decoration: none;text-align: left;}

ul.other { margin: 0px 0px 0px ;padding: 10px 0px 10px;}
ul.other li { padding: 15px 0px 15px 26px;line-height: 1;border-bottom:1px dashed #666;}
ul.other li { background: url('../img/icon_check.png') no-repeat scroll; background-position: 0px 8px;position: relative;}
ul.other li { font-size: 11px;color: #222;letter-spacing:0px;text-align: left;}
ul.other:after { content: "";display: block;clear: both;}


ul.massage_flow {list-style: none;padding: 20px 0px 0px;margin: 0;}
ul.massage_flow li { position: relative;margin-bottom: 30px;background-color: #fff;border: 2px solid #edb2c9;border-radius: 5px;}
ul.massage_flow li { font-size: 13px;font-weight: normal;color: #666;text-align: left;padding: 10px 10px 10px ;}
ul.massage_flow li::before,
ul.massage_flow li::after { position: absolute;top: 100%;right:0px;left:0px;margin:auto auto;content: '';height: 0;width: 0;border: 30px solid transparent;}
ul.massage_flow li::before { border-top: 15px solid #edb2c9;}
ul.massage_flow li::after { margin-top: -2px;border-top: 15px solid #fff;}


/*  CONTACT-MENU
--------------------------------------------------------------------------*/
.contact_top { background-color:#94d5ea;border-radius: 0px;padding: 15px 10px 15px;margin: 0px 0px 0px;}
.contact_top { font-size: 12px;color: #fff;font-weight:500;line-height: 1.5;letter-spacing:0px;text-align: center;}
.contact_top span { font-size: 17px;color: #fff;font-weight:bold;line-height: 1.5;letter-spacing:0px;}

ul.contact_menu { width: 100%;padding: 0px 0px 0px 0px;margin: 0px 0px 0px;display:inline-block;}
ul.contact_menu li { width: 50%;background-color:#fff;}
ul.contact_menu li { margin: 0px 0px 0px;display:block;float: left;text-align: center;}
ul.contact_menu li.contact_menu01 { background-color: rgba(255,103,200,1.0);position:relative;}
ul.contact_menu li.contact_menu02 { background-color: rgba(212,66,176,1.0);position:relative;}
ul.contact_menu li a { padding: 10px 0px 10px;display:block;}
ul.contact_menu li a { font-size: 13px;color: #fff;font-weight:500; letter-spacing:-1px;}
ul.contact_menu li img { max-width: 100%;}

/*  NEWS
--------------------------------------------------------------------------*/
ul.keyword_menu { margin: 0px 0px 0px ;padding: 15px 0px 15px;display: inline-block; }
ul.keyword_menu li { float:left;}
ul.keyword_menu li a { margin: 1px 1px 1px;font-size: 11px;color: #fff;letter-spacing:0px;}
ul.keyword_menu li a { background-color:#f785b6;border: 0px solid #fb6caa;border-radius: 0px;text-align: left;}
ul.keyword_menu li a { display:block;padding: 8px 8px 8px;text-decoration: none;}
ul.keyword_menu li a:hover { background-color:#66cddf;text-decoration: none;display:block;}

ul.news_list { padding: 0px 0px 0px ;margin: 0px 0px 0px;}
ul.news_list { width: 100%;background-color:#f4f4f4;}
ul.news_list li { background-color:#fff;margin: 10px 0px 10px;}
ul.news_list li a { padding: 10px 10px 10px 10px;}
ul.news_list li a { display:block;text-decoration: none;}
ul.news_list li a:hover { background-color:#fff8fb;text-decoration: none;display:block;}
ul.news_list li img { width: 120px;margin: 0px 0px 0px;}

div.news_column { display: table;margin: 0px 0px 0px;padding: 0px;}
div.news_column .box1 { display: table-cell;width: 128px;padding: 0px 0px 0px;vertical-align: top;text-align: left;}
div.news_column .box2 { display: table-cell;padding: 0px 0px 0px;vertical-align: top;text-align: left;}

.news_list_title { padding: 0px 0px 0px;margin: 0px;text-align: left;font-size: 15px;color: #7ed3c9;line-height: 1.5;text-decoration: underline;letter-spacing:0px;}
.news_list_comme { padding: 0px 0px 0px;margin: 0px;text-align: left;font-size: 12px;color: #333;line-height: 1.5;letter-spacing:0px;}

ul.news_icon { margin: 0px 0px 0px ;padding: 7px 0px 0px 0px;}
ul.news_icon li { margin: 1px 2px 1px 0px;font-size: 10px;color: #fff;letter-spacing:0px;line-height: 1;}
ul.news_icon li { background-color:#ff97b4;border: 1px solid #d87171; border-radius: 5px;float:left;text-align: left;}
ul.news_icon li { display:block;padding: 6px 6px 6px;}
.news_next  { padding: 7px 0px 0px;font-size: 13px;color: #ff2461;text-decoration: none;text-align: right;}

.column { background-color:#fff;}
.column { padding: 10px 10px 10px 10px;margin: 0px 0px 0px;}
.column_title{ background-color:#f1bbd3;border-radius: 0px;padding: 15px 15px 15px;}
.column_title{ margin: 0px 0px 15px;font-size: 16px;color: #fff;font-weight: 500;letter-spacing:0px;text-align: left;}

.column_title2 { font-size: 16px;color: #5ec89d;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}
.column_title2 { padding: 10px 5px 10px 5px;margin: 0px 0px 15px;border-bottom: 2px solid #aaf2d5;}
.column_comme { padding: 0px 0px 10px 0px;margin: 0px;text-align: left;font-size: 13px;color: #222;line-height: 1.5;letter-spacing:0px;}
.column_img { width: 100%; height:auto;margin: 0px 0px 10px ;}


#slider { overflow:hidden;position:relative;text-align: center;padding: 0px 0px 10px ;}
ul.column_photo { margin: 0px 0px 0px;padding: 0px 15px 20px;}
ul.column_photo li { list-style: none;position:relative;text-align: center;}
ul.column_photo li { text-decoration: none;display: block;}
ul.column_photo li { margin: 0px 0px 0px;padding: 0px 0px 0px;}

.movie_button { max-width: 400px;margin: 5px 0px 20px;font-size:17px;font-weight:600;text-decoration:none;}
.movie_button a { border: 2px solid #e77187;border-radius: 50px;padding: 2px 0px 0px 0px;}
.movie_button a { line-height: 44px;background-color:#ff6e89;color: #fff;text-align: center;text-decoration: none;display:block;}
.movie_button a:hover  { display:block;}

.bx-wrapper { position: relative;  padding: 0px 0px 0px;margin: 0px auto 0px;width: 100%;z-index: 8000;}
.bx-wrapper img { max-width: 100%;height: auto; display: block; position: relative;  top: 0px; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom:20px; width: 100%; }
.bx-wrapper .bx-pager { text-align: center; font-size: 0.85em; font-family: Arial; font-weight: bold; color: rgb(255, 255, 255); padding-top: 10px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }
.bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0% 0% rgb(235, 232, 215); text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0px 5px; outline: 0px none; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0% 0% rgb(235, 183, 0); }
.bx-wrapper .bx-prev { left: 0px; background: url('../img/prev.png') no-repeat scroll transparent;}
.bx-wrapper .bx-next { right: 0px; background: url('../img/next.png') no-repeat scroll transparent; }
.bx-wrapper .bx-prev:hover { background-position: 0px 0px; }
.bx-wrapper .bx-next:hover { background-position: 0px 0px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 42%; margin-top: -16px; outline: 0px none; width: 64px; height: 64px; text-indent: -9999px; z-index: 9999; }
/*.bx-wrapper li { height: 100%; }*/


#next_box{ width: 98%;display: table;padding: 10px 0px 10px;margin: 0px;text-align: center;}
#next_box{ position: relative;right:0px;left:0px;margin:auto auto;}
.next_child { display: table-cell;width: 49%;vertical-align: top;}

.button_next { margin: 2px 2px 2px;text-align: center;}
.button_next { font-size:14px;letter-spacing:0px;font-weight:bold;text-decoration:none;color:#fff;display:block;}
.button_next a { line-height: 48px;background-color:#86d3e0;border: 2px solid #fff;border-radius: 30px;color: #fff;text-decoration: none;display:block;}
.button_next a:hover  { background-color:#66cddf;text-decoration: none;display:block;}


/*  体験女性の声
--------------------------------------------------------------------------*/
ul.interview_list { background-color:#;padding: 0px 0px 0px;margin: 0px 0px 0px;}
ul.interview_list li { background-color:#fff;border-radius: 8px;margin: 4px 0px 5px;text-align: center;position:relative;}
ul.interview_list li { position: relative;}
ul.interview_list li a{ background-color:#fff;border: 1px solid #cee5e9;border-radius: 8px;display: block;padding: 6px 7px 6px; }
ul.interview_list li img{ width: 90px;margin: 0px 4px 0px 0px; }

.interview_list_title { border:2px solid #fc87e8;border-radius: 3px;padding: 9px 10px 8px;margin: 5px 0px 5px;}
.interview_list_title { font-size: 13px;color: #fc87e8;font-weight: bold;line-height: 1.2;letter-spacing:0px;text-align: left;}
.interview_list_comme { padding: 10px 0px 10px;margin: 0px;text-align: left;font-size: 14px;color: #222;line-height: 1.4;letter-spacing:0px;}

table.interview_list_data { margin: 0px 0px 0px; border-collapse: separate;border-spacing: 0px 1px;}
table.interview_list_data th { width: 47px;background-color: #f3f3f3;padding: 7px 3px 7px;font-size: 10px; letter-spacing:-1px;font-weight: normal;line-height: 1.5;color: #f3057b;text-align: center;vertical-align: middle; }
table.interview_list_data td { background-color: #fff;padding: 7px 5px 7px;font-size: 11px; letter-spacing:0px;line-height: 1.3;color: #333;text-align: left; vertical-align: middle; }

table.interview { width: 100%;margin: 0px 0px 5px ;border-collapse: collapse;border-spacing: 0px;}
table.interview th { width: 70px;padding: 9px 0px 8px;vertical-align: middle;border-bottom: 1px solid #e5e5e5;text-align: left;}
table.interview th { font-size: 11px;color: #85aad9;letter-spacing:0px;font-weight: normal;line-height: 1.5;}
table.interview td { padding: 10px 0px 8px;vertical-align: middle;border-bottom: 1px solid #e5e5e5;text-align: left;}
table.interview td { font-size: 11px;color: #222;letter-spacing:1px;font-weight: normal;line-height: 1.5;}

.interview_title { font-size: 16px;color: #5ec89d;font-weight: bold;line-height: 1.5;letter-spacing:0px;text-align: left;}
.interview_title { padding: 15px 0px 15px;margin: 0px 0px 15px;border-bottom: 2px solid #aaf2d5;position: relative;}
.interview_img { width: 120px;height: 120px;overflow: hidden;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;}
.interview_comme { padding: 10px 0px 10px;margin: 0px;text-align: left;font-size: 14px;color: #222;line-height: 1.5;letter-spacing:0px;}

.interview_button { max-width: 400px;margin: 5px 0px 20px;font-size:17px;font-weight:600;text-decoration:none;}
.interview_button a { border: 2px solid #e77187;border-radius: 50px;padding: 2px 0px 0px 0px;}
.interview_button a { line-height: 44px;background-color:#ff6e89;color: #fff;text-align: center;text-decoration: none;display:block;}
.interview_button a:hover  { display:block;}

.movie { padding: 10px 0px 20px;margin: 0px;}


/*  PROF
--------------------------------------------------------------------------*/
.prof_img { width: 120px;height: 120px;overflow: hidden;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;}
.prof_comme { background-color: #fff;border:1px solid #ffcfe2;border-radius: 5px;padding: 10px 12px 10px ;}
.prof_comme { font-size: 13px;color: #222;letter-spacing:1px;line-height: 1.5;margin:0px;text-align: left;}

table.prof_data { width: 100%;margin: 5px 0px 5px ;border-collapse: collapse;border-spacing: 0px;}
table.prof_data th { width: 90px;padding: 10px 0px 10px;vertical-align: middle;border-bottom: 2px solid #ffddeb;text-align: left;}
table.prof_data th { font-size: 12px;color: #222;letter-spacing:0px;font-weight: normal;line-height: 1.5;}
table.prof_data td { padding: 10px 0px 10px;vertical-align: middle;border-bottom: 2px solid #ffddeb;text-align: left;}
table.prof_data td { font-size: 12px;color: #222;letter-spacing:1px;font-weight: normal;line-height: 1.5;}

/*  SYSTEM
--------------------------------------------------------------------------*/
.bg_system { padding: 10px 10px 10px ;margin: 5px 0px 5px;}
.bg_system { background-color:#fff;border:0px solid #ebeae3;border-radius: 5px;}

.concept_title { background-color:#fff;border: 2px solid #f19ec2;line-height: 1.5;padding: 10px 5px 10px ;}
.concept_title { margin: 10px 0px 5px;text-align: center;font-weight: bold;font-size: 13px;color: #f19ec2;letter-spacing:0-1px;}
.concept_comme { margin: 5px 0px 10px;padding: 10px 0px 10px ;}
.concept_comme { font-size: 13px;color: #222;line-height: 1.5;font-weight: 500;letter-spacing:0px;text-align: left;}

ul.concept_caution { margin: 0px 0px 0px ;padding: 0px 0px 10px;}
ul.concept_caution li { padding: 10px 0px 10px 26px;line-height: 1.5;border-bottom:1px dotted #666;}
ul.concept_caution li { background: url('../img/icon_check.png') no-repeat scroll; background-position: 0px 10px;position: relative;}
ul.concept_caution li { font-size: 12px;color: #ff388e;letter-spacing:0px;text-align: left;}
ul.concept_caution:after { content: "";display: block;clear: both;}

.system_title { background-color:#f785b6;border: 1px solid #f6f2eb;margin: 10px 0px 5px;padding: 12px 10px 12px;}
.system_title { font-size: 12px;color: #fff;line-height: 1.5;font-weight: bold;letter-spacing:0px;text-align: left;}
.system_comme { border-bottom: 1px dotted #f785b6;margin: 0px 0px 0px;padding: 10px 0px 10px ;}
.system_comme { font-size: 12px;color: #333;line-height: 1.5;font-weight: 500;letter-spacing:0px;text-align: left;}
.system_img { max-width: 100%;border-radius: 5px;margin: 5px 0px 5px;}
ul.system { width: 100%;margin: 0px 0px 0px ;padding: 0px 0px 10px 0px;}
ul.system li { width: 100%;padding: 5px 0px 5px 0px;letter-spacing:0px;}
ul.system li { line-height: 44px;border-bottom: 1px dotted #454237;}
ul.system li { font-size: 13px;color: #222;font-weight: bold;}
ul.system li { float:left;text-decoration: none;text-align: left;position: relative;}
ul.system:after { content: "";display: block;clear: both;}

ul.option_list { margin: 0px 0px 0px ;padding: 15px 0px 15px;display: inline-block; }
ul.option_list li { float:left;}
ul.option_list li { margin: 1px 1px 1px;padding: 10px 10px 10px;font-size: 11px;color: #ce40a1;letter-spacing:0px;}
ul.option_list li { background-color:#f6d5e4;border: 0px solid #fb6caa;border-radius: 3px;text-align: left;}

.caution_title { background-color:#fff;border: 2px solid #5fbfbd;line-height: 1.5;padding: 10px 10px 10px ;}
.caution_title { margin: 10px 0px 10px;text-align: left;font-weight: bold;font-size: 14px;color: #5fbfbd;letter-spacing:0px;}
.caution_comme { margin: 10px 0px 10px;padding: 10px 0px 10px ;}
.caution_comme { font-size: 13px;color: #2a8d8b;line-height: 1.5;font-weight: 500;letter-spacing:0px;text-align: left;}

ul.caution_list { padding: 10px 0px 10px;margin: 0px 0px 0px;}
ul.caution_list { position: relative;right:0px;left:0px;margin:auto auto;}
ul.caution_list li { border-bottom: 1px solid #5fbfbd;padding: 10px 5px 10px;margin: 0px 0px 0px;text-align: left; }
ul.caution_list li { font-size: 13px; letter-spacing:0px;line-height: 1.5;color: #222; }
ul.caution_list:after { content: "";display: block;clear: both;}

/*  FAQ
--------------------------------------------------------------------------*/
ul.faq { padding: 10px 0px 10px 0px;margin: 0px 0px 0px;}
ul.faq { width: 100%;background-color:#f4f4f4;display:inline-block;}
ul.faq li { background-color:#fff;margin: 10px 8px 10px;padding: 10px 10px 10px;text-align: left;}

.faq_q { border-bottom:2px solid #fedbea;margin: 5px 0px 8px ;padding: 12px 0px 10px;position:relative;}
.faq_q { font-size: 14px;color: #ff93c1; letter-spacing:0px;line-height: 1.3;text-align: left;}
.faq_a { border-bottom: 0px dotted #fd9abf;margin: 0px 0px 0px ;padding: 12px 0px 10px;position:relative;}
.faq_a { font-size: 13px;color: #222; letter-spacing:0px;line-height: 1.5;text-align: left;}

/*  LINK
--------------------------------------------------------------------------*/
ul.link { background-color: rgba(255,236,244,1.0);margin: 0px 0px 0px;padding: 20px 0px 20px ;}
ul.link li { margin: 5px 8px 5px;text-align: center;}
ul.link li a { line-height: 1.5;background-color:#fff;border:1px solid #fedbea;border-radius: 3px;display: block;padding: 10px 10px 10px; }
ul.link li a { text-align: left;font-size: 14px;color: #666;}
ul.link li a:hover { background-color:#fef4f8;}
ul.link_list { background-color: rgba(255,236,244,1.0);margin: 0px 0px 0px;padding: 10px 0px 10px ;}
ul.link_list li { margin: 5px 8px 5px;text-align: center;}
ul.link_list li a { line-height: 1.5;background-color:#fff;border:1px solid #edebe5;border-radius: 2px;display: block;padding: 10px 10px 10px; }
ul.link_list li a { text-align: left;font-size: 14px;color: #666;}
ul.link_list li a:hover { background-color:#f8f8f8;}
ul.link_list li span { padding: 5px 0px 0px ;font-size: 13px;color: #e8005c;letter-spacing:0px;text-decoration: underline;text-align: left;display:block;}

.link_list_comme { padding: 5px 0px 0px;margin: 0px;text-align: left;font-size: 13px;color: #222;line-height: 1.3;letter-spacing:0px;}


.link01{ border-bottom: 1px dashed #e5e5e5; margin: 0px 5px 5px;padding: 5px 0px 3px;font-size: 14px;color: #ff1187;letter-spacing:0px;line-height: 1.5;text-align: left;}
.link02{ border-bottom: 1px dashed #e5e5e5; margin: 5px 5px 5px;padding: 5px 0px 3px;font-size: 12px;color: #333;letter-spacing:0px;line-height: 1.5;text-align: left;}

/*  SITEMAP
--------------------------------------------------------------------------*/
ul.sitemap { padding: 10px 0px 10px ;margin: 0px 0px 0px ;}
ul.sitemap { width: 100%;background-color: rgba(255,236,244,1.0);display:inline-block;}
ul.sitemap li { margin: 5px 8px 5px;}
ul.sitemap li a { line-height:44px;text-align: left;padding: 0px 15px 0px;font-size: 16px;color: #808182;font-weight: 500;}
ul.sitemap li a { background: url('../img/link_arrow.png') no-repeat scroll right center rgb(255, 255, 255);}
ul.sitemap li a { border: 2px solid #fedbea;border-radius: 20px;display:block;}
ul.sitemap li a:hover { background-color:#f1faff;text-decoration: none;display:block;}

/*  プライバシーポリシー
--------------------------------------------------------------------------*/
.privacy01{ border-bottom: 1px dashed #e5e5e5; margin: 0px 5px 0px 5px;padding: 10px 0px 10px 0px;font-size: 13px;letter-spacing:0px;color: #ff1187;text-align: left;line-height: 1.5;}
.privacy02{ border-bottom: 1px dashed #e5e5e5; margin: 0px 5px 0px 5px;padding: 10px 0px 10px 0px;font-size: 12px;letter-spacing:0px;color: #333;text-align: left;line-height: 1.5;}

/*  404
--------------------------------------------------------------------------*/
.not_title{ margin: 0px 5px 0px;padding: 30px 0px 10px 0px;font-size: 20px;letter-spacing:0px;color: #222;font-weight:bold;text-align: center;line-height: 1.5;}
.not_comme{ margin: 10px 5px 10px;padding: 10px 5px 15px;font-size: 11px;letter-spacing:0px;color: #333;text-align: left;line-height: 1.5;}

/*  CONTACT
--------------------------------------------------------------------------*/
.contact_title { padding: 10px 0px 5px;margin: 0px 0px 0px;position:relative;}
.contact_title { font-size: 17px;color: #ff66bc;font-weight: 600;line-height: 1.5;letter-spacing:0px;text-align: center;}
.contact01 { margin: 0px;padding: 10px 0px 8px;font-size: 16px;letter-spacing:0px;color: #222;text-align: left;}
.contact01 span { color: #f60824;}


.contact_send { margin: 0px;padding: 0px 0px 8px;font-size: 16px;letter-spacing:0px;color: #0893bb;text-align: left;}
.send_comme { margin: 0px;padding: 10px 0px 8px;font-size: 13px;letter-spacing:0px;color: #666;text-align: left;}

.contact_link { text-align: left; }
.contact_link a { margin: 0px;padding: 5px 0px 10px;font-size: 16px;letter-spacing:0px;color: #ff388e;text-decoration: underline;text-align: left; }
.contact_link a:hover { text-decoration: none; }

.contact_sub { margin: 0px;padding: 5px 0px 10px;font-size: 15px;letter-spacing:0px;color: #ff388e;text-decoration: none;text-align: left; }

.contact_line { font-size:12px;font-weight:600;line-height: 1.2;text-decoration:none;}
.contact_line a { background-color: #7d88ae;border-radius: 0px;padding: 15px 0px 15px;margin:10px 0px 10px ;}
.contact_line a { color: #fff;text-align: center;text-decoration: none;display:block;}
.contact_line a:hover  { text-decoration: none;display:block;}

ul.contact_caution { width: 100%;margin: 0px 0px 0px ;padding: 0px 0px 0px;}
ul.contact_caution li { margin: 5px 0px 5px ; padding: 10px 0px 10px;letter-spacing:0px;}
ul.contact_caution li { line-height: 1.2;border-bottom: 1px dotted #454237;}
ul.contact_caution li { font-size: 15px;color: #7592da;font-weight: normal;line-height: 1.5em;}
ul.contact_caution li { text-decoration: none;text-align: left;position: relative;}
ul.contact_caution li a{ text-decoration: none;font-size: 13px;color: #7592da;}
ul.contact_caution:after { content: "";display: block;clear: both;}

input::placeholder {
  font-size: 0.7em;
  padding-left: 5px;
}

/*  FORM
--------------------------------------------------------------------------*/
.form_title { background-color: #7aca01;border-radius: 0px;margin: 15px 0px 3px 0px;padding: 0px 0px 0px 15px;}
.form_title { text-align: left;font-weight: bold;font-size: 14px;color: #fff;letter-spacing:0px;line-height: 50px;}
.form_comme { border-bottom:1px dotted #ebeae3;padding: 15px 0px 15px ;}
.form_comme { font-size: 14px;color: #ec008b;letter-spacing:1px;line-height: 1.4;margin:0px;text-align: left;}


input{ width:100%;font-size:120%; color:#413c32;padding: 10px 0px 10px 0px;margin: 5px 0px 3px;border-radius: 0px;border: 1px solid #e7e1e3;background-color: #fff;}
input{ -webkit-appearance: none; }
input:focus{ background: #f6f6f6;-webkit-appearance: none;}

textarea{ width:100%; font-size:120%; padding: 5px 0px 5px;margin: 8px 0px 8px;border-radius: 0px;border: 1px solid #d8d3c9;background-color: #fff;}
textarea { overflow: auto; resize: none;-webkit-appearance: none;}
textarea:focus{ background: #f6f6f6;}

select { width:100%;font-size:120%; color: #222;padding: 10px 8px 10px 8px;margin: 8px 0px 8px 0px;border-radius: 0px;}
select { border: 1px solid #e7e1e3;background-color: #fff;-webkit-appearance: none;}
select { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select { background: #fff url(../img/select_arrow.png) no-repeat right;}

.select01 { width:100%; }
.select03 { width:90%; back
.select02 { width:20%; margin: 5px 0px 5px 0px;}ground: #fff url(../img/select_arrow.png) no-repeat right;}
.sche_select{ width:98%; margin: 15px 0px 8px ; border: 2px solid #e6ecdc;border-radius: 10px;background-color: #fff;color: #222;-webkit-appearance: none;}


input.button { width:100%;border-radius: 30px;padding: 18px 0px 18px 0px;margin: 8px 0px 15px 0px;}
input.button { text-align: center;font-size: 16px;color: #fff;font-weight: normal;line-height: 100%;letter-spacing: 0px;}
input.button { background-color: #93c6de;-webkit-appearance: none;}

.button-radio input[type="radio"] {display:none; padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.button-radio label { display:inline-block;line-height: 44px;width: 45%;margin: 8px 0px 8px 0px;padding: 0px 0px 0px 0px;text-align: center;}
.button-radio label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:15px;}
.button-radio input[type="radio"]:checked + label { background-color:#67d6fa;border: 1px solid #d6d6d6;}

.button-radio2 input[type="radio"] {display:none; padding: 0px 0px 0px;margin: 0px 0px 0px;}
.button-radio2 label { display:inline-block;line-height: 44px;width: 30%;margin: 2px 0px 2px 0px;padding: 0px 0px 0px 0px;}
.button-radio2 label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:15px;outline: none;text-align: center;}
.button-radio2 input[type="radio"]:checked + label { background-color:#67d6fa;border: 1px solid #d6d6d6;}

.button-radio3 input[type="radio"] {display:none; padding: 0px 0px 0px;margin: 0px 0px 0px;}
.button-radio3 label { display:inline-block;line-height: 44px;width: 22%;margin: 2px 0px 2px 0px;padding: 0px 0px 0px 0px;}
.button-radio3 label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:15px;outline: none;text-align: center;}
.button-radio3 input[type="radio"]:checked + label { background-color:#67d6fa;border: 1px solid #d6d6d6;}


.checkbox_width01 { width:100%;display:inline-block;padding: 0px 0px 10px 0px;}
.button-checkbox1 input[type="checkbox"] { display:none; padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;}
.button-checkbox1 label { display:block;float: left;line-height: 40px;margin: 5px 0px 0px 5px;padding: 0px 10px 0px 10px;}
.button-checkbox1 label { background-color:#c7c7c7;border: 1px solid #d6d6d6;color:#fff; font-size:12px;letter-spacing: -1px;text-align:center;}
.button-checkbox1 input[type="checkbox"]:checked + label { background-color:#67d6fa;border: 1px solid #d6d6d6;margin: 5px 0px 0px 5px;}

ul.kensaku01 { width: 100%;margin: 0px 0px 0px 0px;padding: 0px 0px 30px;display: inline-block;}
ul.kensaku01 li { padding: 3px 5px 3px;text-align: left;letter-spacing:0px;font-size: 14px;color: #333;}


/*  検索フォーム-チェックボックス
--------------------------------------------------------------------------*/
input[type="checkbox"] {
    border: 1px solid #aaaaaa;
    vertical-align: -8px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 26px;
    height: 26px;
    /*Other Browser*/
    background: #e2e2e2;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #ffffff),
        color-stop(1.00, #e2e2e2)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #e2e2e2 100%
    );
}

input[type="checkbox"]:checked {
    /*Other Browser*/
    background: #99cc00;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #99cc00),
        color-stop(1.00, #87b400)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #99cc00 0%,
        #87b400 100%
    );
    border: 1px solid #336600;
}

input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 16px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    content: "";
    width: 10px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 16px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    width: 16px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}



/*  アップロード
--------------------------------------------------------------------------*/
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    border-radius:0px;
    background:#0f7eb2;border: 0px solid #161616;
    font-size:15px;color:#fff;
    text-align:center;padding: 10px 0px 10px;line-height:28px;
    width:100%;cursor:pointer;}
.uploadButton:hover {background:#65b1d4;color:#fff;}
.uploadButton input[type=file] { position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;}
.uploadValue { width:90%;display:none;background:rgba(255,255,255,0.2);border-radius:0px;padding:;color:#fff;border: 1px solid #fff;padding: 5px 5px 5px;}




/*  フッターメニュー関連
--------------------------------------------------------------------------*/
.bg_foot_menu { background-color: rgba(255,151,180,0.8);margin: 0px 0px 0px;padding: 20px 0px 70px;}


ul.foot_menu { margin: 5px 7px 5px;padding: 10px 0px 10px;}
ul.foot_menu { background-color: rgba(255,255,255,1);border: 1px solid #fc8fae;border-radius:5px;}
ul.foot_menu:after {content: "";display: block;clear: both;}
ul.foot_menu li { list-style: none;height: 48px;line-height: 48px;margin: 0px 10px 0px;border-bottom: 1px dotted #c9c9c9;}
ul.foot_menu li:last-child { border: none; }
ul.foot_menu li a { display: block;height: 48px;padding-left: 48px;font-size: 13px;color: #222;font-weight: normal;letter-spacing:0px;text-align: left;position: relative;}
ul.foot_menu li img{ max-width: 40px; height:auto;border: 0px none;position:absolute; top:4px;left:0px;margin: 0px 6px 0px 0px; }


.copy { background:#;margin: 0px 0px 0px;padding: 0px 0px 0px;text-align: center;position: fixed;bottom: 0px;}
.copy { letter-spacing: 0px;font-size: 11px;font-family: Tahoma,arial,sans; color: #666;}
.copy a { color: #222;text-decoration: none;display: block;}
.copy a:hover { }




/*  サブメニュー
--------------------------------------------------------------------------*/
ul.sub_menu { width: 100%;background: #fff;border-top: 1px solid #d7eefa;margin: 0px 0px 0px;padding:0px;display:inline;position: fixed;bottom: 0px;z-index: 9999;}
ul.sub_menu li { width: 25%;}
ul.sub_menu li { margin: 0px 0px 0px;padding:0px;display:block;float: left;text-align: center;}
ul.sub_menu li img { max-width: 100%;height:auto;}
ul.sub_menu li a { display:block;cursor:pointer;}
#foot_content { padding: 50px 0 0 0;}

/*  サイドメニュー
--------------------------------------------------------------------------*/
.sidr { display:none;position:fixed;top:0;height:100%;z-index:99999; background-color: rgba(255,255,255,1);width:240px;overflow-x:none;overflow-y:auto; }
ul.side_menu { margin: 5px 5px 5px;padding: 10px 0px 10px;z-index:99999;}
ul.side_menu { background-color: rgba(255,255,255,1);}
ul.side_menu:after {content: "";display: block;clear: both;}
ul.side_menu li { list-style: none;height: 40px;line-height: 40px;margin: 0px 10px 0px;border-bottom: 1px dotted #c9c9c9;}
ul.side_menu li a { display: block;height: 40px;font-size: 13px;color: #666;font-weight: normal;letter-spacing:0px;text-align: left;}
ul.side_menu li img{ max-width: 40px; height:auto;border: 0px none;margin: 0px 6px 0px 0px; }

.list_close { border: 3px solid #f785b6;background-color: rgba(255,255,255,1);line-height: 44px;}
.list_close { margin: 20px 5px 0px;display:block;text-align: center;}
.list_close { color:#f785b6;font-size:13px;font-weight:bold;text-decoration: none;cursor:pointer;}
.list_close a { color:#f785b6;font-size:13px;font-weight:bold;text-decoration: none;cursor:pointer;}







