/* CSS Document */

/*body*/
body{margin:0px; padding:45px 0 0 0;
background:url(/images/common/bg_pattern.jpg) ; 
color:#2d2d2d; text-align:left; letter-spacing:0; font-size:12px; font-family:Arial,Verdana,Helvetica,Verdana,selif;
}

/*default*/
span,h1,h2,h3,h4,h5,h6,div,p,em,img,strong,ul,ol,li,dl,dt,dd,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0; border:none; list-style:none;
}
img{line-height:0;}
a{ outline:none; outline-width:0;color:#5b4c9d; text-decoration:none;}
a:hover{color:#3188ff;}
a:focus{outline:none;}
hr{ visibility:hidden;clear:both; overflow:hidden; margin:0; padding:0; width:1px; height:0px; font-size:1px;}

/* clearfix */
.clearfix:after {
display: block;
clear: both;
content: "";
}
.red {color: red;}

.blog {
text-align:center;
}

.mbot10 {
margin-bottom:10px;
}

/* bg
------------------------------------------------------------------------------*/
#back{
width:100%;
height:auto;
background: #333;
 background:url("../images/common/bg.jpg") 0 110px repeat-x; 
}

/* header
------------------------------------------------------------------------------*/
#header{
margin:0 0 42px 0;
width:100%;
height:110px;
background:url(/images/common/head_back_solo.jpg) center repeat-x ;
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
text-align:left;
}

#header .head_cont{
position:relative;
background:url(/images/common/headbg.jpg) center no-repeat #fff;
display:block;
margin:0 auto;
width:750px;
height:110px;
}


#header .head_cont .tel{
position:absolute;
top:2px;
right: 0;
color:#5b4c9d;
border-bottom:dotted 2px #5b4c9d;
line-height:1.4em;
font-weight: bold;
font-size: 34px;
}
#header .head_cont .tel:before{ content:url("../images/common/tel.gif"); margin:0 2px 0 0; }

#header .head_cont .open{
position:absolute;
top:12px;
left: 325px;
color:#3f3798;
font-size: 22px;
display:none;
}
#header .head_cont .open:before { content:"★"; }

#header .head_cont .address{
position:absolute;
top:55px;
right:-5px;
color:#5b4c9d;
font-size:12px;
}

#header .head_cont .address span{
margin:0 0 0 10px;
font-size:12px;
}

#header .head_cont .logo_hare {
position:absolute;
top:0;
left:-80px;
}

#header .head_cont .logo a {
display: block;
padding-top: 0px;
}

/* common
------------------------------------------------------------------------------*/
#wrap {
position:relative;
margin:0 auto;
width:750px;
}

/* main */
#wrap #main{
position:relative;
float:right;
margin:0 0 20px 0;
width:560px;
padding: 15px 0 0 20px;
background:#fff;
border: 1px solid #e8e3fb;
}


/* #main h1.title */
#wrap #main h1.title{
background:url(/images/common/h1_bg.gif) no-repeat #fff;
margin:0 0 15px 0;
width:540px;
height:60px;
color:#5b4c9d;
text-indent:65px;
font-size:18px;
line-height:45px;
border: 1px solid #ccc;
}


/* #main h2.sub_title */
#wrap #main h2.sub_title{
position:absolute;
top:85px;
left:85px;
color:#39514D;
text-align:right;
font-weight:normal;
font-size:11px;
}
#wrap #main h2.sub_title span{
display:block;
margin:0 0 4px 0;
}

/* #main h3 */
#wrap #main h3{
clear:both;
width:540px;
height:34px;
background:url("../images/common/h3_bg.gif") no-repeat;
color:#5b4c9d;
text-indent:40px;
font-size:15px;
line-height:34px;
margin:0 0 15px 0;
}
/* #main section */
#wrap #main .section{
/*position: relative;*/
margin:0 0 50px 0;
padding:0;
}

#wrap #main .section:after{
content:"";
clear: both;
display: block;
}


#wrap #main .newfacetop{
margin-top:30px;
}

/*---------------------------------------------------------
パンくずデザイン
---------------------------------------------------------*/
#breadcrumbs {
line-height:25px;
color: #000;
width:auto;
overflow:hidden;
font-size:10px;
margin-bottom:10px;
}
#breadcrumbs li{
float:left;
background-color:#fff;
}
#breadcrumbs li a{
display: block;
background: #ebeaea;
padding-right:10px;
height:25px;
margin-right: 27px;
position: relative;
text-decoration: none;
color: #555555;
}


#breadcrumbs li a:before{
content:"";
display: block;
width: 0;
height: 0;
position: absolute;
top: 0;
left: -25px;
border: 13px solid transparent;
border-color: #ebeaea;
border-left-color: transparent;
}
#breadcrumbs li a:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 0;
right: -25px;
border:13px solid transparent;
border-left-color:#ebeaea;
}


#breadcrumbs li:first-child a{padding-left:15px;}
#breadcrumbs li:first-child a:before{display:none;}

#breadcrumbs li a:hover {
background: #2976de;
color: #fff;
text-decoration: none;
}
#breadcrumbs li a:hover:before {
border-color: #2976de;
border-left-color:transparent;
}
#breadcrumbs li a:hover:after {border-left-color:#2976de;}

#breadcrumbs li:last-child{
padding-right:15px;
background-color:#fff;
font-weight:bold;
}


/* left */
#wrap #left {
float:left;
width:150px;
margin-top: 30px;
}

#wrap #left .box{
padding:0 10px 10px 10px;
/*background:#fff;*/
}

#left .twitter_box {
margin-bottom: 10px;
}

/* global navigation
------------------------------------------------------------------------------*/
#g_nav{
margin:0 0 10px 0;
}

#g_nav:before{
content:"Contents Menu";
background:url("../images/common/left/navi_title.png") no-repeat;
color:#ffffff;
font-size:13px;
font-weight:bold;
text-align:center;
/*line-height:30px;*/
/*background:#5b4c9d;*/
width:170px;
height: 35px;
line-height: 30px;
position: absolute;
top: 0;
left: -10px;
display:block;
}

#g_nav li{
overflow:hidden;
background:url("../images/common/left/g_nav.png") no-repeat;
width:150px;
height:40px;
text-indent:10px;
font-size:12px;
font-weight:bold;
line-height:40px;
}

#g_nav li a{
display:block;
width:150px;
height:40px;
color: #5b4c9d;
}

#g_nav li a:hover{
background:url("../images/common/left/g_nav.png") no-repeat;
background-position:0 -40px;
color:#fdf18f;
}

#g_nav li.on a{
background:url("../images/common/left/g_nav.png") no-repeat;
background-position:0 -40px;
color:#fdf18f;
}


#left h3{
width:150px;
height:30px;
color:#5b4c9d;
text-align: center;
font-size: 15px;
background:url("../images/common/left/h3_bg.gif") no-repeat;
padding:10px 0 0 0;
}

#left .box{
background: url("../images/common/left/h3_bottom.gif") no-repeat bottom;
}

#pickup,
#news,
#mobile,
#recruit,
#groupnews{
background:url("../images/common/left/h3_left_bg.gif") repeat-y;
}


/* pickup
------------------------------------------------------------------------------*/
#pickup {
margin:0 0 15px 0;
width:150px;
}

#pickup h4{
float:left;
margin:0 5px 10px 0;
}
#pickup dl{
float:left;
margin:0px;
}
#pickup dt{
margin:0 0 5px 0;
font-size:10px;
}
#pickup dd{
font-size:9px;
}
#pickup p{
float:left;
font-size:11px;
}

/* news
------------------------------------------------------------------------------*/
#news {
margin:15px 0 15px 0;
}

#news .newslink {
width:150px;
height:auto;
color:#fff;
text-align: center;
background:#5b4c9d;
padding:0;
}
#news .newslink a{
color:#fff;
}
#news .newsbox {
margin: 10px 0;
}

#news .box h4 {
float:left;
margin-right:3px;
}

#news .box h4 img {
width: 60px;
}
#news strong {
display:block;
height:auto;
color:#5b4c9d;
}
#news .newsbox p {
font-size:11px;
}
#news .date {
clear:both;
padding:5px 0;
height:15px;
border-bottom:1px dashed #bdbfcd;
color:#a8a198;
text-align:right;
font-size:10px;
line-height:15px;
}
#news .newsbox:last-of-type .date{ border-bottom:none; }

#recruit p {
margin:5px auto;
width:120px;
height:70px;
}

/* news
------------------------------------------------------------------------------*/
#mobile {
margin:0 0 15px 0;
}
#mobile dl{
margin:0 0 10px 0;
text-align:center;
}
#mobile dd{
margin:0 0 5px 0;
font-size:11px;
}
#mobile input{
margin:0 0 5px 0;
  width: 100%;
}

#mobile .input_addr{
  width: 95%;
}

#mobile .send{
margin:5px 0 0 0;
text-align:center;
}


/* news
------------------------------------------------------------------------------*/
#recruit {
margin:0 0 15px 0;
}

#recruit h3{ margin:0; }

/* news
------------------------------------------------------------------------------*/
#groupnews{
margin:0 0 15px 0;
text-align: center;
}

#groupnews p{
margin-bottom:5px;
}

/*ex_link
------------------------------------------------*/
.ext_link{
padding: 0 0 15px 0;
}

/* menulink
------------------------------------------------------------------------------*/
#menulink {
margin:0 0 15px 0;
width:150px;
background:#fefcf4;
text-align:center;
}

#menulink p {
margin-bottom:3px;
}



#rusuden {
padding-bottom: 20px;
width:190px;
background:url(/images/common/left/menu_rusuden_02.jpg)bottom;
text-align:center;
}

#rusuden dt {
font-size:10px;
}

#rusuden .explanation {
font-size:10px;
}

#rusuden h2 {
width:190px;
height:35px;
background:url(/images/common/left/menu_rusuden_01.jpg);
text-indent:-9999px;
}

#rusuden p {
font-size:14px;
}

#left .link a {
display: block;
width: 150px;
height: 40px;
background: url(/images/common/left/g_nav.gif) no-repeat 0 0;
color: #525D5A;
}

#left .link {
width: 150px;
height: 40px;
color: #5d4014;
text-indent: 20px;
font-size: 12px;
line-height: 40px;
}

/* girl
------------------------------------------------------------------------------*/
#wrap #main .girl{
position:relative;
float:left;
margin:0 2px 8px;
padding:4px 0 0 0;
width:104px;
height:180px;
border:1px solid #e1e1e1;
background:#f0efed;
font-size:11px;
}
#wrap #main .newface{
position:relative;
background:#fde7ee;
}
#wrap #main .newface:after{
content:"New Face";
color:#fff;
background:#c75378;
font-size:13px;
font-weight:bold;
text-align:center;
width:106px;
display:block;
position:absolute;
bottom:0px;
left:0;
padding: 3px 0;
}
#wrap #main .newface_icon{
margin:7px 0 0 0;
}

#wrap #main .girl h4{
margin:0 0 4px 0;
text-align:center;
}

#wrap #main .girl h4 img,
#wrap #main .girl h4 a img{
margin:0 0 5px 0;
padding:2px;
border:1px solid #edecdb;
background:#fff;
}
#wrap #main .girl h4 a:hover img{
border:1px solid #f3348b;
}

#main .girl h4 a{
color:#472005;
font-size:12px;
}
#main .girl h4 a:hover{
color:#f3348b;
}

/* syukkin*/
#main #syukkin .message {
width:540px;
}

#main #syukkin .girl{
text-align:center;
}
#main #syukkin .girl p{
color:#9f998f;
text-align:center;
font-size:12px;
}
#main #syukkin .girl .last{
color:#fb4c5b;
}

#wrap #main .girl .data {
margin:10px 0 0 0;
line-height:120%;
}

#wrap #main .girl .debut {
float:right;
margin:15px 0 0;
padding:0 3px;
color:#744A33;
font-size:11px;
font-family:"ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
}



.ryoukin dt {
margin: 5px 0 3px;
font-size: 11px;
}

.ryoukin dd {
text-indent: 10px;
font-size: 11px;
}


/* sublink
------------------------------------------------------------------------------*/
#sublink {
position:absolute;
top:-65px;
right:0px;
clear: both;
list-style: none;
}

#sublink li {
float: left;
margin:0;
}

#sublink li a{
color:#fff;
font-size: 11px;
padding:0 5px 0 5px;
border-right:solid 1px #fff;
}
#sublink li:first-of-type a{ border-left:solid 1px #fff; }

#sublink li a:hover { text-decoration: underline; }


/* footer
------------------------------------------------------------------------------*/
#footer {
width:100%;
background:url(/images/common/footer.jpg) repeat-x;
}

#footer .section{
margin:0 auto;
padding:20px 0 20px 0;
width:750px;
}

#footer .bana_rec{
margin: 0 auto 10px;
width: 540px;
}

#footer .pr{
margin:5px 0 15px 0;
width:100%;
height:90px;
border-radius: 5px;
background:url(/images/common/footer_pr.gif) no-repeat ;
background-size: 90px;
background-position: 10px;
background-color: #ffffff;
font-size:13px;
}

#footer .pr span{
display: block;
padding: 10px 0 0 110px;
  line-height: 20px;
}

#footer ul {
margin:0 0 20px 0;
width:750px;
}

#footer li {
float:left;
margin:0 0 10px -1px;
padding:0 7px;
border-right:1px solid #d1e4ff;
border-left:1px solid #d1e4ff;
list-style: none;
}

#footer li a{
float:left;
color: #fff;
white-space: nowrap;
font-size: 10px;
}

#footer .tohome a{
display:block;
float:right;
margin:15px 0 4px 0;
padding:4px 8px;
border:1px solid #d1e4ff;
color:#ffffff;
font-size:10px;
}

#footer .box{
float:left;
margin:20px 0 0 0;
width:750px;
height:40px;
font-size:10px;
}
#footer .box dt{
float:left;
margin-right: 10px;
color: #ffffff;
}

#footer .box dd p{color: #ffffff;}

/* hareheader
------------------------------------------------------------------------------*/
#groupNavi {
position:absolute;
top: 0;
left: 0;
z-index: 15;
width: 100%;
height: 45px;
border-bottom: solid 1px black;
background-color: #CCC;
}

.syukkin_box {
position: relative;
float: left;
margin: 0 4px 8px 0;
padding: 4px 0 0 0;
width: 104px;
height: 180px;
border: 1px solid #f1eddf;
background: #f7f4e8;
  text-align: center;
font-size: 11px;
}

.syukkin_box h4 {
margin: 0 0 4px 0;
text-align: center;
}

.syukkin_box img {
margin-bottom:10px;
}

.syukkin_box p {
color: #9f998f;
text-align: center;
font-size: 12px;
}