@charset "Shift_JIS";

/* === common ============================================== */
* {
}
body {
	font-size: 12px;
	background: #FFFFFF url(../images/top_bg.jpg) repeat-x left top;
	color: #333333;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

body,h1,h2,h3,h4 {
	margin: 0px;
	padding: 0px;
}

img { border: 0;}

/* === link color ============================================= */
a:link, a:visited {
	text-decoration: underline;
	color: #436399;
}
a:hover {
	text-decoration: underline;
	color: #FF9999;
}

/* === color ================================================== */


/* === font size common ======================================= */
.font10 { font-size: 11px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }

.font10n { font-size: 11px; line-height:1.4;}
.font12n { font-size: 12px; line-height:1.4;}
.font14n { font-size: 14px; line-height:1.4;}

/* === line-height custom ===================================== */
.line-hei15 { line-height:1.5; }
.line-hei16 { line-height:1.6; }


/* === footer ================================================ */
.copyright {
	font-size: 10px;
	font-family: "Arial";
}

/* === popup menu ============================================ */
div.popupmenu {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}

/* === iframe ================================================ */
irame {
	z-index: 1;
}

/* === flash ================================================= */



/* headerArea
-------------------------------------------------------------- */
#headerArea {
	width: 906px;
	height: 98px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#headerArea h1 {
	position: absolute;
	top: 20px;
	left: 7px;
}

#headerArea #headNavi {
	position: absolute;
	top: 3px;
	left: 476px;
	width: 425px;
	margin: 0;
	padding: 0;
}

#headerArea #headBnr {
	position: absolute;
	top: 32px;
	left: 474px;
	margin: 0;
	padding: 0;
}

/* gNaviArea
-------------------------------------------------------------- */
#gNaviArea {
	width: 906px;
	height: 54px;
	margin: 0 auto 7px;
	padding: 0;
	position: relative;
	z-index:1;
}

#gNaviArea ul {
	position: absolute;
	top: 8px;
	left: 0;
	width: 903px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#gNaviArea ul li {
	margin: 0;
	padding: 0;
	float: left;
	height: 38px;
}

#gNaviArea ul li a.menu {
	display: block;
	padding:0;
	margin:0;
	text-decoration: none;
}

.submenu {
	visibility: hidden;
	position: absolute;
	z-index: 3;
}
.submenu a {
	display: block;
	text-align: left;
}

/* サブメニューの半透明処理
--------------------*/
.submenu,
.submenu2 {
	filter: alpha(Opacity=90);
	opacity: 0.9;
}

/* flashArea
-------------------------------------------------------------- */
#flashArea {
	width: 906px;
	height: 248px;
	margin: 0 auto;
	padding: 0;
}

/* gNaviSubArea
-------------------------------------------------------------- */
#gNaviSubArea {
	width: 906px;
	height: 60px;
	margin: 0 auto 9px;
	padding: 0;
	background: url(../images/top_gnavisub_bg.gif) no-repeat left top;
	position: relative;
}

#gNaviSubArea ul {
	list-style: none;
	margin: 0 0 0 103px;
	padding: 9px 0 0 0;
}

#gNaviSubArea ul li {
	float: left;
	width: 225px;
	height: 42px;
	margin: 0 9px 0 0;
	padding: 0;
}

.submenu2 {
	visibility: hidden;
	position: absolute;
	top: 50px;
	left: 104px;
	z-index: 3;
}

.submenu3 {
	visibility: hidden;
	position: absolute;
	top: 50px;
	left: 339px;
	z-index: 3;
}

.submenu4 {
	visibility: hidden;
	position: absolute;
	top: 50px;
	left: 574px;
	z-index: 3;
}
.submenu2 a,
.submenu3 a,
.submenu4 a {
	display: block;
	text-align: left;
}

/* mainArea
-------------------------------------------------------------- */
#mainArea {
	width: 901px;
	background: url(../images/top_main_bg.jpg) no-repeat left top;
	margin: 0 auto 40px;
	padding: 0 5px 0 0;
}

#mainArea #subNavi {
	margin: 0 0 20px 0;
}

#mainArea #newsArea {
	width: 500px;
	margin: 0 0 30px 0;
	padding: 0 0 0 40px;
}

#mainArea #newsArea h2 {
	margin-bottom: 10px;
}

#mainArea #newsArea iframe {
	width: 500px;
	height: 265px;
	overflow: auto;
}

#mainArea #infoArea {
	width: 500px;
	margin: 0;
	padding: 0 0 0 40px;
}

#mainArea #infoArea h2 {
	margin-bottom: 5px;
}

#mainArea #infoArea table.infoTb {
	width: 500px;
	margin: 0;
	padding: 0;
	border-bottom: 1px #999999 solid;
}

#mainArea #infoArea table.infoTb td {
	padding: 12px;
	background: url(../images/top_line_dot01.gif) no-repeat left top;
	font-size: 14px;
}

#mainArea #infoArea table.infoTb td.fast {
	background: none;
}

#mainArea #infoArea table.infoTb td a {
	background: url(../images/top_link_icon01.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
	color: #333333;
	text-decoration: none;
}

#mainArea #infoArea table.infoTb td a:hover {
	text-decoration: underline;
	color: #FF9999;
}

#mainArea #pickupArea {
	width: 290px;
	margin: 0;
	padding: 0;
}

#mainArea #pickupArea h2 {
	margin: 0;
	padding: 0;
}

#mainArea #pickupArea #pickupBox {
	border: 1px #FD8270 solid;
	border-top: none;
	width: 288px;
	margin: 0;
	padding: 8px 0 2px;
}

#mainArea #pickupArea #pickupBox p {
	width: 272px;
	margin: 0 auto 7px;
	padding: 0;
}

/* footNavi
-------------------------------------------------------------- */
#footNavi {
	width: 100%;
	background-color: #FFF3F2;
	text-align: center;
	margin: 0;
	padding: 0;
}

#footerArea {
	width: 100%;
	background-color: #FEE9E6;
	margin: 0;
	padding: 10px 0;
}

#footerArea .inner {
	width: 901px;
	margin: 0 auto;
	padding: 0 5px 0 0;
}

#footerArea img.mgL {
	margin-left: 10px;
}

#footerArea img.mgR {
	margin-right: 10px;
}

#footerArea .txtC {
	color: #8C1E5D;
}

#footerArea #copyright {
	font-size: 12px;
	margin: 15px 0 0 0;
}



/* === print ================================================= */
@media print {
	body {
		background-color: #FFFFFF;
		background-image: none;
		color: #333333;
	}
	.noprint { visibility: hidden; }
}