@charset "shift_jis";
@import url("css/tables.css");
@import url("css/commonstyles.css");
/*
==================================================
スタイルの初期化
==================================================
*/
* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
div, p, h1, h2, h3, h4, h5, h6 {
	_zoom: 1;
	display: block;
	text-align: left;
}
img {
	border: 0;
	max-width: 100%;
}
:focus { outline: 0 }
ins { text-decoration: none }
del { text-decoration: line-through }
/*
==================================================
基本スタイル
==================================================
*/
html {
	margin: 0;
	padding: 0;
}
body {
	background-image: url(img/body_bg.gif);
	background-repeat: repeat;
	color: #646464;
	font-size: 13px;
	line-height: 180%;
	text-align: center;
}
h1, h2, h3, h4, h5, h6, .title, dt {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, .title { /*text-shadow: 0 1px 1px #CCC;_NO__DOTCOMMA__AFTER__*/ }
a { color: #83794D }
a:hover, a:active { color: #F99700 }
a:active, a:focus { outline: 0 }
img { border: 0 }
.clear {
	clear: both;
	font-size: 1px;
}
p {
	margin: 0 auto;
	width: auto;
}
a:hover img {
	background: none !important;
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha(opacity=60);
	opacity: 0.6;
}
/* for modern brouser */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix { display: inline-block }
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/**/
/* リスト
==================================================
*/
#main ul,#main ol{
	margin:auto -3em 1em 0;
	padding:0;
	position:relative;
	left:-3em;
	overflow:hidden;
}
#main li{
	margin-top:0.25em;
	margin-bottom:0.25em;
}
#main ul ul,#main  ul ol,
#main ol ol,#main  ol ul{
	margin-left:1em;
	padding-left:0;
}
#main ul li,#main  ol li{
	margin-left:5em;
}
#main ul li{
	list-style-image:url(img/li.gif);	
}
#main ol li{
    list-style-type: decimal;
}
#main li li{
	margin-left:1em;
}
#main #whatsnew ul,#main #mainmenu ul,#main #sitemaps ul{
	margin:0;
	position:static;
	left:0;
}
#main #whatsnew ul li,#main #sitemaps ul li{
	list-style-image:none;
	margin:0;
}
/*
==================================================
全体
==================================================
*/
#wrapper {
	background-image: url(img/wrapper_bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	text-align: center;
	width: 100%;
}
#wrapper .inner {
	width: 906px;
	margin: 0 auto;
	position: relative;
}
#contents .inner {
	background-image: url(http://reframecollection.org/img/contents_bg.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-bottom: 30px;
}
.txt-img img{
	margin:0 8px 8px 8px;
}
.center {
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
}
.float-l {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #C7C7C7;
	background-color: #E8E8E8;
}
.float-r {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #C7C7C7;
	background-color: #E8E8E8;
}
.float-l img { }
.float-r img { }
.clear, .FloatEnd { clear: both }
/*
#main a:hover,#menu a:hover,#rmenu a:hover {
position:relative;
left:1px;
top:1px;
}*/
#siteNavi {
	font-size: 12px;
	padding: 5px;
}
#searchbox {
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	line-height: 30px;
}
#searchbox input {
	margin-left: 2px;
	margin-right: 2px;
	vertical-align: middle;
}
#searchbox form {
	margin: 0;
	padding: 0;
}
/*
==================================================
ヘッダー
==================================================
*/
#wrapper{
	padding-top:7px;
}
#top {
	position: relative;
	_margin-top: 7px;
	z-index: 1;
	width: auto;
	height:62px;
	padding: 7px 0px 0px 0px;
	background-image: url(img/top_bg.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#top #logo {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	padding: 0 8px;
	line-height: 35px;
	overflow:hidden;
	width: 300px;
	position:relative;
	left: 6px;
	color: #83794D
}
#top #logo a, #top #logo a:hover {
	text-decoration: none;
	color: #83794D;
}
#top #logo img{
	max-height:62px;
}
#header {
	margin: -20px 0 0;
	width: 906px;
}
#header .innerbox {
	background-image: url(img/header.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 345px;
	overflow: hidden;
	text-align: center;
}
#header .title {
	font-size: 35px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 auto;
	padding: 8px;
	position: relative;
	text-align: center;
	text-shadow: -1px -1px 1px #FFFFFF, 0 0 3px #FFFFFF, 0 0 2px #333333;
	top: 140px;
	width: 500px;
	z-index: 20;
}
#header .desc {
	color: #8D8859;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 auto;
	position: relative;
	text-align: center;
	text-shadow: 0 0 10px #FFFFFF, 0 0 5px #FFFFFF, 0 0 3px #FFFFFF, 0 0 1px #FFFFFF;
	top: 140px;
	width: 600px;
}
#headertext { text-align: center }
#header .title a {
	color: #8D8859;
	text-decoration: none;
}
#topimg {
	height: 345px;
	position: absolute;
	right: 0;
}
/*
==================================================
トップメニュー
==================================================
*/
#topmenu {
	position: absolute;
	top: 17px;
	right: 0px;
	z-index: 2;
	margin-left: 0px;
	max-width: 700px;
	height: 25px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
}
#topmenu ul {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	height: 40px;
}
#topmenu ul li {
	display: block;
	float: left;
	width: 120px;
	background-image: url(img/topmenu_line.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
#topmenu ul li:first-child { background: none }
#topmenu ul li a {
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
}
#topmenu ul li a:hover { }
#topmenu ul li.home {
	display: block;
	float: left;
	width: 55px;
	padding-left: 3px;
	padding-right: 0px;
	background: none;
}
#topmenu ul li.home a {
	display: block;
	background-image: url(http://reframecollection.org/img/topmenu_underline.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	text-decoration: none;
}
#topmenu ul li.home a:hover {
	background-image: url(http://reframecollection.org/img/topmenu_underline_hover.png);
	background-repeat: no-repeat;
	color: #C78542;
}
#topmenu ul li.home a span {
	display: block;
	height: 50px;
	background-image: url(http://reframecollection.org/img/topmenu_home_ico.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -99999px;
}
#topmenu ul li.home a:hover span { background-image: url(http://reframecollection.org/img/topmenu_home_ico_hover.png) }
/*
==================================================
メインコンテンツ
==================================================
*/
#main {
	display: inline;
	float: right;
	width: 652px;
	background-color: #FFF;
	margin: 0px 15px 0px 0px;
}
/*
#main h2 {
border-bottom:1px solid #CFCFCF;
background-position:left top;
background-repeat:repeat-y;
color:#61510A;
font-weight:bold;
font-size:20px;
text-shadow:none;
zoom:1;
}
#column1 #main h2 {
background-image:url(img/h2_bg_l.png);
}
#column2 #main h2 {
background-image:url(img/h2_bg_m.png);
}
#column3 #main h2 {
background-image:url(img/h2_bg_s.png);
}
#main h2 span {
display:block;
padding: 12px 15px 4px 35px;
border-top: 1px solid #FEF399;
border-bottom:1px solid #FEF399;
background-image:url(img/h2_mark.png);
background-position:13px center;
background-repeat:no-repeat;
min-height:29px;
height:auto !important;
height:29px;
line-height:1.2;
}
*/
#main h2, #main h3 {
	border-bottom: 1px solid #CFCFCF;
	background-position: left top;
	background-repeat: repeat-y;
	color: #75651E;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2;
	text-shadow: none;
	zoom: 1; /*for IE*/
}
#column1 #main h2, #column1 #main h3 { background-image: url(img/h3_bg_l.png) }
#column2 #main h2, #column2 #main h3 { background-image: url(img/h3_bg_m.png) }
#column3 #main h2, #column3 #main h3 { background-image: url(img/h3_bg_s.png) }
#main h2 span, #main h3 span {
	display: block;
	padding: 10px 15px 4px 35px;
	border-top: 1px solid #FEF399;
	border-bottom: 1px solid #FEF399;
	background-image: url(img/h3_mark.png);
	background-position: 13px center;
	background-repeat: no-repeat;
	min-height: 22px;
	height: auto !important;
	height: 22px;
}
#main h4 {
	color: #7e6d23;
	font-size: 17px;
	line-height: 20px;
	margin: 15px auto 10px;
	padding: 6px 10px 4px 10px;
	border-left: 7px solid #FFEA43;
	border-bottom: 1px solid #CFCFCF;
}
#main h5 {
	background-image: url(img/arrow_right_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #7e6d23;
	font-size: 15px;
	line-height: 140%;
	margin: 10px auto 0;
	padding: 2px 10px 2px 20px;
}
#main h6 {
	color: #8b8464;
	font-size: 15px;
	line-height: 140%;
	margin: 5px auto 0px;
	padding: 2px 10px 2px 0px;
}
#main .text {
	margin: 0 0 20px;
	padding: 10px;
	color: #646464;
}
#text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #space1, #space2 {
	margin: 0 0 20px;
	padding: 10px;
	background-color: #FFFFFF;
	_zoom: 1;
}
/*
==================================================
メニュー
==================================================
*/
#menu {
	display: inline;
	float: left;
	width: 206px;
	margin: 0;
}
#column1 #menu { padding: 5px 0px 10px 0px }
#column1 #menu .menutitle, #column1 #rmenu .menutitle {
	font-size: 14px;
	font-weight: bold;
	padding-left: 25px;
	border-bottom: dotted 2px #EBEBEB;
	background-image: url(img/arrow_right_02.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#column1 #menu ul {
	margin: 0;
	padding: 0;
	background: none;
}
#column1 #menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#column1 #menu .menubox {
	margin: 0;
	padding: 5px 0 20px 0;
	background-image: none;
}
#column1 #menu li { background-image: none }
#column1 #menu li a {
	display: inline;
	margin: 0;
	border: none;
	background-image: none;
	text-decoration: underline;
}
#column1 #menu li a, #column1 #menu li.l2 a, #column1 #menu li.l3 a {
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
}
#column2 #menu .menutitle, #column2 #rmenu .menutitle, #column3 #menu .menutitle, #column3 #rmenu .menutitle {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	background-image: url(img/menu_title.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #75651e;
	font-weight: bold;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	overflow: hidden;
}
.menubox, .menulist {
	margin: 0px 0px 20px 0px;
	padding: 0 0 13px 0;
	background-image: url(img/menu_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.menulist { padding-bottom: 13px }
.menulist ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	background-image: url(img/menu_bg.png);
	background-position: left top;
	background-repeat: repeat-y;
	zoom: 1;
}
.menulist ul li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	background-image: url(img/menu_dotline.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
.menulist ul li:first-child { background: none }
.menulist li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 5px 25px;
	background-image: url(img/arrow_right_01.gif);
	background-position: left 15px;
	background-repeat: no-repeat;
	font-weight: 700;
	font-size: 13px;
	zoom: 1;
}
.menulist .l2 a {
	font-size: 12px;
	margin-left: 25px;
	font-weight: normal;
}
.menulist .l3 a {
	font-size: 12px;
	margin-left: 50px;
	font-weight: normal;
}
.mailmagazine { margin-bottom: 15px }
.bannerbox { margin-bottom: 15px }
.bannerbox ul {
	margin: 0px;
	padding: 0px;
}
.bannerbox li {
	display: block;
	list-style-image: none;
	list-style-type: none;
	margin: 15px 0;
	padding: 0;
	zoom: 1;
}
.bannerbox li a {
	margin: 0;
	padding: 0;
	font-size: 15px;
}
.bannerbox li a img {
	display: block;
	margin: 0;
	padding: 0;
}
#newEntry {
	margin: 0 0 20px 0;
	padding: 0;
	background-image: url(img/menu_bg.png);
	background-position: left top;
	background-repeat: repeat-y;
}
#newEntry .title {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	background-image: url(img/menu_title.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
}
#newEntry ul {
	padding: 0px 15px 5px 15px;
	background-image: url(img/menu_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	zoom: 1;
}
#newEntry li {
	background-image: url(img/menu_dotline.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 10px 0px 10px 0px;
	line-height: 1.4;
}
#newEntry li:first-child { background: none }
#newEntry li .date {
	display: inline;
	float: left;
	margin: 0px 1em 0px 0px;
}
#newEntry li a {
	display: block;
	overflow: auto; /* for modern browser */
	zoom: 1; /* for ie6 */
	text-decoration: underline;
}
#entryarchive {
	position: relative;
	padding: 10px 10px 5px 10px;
	border: 5px solid #B5E54F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
#entryarchive .title { margin-bottom: 10px }
#entryarchive li {
	background-image: url(img/arrow_right_03.gif);
	background-position: left center;
	background-repeat: no-repeat;
	list-style-image: none;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	line-height: 1.4;
}
/*
==================================================
フッター
==================================================
*/
#footer {
	clear: both;
	height: 80px;
	margin: 0px;
	padding: 0px;
	background-image: url(img/footer.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	text-align: center;
}
#footer .inner {
	position: relative;
	width: 906px;
	height: 80px;
	margin: 0px auto 0px auto;
}
#pagetop {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 126px;
	height: 28px;
}
/*
#pagetop a {
	display: block;
	width: 126px;
	height: 28px;
	background-image: url(img/pagetop_button.png);
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
*/
#pagetop a:hover, #pagetop a:active {
	position: relative;
	top: 2px;
	left: 0px;
}
#footlink {
	position: absolute;
	top: 22px;
	left: 250px;
	font-size: 12px;
}
#footlink a {
	border-left-color: #6B5E4B;
	border-left-style: solid;
	border-left-width: 1px;
	font-size: 12px;
	margin: 0;
	padding-left: 10px;
	padding-right: 5px;
	text-decoration: underline;
}
#footlogo {
	position: absolute;
	top: 25px;
	color: #BAAE96;
	text-align: center;
}
#copyright {
	position: absolute;
	bottom: 0px;
	width: 906px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
#footsub {
	position: absolute;
	bottom: 44px;
	width: 906px;
	text-align: center;
}
/* メニュー 1カラムver. */
#column1 #menu4 ul {
	width: 667px;
	margin: 0px auto 0px auto;
}
#column1 #menu4 li { margin-right: 10px }
/* メニュー 2カラムver. */
#column2 #menu4 ul {
	width: 657px;
	margin: 0px -7px 0px 0px;
	overflow: hidden;
	zoom: 1;
}
#column2 #menu4 li { margin-right: 7px }
/* メニュー 3カラムver. */
#column3 #menu4 li {
	width: 135px;
	margin-right: 4px;
}
#column3 #menu4 li img { width: 135px }
/* トップページ */
#main #whatsnew {
	position: relative;
	margin-bottom: 20px;
}
#main #whatsnew .title {
	background-image: url(img/title_grade_bg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#main #whatsnew .title span {
	display: block;
	padding: 14px 10px 14px 30px;
	background-image: url(img/arrow_right_02.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #75651e;
	font-weight: bold;
	font-size: 16px;
}
#main #whatsnew .more2 {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 39px;
	height: 13px;
}
#main #whatsnew li a { text-decoration: underline }
#main #whatsnew ul li {
	padding-bottom: 5px;
	padding-top: 7px;
	border-bottom: 1px dotted #C3C3C3;
}
#main #whatsnew ul li .date {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(img/arrow_right_03.gif);
	background-position: 2px center;
	background-repeat: no-repeat;
	color: #877A3C;
}
/*
==================================================
カテゴリーページ
==================================================
*/
#categorylist {
	position: relative;
	margin: 8px 0px 8px 0px;
	padding: 18px 0px 12px 0px;
	background-color: #FFFFFF;
}
#categorylist .title {
	position: relative;
	padding: 10px 10px 10px 10px;
	background-image: url(img/list_mark.gif);
	background-position: 12px 14px;
	background-repeat: no-repeat;
	text-decoration: underline;
	border-top: 2px solid #FFE202;
	border-right: 2px solid #FFE202;
	border-left: 2px solid #FFE202;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
#categorylist .title a {
	display: block;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding: 0px 0px 6px 25px;
	background-image: url(img/rank_dotline.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 16px;
}
#categorylist .catbox {
	position: relative;
	background-image: url(img/rank_bg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 10px 0px;
	padding: 0px 12px 0px 12px;
	font-size: 13px;
	line-height: 1.6;
	overflow: hidden;
	zoom: 1;
	min-height: 120px;
	border-bottom: 2px solid #FFE202;
	border-right: 2px solid #FFE202;
	border-left: 2px solid #FFE202;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
#categorylist .thumb {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #C7C7C7;
	background-color: #E8E8E8;
}
#categorylist .thumb img {
	border: none;
	vertical-align: bottom;
}
#categorylist .more {
	clear: both;
	text-align: right;
	padding: 6px;
	width: auto;
	height: 25px;
}
#categorylist .body {
	font-size: 12px;
	padding: 6px;
}
#pagelist {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	text-align: center;
}
#pagelist li {
	display: inline;
	list-style-type: none;
}
#pagelist a {
	background-color: #FBE01A;
	color: #FFF;
	display: inline-block;
	padding: 2px 10px;
	text-align: center;
	text-decoration: none;
	width: 20px;
}
#pagelist a:hover {
	background-color: #FEED69;
	color: #FFF;
}
/*
==================================================
エントリーページ
==================================================
*/
#entrylist {
	position: relative;
	margin-bottom: 20px;
}
#entrylist h4 {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(img/title_grade_bg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#entrylist h4 span {
	display: block;
	padding: 14px 10px 14px 30px;
	background-image: url(img/arrow_right_02.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #75651e;
	font-weight: bold;
	font-size: 16px;
}
#entrylist dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#entrylist dt {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.5;
}
#entrylist dt .icon {
	display: block;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(img/list_mark.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #877A3C;
}
#entrylist dd {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 2px;
	border-bottom: 1px dotted #C3C3C3;
	font-size: 12px;
	line-height: 1.6;
}
#entrylist dt.odd, #entrylist dd.odd { }
#pagemenu {
	margin-bottom: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
#pagemenu span a {
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	width: 150px;
}
/*
==================================================
サイトマップページ
==================================================
*/
#sitemaps {
	padding: 0px 12px 12px 12px;
	background-color: #FFFFFF;
	zoom: 1;
}
#sitemaps ul { margin: 0 }
#sitemaps li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 18px;
	background-image: url(img/arrow_right_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	list-style-image: none;
	list-style-type: none;
}
#sitemaps li a { }
#main #sitemaps li.l1 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 8px;
}
#main #sitemaps li.l2 {
	font-size: 12px;
	margin-left: 25px;
}
#main #sitemaps li.l3 {
	font-size: 12px;
	margin-left: 50px;
}
#searchresult {
	position: relative;
	margin-bottom: 20px;
}
#searchresult dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#searchresult dt {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.5;
}
#searchresult dt .icon {
	display: block;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(img/list_mark.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #877A3C;
}
#searchresult dd {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 2px;
	border-bottom: 1px dotted #C3C3C3;
	font-size: 12px;
	line-height: 1.6;
}
#searchresult dt.odd, #searchresult dd.odd { }
/*
==================================================
フリースペース
==================================================
*/
#space3, #space4, #space5, #space6 {
	background-image: url(img/menu_bg.png);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 10px 12px 0 12px;
}
#space1 .title, #space2 .title, #space3 .title, #space4 .title, #space5 .title, #space6 .title { margin: 0px 0px 10px 0px }
/*
==================================================
ブログモード
==================================================
*/
#bloglist {
	margin-bottom: 20px;
	padding: 8px 0px 8px 0px;
	background-color: #FFFFFF;
}
#bloglist .blog {
	position: relative;
	margin: 18px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	font-size: 13px;
	zoom: 1;
	overflow: hidden;
}
#bloglist .thumb {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #CCCCCC;
}
#bloglist .thumb img { margin: 3px }
#bloglist .title {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
}
#bloglist .info {
	margin-bottom: 5px;
	font-weight: bold;
}
#bloglist .body {
	font-size: 12px;
	line-height: 1.3;
	padding: 0px 0px 40px 0px;
	overflow: hidden;
	zoom: 1;
}
#bloglist .body .more {
	clear: both;
	position: absolute;
	bottom: 15px;
	right: 5px;
	width: 107px;
	height: 25px;
}
#bloglist .body .more a { }
#bloglist .body .more a:hover, #bloglist .body .more a:active { }
.sectionline {
	background-image: url(http://reframecollection.org/img/sectionline.png);
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
}
/*
==================================================
記事スタイル
==================================================
*/
/* リセット */
#main .txt-grayback,#main  .txt-colorback,#main .txt-line, #main .txt-frame,#main .txt-colorframe,#main .txt-rndbox,#main .txt-border,#main .txt-decbox1,#main .txt-decbox2{
	margin: 0;
	padding: 0;
	border: none;
}
#main p.img-r,#main p.img-l{
	margin:0;
	padding:0;
}

#main .txt-grayback,#main  .txt-colorback,#main .txt-line, #main .txt-frame,#main .txt-colorframe,#main .txt-rndbox,#main .txt-border{
	margin: 10px 5px 25px 5px;
	padding: 30px;
}
#main .txt-border {
	background-image: url(img/dott.gif);
	line-height: 22px;
	font-size: 13px;
	margin: 10px;
	padding: 0px;
	background-position: 0px 5px;
}
#main .txt-border p {
	line-height: 22px;
	font-size: 13px;
}
#main .txt-line  {
	border: 2px solid #CCCCCC;
	margin:5px 0;
}
#main .txt-yellowback {
	background-color: #FFF9DF;
	border: 2px solid #CC0000;
}
#main .txt-grayback {
	border: 1px solid #ECEAE7;
	background-color: #FAF9F5;
}
#main .txt-colorback {
	border:solid 1px #EBDA61;
	background-color: #FFF;
	padding:0px;
}
#main .txt-colorback .body{
	border:solid 1px #FFF;
	padding:20px 25px;
	background-color:#FAF4D1;
}
#main .txt-frame{
	padding:4px;
	background-color:#E9E9E9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
#main .txt-frame .body{
	padding:20px 25px;
	background-color:#FFF;
	border:solid 1px #D5D5D5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
#main .txt-colorframe{
	background-color: #FBF5C4;
	padding: 10px;
}
#main .txt-colorframe .body{
	background-color: #FFF;
	padding: 10px 20px;
	border: 1px solid #F9EE91;
	-webkit-box-shadow: #F9EE91 1px 2px 1px;
	-moz-box-shadow: #F9EE91 1px 2px 1px;
	box-shadow: #F9EE91 1px 2px 1px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
#main .txt-rndbox{
	padding:3px;
	background-color:#E9E9E9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
#main .txt-rndbox .top,#main .txt-rndbox .bottom{
	display:none;
}
#main .txt-rndbox .body{
	padding:28px 30px;
	background-color:#FFF;
	border:solid 1px #D9D9D9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
/* 記事スタイル(飾り枠1)
==================================================
*/
#main .txt-decbox1,#main .txt-decbox2 {
	background-image: url(img/txt-dec1-bg.jpg);
	background-repeat: repeat;
	padding:30px;
	margin-bottom:25px;
}
#main .txt-decbox1  .top,#main .txt-decbox2  .top{
	padding:10px;
	background-color:#FFF;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
#main .txt-decbox1  .body,#main .txt-decbox2  .body{
	background-color:#FFF;
	padding:10px 20px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
#main .txt-decbox1 .bottom,#main .txt-decbox2 .bottom{
	background-color:#FFF;
	height:20px;
	border-bottom:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
#main .txt-decbox1 h3,#main .txt-decbox1 h2,#main .txt-decbox2 h3,#main .txt-decbox2 h2{
	color:#444;
	width: auto;
	padding: 10px;
	margin-top:10px;
	position: static;
	background-image: none;
	border: none;
	font-size: 22px;
	text-align: center;
	color:#333;
}
#main .txt-decbox1 h3 span,#main .txt-decbox1 h2 span,#main .txt-decbox2 h3 span,#main .txt-decbox2 h2 span{
	color:#444;
	width: auto;
	display:inline;
	position: static;
	background-image: none;
	border: none;
}
/*
==================================================
ポイント
==================================================
*/
.point1, .point2, .point3, .point4, .point5, .point6, .point7, .point8, .point9, .point10, .rank1, .rank2, .rank3, .rank4, .rank5, .rank6, .rank7, .rank8, .rank9, .rank10 {
	border: none;
	padding: 0;
	margin: 0;
}
#main .point1, #main .point2, #main .point3, #main .point4, #main .point5, #main .point6, #main .point7, #main .point8, #main .point9, #main .point10 {
	height: auto;
	clear: both;
	background-position: left top;
	background-repeat: no-repeat;
	color: #75651e;
	font-weight: bold;
	font-size: 18px;
	line-height: 140%;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 33px 0 6px 65px;
}
#main .point1 { background-image: url(img/point1.png) }
#main .point2 { background-image: url(img/point2.png) }
#main .point3 { background-image: url(img/point3.png) }
#main .point4 { background-image: url(img/point4.png) }
#main .point5 { background-image: url(img/point5.png) }
#main .point6 { background-image: url(img/point6.png) }
#main .point7 { background-image: url(img/point7.png) }
#main .point8 { background-image: url(img/point8.png) }
#main .point9 { background-image: url(img/point9.png) }
#main .point10 { background-image: url(img/point10.png) }
/*
==================================================
ランキング
==================================================
*/
#ranking {
	position: relative;
	margin: 8px 0px 8px 0px;
	padding: 18px 0px 12px 0px;
	background-color: #FFFFFF;
}
#main .rank1, #main .rank2, #main .rank3, #main .rank4, #main .rank5, #main .rank6, #main .rank7, #main .rank8, #main .rank9, #main .rank10 {
	padding: 10px 10px 10px 10px;
	background-position: 15px 10px;
	background-repeat: no-repeat;
	text-decoration: underline;
}
#main .rank1, #main .rank2, #main .rank3 {
	display: block;
	line-height: 24px;
	_height: 40px;
	padding: 20px 0 5px 70px;
	background-position: left bottom;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 6px;
}
#main .rank4, #main .rank5, #main .rank6, #main .rank7, #main .rank8, #main .rank9, #main .rank10 {
	_height: 30px;
	line-height: 24px;
	padding: 5px 0 0 35px;
	background-position: left bottom;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 6px;
}
#main .rank1 { background-image: url(img/rank1.png) }
#main .rank2 { background-image: url(img/rank2.png) }
#main .rank3 { background-image: url(img/rank3.png) }
#main .rank4 { background-image: url(img/rank4.png) }
#main .rank5 { background-image: url(img/rank5.png) }
#main .rank6 { background-image: url(img/rank6.png) }
#main .rank7 { background-image: url(img/rank7.png) }
#main .rank8 { background-image: url(img/rank8.png) }
#main .rank9 { background-image: url(img/rank9.png) }
#main .rank10 { background-image: url(img/rank10.png) }
#main .rankbox {
	position: relative;
	background-image: url(img/rank_bg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin: 0px 0px 10px 0px;
	padding: 0px 12px 0px 12px;
	font-size: 13px;
	line-height: 1.6;
	overflow: hidden;
	zoom: 1;
	border-bottom: 2px solid #FFE202;
	border-right: 2px solid #FFE202;
	border-left: 2px solid #FFE202;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
#main .rankbox .float-l, #main .rankbox .float-r {
	padding: 1px 1px 1px 1px;
	border: 1px solid #C7C7C7;
	background-color: #E8E8E8;
}
#main .rankbox .float-l img, #main .rankbox .float-r img {
	border: none;
	vertical-align: bottom;
}
#main .rankbox p { margin: 0px 0px 10px 0px }
#main .rankbox .more {
	clear: both;
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 107px;
	height: 25px;
}
#main .rankbox .more a:hover, #main .rankbox .more a:active { }
#menu .rank1, #menu .rank2, #menu .rank3 {
	background-repeat: no-repeat;
	margin: 15px 0px 0px 5px;
	padding-left: 35px;
	padding-top: 6px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}
#menu .rank1 { background-image: url(img/mini_rank1.png) }
#menu .rank2 { background-image: url(img/mini_rank2.png) }
#menu .rank3 { background-image: url(img/mini_rank3.png) }
#menu .rankbox {
	position: relative;
	margin: 5px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 1.5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(http://reframecollection.org/css/PIE.htc);
}
/*
==================================================
個別レイアウト
==================================================
*/
#column1, #column2, #column3 {
	z-index: 1;
	margin: -20px 0px 0px 0px;
	background-image: url(img/contents_bg_top.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#contents {
	background-image: url(img/contents_bg_bottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 1px 0px 1px 0px;
	zoom: 1;
}
#contents_inner {
	background-image: url(img/contents_bg_middle.png);
	background-position: left top;
	background-repeat: repeat-y;
	margin: 18px 0px 18px 0px;
	padding: 0px 3px 0px 3px;
}
#column1 #layoutbox { padding: 10px 35px }
#column2 #layoutbox { padding: 10px 10px }
#column2 #main { margin: 0 }
#column3 #layoutbox {
	display: inline;
	float: left;
	width: 655px;
}
#column3 #main {
	display: inline;
	float: right;
	width: 430px;
	margin: 0px 0px 0px 0px;
}
#column3 #contents_inner { padding: 15px }
#rmenu {
	display: inline;
	float: right;
	width: 206px;
	margin: 0;
}
#column1 #menu, #column1 #main {
	float: none;
	width: auto;
}

/*
==================================================
スタイル調整用変数
==================================================
*/
#top{
background-image:none;
height:14px;
}
#top #logo{
position:absolute;
top:5px;
}
body{
	background-image: url(img/orange_gradation.gif);
	background-repeat: repeat;

font-size: 18px;
}

#header{ height: 360px; }
#headerbox {height:360px; }
#header h2 ,#header .title {


}

#header h2 a, #header h2 a:visited,#header .title a,#header .title a:visited{}
#headertext {



}

#main{ float: right; }
#column2 #menu,#column3 #menu{ float: left; }
#column3 #rmenu { float: right; }
#column3 #layoutbox { float: left; }
#column3 #main { float: right; }
/*
#wrapper{}
#topmenu{}
#threebox{}
#main{}
#menu{}
#rmenu{}
*/