@charset "shift_jis";

body  {
  margin:0;
  padding:0;
  background:#ffffff url(/images/gr_bg.gif) repeat-x 0 0;
  color:#333333;
  font-size:9pt;
  text-align:center;
  line-height:1.6;
}

h1,h2,h3,h4,p,dd,dl,dt,ul,ol,li,form,option,input,hr  {
  margin:0; padding:0;
}

h1,h2 {
  line-height:1.2;
}

p {
  margin:0 0 1em; line-height:1.4;
}

a:link,a:visited {
  color:#330099;
  text-decoration:underline;
}

a:hover	{
  color:#990000;
  text-decoration:none;
}

li {
  list-style:none; 
}

em  {
  font-style:normal;
}

select {
  padding:1px;
  border:1px solid #000000;
  background:#999999;
  color:#ffffff; 
}

input	{
  margin:0 0 5px;
  vertical-align:bottom;
}

img  {
  border:0;
  vertical-align:bottom; 
}

caption  {
  text-align:left;
}

h2	{ margin-bottom:2px; border-bottom:2px dotted #cccccc; }
h3,li,dt  { background:no-repeat; }


/*=font-size's*/
#group p {
  font-size:200%; 
}

#title h1 {
  font-size:190%;
}

#add span	{
  font-size:170%;
}

h2	{
  font-size:160%; 
}

h3,#menu1 .today,#gotop em	{
  font-size:120%; 
}

#shop  {
  font-size:114%; 
}

h4,#menu h3,#submenu h3,#menu li,#pan span,.j11,#torihatsu,.gotop	{
  font-size:100%; 
}

#description,#submenu li,#submenu .btn {
  font-size:95%; 
}

span,caption,#shop li,#menu h2,#foot,#mobile p,.j10,.menu3 .fukuro a,#submenu span,#submenu input,#add,#pan {
  font-size:90%; 
}

#menu2 .eventcal {font-size:10px;}

.menu3 li,#submenu .btn,#submenu .setsu,.textindex  {
  font-size:85%;
}

h1 span  {
  font-size:55%; 
}
h1 b  {
  font-size:55%; 
}

/*=color's*/
h1 a:link,h1 a:visited,h1 a:hover,#contents h3 {
  color:#000000;
}

h1,h2,#title span,#title #add	{
  color:#333333;
}

#menu h2,#group em  {
  color:#666666;
}

caption  {
  color:#330066; 
}

#contents h3,#title h1 span  {
  color:#000033;
}

#description,#description em,#add em,#mobile {
  color:#990000; 
}

em,#submenu .setsu {
  color:#cc0000;
}

#area a,#area a:link,#area a:visited,#group p a,.textindex em a,#menu	em,.wh,.btn	{
  color:#ffffff; 
}

#area a:hover {
  color:#ffffcc; 
}

#gotop em  {
  color:#9933ff; 
}


/*=text-align's*/
.textindex,#add,#shop,.date,#gotop,.shimai  {
  text-align:right;
}

#menu h2,#mobile,#mobile p,.menu3 .fukuro,#syslink,#foot {
  text-align:center;
}

.subnavi {
  margin:-1.5em 12em 0;
  text-align:right
}

/*=block's*/
#title span,#title b,#title a,.textindex em,#menu li,#menu a,#submenu li,.clear  { display:block; }


/*=background's*/
select,input,textarea	{ background:#ffffff; }


/*=class's*/
.mb10	{ margin-bottom:10px; }
.uline { margin:0 0 5px; padding:0 0 5px; }
.uline li, .uline span { margin-left:-5px; }
.shimai { margin-right:5px; margin-bottom:15px; }
.date	{
  margin-top:-2em;
}
.btn	{ background:#0050c8; margin:2px 0; padding:1px; border:1px outset #808080; width:100px; }
.clear	{ clear:both; }
.newface	{ vertical-align:middle; border:0; width:14px; height:14px; }
.dotter	{ border-bottom:2px dotted #cccccc; margin-bottom:1em; padding-bottom:1em; }

/*=wid*/
#wid  {
  width:100%;
  min-width:775px;
  max-width:988px;
  width:expression(document.body.clientWidth < 775? "775px" : document.body.clientWidth < 988? "auto" : "988px");
  margin:0 auto;
  text-align:left;
}


/*=group*/
#group li,#syslink li  { display:inline; }
#group p { position:absolute; line-height:1.5; margin:0; padding:0.1em 20px 0.1em 5px; }
#group img { vertical-align:top; padding-top:2px;}
#area  {
	margin:0;
	padding:2px 15px 1px 3.6em;
	height:17px;
	_height:20px;
	overflow:hidden;
	background-color:#000000;
}
#shop  {
	margin:0;
	padding:0 5px;
	height:20px;
	overflow:hidden;
}
#shop a,#shop em  { margin-left:14px; }

.maid a:link,.maid a:visited,.maid a:hover { color:#d60080; }
.bully a:link,.bully a:visited,.bully a:hover  { color:#000000; }
.caprico a:link,.caprico a:visited,.caprico a:hover  { color:#970f9a; }
.matto a:link,.matto a:visited,.matto a:hover  { color:#3333ff; }
.harejo a:link,.harejo a:visited,.harejo a:hover  { color:#1e601b; }
.matty a:link,.matty a:visited,.matty a:hover  { color:#c51800; }
.celeb a:link,.celeb a:visited,.celeb a:hover  { color:#c51800; }

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

/*=title*/
#title { background-color:#ffffff; height:5.65em; border-bottom:1px solid #000000; }
#title h1  { line-height:1.2; width:610px; }
#title h1 span,#title h1 b { font-weight:normal; }
#title h1 a { margin:0 0 0 117px; padding-top:1em; text-decoration:none; }

#logo {
    float: left;
    margin-top: -57px;
    padding: 0 23px;
    position: absolute;
}
#description { border-bottom:2px dotted #999999; margin-top:-5.5em; margin-left:117px; }
#add { line-height:1.0; margin:-0.7em 5px 0; }

/*=pan*/
#pan  {
  clear:both;
  margin:0;
  padding:0 5px;
  line-height:1.7;
}

/*=textindex*/
.textindex { background:url(../images/bg_pan.gif) no-repeat 100% 0; margin:-1.75em 0 0; padding:0 1.2em; }
.textindex em  { width:11em; margin-left:auto; background:url(../images/arrow.gif) no-repeat 5px 50%; }
.textindex em a { margin-left:10px; line-height:1.8; }

/*=menu*/
#menu	{
  float:left;
  width:110px;
  padding:9px 0; 
}

#menu h2	{
  margin-bottom:2px;
  padding-top:2px;
  background:#cccccc;
  border:0;
}

#menu ul { width:110px; padding:0 0 7px; }
#menu1 li,#menu2 li	{ margin-bottom:2px; }

#menu1 ul { padding:0 0 7px; }
#menu1 a { border:1px solid; border-width:1px 1px 1px 6px; padding:2px 1px 2px 7px; text-decoration:none; }
#menu1 a:link,#menu1 a:visited { background-color:#222222; border-color:#222222; color:#ffffff; }
#menu1 a:hover,#menu1 a:active	{ background-color:#990000; border-color:#990000; color:#ffffff; }
#menu1 .holiday{font-size:10px;}

#menu2 a { border:1px solid; border-width:1px 1px 1px 6px; padding:2px 1px 2px 5px; text-decoration:none;}
#menu2 a:link,#menu2 a:visited { border-color:#222222; background:#ffffff; color:#222222; }
#menu2 a:hover { background:#ffffff; border-color:#990000; color:#990000; }

#menu3 li{
  padding-bottom:3px;
}
#menu3 a {
  border:1px solid #222222;
  border-width:1px 1px 1px 6px;
}
#menu3 a:link,#menu3 a:visited	{
  border-color:#222222;
}
#menu3 a:hover {
  border-color:#990000;
  color:#990000; 
}

#menu4 li  { background:url(../images/menu.gif) no-repeat 3px 50%; text-indent:1.3em; line-height:1.4; }
#menu4 a:link,#menu4 a:visited  { color:#333333; }
#menu4 a:hover  { color:#990000; }
#menu dt,#submenu h3  { background:url(../images/h31.gif) no-repeat 3px 50%; margin:10px 0 0.3em; text-indent:1.1em; }

#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:#333333; }
#menu5 a:hover  { color:#990000; }

#menu6 li{
  padding-bottom:3px;
}
#menu6 .jizen a {
  border:1px solid #222222;
  border-width:1px 1px 1px 6px;
}
#menu6 .jizen a:link,.jizen a:visited	{
  border-color:#222222;
}
#menu6 .jizen a:hover {
  border-color:#990000;
  color:#990000; 
}
#menu6 .feti a {
  border:1px solid #222222;
  border-width:1px 1px 1px 6px;
}
#menu6 .feti a:link,.feti a:visited	{
  border-color:#222222;
}
#menu6 .feti a:hover {
  border-color:#990000;
  color:#990000; 
}

#menu6 .fukuro a {
  font-size:11px;
  background-color:#ffff00;
  text-align:center;
  line-height:15pt;
}

/*=mobile*/
#mobile	{
  padding-top:2px;
}

#mobile p {
  margin:-0.2em 0 0.5em; 
  font-size:1.1em;
}

#mobile span {
  font-size:0.7em;
}

#mobile img	{
  width:66px;
  height:66px;
}

/*=Common Contents------------------------------共通コンテンツ*/
#menu #common h3 {
  color:#990000;
  text-align:center;
}

#menu #common span	{ padding-left:10px; }

#menu #common #areamenu { padding-top:2px; }

#menu #common .uline li {
  padding:0 0 2px 14px;
  background-position:10px 1px;
  background-repeat:no-repeat;
  text-indent:10px;
  line-height:1.1;
}

#menu #common .uline span {
  display:block;
  padding:0 0 0 5px;
  color:#bb0000;
}

#menu #common .fup { background-image:url(../images/sub/up.gif); }
#menu #common .fsyukkin { background-image:url(../images/sub/syukkin.gif); }
#menu #common .fnew { background-image:url(../images/sub/new.gif); }
#menu #common .fmass { background-image:url(../images/sub/mass.gif); }
#menu #common .fsearch { background-image:url(../images/sub/search.gif); }
#menu #common .fhot { background-image:url(../images/sub/hot.gif); }
#menu #common .fbbs { background-image:url(../images/sub/bbs.gif); }
#menu #common .fevent { background-image:url(../images/sub/event.gif); }

#areamenu a:link,#areamenu a:visited {
  color:#666666;
}

#areamenu a:hover {
  color:#990000;
}

/*=submenu*/
#submenu  {
  width:110px;
  float:right;
}

#submenu h3	{
  margin:10px 0 0.5em;
  padding:1px 0 0 2px;
  background:none;
  border:3px solid #222222;
  border-width:1px 0 0 3px;
  line-height:1.2;
  text-indent:0;
}

#submenu li  { text-indent:10px; line-height:1.1; }
#submenu img { width:100px; margin:0 0 5px 5px; } 
#submenu .qjin img { width:100px; height:150px; margin:9px 0 5px 5px; } 
#submenu input  { width:70px; margin:0 0 2px 5px; padding:1px 3px; }
#submenu span	{ padding-left:10px; }
#submenu .btn { width:100px; }

#submenu .uline li {
  padding:0 0 2px 14px;
  background-position:10px 1px;
  background-repeat:no-repeat;
}

#submenu .uline span {
  display:block;
  padding:0 0 0 5px;
  color:#bb0000;
}

#submenu .heaven { margin:5px 0; padding:5px 0 0;   border-top:solid 1px #222222; }
#submenu .heaven li { margin:5px 0; padding:0; text-indent:0;}
#submenu .heaven li a { margin:0; padding:0; }
#submenu .heaven .bana20	{  margin:0 0 0 5px; height:20px; }

/*=events*/
#events li	{ background:none; text-indent:0; }
#events .bana30	{ border:1px solid #999999; border-width:1px 0; height:30px; }
#events .bana32	{ width:100px; height:32px; }
#submenu .events li	{ background:none; text-indent:0; }
#submenu .events .bana30	{ border:1px solid #999999; border-width:1px 0; height:30px; }
#submenu .events .bana32	{ width:100px; height:32px; }
.newten	{ height:100px; margin-bottom:4px;}

#areamenu a:link,#areamenu a:visited  { color:#666666; }
#areamenu a:hover  { color:#990000; }

/*=main*/
#main	{
  margin:9px 115px 0;
  padding:0 10px 0 10px;
}

/*=contents*/
#contents  {
  width:100%;
  min-width:480px;
}

#contents	h2 {
  padding:5px 0;
  border-bottom:2px dotted #cccccc;
  margin-top: -1em;
}

#contents h3  {
  margin-bottom:5px; background-image:url(../images/h32.gif); text-indent:1em;
  line-height:1em;
}

#read  {
  margin:0 0 1.5em;
}


/*=gotop*/
#gotop  { margin: 10px 0; }

/*=syslink*/
#syslink  { background:#ffffff; border-top:1px solid #bbbbbb;clear:both; }
#syslink li  { display:inline; }


/*=caution*/
#caution {
  border-bottom: 2px dotted #4E292A;
  clear: both;
  margin: 0 0 10px;
  text-align: center;
  width: 100%;
}

#caution h3  {
  background:none;
  color:#444444;
}

#caution strong {
  font-weight:normal;
}
/*=caution2*/
#caution2	{
  margin:0 0 10px;
  padding:0 5px 5px;
  clear:both;
  border-bottom:4px dotted #cccccc;
  font-size:0.95em;
  text-align:center;
}

#caution2 h3  {
  margin-top:0.8em;
  background:none;
  color:#444444;
}

#caution2 em {
  font-weight:normal;
  color:#444444;
}


#torihatsu {
    height: 20px;
    left: 0;
    position: relative;
    text-align: right;
}

#torihatsu img {
  width:180px;
  height:40px;
  vertical-align:bottom;
}

/*=mattoru*/
.mattoru{
  font-size:75%;
}

/*=foot*/
#foot  {
  background-color: #EFEFEF;
  padding: 10px 0;
  line-height:1.2;
  margin:0;
	solid #999999;
	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;
}

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

.clearfix{
  overflow:hidden;
}

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