@charset "utf-8";
@import url("class.css");
@import url("contents.css");

/**************/
/*   COMMON   */

body{
/*	background:url(../img/bg_body.gif) left top repeat-x;
*/	}

#wrapper{
	margin:0 auto;
	width:1000px;
	background-color:#fff;
	}
#header{
	position:relative;
	background: url(../img/header_img.gif) no-repeat center bottom;
	height:142px;}	
#container{
	margin:0 25px;
	background-color:#ededed;
	float:left;
	}
#contantsArea{
	float:left;
	margin:0 10px;
	width:760px;}
#secondArea{
	float:right;
	width:170px;
	}
#footer{
	margin:0 25px;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	clear:both;
}
	
/* Header #header */
#header p{
	position:absolute;
	}
#header p.favorites{
	top:20px;
	left:34px;
	}
#header div.selectLanguage{
	position:absolute;
	top:19px;
	right:32px;
	}
#header p.jptime{
	bottom:3px;
	left:50px;}
#header p.jptime strong{
	margin-left:15px;}	
#header p.contacttel{
	bottom:22px;
	right:36px;
	height:50px;
	width:160px;
	text-indent:-9999px;
	font-size:10px;
	}
#header p.mail{
	bottom:22px;
	right:36px;
	height:50px;
	width:160px;
	}
/* Local Navigation */
div.pNav{
	text-align:right;
	}
div.pNav a{
	margin:0 5px;
	background: url(../img/icon_pnav.gif) no-repeat right center;
	padding: 0 10px 0 0;
	}	
/* Global Navigation */
#gNav{
	position:relative;
	margin:0 25px;
	background:#ededed url(../img/menubar.gif) no-repeat left top;
	height:80px;
	}
#gNav h1{
	position:absolute;
	top:6px;
	left:25px;
	background:url(../img/logo.gif) no-repeat left top;
	height:50px;
	width:162px;
	}
#gNav h1 a{
	display:block;
	height:49px;
	width:162px;
	text-indent:-9999px;}
#gNav ul{
	position:absolute;
	top:6px;
	left:250px;
	}
#gNav ul li{
	display:block;
	float:left;
	height:50px;
	padding:12px 25px 0 ;
	font-weight:bold;
	background: url(../img/menu_line.gif) no-repeat top right;
}
#gNav ul li.last{
	background:none;}
#gNav ul li a{
	line-height:16px;
	font-size:14px;}
#gNav ul li a:hover, #gNav ul li a.stay{
	color:#60ab03;
	text-decoration:none;}

/* Footer #footer */
div.footNav{
	background:url(../img/footer_bg.gif) repeat-x left bottom;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	line-height:36px;
	text-align:center;}
div.footNav a:hover{
	color:#60ab03;
	text-decoration:none;
	}
div.pageTop{
	margin:-26px 56px 0 0;
	background:url(../img/icon_pagetop.gif) no-repeat left top;
	float:right;
	width:60px;
	height:15px;
	padding:0 0 0 25px;
	}
div.pageTop a{
	line-height:15px;
	color:#3472d9;
	font-weight:bold;
	}
div.pageTop a:hover{
	text-decoration:none;}		
div.copyright{
	background:url(../img/footer_logo.gif) no-repeat 25px 16px;
	padding:20px 20px 20px 217px;}


/* SideMenu : #secondArea */
#secondArea p{
	margin:0 0 15px 0;
	text-align:center;}
#secondArea dl.bnnTruckTy{
	margin:0 0 15px 0;
	text-align:center;
	}
#secondArea dl.bnnTruckTy dt{
	margin:0;
	padding:0;}
#secondArea dl.bnnTruckTy dt img{
	vertical-align:bottom;
	margin:0;
	padding:0;}
#secondArea dl.bnnTruckTy dd{
	background:url(../img/icon_truckBg.gif) no-repeat center bottom;
	padding:4px 0 6px 0;
	margin-bottom:4px;
	}
#secondArea dl.bnnTruckTy dd a{
	color:#000000;
	line-height:12px;}

/**************/



/**************/
/* INDEX MAIN */
div.tabArea, div.mainMid{
	background:url(../img/main_mid_bg.gif) repeat-y left top;
	padding:10px 20px 20px 20px;
	}
div.mainTop{
	clear:both;
	background:url(../img/main_top_bg.gif) no-repeat left top;
	height:15px;
	}	
div.tabAreaBtm, div.mainBtm{
	clear:both;
	background:url(../img/main_btm_bg.gif) no-repeat left bottom;
	height:15px;
	margin-bottom:20px;
	}	
ul.tabMenu{}
ul.tabMenu li{
	width:380px;
	height:49px;
	float:left;
	background:url(../img/tab_off.gif) no-repeat left top;
	}
ul.tabMenu li a{
	display:block;
	line-height:49px;
	font-size:24px;
	color:#3366ff;
	padding:0 20px;
	}
ul.tabMenu li a:hover{
	text-decoration:none;
	background:url(../img/tab_on.gif) no-repeat left top;
}	
ul.tabMenu li.stay{
	background:url(../img/tab_on.gif) no-repeat left top;
}

div.listAreaDefault{
	margin:0 0 20px 0;
	clear:both;}

/* photolist type1 */
div.quarter{
	float:left;
	position: relative;
	}
div.quarter dl{
	margin:0 7px 14px 7px;
}
div.quarter dl dt{
	margin:0 0 5px 0;
	}
div.quarter dl dt img{
	text-align:center;
	vertical-align:middle;
	}
div.quarter dl dd{
	border-bottom:1px dotted #333333;
	background:url(../img/icon_dot.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	}
div.quarter dl dd.more{
	border-bottom:none;
	background: url(../img/icon_more.gif) no-repeat right center;
	padding:2px 14px 2px 12px;
	text-align:right;
	}
div.quarter dl dd.more a{
	color:#3366ff;
	font-size:10px;}
div.third{
	float:left;
	width: 240px;
	}
div.third h4{
	background-color:#5185be;
	color:#fff;
	width: 210px;
	display: block;
	padding: 10px;
	position: relative;
}	
div.third dl{
	margin:0 8px 14px 0;
}
div.third dl dt{
	margin:5px 0;
}
div.third dl dt img{
	vertical-align:middle;
}
div.third dl dd{
	border-bottom:1px dotted #333333;
	background:url(../img/icon_dot.gif) no-repeat left center;
	padding:2px 0 2px 12px;
	}
div.third dl dd.more{
	border-bottom:none;
	background: url(../img/icon_more.gif) no-repeat right center;
	padding:2px 14px 2px 12px;
	text-align:right;
	}
div.third dl dd.more a{
	color:#3366ff;
	font-size:10px;}

/* tablelist type1 */
table{
	width:100%;
	border-collapse:collapse;
}
table.tableTy1{
	border:1px solid #336699;	
	color:#000000;	}
table.tableTy1 th{
	border:1px solid #336699;
	background-color:#b8cce4;
	text-align:center;
	padding:4px;
	font-size:12px;
	font-weight:bold;
}
table.tableTy1 td{
	border:1px solid #336699;
	text-align:center;
	padding:4px;
}
table.tableTy1 td.more a{
	color:#3366ff;
	font-size:10px;
	}
table.tableTy1 th.more a{
	color:#3366ff;
	}
	
/**************/

h2.redH2{
	color:#FF0000;
	font-style:italic;
	font-size:30px;
	line-height:50px;}
h2.blueH2{
	color:#3366ff;
	font-size:20px;
	line-height:40px;}
h2.oreH2{
	color:#FEC003;
	font-style:italic;
	font-size:30px;
	line-height:50px;}