/* --------------------------------------
- this css contains flowings
	- image slide, index.html
	- layout
	- side menu
		- catches
		- fc
		- trip area
		- recent modification
----------------------------------------- */

/* ======================================
		image slide, index.html
========================================= */

#image_slide{
	width: 640px;
	height: 200px;
	overflow: hidden;
	border: solid 1px #ccc;
}
#image_slide ul{
	width: 1920px;
	margin: 0;
	padding: 0;
}

#image_slide ul:after{
	content: "";
	font-size: 0;
	line-height: 0;
	display: block;
	clear: both;
}
#image_slide ul li{
	float: left;
	background: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}


/* ======================================
		layout
========================================= */

.col{
	width: 308px;
	float: left;
	margin-right: 20px;
}
.left p,
.right p{
	margin-right: 15px;
}

/* ======================================
		ticker, notice
====================================== === */

#ticker{
	font-size: 0.8em;
	font-family: sans-serif;
	width: 620px;
	background: #f3f3f3;
	margin-top: 10px;
	border: solid 1px #ccc;
	padding: 3px 10px;
}
#ticker span.title{
	display: table-cell;
	width: 170px;
	font-weight: bold;
	background: url(../../images/bg_separator.png) no-repeat right center;
}
*:first-child+html #ticker span.title{ display: inline; zoom: 1}
* html #ticker span.title{ display: inline; zoom: 1}
#ticker .message{
	display: table-cell;
	padding-left: 10px;
}
#ticker .message a{
	font-weight: bold;
}

#notices{
	padding-top: 13px;
}
#notices:after{
	content: "";
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
}
#notices .ex{
	display: table-cell;
}
*:first-child+html #notices .ex{ display: inline;}
* html #notices .ex{ display: inline;}
#notices .ev{
	background: url(../images/bg_liner.png) no-repeat 33px center;
	display: table-cell;
	padding-left: 66px;
}
*:first-child+html #notices .ev{ display: inline;}
* html #notices .ev{ display: inline;}

/* ======================================
		side menu
========================================= */

/* catches */
#catches{
	list-style-type: none;
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-size: 0.8em;
}
#catches li{
	overflow: hidden;
}
#catch li a span{
	background-color: #ff6;
	border: solid 1px #aa0;
	padding: 1px;
}
#ca_inq{
	height: 41px;
	background: url(../../images/catch_inq.png) no-repeat center top;
	margin: 0 0 10px;
}
#ca_inq a{
	display: block;
	height: 41px;
	padding-top: 41px;
}
#ca_vicio{
	height: 41px;
	background: url(../../images/catch_vicious.png) no-repeat center top;
}
#ca_vicio a{
	display: block;
	height: 41px;
	padding-top: 41px;
}
#ca_calc{
	height: 60px;
	background: url(../../images/catch_calc.png) no-repeat center top;
}
#ca_calc a{
	display: block;
	height: 60px;
	padding-top: 60px;
}

/* fc */
#fc{
	margin-bottom: 25px;
	font-size: 80%;
	line-height: 0.8;
}
#fc div{
	margin: 5px 0;
}

/* trip area */
#trip_area{
	font-size: 0.8em;
	line-height: 1.3;
}
#trip_area p{
	text-align: left;
}
#trip_area .title{
	font-weight: bold;
}

/* recent modification */
#recent_modification{
	background: url(../../images/box_middle.png) repeat-y center top;
	margin: 20px 0;
}
#recent_modification p{
	font-weight: bold;
	font-size: 0.8em;
	background: url(../../images/box_top.png) no-repeat center top;
	margin: 0;
	padding: 10px 0 10px;
}
#recent_modification ul{
	background: url(../../images/btn_bottom.png) no-repeat center bottom;
	margin: 0;
	padding-bottom: 7px;
	padding-right: 0;
	padding-left: 30px;
}
#recent_modification li{
	line-height: 1.3;
	text-align: left;
	margin-bottom: 5px;
	padding-right: 12px;
}