/* CSS Document */
@charset "UTF-8";
@import "http://";

/*
  Author: YOUHEI KINOSHITA
  Date: 2009-05-28
  Reason: I like Italian. 
  Copyright (c) 2009 poolside Designs. All rights reserved.
  水色#4DB0DD
  オレンジ#FF6B00
*/

*{ margin:0px; padding:0px;}
a img{ border:none;}
table{ border:0;}
p,ul,li,dd,dl,h1,h2,h2,h3,h4,h5,h6,body{ margin:0; padding:0;}
ul,li{ list-style-type:none;}
a:link,a:visited,a:active{ color:#2D81B0; text-decoration:none;}
a:hover{ color:#4DB0DD; text-decoration:underline;}
body{ color:#333; font-size:12px; line-height:140%; font-family:"ＭＳ Ｐゴシック", Osaka; background:url(../img/area/tmp_head_bg2.jpg) 0 0 repeat-x;}
td,th{ color:#333; font-size:12px; line-height:140%; font-family:"ＭＳ Ｐゴシック", Osaka;}
input,select{ color:#333; font-size:12px; font-family:"ＭＳ Ｐゴシック", Osaka;}
input.bt{ padding:5px; margin:10px 0;}
.mode{ime-mode:disabled;}/*han*/
.mode2{ime-mode:active;}/*zen*/

.icon1{ background:url(../img/icon01.gif) 0 2px no-repeat; padding:0 0 0 18px;}
.icon2{ background:url(../img/icon02.gif) 0 2px no-repeat; padding:0 0 0 18px;}
.icon3{ background:url(../img/icon03.gif) 0 2px no-repeat; padding:0 0 0 18px;}
.icon4{ background:url(../img/icon04.gif) 0 2px no-repeat; padding:0 0 0 18px;}
.icon5{ background:url(../img/icon05.gif) 0 2px no-repeat; padding:0 0 0 18px;}
.nolink{ color:#CCC;}
div.line{ clear:both; height:20px; background:url(../img/topi_line.gif) 0 0 no-repeat;}
ul#pan{ margin:0 0 15px 0;}
ul#pan li{ display:inline;}
ul#pan tt{ margin:0 5px;}
div#info{ width:100%; background-color:#EEE; margin:0 0 10px 0;}
div#info ul{ padding:10px; text-align:center;}
p#copy{ font-family:Arial; font-size:10px; clear:both;}
p#headline{ text-align:center; color:#FFF; clear:both;}
p#headline a{ color:#FFF;}
p#headline span{ color:#FC0; margin:0 3px 0 0;}

ul#pager{ text-align:center; line-height:40px;}
ul#pager li{ display:inline; margin:0 5px; font-family:Arial;}
ul#pager li#un{ padding:8px; font-weight:bold; border:1px solid #CCC;}
ul#pager li.on{ color:#E20052;}
ul#pager li a{ text-decoration:none;}
ul#pager li.on a:link,ul#pager li.on a:visited,ul#pager li.on a:active{ padding:8px; border:1px solid #CCC;}
ul#pager li.on a:hover{ background-color:#E3F5FF; padding:8px; border:1px solid #CCC;}

div#all{ width:879px; margin:0 auto;}
div#head{ background:url(../img/area/tmp_head_bg.jpg) 0 0 no-repeat; height:130px;}
div#head h1{ float:left; padding:25px 0 0 0;}
div#head p#ad{ float:right; padding:13px 0 0 0;}
div#all div#left{ width:516px; float:left;}
div#all div#right{ width:352px; float:right;}
div.hina{ background:url(../img/area/tmp_hina.gif) 0 0 no-repeat; width:516px; height:50px; clear:both;}
div.hina h3{ float:left; font-size:14px; padding:10px 0 0 42px; color:#FFF;}
div.hina h3 span{ color:#FC0;}
div.hina p{ float:right; padding:9px 9px 0 0;}
div.hina2{ background:url(../img/area/tmp_hina2.gif) 0 0 no-repeat; width:352px; height:50px; clear:both;}
div.hina2 h3{ float:left; font-size:14px; padding:10px 0 0 42px; color:#FFF;}
div.hina2 h3 span{ color:#FC0;}
div.hina2 p{ float:right; padding:9px 9px 0 0;}
div#hina{ background:url(../img/area/tmp_hina_long.gif) 0 0 no-repeat; width:878px; height:50px; clear:both;}
div#hina h3{ float:left; font-size:14px; padding:10px 0 0 42px; color:#FFF;}
div#hina h3 span{ color:#FC0;}
div#foot{ background:url(../img/area/tmp_foot_bg.jpg) 0 0 repeat-x; height:260px;}
div#foot a{ color:#FFF; text-decoration:none;}
div#foot a:hover{ color:#FFF; text-decoration:underline;}
div#foot h5{ font-size:12px; color:#2D81B0; background-color:#91D6FD; display:inline; padding:5px;}
div#foot ul{ line-height:20px; padding:15px 0 0 0;}
div#foot ul#area47 li{ background:url(../img/area/list2.gif) 0 4px no-repeat; padding:0 0 0 18px;}
div#foot ul.mark li{ background:url(../img/area/list2.gif) 0 4px no-repeat; padding:0 0 0 18px;}

/*top*/
table#topi{ width:100%;}
table#topi th{ width:270px; color:#FF6B00; font-weight:normal; text-align:left;}
table#topi td.j{ color:#CCC;}
table#topi td.j span{ color:#666; padding:0 2px;}
table#topi dt{ float:left;}
table#topi dd{ float:right;}
table#topi dt,div#topi dd{ height:18px;}
div#sche dl{ width:73px; height:126px; text-align:center; float:left; font-size:10px; line-height:120%;}
div#sche dl img{ border:1px solid #CCC; width:66px; height:88px;}
div#sche dl a:hover img{ border:1px solid #2D81B0;}
div#sche dt a:hover{ color:#FFF; text-decoration:none; background-color:#2D81B0;}
div#sche dd{ font-size:10px; font-family:Arial;}
div#newface dl{ width:88px; height:150px; text-align:center; float:left; line-height:120%;}
div#newface dl img{ border:1px solid #CCC; width:78px; height:104px;}
div#newface dl a:hover img{ border:1px solid #2D81B0;}
div#newface dt a:hover{ color:#FFF; text-decoration:none; background-color:#2D81B0;}
div#newface dd{ font-size:11px; font-family:Arial; color:#C00; font-weight:bold;}
table#newshop{ width:98%;}
table#newshop th{ background:url(../img/area/list.gif) 0 2px no-repeat; padding:0 0 0 18px; text-align:left; width:170px;}
div#shoplist div{ width:258px; height:110px; float:left;}
div#shoplist dl{ width:250px; height:100px; margin:0 auto; border:1px solid #AFD9F1; background-color:#DFECF4;}
div#shoplist img{ margin:5px; float:left; border:1px solid #2D81B0; line-height:150%; width:66px; height:88px;}
div#shoplist h4{ font-size:14px; padding:4px 0 0 0;}
div#shoplist dt{ font-size:10px; color:#666;}
div#shoplist dd span{ font-weight:bold;}
div#shoplist dd strong{ color:#458105;}
table#shoplist{ width:100%; margin:0 auto; clear:both;}
table#shoplist th{ text-align:left; width:170px;}
table#shoplist td.j{ font-size:10px; color:#666; width:130px;}
table#shoplist td.t{ width:80px; font-family:Arial;}
table#shoplist td.d{ font-family:Arial;}
table#shoplist th,table#shoplist td{ padding:3px; border-bottom:1px solid #CCC;}

/*sche*/
div#SCHE ul#date{ text-align:center; color:#999; height:30px;}
div#SCHE ul#date li{ display:inline;}
div#SCHE ul#date strong{ color:#333;}
div#SCHE p#mess{ background-color:#F3F2F2; border:1px solid #999; padding:5px; text-align:center; margin:0 0 15px 0;}
div#SCHE p#mess strong{ color:#458105;}
div#SCHE div{ width:109px; height:180px; float:left;}
div#SCHE dl{ text-align:center; width:100px; height:165px; background-color:#E3F5FF; border:1px solid #CCC; margin:0 auto;}
div#SCHE dl img{ margin:5px 0 2px 0; border:1px solid #CCC;}
div#SCHE dl a:hover img{ border:1px solid #2D81B0;}
div#SCHE dt{ font-weight:bold;}
div#SCHE dt a:hover{ color:#FFF; text-decoration:none; background-color:#2D81B0;}
div#SCHE dd{ font-family:Arial; font-size:11px;}

/*newface*/
div#NEWFACE span.style1{ color:#C00;}
div#NEWFACE div{ width:218px; height:180px; float:left;}
div#NEWFACE dl{ width:210px; height:160px; background-color:#FCEEF6; border:1px solid #E6B3CF; margin:0 auto; line-height:20px;}
div#NEWFACE dl img{ margin:6px; border:1px solid #CCC; float:left;}
div#NEWFACE dl a:hover img{ border:1px solid #F06;}
div#NEWFACE h4{ font-weight:bold; color:#C00; margin:10px 0 0 0;}
div#NEWFACE dt a{ color:#F06;}
div#NEWFACE dt a:hover{ color:#FFF; text-decoration:none; background-color:#F06;}
div#NEWFACE dd{ font-family:Arial; font-size:11px;}
div#NEWFACE dl p{ background-color:#FDDFEB; padding:3px 6px; clear:both;}
div#NEWFACE dl p span{ font-size:10px; margin:0 5px 0 0;}
div#NEWFACE dl p a:hover{ color:#FFF; text-decoration:none; background-color:#2D81B0;}

/*shoplist*/
div#LIST ul#junle{ text-align:center; color:#999; height:30px;}
div#LIST ul#junle li{ display:inline;}
div#LIST p#mess{ background-color:#F3F2F2; border:1px solid #999; padding:5px; text-align:center; margin:0 0 15px 0;}
div#LIST p#mess strong{ color:#458105;}
div#LIST div{ width:292px; height:110px; float:left;}
div#LIST dl{ width:282px; height:100px; margin:0 auto; border:1px solid #AFD9F1; background-color:#DFECF4;}
div#LIST img{ margin:5px; float:left; border:1px solid #2D81B0; width:66px; height:88px;}
div#LIST h4{ font-size:12px; padding:8px 0 0 0;}
div#LIST h4 span{ background-color:#2D81B0; padding:3px;}
div#LIST h4 span a{ color:#FFF;}
div#LIST h4 span a:hover{ color:#FC0; text-decoration:none;}
div#LIST dt{ font-size:10px; color:#666;}
div#LIST dd span{ font-weight:bold;}
div#LIST dd strong{ color:#458105;}

/*shopdate*/
div#DATA div#left{ width:330px; float:left;}
div#DATA div#left h4{ margin:0 0 4px 0;}
div#DATA div#left table{ width:100%;}
div#DATA div#left th{ border:1px solid #E2E2E2; background-color:#F7F7F7; width:35%; font-weight:normal; color:#666; text-align:left;}
div#DATA div#left td{ background-color:#F7F7F7; border-bottom:1px solid #E2E2E2; font-weight:bold;}
div#DATA div#left th,div#DATA div#left td{ padding:3px 8px;}
div#DATA div#topi{ width:535px; height:490px; float:right; background:url(../img/area/topi_bg.gif) 0 0 no-repeat;}
div#DATA div#topi{
scrollbar-track-color:#8ECEF2;
scrollbar-face-color:#479FD0;
scrollbar-shadow-color:#25739F;
scrollbar-darkshadow-color:#DAE7EF;
scrollbar-highlight-color:#42C3DF;
scrollbar-3dlight-color:#8ECEF2;
scrollbar-arrow-color:#FFF;
}
div#topibox{ width:527px; height:459px; margin:0 auto; overflow:auto;}
div#topibox ul{ width:494px; height:32px; background:url(../img/area/topi_sub.gif) 0 0 no-repeat; clear:both;}
div#topibox ul li{ background-repeat:no-repeat; background-position:8px 4px; padding:2px 0 0 23px;}
div#topibox span{ color:#F30; font-family:Arial; margin:0 10px 0 0;}
div#topibox img{ border:1px solid #CCC; margin:0 10px 10px 0; float:left;}
div#topibox dl{ width:494px; margin:0 0 15px 0;}
div#topibox dt{ color:#FFF;}
div#topibox a{ color:#FECB00;}

div#schedule ul{ text-align:center; color:#999; height:30px;}
div#schedule li{ display:inline;}
div#schedule li strong{ color:#333;}
div#schedule div{ width:218px; height:145px; float:left;}
div#schedule dl{ width:210px; height:136px; background-color:#F4F4F4; border:1px solid #CCC; margin:0 auto; line-height:140%;}
div#schedule dl.new{ background-color:#FCEEF6; border:1px solid #E6B3CF;}
div#schedule dl img{ margin:6px; border:1px solid #CCC; float:left;}
div#schedule dl a:hover img{ border:1px solid #2D81B0;}
div#schedule h4{ font-weight:bold; color:#F30; font-family:Arial;}
div#schedule dt{ margin:6px 0 0 0; font-weight:bold;}
div#schedule dt a:hover{ color:#FFF; text-decoration:none; background-color:#2D81B0;}
div#schedule dd{ font-family:Arial; font-size:10px;}

div#galslist ul{ text-align:center; color:#999; height:30px;}
div#galslist li{ display:inline;}
div#galslist li strong{ color:#333;}
div#galslist span{ font-weight:bold; color:#448004;}
div#galslist div{ width:145px; height:95px; float:left;}
div#galslist dl{ width:138px; height:88px; background-color:#F4F4F4; border:1px solid #CCC; margin:0 auto; line-height:110%;}
div#galslist dl.new{ background-color:#FCEEF6; border:1px solid #E6B3CF;}
div#galslist dl img{ margin:3px; border:1px solid #CCC; float:left; width:60px; height:80px;}
div#galslist dl a:hover img{ border:1px solid #2D81B0;}
div#galslist dt{ margin:3px 0 0 0;}
div#galslist dt a:hover{ color:#FFF; text-decoration:none; background-color:#2D81B0;}
div#galslist dd{ font-family:Arial; font-size:10px;}

div#event{ width:434px; float:left;}
div#event dl{ background-color:#F8E9C2; width:410px; margin:0 auto;}
div#event dt{ font-size:14px; font-weight:bold; color:#9A6600; text-align:center; padding:10px 0 0 0;}
div#event dd{ color:#448004; text-align:center; padding:0 0 10px 0;}
div#event p{ background-color:#F4F4F4; padding:10px;}
div#sinfo{ width:434px; float:right;}
div#sinfo p{ width:410px; margin:0 auto;}
div#sinfo dl{ padding:20px 0; text-align:center;}

/*profile*/
div#prof{ width:535px; height:490px; float:right;}
div#prof h2{margin:0 0 10px 0;}
div#prof img.photo{ border:1px solid #CCC; padding:5px; float:left; margin:0 0 10px 0;}
div#prof table{ width:300px; float:right;}
div#prof th{ font-weight:normal; color:#666; text-align:left; width:25%;}
div#prof td{ font-weight:bold;}
div#prof td span{ color:#C00; padding:0 0 0 5px; font-family:Arial;}
div#prof td strong{ color:#458105; padding:0 0 0 5px;}
div#prof th,div#prof td{ border-bottom:1px solid #E2E2E2; padding:5px;}

/*ent*/
div#ent{ width:880px;}
div#ent div#left{ width:190px; min-height:1000px; background-color:#2D81B0; float:left;}
div#ent div#right{ width:667px; margin:20px 0 0 0; float:right;}
div#ent ul{ line-height:20px;}
div#ent ul#area47 li{ background:url(../img/area/list.gif) 0 4px no-repeat; padding:0 0 0 18px;}
div#ent ul#area47 a:hover{ color:#FFF; text-decoration:none; background-color:#2D81B0;}
div#ent dt{letter-spacing:1px; padding:0 0 3px 0;}
div#ent dt span{ color:#2D81B0;}

/* contact */
div#contact{ width:715px; margin:0 auto;}
div#contact h2{ font-size:12px; font-weight:bold; text-align:center; background-color:#2D81B0; padding:3px; color:#FFF; margin:0 0 20px 0;}
div#contact table{ width:600px; margin:0 auto;}
div#contact th{ font-weight:normal; text-align:right; width:25%; padding:5px;}
div#contact td{ border-left:1px solid #2D81B0; padding:5px 5px 5px 10px;}
div#contact dl{ margin:20px 0 0 0; line-height:18px;}
div#contact dt{ font-weight:bold;}
div#contact dd{ margin:0 0 10px 0;}
div#contact input,select,textarea{ padding:3px; margin:0 5px 0 0;}
div#contact input.bt{ padding:5px; margin:10px 0; width:100px;}
div#contact span{ color:#C00; font-size:10px; font-weight:normal;}