@charset "UTF-8";

/*----------------------------- 
ヘッダー 
-----------------------------*/
h1
{
	width: 998px;
	margin: 0 auto;
	padding: 0;
	font-size: 70%;
	font-weight: normal;
	color: #717071;
	text-align: right;
}

#header
{
	width: 998px;
	margin: 0 auto;
	overflow: hidden;
	border-top: solid 1px #71b390;
	border-left: solid 1px #71b390;
	border-right: solid 1px #71b390;
	position: relative;
}

#header img
{
	margin: 16px 0 0 50px;
	float: left;
}

#header h2
{
	width: 394px;
	height: 46px;
	text-indent: 406px;
	line-height: 48px;
	background-image: url(../images/base/img_logo02.gif);
	background-repeat: no-repeat;
	margin: 21px 0 0 59px;
	overflow: hidden;
	float: left;
}

#header .font_size li:hover
{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

#header .font_size
{
	width: 61px;
	background-image: url(../images/base/txt_font_size02.gif);
	background-repeat: no-repeat;
	background-position: 29px 22px;
	overflow: hidden;
	text-align: center;
	float: left;
	display: inline;
	margin: 23px 0 0 34px;
	position: relative;
}

#header .font_size img
{
	margin: 0;
	float: none;
}

#header .font_size ul
{
	width: 61px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}

#header .font_size ul li
{
	text-indent: 28px;
	line-height: 25px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	background-repeat: no-repeat;
}

#header .font_size ul li#font_normal
{
	width: 28px;
	height: 12px;
	margin: 10px 7px 0 0;
	background-image: url(../images/base/btn_font_size01.gif);
}

#header .font_size ul li#font_large
{
	width: 23px;
	height: 20px;
	margin: 2px 0 0 0;
	background-image: url(../images/base/btn_font_size02.gif);
}

#header .font_size #font_bar
{
	position: absolute;
	bottom: 0;
	left: 0;
}

/*----------------------------- 
メニュー
-----------------------------*/
#globalnavi
{
	width: 998px;
	height: 65px;
	background-image: url(../images/base/img_menu01.gif);
	background-repeat: no-repeat;
	clear: both;
}

#globalnavi ul
{
	padding: 29px 0 0 47px;
	list-style: none;
	overflow: hidden;
}

#globalnavi ul li
{
	float: left;
	margin: 0 0 0 18px;
}

#globalnavi ul li a
{
	height: 15px;
	line-height: 16px;
	text-indent: 200px;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
}

#globalnavi li.home a
{
	width: 39px;
	background-image: url(../images/base/btn_menu01.gif);
}

#globalnavi li.home a:hover,
#globalnavi li.home a.on
{
	background-image: url(../images/base/btn_menu01_on.gif);
}

#globalnavi li.idea a
{
	width: 32px;
	background-image: url(../images/base/btn_menu02.gif);
}

#globalnavi li.idea a:hover,
#globalnavi li.idea a.on
{
	background-image: url(../images/base/btn_menu02_on.gif);
}

#globalnavi li.house a
{
	width: 64px;
	background-image: url(../images/base/btn_menu03.gif);
}

#globalnavi li.house a:hover,
#globalnavi li.house a.on
{
	background-image: url(../images/base/btn_menu03_on.gif);
}

#globalnavi li.work a
{
	width: 38px;
	background-image: url(../images/base/btn_menu04.gif);
}

#globalnavi li.work a:hover,
#globalnavi li.work a.on
{
	background-image: url(../images/base/btn_menu04_on.gif);
}

#globalnavi li.rest a
{
	width: 89px;
	background-image: url(../images/base/btn_menu05.gif);
}

#globalnavi li.rest a:hover,
#globalnavi li.rest a.on
{
	background-image: url(../images/base/btn_menu05_on.gif);
}

#globalnavi li.oita a
{
	width: 63px;
	background-image: url(../images/base/btn_menu06.gif);
}

#globalnavi li.oita a:hover,
#globalnavi li.oita a.on
{
	background-image: url(../images/base/btn_menu06_on.gif);
}

#globalnavi li.news a
{
	width: 88px;
	background-image: url(../images/base/btn_menu07.gif);
}

#globalnavi li.news a:hover,
#globalnavi li.news a.on
{
	background-image: url(../images/base/btn_menu07_on.gif);
}

#globalnavi li.outline a
{
	width: 50px;
	background-image: url(../images/base/btn_menu08.gif);
}

#globalnavi li.outline a:hover,
#globalnavi li.outline a.on
{
	background-image: url(../images/base/btn_menu08_on.gif);
}

#globalnavi li.general_view a
{
	width: 38px;
	background-image: url(../images/base/btn_menu09.gif);
}

#globalnavi li.general_view a:hover,
#globalnavi li.general_view a.on
{
	background-image: url(../images/base/btn_menu09_on.gif);
}

#globalnavi li.inquiry a
{
	width: 75px;
	background-image: url(../images/base/btn_menu10.gif);
}

#globalnavi li.inquiry a:hover,
#globalnavi li.inquiry a.on
{
	background-image: url(../images/base/btn_menu10_on.gif);
}

#globalnavi li.results a
{
	width: 50px;
	background-image: url(../images/base/btn_menu11.gif);
}

#globalnavi li.results a:hover,
#globalnavi li.results a.on
{
	background-image: url(../images/base/btn_menu11_on.gif);
}

#globalnavi li.link a
{
	width: 48px;
	background-image: url(../images/base/btn_menu12.gif);
}

#globalnavi li.link a:hover,
#globalnavi li.link a.on
{
	background-image: url(../images/base/btn_menu12_on.gif);
}

/*----------------------------- 
内容
-----------------------------*/
#content
{
	width: 998px;
	margin: 0 auto;
	overflow: hidden;
	border-bottom: solid 1px #71b390;
	border-left: solid 1px #71b390;
	border-right: solid 1px #71b390;
}

#content h2
{
	height: 20px;
	overflow: hidden;
	margin: 15px 0 0 50px;
	padding: 0 0 0 22px;
	line-height: 22px;
	background-image: url(../images/base/img_title01.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #878788;
	font-size: 120%;
	font-family: Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}

#content h2 img
{
	margin: 0 0 20px 0;
}

#content h2 span
{
	margin: 0 0 0 20px;
	font-size: 65%;
	font-weight: normal;
}

#content h2 span a
{
	color: #008a50;
}

#content .pagetop
{
	text-align: right;
	margin: 0 96px 4px 0;
}

/*----------------------------- 
サイドバー
-----------------------------*/
#sidebar
{
	width: 228px;
	margin: 0;
	background-image: url(../images/base/img_side_back01.gif);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

#sidebar ul
{
	width: 184px;
	list-style: none;
	padding: 0;
	margin: 18px 0 0 22px;
}

#sidebar ul li
{
	width: 184px;
	margin: 0;
	padding: 0;
	position: relative;
	line-height: 0;
	font-size: 1%;
}

#sidebar ul li a
{
	overflow: hidden;
	display: block;
	position: relative;
	line-height: normal;
}

#sidebar ul li span
{
	background-repeat: no-repeat;
}

#sidebar ul li a.on
{
	height: auto !important;
	overflow: visible;
	background-image: url(../images/base/btn_side_on.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 5px;
}

#sidebar ul li a img
{
	position: absolute;
	top: 0;
	left: 0;
}

#sidebar ul li a:hover img
{
	opacity: 1;
	filter: none;
}

#sidebar .contact
{
	font-size: 70%;
	padding: 0 20px;
	margin: 0 0 0 1em;
	text-indent: -1em;
	position: absolute;
	bottom: 35px;
	left: 0;
}

#sidebar .contact a
{
	text-decoration: none;
	color: #f67200;
}

#sidebar .contact a:hover
{
	text-decoration: underline;
	color: #f67200;
}

/*----------------------------- 
フッター
-----------------------------*/
#footer
{
	width: 998px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#footer ul
{
	margin: 13px 0 0 0;
	font-size: 75%;
	list-style: none;
	float: left;
	position: relative;
	left: 50%;
}

#footer ul li
{
	line-height: 1;
	padding: 0 6px;
	border-right: solid 1px #595757;
	float: left;
	position: relative;
	left: -50%;
}

#footer ul li:first-child
{
	border-left: solid 1px #595757;
}

#footer ul li a
{
	text-decoration: none;
	color: #595757;
}

#footer ul li a:hover,
#footer ul li a.on
{
	color: #f67200;
}

#footer div.copy
{
	width: 998px;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 75%;
	color: #595757;
	clear: both;
}