/* Basic Structure */


body,
html{
	margin:0;
	padding:0;
	height: 100%;
}

body {
	background: #291208;
	color: #593614;
	min-width: 780px;
	min-height: 600px;
	margin: 0 auto;
}

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

p {
	font-family: "¥30D2¥30E9¥30AE¥30CE¥660E¥671D¥20¥50¥72¥6F¥20¥57¥33","¥5E73¥6210¥660E¥671D","¥FF2D¥FF33¥20¥660E¥671D";
	font-size:1em;
	line-height:1.8em;
	color:#593614;
}

a { text-decoration: underline; color: #593614; }
a:hover,
a:active { text-decoration: none; color: #593614; }

.spacer { clear: both; font-size: 10px; line-height: 10px; }


div#middlewrap {
/* set left margin and padding for IE5/Win */
	padding: 0;
	margin: 0;
/* set left margin and bottom padding for others */
	voice-family: "¥"}¥""; 
	voice-family:inherit;
}


/* set left margin for modern browsers */
body>div#middlewrap {
	margin-left: 0;
}

div#middle {
	width: 100%x;
	margin: 0;
}

div#middle #idx { width: 227px; margin: 0 auto; position: relative; top: 128px; text-align: center; }
div#middle #idx #htm { height: 44px; width: 113px; float: left; background: url(../../images/index/l.gif) no-repeat; }
div#middle #idx #fla { height: 44px; width: 113px; float: left; background: url(../../images/index/r.gif) no-repeat; }
div#middle #idx #cpr { position: relative; top: 28px; }

div#middle #home { height: 522px; width: 780px; background: #291208 url(../images/h_bg.jpg) no-repeat; margin: 0 auto; }
div#middle #home #box { height: 90px; width: 242px; margin: 0 auto; position: relative; left: 336px; top: 324px; float: left; }

div#middle #concept01 { height: 522px; width: 940px; background: #291208 url(../images/c01_bg.gif) no-repeat; margin: 0 auto; }
div#middle #concept01 #box { height: 186px; width: 274px; margin: 0 auto; position: relative; left: 536px; top: 190px; float: left; }

div#middle #concept02 { height: 522px; width: 940px; background: #291208 url(../images/c02_bg.jpg) no-repeat; margin: 0 auto; }
div#middle #concept02 #box { height: 172px; width: 232px; margin: 0 auto; position: relative; left: 168px; top: 78px; float: left; }
div#middle #concept02 #box #navig { position: relative; left: 128px; top: 12px; }

div#middle #menu01 { height: 522px; width: 940px; background: #291208 url(../images/m01_bg.jpg) no-repeat; margin: 0 auto; }
div#middle #menu01 #box { height: 186px; width: 274px; margin: 0 auto; position: relative; left: 156px; top: 158px; float: left; }
div#middle #menu01 #menutab { height: 20px; width: 416px; margin: 0 auto; position: relative; left: 112px; top: 162px; float: left; }
div#middle #menu01 #menuframe { height: 278px; width: 416px; margin: 0 auto; position: relative; float: left; border: solid 1px #c96; }

div#middle #menu02 { height: 522px; width: 940px; background: #291208 url(../images/m02_bg.jpg) no-repeat; margin: 0 auto; }
div#middle #menu02 #menutab { height: 40px; width: 538px; margin: 0; position: relative; left: 224px; top: 152px; float: left;}
div#middle #menu02 #menuframe { height: 248px; width: 538px; margin: 0 auto; position: relative; float: left; border: solid 1px #c96; }

div#middle #menu03 { height: 522px; width: 940px; background: #291208 url(../images/m03_bg.jpg) no-repeat; margin: 0 auto; }
div#middle #menu03 #menutab { height: 40px; width: 576px; margin: 0; position: relative; left: 224px; top: 152px; float: left;}
div#middle #menu03 #menuframe { height: 248px; width: 538px; margin: 0 auto; position: relative; float: left; border: solid 1px #c96; }

div#middle #menu04 { height: 522px; width: 940px; background: #291208 url(../images/m04_bg.jpg) no-repeat; margin: 0 auto; }
div#middle #menu04 #box { height: 186px; width: 274px; margin: 0 auto; position: relative; left: 156px; top: 158px; float: left; }
div#middle #menu04 #menutab { height: 20px; width: 576px; margin: 0; position: relative; left: 22px; top: 162px; float: left;}
div#middle #menu04 #menuframe { height: 278px; width: 506px; margin: 0 auto; position: relative; float: left; border: solid 1px #c96; }

div#middle #space { height: 522px; width: 940px; background: #291208 url(../images/sp_bg.jpg) no-repeat; margin: 0 auto; }
div#middle #space #box { height: 172px; width: 232px; margin: 0 auto; position: relative; left: 158px; top: 152px; float: left; }
div#middle #space #thumbs { height: 120px; width: 240px; margin: 0 auto; position: relative; left: -90px; top: 367px; float: left; }
div#middle #space #sp { height: 338px; width: 425px; margin: 0 auto; position: relative; left: -84px; top: 145px; float: left; }

div#middle #access { height: 522px; width: 940px; background: #291208 url(../images/ac_bg.jpg) no-repeat; margin: 0 auto; }
div#middle #access #links { height: 28px; width: 274px; margin: 0 auto; position: relative; left: 0; top: 10px; float: left }
div#middle #access #info { height: 212px; width: 260px; margin: 0; position: relative; left: 160px; top: 222px; float: left;}

div#middle #contact { height: 522px; width: 940px; background: #291208 url(../images/co_bg.jpg) no-repeat; margin: 0 auto; }
div#middle #contact #box { height: 186px; width: 274px; margin: 0 auto; position: relative; left: 184px; top: 186px; float: left; }


#htm a {
	display: block;
	text-decoration: none;
}

#htm a:hover,
#htm a:active { background: url(../../images/index/l_on.gif) no-repeat; }

#fla a {
	display: block;
	text-decoration: none;
}

#fla a:hover,
#fla a:active { background: url(../../images/index/r_on.gif) no-repeat; }


#thumbs a {
	float: left;
	display: block;
	width: 78px;
	padding: 0;
	text-decoration: none;
}

#thumbs a:hover,
#thumbs a:active { background: url(../../images/space/bg_on.gif) no-repeat; }

#navig {
	float: left;
	width: 104px;
	background: url(../../images/concept/next_bg.gif) no-repeat;
	padding: 0 8px 0 0;
	margin: 0;
}


#navig a {
	display: block;
	text-decoration: none;
}

#navig a:hover,
#navig a:active { background: url(../../images/concept/next_bg_mo.gif) no-repeat; }

#mp {
	float: left;
	width: 100px;
	background: url(../../images/access/mapb.gif) no-repeat;
	padding: 0;
	margin: 0;
}


#mp a {
	display: block;
	text-decoration: none;
}

#mp a:hover,
#mp a:active { background: url(../../images/access/mapb_on.gif) no-repeat; }



/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
	margin: 0 auto;
	width:670px;
}

body>div#footerwrap {
	margin: 0 auto;
	width:670px;
	height: 104px;
}

div#footerwrap #copyright { text-align: right; clear: left; }

#b_corner {
	width: 964px;
	height:56px;
	padding: 0;
	margin: 0;
}


/* Styling rules to make this demo page look nice. */
body,
html{
	font-family:Arial, Helvetica, Verdana, san-serif;
	font-size:0.9em;
	line-height:1.8em;
	color:#593614;
}

.s2 {
	margin: 0;
	padding: 0;
	font-size:0.8em;
	line-height:1.3em;
}

.s3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height:1.6em;
}

#menu {
	float: left;
	width: 670px;
	background: url(../images/m_bg.gif) no-repeat;
	padding: 0 0 0 35px;
	margin: 0;
}


#menu a {
	float: left;
	display: block;
	width: 100px;
	padding: 0;
	text-decoration: none;
}

#menu a:hover,
#menu a:active { background: url(../images/m_bg_mo.gif) no-repeat; }

#menu a.current,
#menu a.current:hover,
#menu a.current:active { background: url(../images/m_bg_c.gif) no-repeat; }

#menutab {
	float: left;
	width: 420px;
	padding: 0;
	margin: 0;
}


#menutab a {
	float: left;
	display: block;
	width: 98px;
	height: 20px;
	padding: 0 4px 0 0;
	text-decoration: none;
	background: url(../../images/menu/tab_bg.gif) no-repeat;
}

#menutab a:hover,
#menutab a:active { background: url(../../images/menu/tab_bg.gif) no-repeat; background-position: 0 -20px; }

#menutab a.current,
#menutab a.current:hover,
#menutab a.current:active { background: url(../../images/menu/tab_bg.gif) no-repeat; background-position: 0 -20px; }


.romantitle {
	font-family: "¥30D2¥30E9¥30AE¥30CE¥660E¥671D¥20¥50¥72¥6F¥20¥57¥33","¥5E73¥6210¥660E¥671D","¥FF2D¥FF33¥20¥660E¥671D";
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.8em;
}

.romantitle2 {
	font-family: "¥30D2¥30E9¥30AE¥30CE¥660E¥671D¥20¥50¥72¥6F¥20¥57¥33","¥5E73¥6210¥660E¥671D","¥FF2D¥FF33¥20¥660E¥671D";
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
}

.datecaption {
	color:#999;
	margin: 0;
	padding: 0;
	font-size:0.8em;
	line-height:1.3em;
}

#pubyomi a {
	float: right;
	display: block;
	width: 268px;
	padding: 0;
	background: url(../../images/pub/yomiuri_bg.gif) no-repeat;
}

#pubyomi  a:hover,
#pubyomi  a:active { background: url(../../images/pub/yomiuri_bg.gif) no-repeat  0 -46px;}

#pubasahi a {
	float: left;
	display: block;
	width: 268px;
	padding: 0;
	background: url(../../images/pub/asahi_bg.gif) no-repeat;
}

#pubasahi  a:hover,
#pubasahi  a:active { background: url(../../images/pub/asahi_bg.gif) no-repeat  0 -46px;}

#pub { width: 538; padding: 20px }