@charset "shift_jis";
body	{ margin:0; padding:0; font-size:9pt; background:#ffffff; color:#333333; }

h1,h2	{ color:#333333; line-height:1.2; }
h1,h2,h3,h4,p,dd,dl,dt,ul,ol,li,form,option,input,hr	{ margin:0; padding:0; }
a:link,a:visited{ color:#330099; }
a:hover{ color:#990000; text-decoration:none; }

em	{ color:#cc0000; font-style:normal; }
select { margin:0; padding:1px; border:1px solid #000000; background:#999999; color:#ffffff; }
img	{ border:0; vertical-align:bottom; }
caption	{ text-align:left; color:#330066; }
h3,li,dt	{ background:no-repeat; }

/*font-size*/
h1	{ font-size:20pt; }/**/
h2	{ font-size:1.6em; margin-bottom:2px; border-bottom:2px dotted #cccccc; }
h3	{ font-size:1.3em; }
h4,#main,#gotop,#mainmenu h2,#menu ul	{ font-size:10pt; }
#title p	{ font-size:12pt; }
p,select,input,h1 span,#title h2 { font-size:10pt; line-height:1.4 }
#shop li,#pan p,#pan span,#description,#title p span	{ font-size:9pt; }
#menu h2,#foot,.j10,#submenu,#read	{ font-size:8pt; }
#menu4 li,.j11,.gotop,#gotop	{ font-size:0.9em; }
span	{ font-size:0.8em; }
#menu2 .cal {font-size:10px;}

.wh	{ color:#ffffff; }
.mb10	{ margin-bottom:10px; }
.uline	{ margin:0 0 5px; padding:0 0 5px; border-bottom:1px solid #bbbbbb; }
.date	{ text-align:right; position:relative; top:-1.5em; }
.btn	{ margin:2px 0; padding:2px; border:1px outset #000000; background:#0066ff; color:#ffffff; }
.clear	{ clear:both; display:block; }
.newface	{ width:14px; height:14px; border:0; vertical-align:middle; }
.dotter	{ margin-bottom:1em; padding-bottom:1em; border-bottom:2px dotted #cccccc; }
.gotop	{ text-align:right; }

.harejo	{ background-image:url(../images/icon/harejo.gif); }
.caprico	{ background-image:url(../images/icon/cap.gif); }
.maid  { background-image:url(../images/icon/maid.gif); }
.matto	{ background-image:url(../images/icon/matto.gif); }
.matty	{ background-image:url(../images/icon/matty.gif); }

/*group*/
#group li	{ display:inline; }
#group p	{ margin:0; padding:4px 0 4px 5px!important; position:absolute; font-size:1.8em; line-height:1.2; display:inline; }
#group img	{ width:31px; height:31px; vertical-align:middle!important; }
#group p a:link,#group p a:visited	{ color:#ffffff; text-decoration:none; }
#group em	{ color:#111111; }
#area	{ background:#459dff url(../images/bg_head.gif) no-repeat 100% 0; padding-left:105px; width:26em; }
#area a	{ color:#ffffff; }

#shop	{ margin:0; padding:0 5px; text-align:right; border-top:1px solid #3399ff; background:#d9d9d9; background:#eeeeee url(../images/bg_harelogo.gif) no-repeat -30px 100%; }
#shop a,#shop em	{ margin-left:14px; }
#description	{ margin:0; padding:1px 1em; background:#3366ff; border-top:1px solid #3399ff; }
#description em { color:#ffffff; }

/*title*/
#title	{ border-top:1px solid #3399ff; height:60px; }
#title h1	{ background:url(../images/logo.gif) no-repeat 5px 5px; position:absolute; padding:8px 0; }
#title span	{ color:#000033; font-weight:normal; display:block; }
#title #add	{ color:#cc0000; }
#title p	{ text-align:right; color:#000000; padding:5px 10px; }
#title a	{ display:block; padding-left:60px; }
#title a:link,#title a:visited	{ color:#003399; text-decoration:none; }

/*pan*/
#pan	{ border-top:1px solid #3399ff; background:url(../images/bg_pan.gif) no-repeat 100% 0; margin:0; padding:0; }
#pan p,#pan h2	{ margin:0; padding:2px 0 0 5px; position:absolute; font-weight:normal; }
#pan a { border-width:0; }
#pan em	{ display:block; width:9.7em; margin-left:auto; padding:1px 0; text-align:right; background:url(../images/arrow.gif) no-repeat 0 50%; color:#333333; }
#pan em a { color:#ffffff; text-indent:1.5em; line-height:1.0; }
#pan br	{ clear:both; }

/*=subnavi*/
.subnavi {
  margin:-1.4em 11.2em 0.5em;
  text-align:right;
	line-height:12px;
	z-index:1;
}

.subnavi span { font-size:12px; }

/*menu*/
#menu	{ float:left; margin:10px 0 10px; }
#menu h2	{ text-align:center; background:#cccccc; margin-bottom:2px; padding-top:2px; width:110px; }
#menu ul { padding:0 0 10px; width:110px; }
#menu li	{ display:block; padding-bottom:1px; }


#menu1 a,#menu2 a,#menu1 em,#menu2 em { display:block; padding:2px 1px 2px 5px; border:1px solid; border-width:1px 1px 1px 6px; }
#menu1 .no a	{ color:#ffffff; border-color:#0066ff; background:#0066ff; }
#menu1 a:link,#menu1 a:visited,#menu2 a:link,#menu2 a:visited	{ border-color:#459dff; color:#459dff; text-decoration:none; }
#menu1 a:hover,#menu2 a:hover{ border-color:#0066ff; background:#ffffff; color:#0066ff; }
#menu1 em,#menu2 em	{ border-color:#ff6600; color:#ff6600; }
#menu1 .diary a,#menu1 .diary em,#menu2 .diary a,#menu2 .diary em { font-size:90%; line-height:18px; height:18px; }
#menu1 .cal a,#menu1 .cal em,#menu2 .cal a,#menu2 .cal em { line-height:18px; height:18px; }

#menu3 li { width:108px; }

#menu #menu3 a { padding:0 0; }
#menu3 a { border:1px solid #459dff; border-width:1px 1px 1px 7px; display:block; }
#menu3 a:link,#menu3 a:visited { border-color:#459dff; }
#menu3 a:hover { border-color:#0066ff; }
#menu3 img	{ width:100px; height:31px; margin:0; padding:0; vertical-align:top;}

#menu4 li	{ background:url(../images/arrow.gif) no-repeat 3px 50%; text-indent:1em; line-height:1.4; }
#menu4 a:link,#menu4 a:visited	{ color:#3366ff; }
#menu4 a:hover	{ color:#0000ff; }
#menu4 em	{ color:#ff6600; }

#menu5 li  { background:url(../images/menu5.gif) no-repeat; text-align:center; line-height:25px; padding-bottom:3px;}
#menu5 a:link,#menu5 a:visited {color:#4444ff; }
#menu5 a:hover {color:#006699; }

#menu6 li { width:108px; }
#menu #menu6 a { padding:0 0; }
#menu6 .mattowaza a { border:1px solid #459dff; border-width:1px 1px 1px 7px; display:block; }
#menu6 .mattowaza a:link,#menu6 a:visited { border-color:#459dff; }
#menu6 .mattowaza a:hover { border-color:#0066ff; }
#menu6 .mattowaza img	{ width:100px; height:31px; margin:0; padding:0; vertical-align:top;}

#menu6 .fukuro { width:108px; font-size:11px; background-color:#ffff00; text-align:center; line-height:14pt; margin:0 0 3px; }

#menu dt,#submenu h3	{ background:url(../images/arrow3.gif) no-repeat 3px 50%; font-size:10pt; margin:10px 0 0.3em; text-indent:1.3em; }
#menu p {
  margin-top:0.6em;
  font-size:10px;
  text-align:center;
}
#menu p a:link,#menu p a:visited,#menu p a:hover {
  color:#666666;
  text-decoration:none;
}


#kumaphoto { width:110px; height:30px; padding-bottom:10px;}

/*mobile*/
#mobile	{ background:#e9e9e9; padding-top:2px; width:110px; }
#mobile dd { text-align:center; padding-bottom:10px; }
#mobile img	{ width:72px; height:72px; border:0; display:block; margin:1px auto; }

/*submenu*/
#submenu	{ width:100px; margin:0 0 10px; padding-top:10px; float:right; }
#submenu h3 { font-size:12px; text-indent:20px;}
#submenu li	{ display:block; background-image:url(../images/arrow.gif); text-indent:1em; line-height:1.3; }
#submenu img	{ width:100px; margin:0 0 2px; }

/*events*/
#events li	{ background:none; text-indent:0; }
#events .bana60	{ height:60px; border:1px solid #000000; border-width:1px 0; }
#events .bana30	{ height:30px; border:1px solid #000000; border-width:1px 0; }
#areamenu a:link,#areamenu a:visited	{ color:#666666; }
#areamenu a:hover	{ color:#990000; }
#events2 h4{font-size:10px; color:#666666;}

/*kminfo*/
#kminfo li	{ background:none; text-indent:0; }
#kminfo .bana30	{ border:1px solid #999999; border-width:1px 0; height:30px; }

/*kokuti*/
#kokuti li	{ background:none; text-indent:0; }
#kokuti .bana100	{ border:1px solid #999999; border-width:1px 0; height:100px; }

/*main*/
#wid	{ width:100%; min-width:740px;max-width:1024px; margin:0 auto; background:#ffffff; }
#main	{ margin:17px 110px 0; padding:0 5px 0 10px; }
#contents	{ width:100%; min-width:250px; }
#contents h3	{ margin-bottom:5px; color:#000000; }
#read	{ margin:0 0 1.5em; }

/*gotop*/
#gotop	{ text-align:right; margin:0; }
#gotop em	{ font-size:1.2em; color:#9933ff; }

/*syslink*/
#syslink	{ background:#ffffff; text-align:center; border-top:1px solid #999999;clear:both; }
#syslink li	{ display:inline; }

/*foot*/
#foot	{ line-height:1.2; padding:10px 0; text-align:center; border:1px solid #999999; border-width:1px 0 0; clear:both; }
#foot a,#foot a:link,#foot a:visited,#foot a:hover {
  color:#666666;
  font-weight:bold;
  font-family:veradana,serif;
  text-decoration:none;
}

/*torihatsu*/
#torihatsu {float:right;font-size:9pt; position:relative; top:-20px; margin:4px 0 0 0;}


/*new mark*/
.newmark {
  display:block;
  margin:-18px 2px 9px 0;
  color:#ff3300;
  font-size:10px;
  text-align:right;
  font-family:veradana,serif;
}


/*
..........................................。
=huck
..........................................。
*/

.clearfix{
  overflow:hidden;
}

.clearfix:after {
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}