/*baselayout
------------------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding:0px;
	background-image: url(../img/bg.gif);
	font-size: 75%;
	color: #565656;
	font: normal Verdana, "�ͣ� �Х����å�", Osaka;
}
h1,h2,h3,h4,h5,div,p,ul,li,img {margin:0; padding:0px;}
hr {display:none}
#container { width:720px; margin: 0 auto; background:url(../img/bg-shado.gif) 0 0 repeat-y;}
#wrapper,#header,#contents,#footer { width:710px; margin:0 auto; background-color: #FFF;}
#bottom { width:720px; margin:0 auto; padding:0;}
/* other css 
------------------------------------------------------------------------------*/
a:link { color: #5C8AB8; text-decoration: none;}
a:hover { color: #FF6633; text-decoration: none;}
a:visited {	color: #6699CC;	text-decoration: none;}
a:active { color: #6699CC; text-decoration: none;}
.white { color: #FFFFFF;}
.font-orange { color: #FF9933;}
.font-skyblue {	color: #6699CC;}
.font-red {	color: #FF6600;}
.font-pink { color: #FF6666;}
.font-enji { color: #660000;}
.font-small { font-size: 65%;}
.font-blue { color: #003366; margin: 0px;}
.font-cap {	font-size: xx-small; color: #FF6600;}
.font-cha {	color: #99743B;}
.font-blue2 { color: #517AA2;}
.green {	color: #669900;}
.font-green { color: #669900;}
.small-enji { color: #990000;}
.white-small { font-size: xx-small;	color: #FFFFFF;}
.plan_link a { color:#FFF; text-decoration:underline;}
.plan_link a:hover { color:#CCC; text-decoration:none;}
.left { float:left;}
.right {float:right;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

.clear { clear:both; margin:0;}




/* header
------------------------------------------------------------------------------*/
#header h1 { font-size: x-small; margin:0px; background-color:#152E6A; color:#FFF; padding:5px;}
#header #g-navi { width:710px; margin:0px; padding:0px;}
#header #g-navi ul { width:710px; margin:0px; padding:0px;}
#g-navi li { float:left; list-style:none;}
#g-navi li a { height:28px; display:block; text-indent:-10000px; overflow:hidden; margin:0; padding:0;}

#g-navi li a#navi01 { width:56px; background: url(../img/maholova_header2_02.jpg) 0 0 no-repeat;}
#g-navi li a#navi02 { width:44px; background: url(../img/maholova_header2_03.jpg) 0 0 no-repeat;}
#g-navi li a#navi03 { width:95px; background: url(../img/maholova_header2_04.jpg) 0 0 no-repeat;}
#g-navi li a#navi04 { width:38px; background: url(../img/maholova_header2_05.jpg) 0 0 no-repeat;}
#g-navi li a#navi05 { width:39px; background: url(../img/maholova_header2_06.jpg) 0 0 no-repeat;}
#g-navi li a#navi06 { width:66px; background: url(../img/maholova_header2_07.jpg) 0 0 no-repeat;}
#g-navi li a#navi07 { width:93px; background: url(../img/maholova_header2_08.jpg) 0 0 no-repeat;}
#g-navi li a#navi08 { width:89px; background: url(../img/maholova_header2_09.jpg) 0 0 no-repeat;}
#g-navi li a#navi09 { width:67px; background: url(../img/maholova_header2_10.jpg) 0 0 no-repeat;}
#g-navi li a#navi10 { width:60px; background: url(../img/maholova_header2_11.jpg) 0 0 no-repeat;}
#g-navi li a#navi11 { width:63px; background: url(../img/maholova_header2_12.jpg) 0 0 no-repeat;}

#g-navi li a#navi01:hover { !important; background: url(../img/maholova_header2_02_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi02:hover { !important; background: url(../img/maholova_header2_03_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi03:hover { !important; background: url(../img/maholova_header2_04_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi04:hover { !important; background: url(../img/maholova_header2_05_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi05:hover { !important; background: url(../img/maholova_header2_06_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi06:hover { !important; background: url(../img/maholova_header2_07_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi07:hover { !important; background: url(../img/maholova_header2_08_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi08:hover { !important; background: url(../img/maholova_header2_09_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi09:hover { !important; background: url(../img/maholova_header2_10_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi10:hover { !important; background: url(../img/maholova_header2_11_over.jpg) 0 0 no-repeat;}
#g-navi li a#navi11:hover { !important; background: url(../img/maholova_header2_12_over.jpg) 0 0 no-repeat;}

#flash { width:710px; margin:0; padding:0; clear:both;}

/* contents
------------------------------------------------------------------------------*/
#contents-left { width:470px; float:left; padding:20px;}

#contents-left #link-box { width:470px;}
#contents-left #link-box p { margin-bottom:10px;}

#contents-left #news { border-top:1px #666 solid; border-right:1px #666 solid; border-left:1px #666 solid; clear:both;}
#contents-left #news h2 { width:468px; height:32px; background:url(../img/maholova_news-title.gif) 0 0 no-repeat; display:block; text-indent:-9999px;}

#contents-left #plan { border-bottom:1px #666 solid; border-right:1px #666 solid; border-left:1px #666 solid;}
#contents-left #plan h2 { width:468px; height:32px; background:url(../img/maholova_plan-title.gif) 0 0 no-repeat; display:block; text-indent:-9999px;}


#contents-right { width:180px; padding:20px 20px 0 0; float:left;}
#contents-right img.border { border:1px #666 solid;}

#contents-right #reserv { width:158px; padding:10px; border:1px solid #152E6A; background:#EDF3FF;}
#contents-right #reserv p { margin-top:10px;}
#contents-right #reserv p a{ width:158px; height:23px; display:block; text-indent:-10000px; overflow:hidden; margin:0; padding:0;}

#contents-right #reserv p a#r-navi01 { background: url(../img/yoyaku-btn-001.gif) 0 0 no-repeat;}
#contents-right #reserv p a#r-navi02 { background: url(../img/yoyaku-btn-002.gif) 0 0 no-repeat;}
#contents-right #reserv p a#r-navi03 { background: url(../img/yoyaku-btn-003.gif) 0 0 no-repeat;}
#contents-right #reserv p a#r-navi04 { background: url(../img/yoyaku-btn-004.gif) 0 0 no-repeat;}

#contents-right #reserv p a#r-navi01:hover { background: url(../img/yoyaku-btn-001-over.gif) 0 0 no-repeat;}
#contents-right #reserv p a#r-navi02:hover { background: url(../img/yoyaku-btn-002-over.gif) 0 0 no-repeat;}
#contents-right #reserv p a#r-navi03:hover { background: url(../img/yoyaku-btn-003-over.gif) 0 0 no-repeat;}
#contents-right #reserv p a#r-navi04:hover { background: url(../img/yoyaku-btn-004-over.gif) 0 0 no-repeat;}

#contents-right .c-rightbox { width:178px; margin:10px 0;}
#contents-right .c-rightbox h4 { font-weight:normal; font-size:small;}

#contents-right #mobile { width:158px; padding:10px; border:1px solid #900; background:#fff2e9;}
#contents-right #mobile p { margin-top:10px;}

/* footer
------------------------------------------------------------------------------*/
#footer #s-navi { text-align:right; padding:10px 20px;}

/*   TOPCMS 080414
------------------------------------------------------------------------------*/
#newsbox { width:458px; margin:3px auto 0 auto; display:block; padding-bottom:3px; border-bottom:dashed 1px #CCC;}
#newsbox p { padding:5px 0; margin:0px; float:left;}
#newsbox p.news-day { color: #FF9933; width:75px; padding-left:3px;}
#newsbox p.news-summary { padding-left:5px; width:255px;}
#newsbox p.details { float:right; width:95px;}
#newsbox p.details a { padding:0 0 0 15px; background:url(../img/plan-arrow.gif) 0 0 no-repeat; display:block;}
#newsbox p.details a:hover { color: #FF6633; background:url(../img/plan-arrow-a.gif) 0 0 no-repeat;}

#planbox{ width:458px; padding:5px 0; border-bottom:dashed 1px #CCC; margin: 5px auto;}
#planbox p { width:448px;}
#planbox img { float:left; margin:0 8px 0 0; width:80px; height:80px; border:1px #666 solid;}
#planbox a { display:block; overflow:hidden; text-indent:-9999px; width:160px; height:22px; float:right; background:url(../img/plan-btn2.gif) no-repeat 0 0;}
#planbox a:hover { background:url(../img/plan-btn2_on.gif) no-repeat 0 0;}

/*   NEWSCMS 080421

------------------------------------------------------------------------------*/
#news-details { width:670px; margin:20px;}

/*   NEWSCMS 080421

------------------------------------------------------------------------------*/
#otoku{
	background: url(../otoku/img/hidari-otoku.jpg) no-repeat left top #fff;
	min-height:600px;
	height: auto !important;
	height: 600px;
	}
#otoku-details { width:480px; margin:20px 0 20px 210px; /*background: #333333;*/} 
#otoku-details h3{ font-weight: normal; font-size: 150%; line-height: 150%;} 
/*table*/
#otoku-details table{ width: 480px; margin-top: 20px; font-size: 100%; line-height: 1.4em; border-left: 1px #baedff solid; border-right: 1px #baedff solid; border-bottom: 1px #baedff solid;}
#otoku-details table th{ background-color: #66ccff; color: #ffffff; padding: 3px; border-top: 1px #baedff solid; width: 25%; text-align: left;}
#otoku-details table td{ border-top: 1px #baedff solid; border-left: 1px #b3e6ff solid; padding: 5px;}
#otoku-details table td.date{ width: 20%;}
#otoku-details table td.plan_main{ background-color: #D9FFFF;}
#otoku-details table td.plan_main02{ background-color: #ffffff;}

/*   �����p�\��g
------------------------------------------------------------------------------*/
#contents-right #reserv02 { width:158px; padding: 10px; border:1px solid #236422; background: #effbeb; margin-top: 10px;}
/*#contents-right #reserv02 img{ border:none;}*/
#contents-right #reserv02 h3#hd_reserv02 { background: url(../img/yoyaku-title02.gif) 0 0 no-repeat; width: 158px; height: 50px; display:block; text-indent: -9999px;}

#contents-right #reserv02 ul { margin-top:10px; list-style: none;}
#contents-right #reserv02 li a{ width:158px; height:20px; display:block; text-indent:-10000px; overflow:hidden; margin: 10px 0 0 0; padding:0;}

#contents-right #reserv02 li#r-navi05 a { background: url(../img/yoyaku-btn-005.gif) 0 0 no-repeat;}
#contents-right #reserv02 li#r-navi06 a { background: url(../img/yoyaku-btn-006.gif) 0 0 no-repeat;}
#contents-right #reserv02 li#r-navi07 a { background: url(../img/yoyaku-btn-007.gif) 0 0 no-repeat;}
#contents-right #reserv02 li#r-navi08 a { background: url(../img/yoyaku-btn-008.gif) 0 0 no-repeat;}

#contents-right #reserv02 li#r-navi05 a:hover { background-position: 0 -23px;}
#contents-right #reserv02 li#r-navi06 a:hover { background-position: 0 -23px;}
#contents-right #reserv02 li#r-navi07 a:hover { background-position: 0 -23px;}
#contents-right #reserv02 li#r-navi08 a:hover { background-position: 0 -23px;}