@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:top.css
Author:ecco
UpdatedBy:who-when
----------------------------------------------- */

/* --------------
MODULE IMPORT
-------------- */

@import "module/default.css";


/* --------------
Layout
-------------- */

/* definition_#mainImg */
#mainImg ul{
	margin: 0;
	padding: 0;
}

#mainImg ul li{
	padding:0px 17px 0px 0px;
}

#mainImg ul li.start{
	padding:0px 5px 0px 0px;
}


/* definition_#wrapBoxMenu */
#wrapBoxMenu{
	background-color: transparent;
	background-image: url(../images/bg_boxmenu_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #FFF;
	margin: 0 0 40px;
	width: 652px;
}

#wrapBoxMenu .innerBoxL,
#wrapBoxMenu .innerBoxC,
#wrapBoxMenu .innerBoxR
{
	background-position: left 183px;
	background-repeat: no-repeat;
	min-height: 350px;
	width: 208px;
}

/* under IE6 */
* html #wrapBoxMenu .innerBoxL,
* html #wrapBoxMenu .innerBoxC,
* html #wrapBoxMenu .innerBoxR
{
	height: 350px;
}

#wrapBoxMenu .innerBoxL{
	background-image: url(../images/bg_boxmenu_top1.jpg);
	float: left;
	margin: 0 14px 0 0;
}

#wrapBoxMenu .innerBoxC{
	background-image: url(../images/bg_boxmenu_top2.jpg);
	float: left;
}

#wrapBoxMenu .innerBoxR{
	background-image: url(../images/bg_boxmenu_top3.jpg);
	float: right;
}

#wrapBoxMenu .innerBoxL2,
#wrapBoxMenu .innerBoxC2,
#wrapBoxMenu .innerBoxR2
{
	width: 208px;
}

#wrapBoxMenu .innerBoxL2{
	float: left;
	margin: 0 14px 0 0;
}

#wrapBoxMenu .innerBoxC2{
	float: left;
}

#wrapBoxMenu .innerBoxR2{
	float: right;
}

#wrapBoxMenu p{
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0 15px;
}

.indexBnr{
	clear: both;
	padding-left: 3px;}
	
#ir_bg{
	width:646px;
	height:210px;
	padding:120px 0px 0px 0px;
	background:url(../images/ir_bg.jpg) top left no-repeat;
}

#ir_bg li{
	margin:0px 0px 17px 478px;
}

/* definition_#boxBnr */
#boxBnr{
	margin: 0 0 40px;
}

#boxBnr a{
	display: block;
}

/* definition_#boxInfo */
#boxInfo{
	background-image: url(../images/bg_boxinfo.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 auto 40px;
	padding: 0 2px;
	width: 642px;
}

#boxInfo ul{
	margin: 5px 0 0;
	padding: 10px 13px;
}

#boxInfo li{
	margin: 0 0 8px;
}

#boxInfo li span{
	padding: 0 20px 0 0;
}

/* definition_#boxAccess */
#boxAccess{
	background:url(../images/top_access.jpg) top left no-repeat;
	height:376px;
	line-height:1.5;
	margin:0 0 30px 0;
	padding:235px 245px 0 0;
	width:404px;

}

#boxAccess .fR{
	font-size:12px;
	height:145px;
	padding:10px 0 0 0;
	width:190px;
}

#boxAccess .textBox{
	color:#fff;
	float:left;
	font-size:10px;
	width:201px;
}

#boxAccess .textBox .innerBox{
	height:231px;
	padding:114px 10px 0 10px;
	width:181px;
}

#boxAccess .textBox h2{
	margin: 0 0 10px;
}

#boxAccess .textBox address{
	line-height: 1.3;
	margin: 0 0 20px;
}

#boxAccess .dlStyle01{
	margin: 0 0 35px
}

#boxAccess .dlStyle01 dt{
	border-color: #FFF;
	border-style: solid;
	border-width: 0 0 2px;
	margin: 0 0 3px;
}

#boxAccess .dlStyle01 dd.day{
	clear: both;
	float: left;
	height: 2.5em;
	line-height: 1.2;
	text-align: justify;
	text-justify: inter-ideograph;
	width: 81px;
}

#boxAccess .dlStyle01 dd.time{
	float: right;
	line-height: 1.2;
	margin: 0 0 2px;
	padding: 0;
	text-align: right;
	width: 100px;
}

#boxAccess .dlStyle01 dd span.space{
	padding: 0 .57em;
}

#boxAccess .dlStyle01 dd span.final{
	padding: 0 .5em 0 0;
}

#boxAccess .dlStyle02{
	border-color: #FFF;
	border-style: solid;
	border-width: 0 0 2px;
	margin: 0 0 18px;
}

#boxAccess .dlStyle02 dt{
	float: left;
	line-height: 1.2;
	text-align: justify;
	text-justify: inter-ideograph;
	width: 81px;
}

#boxAccess .dlStyle02 dd{
	float: right;
	line-height: 1.2;
	text-align: right;
	padding: 0;
	width: 100px;
}


/* definition_#indexAbout */
#indexAbout{
	width:666px;
	background:url(../images/e_bnr.jpg) top left no-repeat;
	font-size:12px;
}

#indexAbout a{
	background-color: transparent;
	display: block;
	width:626px;
	height:72px;
	padding:42px 10px 0px 10px;
}

#indexAbout a:hover{
	text-decoration: none;
}

#top #wrapContents #mainContents div.boxInfo{
	border-color: #e2001d;
	border-style: solid;
	border-width: 1px;
	clear: both;
	margin: 0 0 10px;
	text-align: center;
	width: 650px;
	position:relative;
}