@charset "UTF-8";

/*	共通
----------------------------------------------------- */
html, body {
	font-size:medium;
	background:#fff url(../Resources/bg.gif) repeat-y top center;
	height:100%;
	margin:0;
	padding:0;
	text-align: center;
}

* html body{ font-size:small;}

a { color:#000099; text-decoration: none; }
a:hover  { text-decoration: underline; color:#FF6600; }

img { border:none; }


/*	フッター固定用のための枠
----------------------------------------------------- */
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
}

#screen {
	width:731px;
	text-align: left;
	margin: 0 auto;
	padding:0;
	padding-bottom: 110px;
}


/*	ヘッダー
----------------------------------------------------- */
#pagetop{
	color:#ffffff;
	background:#f90;
	height:20px;
	margin:0;
	padding:0;
}

#pagetop p{
	font-size:12px;
	line-height:20px;
	margin:0;
	padding:0 0 0 10px;
}


/*	本文用全体枠
----------------------------------------------------- */
#frame{
	width:730px;
	margin:0;
	padding:0;
}

/* float解除用 */
.cl {
	display: inline-block;
}
.cl:after {
	content: "";
	display: block;
	clear: both;
}


/*	本文と左メニュー用枠
----------------------------------------------------- */
#pagebody{
	width:555px;
	margin:0;
	padding:0;
	float:left;
}

#pagebody p.visual{
	border-bottom:1px solid #f60;
	height:360px;
	margin:0;
	padding:0;
}


/*	本文
----------------------------------------------------- */
#main_text{
	width:370px;
	margin:0;
	padding:0;
	float:right;
}

#main_text h2{
	color:#009;
	font-size:18px;
	line-height:18px;
	margin:10px 0 15px 20px;
	padding:0;
	position:relative;
	top:-18px;
	left:0;
	z-index:1;
}

.title{
	width:280px;
	margin:0;
	padding:0;
	position:relative;
	top:26px;
	left:-15px;
	z-index:0;
}

#main_text h3{
	font-size:16px;
	line-height:18px;
	margin:1px 1px 1px 20px;
	padding:0;
}

#main_text p{
	font-size:14px;
	line-height:19px;
	margin:10px 20px 25px 20px;
	padding:0;
}

.nextprev {
	font-size:10px;
	line-height:16px;
	margin:30px 0 0 0;
	padding:0;
}

#main_text .notes{
	color:#333333;
	font-size:10px;
	line-height:15px;
	border:1px solid #ffa566;
	margin:30px 5px 10px 5px;
	padding:7px 15px;
}

#main_text .reading{
	color:#ffa566;
	line-height:20px;
}

.top{
	color:#ffa566;
	font-size:10px;
	text-align:right;
	margin:10px 10px 0 0; 
}
.top a{ color:#ffa566; }


/*	左メニュー
----------------------------------------------------- */
#menu_left{
	width:185px;
	margin:0;
	padding:0;
	float:left;
}

#menu_left a { color:#000099 ;}
#menu_left a:hover { text-decoration: underline; color:#FF6600; }

#menu_left h2{
	color:#f60;
	font-size:13px;
	letter-spacing:1px;
	margin:10px 0 0 20px;
}

#menu_left ul.contents{
	background:url(../Resources/global.jpg) no-repeat left -3px;
	width:150px;
	height:245px;
	margin:0 0 5px 20px;
	padding:4px 0 0 0;
}

* html #menu_left ul.contents{ height:240px; }

#menu_left ul.contents li{
	list-style:none;
	font:bold 10px/15px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	width:140px;
	height:15px;
	margin:0 5px 12px 5px;
	padding:0;
}

#menu_left ul.contents li a{
	color:#FFFFFF;
	display:block;
	width:140px;
	height:15px;
}

#menu_left ul.contents li a:hover{ color:#000099; }

#menu_left ul .selection{
	margin:0 0 20px 10px;
	padding:0;
}

#menu_left .selection li{
	font-size:11px;
	margin:0 5px 4px 5px;
	padding:0;
}

#menu_left p{
	font-size:11px;
	margin:0 0 10px 30px;
	padding:0;
}

#menu_left p.pict{ margin:15px 0 5px 20px;}


/*	右メニュー
----------------------------------------------------- */
#right_menu{
	width:175px;
	margin:0;
	padding:0;
	float:right;
}

#right_menu a { color:#000000 }
#right_menu a:hover  { text-decoration: underline; color:#000099 }

#right_menu h2 {
	color:#fff;
	font-size:11px;
	line-height:13px;
	background-color:#f60;
	margin:7px 0 3px 0;
	padding:4px 0 4px 9px;
}

#right_menu p {
	font-size:10px;
	line-height:16px;
	margin:5px 9px;
	padding:0;
}

#right_menu p.line{
	margin:0;
	padding:0;
}

#right_menu .category {
	color:#f60;
	font-weight:bold;
	margin:5px 0 5px 9px;
	padding:0;
}

#right_menu .category a { color:#FF6600 }
#right_menu .category a:hover  { text-decoration: underline; color:#000099 }

#right_menu .search {
	line-height:15px;
	margin:5px 0 5px 18px;
	padding:0;
}

#right_menu .search a  { color:#000000  }
#right_menu .search a:hover  { text-decoration: underline; color:#FF6600 }


/*	フッター
----------------------------------------------------- */
#footer{
	clear:both;
	background:#fff;
	border-top:1px solid #FF6600;
	height: 110px;
	width:730px;
	margin:0;
	padding:0;
	position: absolute;
	bottom: 0;
}

#footer p{
	font-size:12px;
	text-align:center;
	background:#fff;
	margin:0;
	padding:10px 0 0 0;
}


/* index2 */
#main_text h2.epamp{
	color:#FF6600;
	font-size:18px;
	line-height:1.4em;
	margin:10px 0 15px 20px;
	padding:0;
	position:relative;
	top:0;
	left:0;
}

#main_text .pamphlet{
	color:#de030d;
	font-weight:bold;
	font-size:16px;
	margin:20px 0 0 20px;
}

#main_text .pamp{ text-align:center; }

#main_text p.merit{
	clear:both;
	color:#de030d;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.6em;
}

#main_text .line{ text-decoration:underline; }

#main_text .flow{
	color:#de030d;
	font-size:16px;
	line-height:1.6em;
	font-weight:bold;
}

#main_text .tel {
	color:#de030d;
	font:bold 1.8em/2em Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
}