@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 File name :          top.css
 Summary :            module styles
 Created :            2010-05-29
 Last Update :        2010-05-29
===================================================================*/
/*===================================================================
------------------
Table Of Contents
------------------
 00) #topPage
 01) .information
 02) .bnrArea
 03) .topArea
 04) .leftArea
 05) .centerArea
 06) .rightArea
 
 99) Clearfix
===================================================================*/
/*-------------------------------------------------------------------
 00) #topPage
-------------------------------------------------------------------*/
#topPage {
	width: 880px;
	margin: 0 auto;
	text-align: left;
}

/*-------------------------------------------------------------------
 01) .information
-------------------------------------------------------------------*/
.information {
	position: relative;
	width: 880px;
	padding-bottom: 10px;
	background: #ffffff url(../../images/top/bg_information_head.gif) left top no-repeat;
}

.information h2 {
	float: left;
	margin-right: 15px;
	padding: 5px 0 0 15px;
	
}

.information p {
	float: left;
	width: 570px;
	padding-top: 15px;
	color: #48484a;
}

.information .newsList {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.informationFoot {
	height: 6px;
	margin-bottom: 15px;
	background: #ffffff url(../../images/top/bg_information_foot.gif) left bottom no-repeat;
}


/*-------------------------------------------------------------------
 02) .bnrArea
-------------------------------------------------------------------*/
.bnrArea { margin: 0 -11px 15px 0;}

.bnrArea li {
	float: left;
	margin-right: 11px;
}


/*-------------------------------------------------------------------
 03) .topArea
-------------------------------------------------------------------*/
.topArea {
	padding: 25px 30px 0;
	background: #ffffff url(../../images/top/bg_toparea_head.gif) left top no-repeat;
}


.topArea h2 { margin-bottom: 12px;}
.topArea h3 { margin-bottom: 10px;}

.topAreaFoot {
	height: 20px;
	margin-bottom: 20px;
	background: #ffffff url(../../images/top/bg_toparea_foot.gif) left top no-repeat;
}

.topArea .section { margin-bottom: 30px;}


/*-------------------------------------------------------------------
 04) .leftArea
-------------------------------------------------------------------*/
.leftArea {
	float: left;
	width: 230px;
	margin-right: 50px;
}

dl.qr {
	margin-bottom: 13px;
	width: 230px;
}

dl.qr dt {
	float: left;
	width: 83px;
}

dl.qr dd {
	float: right;
	width: 138px;
	padding-top: 23px;
}

.toho {	background: #e9e9e9 url(../../images/top/bg_toho.gif) left bottom no-repeat;}

.toho h3 { margin-bottom: 0;}

.toho ul { padding: 0 0 5px 10px;}

.toho ul li { margin-bottom: 5px;}


/*Selects*/
.selectArea {
	position: relative;
	width: 200px;
	height: 33px;
	margin-bottom: 10px;
	background: url(../../images/form/select_bg.gif) repeat-x left top;
}

.selectArea .left {
	width: 11px;
	height: 33px;
	float: left;
	background: url(../../images/form/select_left.gif) no-repeat left top;
}

.selectArea .right {
	width: 29px;
	height: 33px;
	float: right;
	background: url(../../images/form/select_right.gif) no-repeat left top;
}

.selectArea .right a {
	display: block;
	height: 33px;
	margin-left: -190px;
	width: 170px;
	position: absolute;
}

.selectArea .right i { display: none;}

.selectArea .center {
	width: 170px;
	position: absolute;
	top: 10px;
	left: 14px;
	white-space: nowrap;
}


/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position: absolute;
	background: transparent url(../../images/form/search_box_foot.gif) left bottom no-repeat;
	padding: 0 14px 10px;
	width: 202px;
	_width: 230px !important;
	margin: 8px 0 10px 0;
	z-index: 200;
	text-align: left;
}

.optionsDivInvisible { display: none;}

.optionsDivVisible { display: block;}

.optionsDivVisible p {
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px dotted #0b98e8;
}

.optionsDivVisible a {
	text-decoration: none;
	display: block;
	width: 200px;
	color: #5a5b5e;
}

.optionsDivVisible a:hover {
	background: #d9f2f1;
}














.searchShop,
.searchShop2 {
	padding-top: 8px;
	background: transparent url(../../images/top/search_box_head.gif) left top no-repeat;
}

.searchShop ul,
.searchShop2 ul { background: transparent url(../../images/top/search_box_bg.gif) left top repeat-y;}

.searchShop ul li,
.searchShop2 ul li {
	padding: 2px 3px;
	border-bottom: 1px dotted #0b98e8;
}

.searchShop ul li#select1,
.searchShop2 ul li#select2,
.searchShop2 ul li#select3 {
	background: transparent url(../../images/icon/icon_arrow_03.gif) 200px center no-repeat;
	border: none;
}

.searchShop ul li#select1 a:hover,
.searchShop2 ul li#select2 a:hover,
.searchShop2 ul li#select3 a:hover { background: none;}


.searchShop ul li span,
.searchShop2 ul li span {
	padding: 0 10px;
	display: block;
}

.searchShop ul li a,
.searchShop2 ul li a {
	display: block;
	color: #5a5b5e;
}

.searchShop2 ul li a:hover,
.searchShop ul li a:hover { background: #d9f2f1;}

.searchShopFoot {
	height: 6px;
	margin-bottom: 5px;
	background: transparent url(../../images/top/search_box_foot.gif) left top no-repeat;
}


/*-------------------------------------------------------------------
 05) .centerArea
-------------------------------------------------------------------*/
.centerArea {
	float: left;
	width: 310px;
	margin-right: 40px;
}

* html .centerArea { margin-right: 0;}

.latestArea {
	position: relative;
	width: 310px;
	height: 370px;
	margin-bottom: 10px;
	overflow-y: auto;
}

.article { margin-bottom: 20px;}

.article .date { margin-bottom: 3px;}

.article dl { width: 287px;}

.article dt {
	float: left;
	width: 55px;
}

.article dd {
	float: right;
	width: 220px;
}

.article dd p { margin-bottom: 0.5em;}

.article dd p a {
	display: block;
	padding-left: 15px;
	background: transparent url(../../images/icon/icon_arrow_01.gif) left top no-repeat;
}

.article dd p.open {
	font-weight: bold;
	color: #0b98e8;
}


/*-------------------------------------------------------------------
 06) .rightArea
-------------------------------------------------------------------*/
.rightArea {
	float: right;
	width: 190px;
}

.rightArea li { margin-bottom: 10px;}


/*-------------------------------------------------------------------
 99) Clearfix
-------------------------------------------------------------------*/
.clearfix:after,
.bnrArea:after,
.topArea:after,
dl.qr:after,
.article dl:after,
.information:after,
.selectArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.bnrArea,
.topArea,
dl.qr,
.article dl,
.information,
.selectArea { display: inline-block;}