@charset "utf-8";
/*..........................................。*/
/*CSSメニュー*/
/*
//共通ID
+wrap         //ラップ
  +header     //ヘッダー
    +pan
  +inner      //インナー
    +main
    +sideMenu
  +group      //グループリンク
  +footer     //フッター
    +linkList
    +copyright

//共通クラス
+class's
  +gotop    //TOPへ戻る
  +subnavi  //見出しタグの詳細リンク

//ハック
+huck
  +clearfix
*/
/*..........................................。*/
body	{
  margin:0;
  padding:0;
  background:#c8d9ff url(../images/bg.gif) repeat-x 0 0;
  color:#333333;
  font-size:12px;
  text-align:center;
  line-height:1.5;
}

h3,h4,p,ul,li,dl,dt,dd,address {
  margin:0;
  padding:0;
  line-height:1.8;
}

li {
  display:block;
  list-style:none;
}

a { color:#245a88; }
a:hover {
  text-decoration:none;
  color:#0066ff;
}

em {
  color:#ff6600;
  font-style:normal;
}

table {
  width:600px;
  border-collapse:collapse;
}

/*
..........................................。
=wrap
..........................................。
*/
#wrap {
  position:relative;
  width:816px;
  margin:0 auto 0;
  border-top:1px solid #333333;
  background:url(../images/background.png) repeat-y 0 0;
}

/*
..........................................。
=header
..........................................。
*/
#header {
  margin-top:50px;
  background:url(../images/bg_copyline.jpg) no-repeat 0 0;
  overflow:hidden;
}

#header h1,#header p {
  display:inline;
  font-size:12px;
  font-weight:normal;
  color:#dddddd;
  line-height:20px;
}

#header h2 {
  height:72px;
  margin:0;
  padding:0;
  background:url(../images/bg_h1.jpg) no-repeat 0 0;
  border-top:1px solid #eeeeee;
  color:#502554;
  font-size:1.4em;
  text-indent:-100em;
  text-align:left;
  line-height:72px;
}

#header h2 a,#header h2 a:link,#header h2 a:visited,#header h2 a:hover {
  display:block;
  height:72px;
  margin:0;
  padding:0;
  line-height:72px;
}

/*=pan*/
#pan {
  height:30px;
  margin:0 8px 0;
  background:url(../images/bg_pan.gif) no-repeat 0 0;
  font-size:12px;
  text-align:left;
  text-indent:1.5em;
  line-height:30px;
}

/*
..........................................。
=inner
..........................................。
*/
#inner {
  margin:0 20px 0 0;
  text-align:left;
}

/*
..........................................。
=main
..........................................。
*/
#main {
  width:600px;
  float:right;
}


#main h2 {
  height:36px;
  margin:0;
  background:url(../images/bg_h2.gif) no-repeat -5px 0;
  color:#0349d1;
 font-size:21px;
  line-height:36px;
}

#main h3 {
  height:32px;
  background:url(../images/bg_h3.jpg) no-repeat 0 0;
  color:#ffffff;
  font-size:14px;
  text-indent:18px;
  line-height:32px;
}

#main p#read { margin:5px 0 10px; }
/*
..........................................。
=sideMenu
..........................................。
*/
#sideMenu {
  float:left;
  width:150px;
  text-align:left;
}

#sideMenu h2 {
  width:170px;
  height:34px;
  margin:0 0 0 1px;
  background: url(../images/menu_h2_bg.jpg) no-repeat 0 0;
  color:#ffffff;
  font-size:12px;
  text-indent:14px;
  line-height:30px;
}

#sideMenu h3 {
  height:15px;
  color:#0349d1;
  font-size:12px;
  text-indent:30px;
  line-height:15px;
}

#sideMenu ul {
  margin:0 0 10px 8px;
}

#sideMenu p {
  margin:0 0 10px 7px;
}

#sideMenu li {
  width:163px;
  height:26px;
  background:url(../images/menu_bg.jpg) no-repeat -1px 0; 
}

#sideMenu a,#sideMenu a:link,#sideMenu a:visited,#sideMenu a:hover { text-decoration:none; }

#sideMenu .Intro  {  background-position:-1px 0; }
#sideMenu .Access {  background-position:-1px -28px; }
#sideMenu .Faq    {  background-position:-1px -56px; }
#sideMenu .Guide  {  background-position:-1px -84px; }
#sideMenu .System {  background-position:-1px -112px; }
#sideMenu .Option {  background-position:-1px -140px; }
#sideMenu .Vip    {  background-position:-1px -168px; }
#sideMenu .Health {  background-position:-1px -196px; }
#sideMenu .Ban    {  background-position:-1px -214px; }
#sideMenu .News   {  background-position:-1px -242px; }
#sideMenu .Syukkin {  background-position:-1px -270px; }
#sideMenu .Zaiseki {  background-position:-1px -298px; }
#sideMenu .Bbs    {  background-position:-1px -326px; }
#sideMenu .Diary  {  background-position:-1px -354px; }
#sideMenu .Events {  background-position:-1px -382px; }
#sideMenu .Links  {  background-position:-1px -410px; }
#sideMenu .Sekirara {  background-position:-1px -438px; }
    
/*=normal_btn*/
#sideMenu li em,#sideMenu li span,#sideMenu li a,#sideMenu li a:link,#sideMenu li a:visited,#sideMenu li a:hover {
  display:block;
  width:164px;
  height:26px;
  background:url(../images/menu_btn_normal.gif) no-repeat 0 0;
  color:#efefef;
  font-size:12px;
  line-height:25px;
  text-indent:26px;
}


#sideMenu li.Intro em,#sideMenu li.Intro span,#sideMenu li.Intro a,#sideMenu li.Intro a:link,#sideMenu li.Intro a:visited,#sideMenu li.Intro a:hover {
  background-image:url(../images/menu_btn_intro.gif);
}
#sideMenu li.Access em,#sideMenu li.Access span,#sideMenu li.Access a,#sideMenu li.Access a:link,#sideMenu li.Access a:visited,#sideMenu li.Access a:hover {
  background-image:url(../images/menu_btn_intro.gif);
}
#sideMenu li.Faq em,#sideMenu li.Faq span,#sideMenu li.Faq a,#sideMenu li.Faq a:link,#sideMenu li.Faq a:visited,#sideMenu li.Faq a:hover {
  background-image:url(../images/menu_btn_intro.gif);
}

#sideMenu li a:hover {
  background-position:0 -52px;
  color:#ffe800;
}

#sideMenu li em {
  background-position:0 -26px;
  color:#e1e1e1;
}

#sideMenu li span {
  background-image:url(../images/menu_btn_nolink.gif);
  color:#666666;
}

#sideMenu li i {
  color:#ffff00;
  text-decoration:blink;
}

#sideMenu .b20 {
  padding-bottom:20px;
}


/*=area_btn*/
#sideMenu #areamenu { padding-bottom:20px; }
#sideMenu #areamenu li { background:none; }

#sideMenu #areamenu li a,#sideMenu #areamenu li a:link,#sideMenu #areamenu li a:visited,#sideMenu #areamenu li a:hover {
  display:block;
  width:155px;
  height:25px;
  background:url(../images/menu_btn_group.gif) no-repeat 0 0;
  color:#373737;
  font-size:12px;
  line-height:28px;
  text-indent:28px;
}

#sideMenu #areamenu li a:hover {
  background-position:0 -25px;
  color:#660000;
}

/*=mobile*/
#sideMenu #mobile {
 width:160px;
 padding-top:4px;
}

#sideMenu #mobile span {
  display:block;
  margin:-5px 0 30px 10px;
  font-size:10px;
}

#sideMenu #mobile img {
  width:140px;
  height:70px;
  border:0;
  margin-left:1px;
}

/*=お手伝い*/
#sideMenu .barrier {
  width:160px;
  padding:5px 0 15px;
  text-align:center;
}

#sideMenu .barrier a,#sideMenu .barrier a:link,#sideMenu .barrier a:visited,#sideMenu .barrier a:hover {
  display:block;
  width:160px;
  height:50px;
  background:url(../images/bana/barrier.gif) no-repeat 1px 0;
  line-height:50px;
  text-indent:-2000em;
}

/*=女の子募集*/
#sideMenu .bosyu {
  width:160px;
  text-align:center;
}

#sideMenu .bosyu a {
  color:#ff3737;
}

#sideMenu .bosyu span a,#sideMenu .bosyu span a:link,#sideMenu .bosyu span a:visited,#sideMenu .bosyu span a:hover {
  display:block;
  width:160px;
  height:50px;
  background:url(../images/bana/bosyu.gif) no-repeat 1px 0;
  line-height:50px;
  text-indent:-2000em;
}

/*=スタッフ募集*/
#sideMenu .staff {
  padding-bottom:10px;
}
#sideMenu .staff a,#sideMenu .staff a:link,#sideMenu .staff a:visited,#sideMenu .staff a:hover {
  display:block;
  width:160px;
  height:50px;
  background:url(../images/bana/staff.gif) no-repeat;
  line-height:50px;
  text-indent:-2000em;
}

/*
..........................................。
=group
..........................................。
*/
#groupLink {
  width:816px;
  height:60px;
  position:absolute;
  top:0;
  left:0;
  background:url(../images/bg_group.gif) no-repeat 8px 0;
  text-align:left;
}

#groupLink #kumamoto {
  width:160px;
  height:36px;
  background:url(../images/bg_harelogo.gif) no-repeat 8px 0;
  font-size:21px;
  font-weight:bold;
  text-indent:52px;
  line-height:38px;
}

#groupLink #groupTop {
  width:800px;
  margin-top:-36px;
  text-align:right;
}

#groupLink #area {
  margin-top:-22px;
  text-indent:190px;
}

#groupLink li { display:inline; }

#groupLink #shop {
  margin:0 16px;
  text-align:right;
}
#groupLink a {
  color:#424242;
  text-decoration:none;
  text-indent:15px;
}
#groupLink a:link,#groupLink a:visited { color:#424242; }
#groupLink a:hover { color:#888888; }
#groupLink #shop li {
  background:url(../images/icon/harejo.gif) no-repeat 0 50%;
  padding:0 3px 0 15px;
}
#groupLink #shop .caprico { background-image:url(../images/icon/cap.gif); }
#groupLink #shop .maid    { background-image:url(../images/icon/maid.gif); }
#groupLink #shop .matto   { background-image:url(../images/icon/matto.gif); }
#groupLink #shop .matty   { background-image:url(../images/icon/matty.gif); }
#groupLink .harejo a,#groupLink .harejo a:link,#groupLink .harejo a:visited,#groupLink .harejo ahover { color:#339900;  }
#groupLink .caprico a,#groupLink .caprico a:link,#groupLink .caprico a:visited,#groupLink .caprico ahover { color:#ff66cc;  }
#groupLink .maid a,#groupLink .maid a:link,#groupLink .maid a:visited,#groupLink .maid ahover { color:#d60080; }
#groupLink .matto a,#groupLink .matto a:link,#groupLink .matto a:visited,#groupLink .matto ahover { color:#325ac9; }
#groupLink .matty a,#groupLink .matty a:link,#groupLink .matty a:visited,#groupLink .matty ahover { color:#cb0017; }
/*
..........................................。
=footer
..........................................。
*/
#footer {
  clear: both;
  margin:0 8px;
  text-align:center;
}

#footer li {
  display:inline;
  margin:0 5px;
}

/*=linkList*/
#linkList {
  margin:5px auto 0;
  padding:10px;
  border:2px dotted #cccccc;
  border-width:2px 0 0;
  text-align:center;
}

#linkList ul {
  width:600px;
  margin:0 auto;
  font-size:10px;
}

/*gohome*/
#gohome {
  position:absolute;
  top:70px;
  left:0;
  text-align:left;
}

#gohome a:link,#gohome a:visited,#gohome a:hover{
  display:block;
  width:800px;
  height:72px;
  line-height:72px;
  text-indent:-1000em;
}
/*=view*/
.view{ font-weight:bold;
  font-size:11px; margin-bottom:10px;
  line-height:3em;
  margin:0;
  background:#f6f6f6;
}
.view a,.view em{ border-left:1px solid #666666; margin-left:5px; padding-left:5px;}
.view span{font-size:10px; font-weight:normal;}

/*=copyright*/
#copyright {
  padding-bottom:25px;
  background:#eeeeee;
  border:1px solid #eeeeee;
  font-size:10px;
}
#copyright p { padding:10px; }
#copyright li { margin:0 1px; }
#copyright img {
  width:88p;
  height:31px;
  border:1px solid #cccccc;
}

/*=symai_btn*/
#simai {
  border:1px solid #333333;
  border-width:1px 0;
}

#simai li {
  margin-left:-0.5em;
  color:#502554;
}

#simai li a,#simai li a:link,#simai li a:visited,#simai li a:hover {
  margin:0;
  padding:0;
  color:#373737;
  font-size:10px;
  text-decoration:none;
}

#simai li a:hover {
  color:#502554;
}

/*
..........................................。
=class
..........................................。
*/

.gotop {
  margin-right:15px;
  text-align:right;
  font-size:10px;
}

.b20 { margin-bottom:2em; }

.pink {
  color:#ff66cc;
  font-size:115%;
  font-weight:bold;
}
/*=subnavi*/
.subnavi {
  height:15px;
  margin:-22px 20px 10px;
  font-size:10px;
  text-align:right;
  line-height:15px;
}

.codicil  {
  font-size:90%;
}

/*=kokuchi*/
.kokuchi {
  text-align:center;
}

.kokuchi p {
  width:160px;
  font-size:10px;
  line-height:1.5;
}
.kokuchi img {
  border:0;
}

/*
..........................................。
=huck
..........................................。
*/
.clearfix{
  overflow:hidden;
  zoom: 100%;
}

.clearfix:after {
  content: " "; 
  display:block;
  clear:both;
  overflow:hidden;
  height:0; 
  visibility:hidden;
}