@charset "UTF-8";


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

*html body{ font-size:x-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:750px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 60px;
}


/* 本文用枠 */
#frame{
	width:750px;
	margin:0;
	padding:0;
}

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

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


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

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

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

#main_text h1,#main_text h2{
	color:#009;
	font-size:18px;
	line-height:18px;
	margin:20px 0 20px 20px;
	padding:0;
}

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

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

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

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

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

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

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

/* アドセンス */
.ads{
	width:270px;
	height:270px;
	margin:5px 0 0 50px;
	padding:0;
}


/*	左メニュー
----------------------------------------------------- */
#menu_left{
	width:190px;
	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;
	width:150px;
	height:245px;
	margin:5px 0 5px 20px;
	padding:4px 0 0 0;
}

#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:2px 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:185px;
	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;
	width:165px;
	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 .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 {
	color:#666666;
	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;
	text-align:center;
	height: 60px;
	width: 730px;
	margin:0 10px;
	position: absolute;
	bottom: 0;
}

#footer p{
	line-height:60px;
	margin:0;
	padding:0;
}


/*以下HTML直書き分を転記*/

button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }

p:first-child { margin-top:0px }

.f-sp { font-size:1px; visibility:hidden }

h3 { font-weight:bold; font-size:14px }

strong { font-size:16px; line-height:20px; }

.privacy { color:#f60; font-size:11px; line-height:14px }

.data { color:#f60; font-weight:bold; font-size:10px; line-height:12px }

.data2 { font-size:10px; line-height:12px }

.style3 { font-size:14px }

.style5 { font-size:13px }