@charset "utf-8";

@import url(style.css);/* import Style Type */
@import url(layout/default.css);/* import Layout Type */

/* ==================================================================
	Layout テーマレイアウト設定
================================================================== */
body {
	color: #333;
	background: #fff
}

#container {
	background: #fff url("images/bg.gif") repeat-x center top;
}

/* ==================================================================
	#header ヘッダ設定
================================================================== */
#header {
	position: relative;
	height: 100px;
	background: #fff url("images/header.gif") no-repeat center top;
	width:800px;
}


#header h1 {
	position: absolute;
	font-family: Meiryo, "メイリオ", Verdana;
	font-size: 85%;
	color:#fff;
	text-indent:-9999px;
}


/* ==================================================================
	#title タイトル設定
================================================================== */
#title {
	width: 100%;
}

#title .wrap {
	margin: 0 auto;
	position: relative;
	width: 800px;
	height: 100px;
	/*background: url("images/title_bg.png") no-repeat center bottom;*/
}

* html #title {
	text-align: center;
}

* html #title .wrap {
	width: 800px;
	position: relative;
}

/* ------------------------------------------------------------------
	#global-nav ナビゲーション設定
------------------------------------------------------------------ */
#global-nav_area {
	width: 100%;
}

#global-nav_area .wrap {
	margin: 0 auto;
	width: 800px;
	height: 40px;
	background: url("images/global-nav.gif") no-repeat left top;
	font-family: Meiryo, "メイリオ";
}

/* @IE6 */
* html #global-nav_area { text-align: center; }
* html #global-nav_area .wrap { width: 800px; }

ul#global-nav {
	position: relative;
	width: 800px;
	height: 40px;
}

ul#global-nav li {
	display: inline;
	float: left;
	width: 133px;
	height: 40px;
}

li#gn-05{
	width:135px;
}

ul#global-nav li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -99999px;
	overflow: hidden;
}

li#gn-00 a        { background: url("images/global-nav.gif") no-repeat left top; }
li#gn-00 a:hover  { background-position: left -40px; }
li#gn-00 a:active { background-position: left -80px; }

li#gn-01 a        { background: url("images/global-nav.gif") no-repeat -133px top; }
li#gn-01 a:hover  { background-position: -133px -40px; }
li#gn-01 a:active { background-position: -133px -80px; }

li#gn-02 a        { background: url("images/global-nav.gif") no-repeat -266px top; }
li#gn-02 a:hover  { background-position: -266px -40px; }
li#gn-02 a:active { background-position: -266px -80px; }

li#gn-03 a        { background: url("images/global-nav.gif") no-repeat -399px top; }
li#gn-03 a:hover  { background-position: -399px -40px; }
li#gn-03 a:active { background-position: -399px -80px; }

li#gn-04 a        { background: url("images/global-nav.gif") no-repeat -532px top; }
li#gn-04 a:hover  { background-position: -532px -40px; }
li#gn-04 a:active { background-position: -532px -80px; }

li#gn-05 a        { background: url("images/global-nav.gif") no-repeat -665px top; }
li#gn-05 a:hover  { background-position: -665px -40px; }
li#gn-05 a:active { background-position: -665px -80px; }

/* ==================================================================
	#content コンテンツ設定
================================================================== */
#content {
	margin-top:20px;
	padding-bottom: 30px;
	width: 100%;
}

#content .wrap {
	margin: 0 auto;
	width: 800px
}

/* @IE6 */
* html #content {
	text-align: center;
}

* html #content .wrap {
	width: 800px;
}

.columnBox {
	margin-bottom: 1em;
	border: 1px solid #ccc;
	background: #fefefe;
	min-height: 240px;
	
	width: 260px;
	
}

.L {
	display: inline;
	float: left;
	width: 550px;
	margin-right: 20px;
}

.R {
	display: inline;
	float: right;
	width:230px;
}

.boxWrap {
	padding: 10px;
}

#quickAccess {
	/*max-height: 255px;*/
}

/*banner1***************************************/

#banner1{
	border: 1px solid #0093E5;
	width:228px;
	padding-bottom:5px;
}

#banner1 ul#rental {
	padding:0px 0px 0px 5px;
}

ul#rental li {
	font-weight:bold;
	padding:0px 10px 0px 25px;
	background: url("images/icon.gif") no-repeat left center;
}

*html #banner1 ul#rental {
	padding:0px 0px 0px 5px;
}

ul#rental li a{
	color:#156D97;
}

ul#rental li a:visited {
	color: #156D97;
}

ul#rental li a:hover {
	color: #008EE4;
}

ul#rental li a:active {
	color: #156D97;
}

#banner1 p#l_bn{
	padding:1px 0px 0px 1px;
}

#banner1 p#l_bn a{
	background: url("../../../images/top/banner1.gif") no-repeat left top;
	width: 226px;
	height: 129px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
}

#banner1 p#texts{
	line-height:13pt;
	padding:5px;
	font-size:12px;
}

/*banner2***************************************/

#banner2{
	border: 1px solid #F2930B;
	width:228px;
	padding-bottom:5px;
	margin-top:15px;
}

#banner2 ul#bs {
	padding:0px 0px 0px 5px;
}

ul#bs li {
	font-weight:bold;
	padding:0px 10px 0px 25px;
	background: url("images/icon2.gif") no-repeat left center;
}

*html #banner2 ul#bs {
	padding:0px 0px 0px 5px;
}

#banner2 p#l_bn2{
	padding:1px 0px 0px 1px;
}

#banner2 p#l_bn2 a{
	background: url("../../../images/top/banner2.gif") no-repeat left top;
	width: 226px;
	height: 56px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
}

#banner2 p#texts2{
	line-height:13pt;
	padding:5px;
	font-size:12px;
}

ul#bs li a{
	color:#AD6B0E;
}

ul#bs li a:visited {
	color: #AD6B0E;
}

ul#bs li a:hover {
	color: #F2930B;
}

ul#bs li a:active {
	color: #AD6B0E;
}

/*banners***************************************/

ul#banners{
	width:230px;
	margin-top:15px;
}

ul#banners li{
	display: inline;
	width: 230px;
}

ul#banners li a {
	display: block;
	width:230px;
	height: 60px;
	text-indent: -99999px;
	overflow: hidden;
}

li#bn2 a{
	background: url("../../../images/top/banner3.gif") no-repeat left top;
	width: 230px;
	height: 60px;
	margin-top:10px;
}

li#bn3 a{
	background: url("../../../images/top/banner4.gif") no-repeat left top;
	width: 230px;
	height: 60px;
	margin-top:10px;
}

ul#banners li.texts{
	line-height:15pt;
	font-size:11px;
}

#Ltop{
	width:550px;
	height:85px;
	margin-bottom:10px;
	background: url("images/left_bar.gif") no-repeat left top;
}

/* ------------------------------------------------------------------
	#topics トピックス設定
------------------------------------------------------------------ */
#topics {
	display: inelin;
	float: left;
	width: 380px;
	border-bottom: 1px solid #ccc;
}

#topics dl dt {
	border-top: 1px solid #ccc;
	display: inline;
	float: left;
	width: 100px;
	color: #999;
	font-family: "Lucida Grande", "Lucida Sans Unicode";
	font-size: 11px;
}

#topics dl dd {
	margin-left: 100px;
	border-top: 1px solid #ccc;
}


/* ==================================================================
	#footer フッタ設定
================================================================== */
#footer {
	width: 100%;
	color: #4E4E4E;
	font-size: 85%;
	background: url("images/footer.gif") repeat-x;
}

#footer .wrap {
	margin: 0 auto;
	padding: 10px;
	width: 800px;
	height: 100%;
}

/* @IE6 */
* html #footer {
	text-align: center;
}

* html #footer .wrap {
	width: 800px;
/*	height: 100%;*/
}

#footer h2 {font-size: 100%;}
#footer h3 {font-size: 100%;font-weight: bold;}

ul#footer-nav {
	margin-bottom: 1em;
	font-family: Meiryo, "メイリオ";
	font-size: 100%;
}
ul#footer-nav > li {
	margin-right: 40px;
	display: inline;
	float: left;
}

/* @IE6 */
* html ul#footer-nav li {
	margin-right: 40px;
	display: inline;
	float: left;
}

* html ul#footer-nav * li {
	margin-right: 0;
	display: block;
	float: none;
}

ul#footer-menu {
	float:right;
	margin-bottom:20px;
}

ul#footer-menu li {
	margin-left: 1em;
	display: inline;
	float: left;
	line-height: 30px;
	font-family: Meiryo, "メイリオ";
	font-size: 11px;
}

li#li1{
	padding-right:30px;
}

#tels {
	text-align:center;
	height:42px;
	width:800px;
	font-size:12px;
	margin-bottom:10px;
}