* {
margin	: 0px;
padding	: 0px;
}

article, aside, dialog, figure, footer,
header, hgroup, nav, section {
display : block;
}

body {
background-color	: #2e2930;
margin						: 0px;
padding						: 0px;
font-family				: sans-serif;
}

.main_base {
width							: 800px;
height						: 565px;
background-color	: #f8fbf8;
position					: absolute;
top								: 50%;
left							: 50%;
margin-top				: -282px;
margin-left				: -400px;
}

.top_pic {
width		: 800px;
height	: 565px;
}

/* 右側メニュー表示 */
.right_bar {
width							: 199px;
height						: 565px;
position					: absolute;
left							: 601px;
}

/* 透過PNG表示用 */
html>body .clear_black_bar {
width							: 160px;
height						: 565px;
padding-left			: 21px;
background-image	: url(../parts/clear_black_bar.png);
background-repeat	: no-repeat;
}

/* 透過PNG表示用(IE対応) */
* html body .clear_black_bar {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../parts/clear_black_bar.png', sizingMethod='scale');
}

.base_bar {
width							: 140px;
height						: 565px;
background-color	: #0d0015;
color							: #f8fbf8;
}

.title {
width								: 140px;
height							: 124px;
background-image		: url(../parts/title.jpg);
background-repeat		: no-repeat;
background-position	: 0px 25px;
display							: block;
padding							: 0px;
}

.title h1 {
display	: none;
}

.info {
width		: 140px;
height	: 70px;
}

.info h3 {
width						: 131px;
height					: 13px;
font-size				: 0.8em;
letter-spacing	: 0.1em;
padding					: 7px 0px 0px 9px;
}

.info_msg {
width							: 130px;
height						: 40px;
overflow					: auto;
padding						: 5px 5px 5px 5px;
font-size					: 0.7em;
line-height				: 1em;
color							: #2b2b2b;
background-color	: #FFFFFF;
}

.now_position {
background-color		: #0d0015;
height							: 9px;
padding							: 5px 0px 9px 14px;
border-bottom				: 1px solid #493759;
color								: #bf783a;
background-image		: url(../parts/arrow_now.jpg);
background-repeat		: no-repeat;
background-position	: 0px 7px;
}

/* インデックス用メニュー表示設定 */
.index_menu {
width		: 140px;
height	: 396px;
}

.index_menu h3 {
width						: 131px;
height					: 13px;
font-size				: 0.8em;
letter-spacing	: 0.1em;
padding					: 7px 0px 0px 9px;
}

.index_menu li {
list-style			: none;
font-size				: 0.8em;
letter-spacing	: 0.2em;
//border-bottom	: 1px solid #393939;
}

.index_menu a {
background-color		: #383c3c;
height							: 9px;
padding							: 5px 0px 9px 14px;
border-bottom				: 1px solid #888084;
color								: #888084;
display							: block;
text-decoration			: none;
background-image		: url(../parts/arrow_link.jpg);
background-repeat		: no-repeat;
background-position	: 0px 7px;
}

.index_menu a:hover {
background-color		: #bf783a;
height							: 9px;
padding							: 5px 0px 9px 14px;
border-bottom				: 1px solid #f08300;
color								: #f8fbf8;
background-image		: url(../parts/arrow_hover.jpg);
background-repeat		: no-repeat;
background-position	: 0px 7px;
}

/* 他画面メニュー表示設定 */
.menu {
width		: 140px;
height	: 466px;
}

.menu h3 {
width						: 131px;
height					: 20px;
font-size				: 1em;
letter-spacing	: 0.1em;
padding					: 0px 0px 0px 9px;
}

.menu li {
list-style			: none;
font-size				: 0.8em;
letter-spacing	: 0.2em;
//border-bottom	: 1px solid #393939;
}

.menu a {
background-color		: #383c3c;
height							: 9px;
padding							: 5px 0px 9px 14px;
border-bottom				: 1px solid #888084;
color								: #888084;
display							: block;
text-decoration			: none;
background-image		: url(../parts/arrow_link.jpg);
background-repeat		: no-repeat;
background-position	: 0px 7px;
}

.menu a:hover {
background-color		: #bf783a;
height							: 9px;
padding							: 5px 0px 9px 14px;
border-bottom				: 1px solid #f08300;
color								: #f8fbf8;
background-image		: url(../parts/arrow_hover.jpg);
background-repeat		: no-repeat;
background-position	: 0px 7px;
}

.left_pic {
width							: 99px;
height						: 565px;
background-image	: url(../parts/left_pic.jpg);
background-repeat	: no-repeat;
float							: left;

}

/* ページ内容 */
.content {
width							: 701px;
height						: 565px;
background-color	: #CCCCCC;
float	 						: left;
}

.content_title {
width							: 687px;
height						: 25px;
background-color	: #0d0015;
color							: #f8fbf8;
padding	 					: 9px 0px 0px 14px;
}

.content_body {
width							: 677px;
height						: 507px;
background-color	: #f8fbf8;
color							: #2b2b2b;
font-size					: 0.9em;
line-height				: 1.4em;
padding						: 24px 0px 0px 24px;
}

.content_body a:link {
color	: #bf783a;
}

.content_body a:visited {
color	: #433d3c;
}

.content_body a:active {
color	: #e6b422;
}

.footer {
height			: 18px;
width				: 800px;
float				: left;
text-align	: center;
font-size		: 0.8em;
color				: #f8fbf8;
padding-top	: 7px;
}