@charset "Shift_JIS";

/* ===================================================
base.css for all pages
written by S.K.

 01.BASE

 02.DESIGN STRUCTURE

 03.DOCUMENT STRUCTURE

 04.NAVIGATION

 05.LINKTEXT DECOTAIOTN

 06.EACH

 07.FORM MODULES  

==================================================== */

/* 01 BASE
---------------------------------------------------- */

* { margin: 0; padding: 0; }
/*＼*/ a { overflow:hidden; }/**/

body{
	background: #D6D3B6 url(../images/body_bg.jpg) repeat;
	font-size:13px;
	*font-size:small;
	*font:x-small;	
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,sans-serif;
	color:#24211F;
	height:100%;
	text-align:center;
	padding: 0 0 30px;
}

table { font-size: 95%; font:100%; }

hr{ display:none; }

ul,ol { list-style-type: none; }

img{ border:0; margin:0; padding:0; }

.clear{ clear:both; height:1px; overflow: hidden; }

.right { float: right; margin: 0 ;}
.left { float: left; margin: 0 ;}

* html #header { behavior: expression(IEPNGFIX.fix(this));}
* html #content { behavior: expression(IEPNGFIX.fix(this));}
* html #footer { behavior: expression(IEPNGFIX.fix(this));}

/* 02 DESIGN STRUCTURE
---------------------------------------------------- */
#wrapper{
	width:768px;
	margin: auto;
	text-align:left;
	position:relative;
	padding-top: 30px;
}
#header { height: 104px; background: url(../images/content_top.png) no-repeat top left; zoom: 100%; }
#header:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
#header_margin { padding: 0 28px 0;}
#header p { 
	color: #FFF;
	float: right;
	font-size: 11px;
	font-weight: bold; 
	font-family:"ヒラギノ明朝 Pro W6"; 
	line-height: 1.6em; 
	margin: 26px 0 0 0 ; 
	display: block; 
	text-align: right;
}

#content { 
	zoom: 100%; 
	padding: 0 28px 20px;
	background: url(../images/content_middle.png) repeat-y 0 20%;
}
#content:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#content_main { float: left; width: 485px;}
#content_right { float: right; width: 205px;}

ul#right_banner {	
	width: 205px;
	padding: 0;
}
ul#right_banner li { 
	display: block; 
	line-height: 0;
	font-size: 0;
	margin-bottom: 8px; 
	_margin-bottom: 5px; 
	vertical-align: top; 
	width: 205px;
}
ul#right_banner li a { 
	display: block; 
	line-height: 0;
	font-size: 0;
	margin-bottom: 8px; 
  _margin-bottom: 5px; 
  vertical-align: top; 
	width: 205px;
}
li#right_banner01, li#right_banner01 a { height: 73px;}
li#right_banner02, li#right_banner02 a { height: 60px;}
li#right_banner03, li#right_banner03 a { height: 65px;}

#content_menu { position: absolute; top: 105px; right: 28px;}

#footer { height: 54px; background: url(../images/content_bottom.png) no-repeat bottom left; }
#footer_margin { padding: 20px 28px 0 252px; }
address { 
	background: url(../images/copyright.gif) no-repeat top left;
	height: 12px;
	text-indent: -9999px;
	width: 266px;
}
h1 {
	float: left;
	margin-top: 28px;
	display: block;
}
h1 a {
 display: block;
}

table.normal, table.normal_menu { width: 100%; line-height: 1.4em; }
table.normal th, table.normal_menu th { 
	width: 20%; 
	background: url(../images/dot.gif) repeat-x bottom left;
	text-align: left;
	font-weight: normal;
	padding: 6px 0 8px;
	vertical-align: top;
}
table.normal td, table.normal_menu td {
	width: 80%; 
	background: url(../images/dot.gif) repeat-x bottom left;
	padding: 6px 0 8px;
	vertical-align: top;
}
#green { position: absolute; top: 0; right: -30px;}


/* 03 DOCUMENT STRUCTURE
---------------------------------------------------- */
li , dt , dd{ font-size:95%; line-height:1.4em;}
p { font-size:95%; line-height:1.67em;}

h2 { margin-bottom: 10px;}
h3 { 
	background: url(../images/h3.gif) no-repeat bottom left;
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin: 5px 0 0; 
	padding:0 0 0.2em ;
}
.small { font-size: 0.8em; letter-spacing: 0; font-weight: bold;}
.read { margin-bottom: 20px;}
.ex { margin: 0 0 25px;}
.ticket { background-color: #D6D3B6; padding: 3px 4px 4px;}

/* 04 NAVIGATION
---------------------------------------------------- */	
ul#mainmenu { width: 304px; height: 46px; }

ul#mainmenu li { text-indent: -9999px; float: left; }

ul#mainmenu li a { display: block; height: 46px; }

ul#mainmenu li#mainmenu01 a { background: url(../images/mainmenu_off.gif) no-repeat 0 0; width: 103px; }
ul#mainmenu li#mainmenu02 a { background: url(../images/mainmenu_off.gif) no-repeat -103px 0; width: 103px; }
ul#mainmenu li#mainmenu03 a { background: url(../images/mainmenu_off.gif) no-repeat -206px 0; width: 96px; }

ul#mainmenu li#mainmenu01 a:hover { background: url(../images/mainmenu_on.gif) no-repeat 0 0; width: 103px; }
ul#mainmenu li#mainmenu02 a:hover { background: url(../images/mainmenu_on.gif) no-repeat -103px 0; width: 103px; }
ul#mainmenu li#mainmenu03 a:hover, body#blog ul#mainmenu li#mainmenu03 a { background: url(../images/mainmenu_on.gif) no-repeat -206px 0; width: 96px; }

/* 05 LINKTEXT DECOTAIOTN
---------------------------------------------------- */

a{ color:#517E86; text-decoration:underline; }
a:hover{ color:#66A7B3;  text-decoration:underline;}

.news_menu a{ color:#24211F; text-decoration:none; }
.news_menu a:hover{ color:#24211F;  text-decoration:underline;}


/* 06.EACH
---------------------------------------------------- */

#pagetop { text-align: right; margin-bottom: 0; clear: both; }
#pagetop img { display: inline;}

/* MENU
------------------*/
table.normal_menu th { width: 80%; }
table.normal_menu td { width: 20%; text-align: right; }

.block_left, .block_right  { width: 235px ; margin-bottom: 20px; }
.block_left  { float: left;}
.block_right  { float: right;}
.block_all  { zoom: 100%;}
.block_all:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
} 

.photo_width { margin: 12px 12px 0 0; }


/* ACCESS
------------------*/

#access table.normal { width: 320px; margin-bottom: 20px; }

/* DIARY
------------------*/
.news_menu { margin-bottom:20px; }
.news_menu h3 { margin: 0 0 8px; font-size: 1em;  }
.news_menu ul li { margin-bottom: 4px;}
.news_menu ul li a { margin-bottom: 4px; margin: 0 0 4px; padding: 0;}