@CHARSET "UTF-8";

/*------------------------------------------------------------common*/
* {
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color: white;
	border: none;
	text-decoration: none;
}

/* png support tools for IE6 is available here http://www.twinhelix.com */
.tp,
div#logo img,
div#main_top,
div#main_bottom,
div#pagetop img,
div#desc_title img, 
div#footer img,
div#footer-left li,{
	behavior: url(./css/iepngfix.htc);
}

img {
	border-style: none;
}

p {
	margin-bottom: 1em;
}

.right {
	text-align: right;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}
	
.pointer {
	cursor: pointer;
}

.smaller {
	font-size: smaller;
}

.bold{
	font-weight: bold;
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: '.';
	display: block;
	clear: both;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clearer{
	clear: both;
}

li {
	list-style: none;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;
}
	
	
/*------------------------------------------------------------common*/
	/*-----------------------------------------------------------container*/
body {
	background-color: gray;
	text-align: left;
	font-size: smaller;
}

#container-wrapper{
	width: 960px;
	background: #0049B2 url('../img/bg.jpg') no-repeat scroll left top;
}

	.index #container-wrapper{
		width: 960px;
		height: 807px;
		background: #0049B2 url('../img/index_bg.jpg') no-repeat scroll center top;
	}
	
	.wp #container-wrapper{
		width: 500px;
		background: #0049B2 url('../img/wp_bg.jpg') no-repeat scroll left top;
	}

#container {
	margin: 0 auto;
	width: 930px;
	text-align: left;
	background-color: transparent;
	position: relative;
}

	.index #container{
		position: relative;
	}
	
	.wp #container{
		width: 481px;
		overflow: hidden;
	}

/*-----------------------------------------------------------container*/
	/*-----------------------------------------------------------------footer*/

#pagetop{
	padding-bottom: 30px;
	text-align:right;
}

#footer {
	width: 960px;
	height: 83px;
	padding-top: 10px;
	background: #0049B2 url('../img/footer_bg.jpg') repeat-x scroll left top;
}

#footer p{
	margin-bottom: 0;
}

#footer-left{
	float: left;
	display: inline;
	width: 470px;
	padding-left: 30px;
	text-align: left;
}

#footer-left ul li{
	float: left;
	background: transparent url(../img/footer_li.png) no-repeat scroll left center;
	margin: 0 20px 10px 0;
}

#footer-right{
	float: right;
	display: inline;
	width: 290px;
	padding-right: 30px;
	text-align: right;
}

/*-----------------------------------------------------------footer*/
	/*-----------------------------------------------------------------index*/
	
ul#menu{
	padding-top: 370px;
	width: 915px;
}

	ul#menu li{
		float: left;
		display: inline;
		padding-left: 0;
	}
	
	ul#menu li a{
		display: block;
		height: 65px;
		background-color: transparent;
		text-indent: -9999px;
		overflow:hidden;
		outline:none;		
	}
		
		ul#menu li a#im1:hover, 
		ul#menu li a#im2:hover,
		ul#menu li a#im3:hover,
		ul#menu li a#im4:hover,
		ul#menu li a#im5:hover{
			background-position:0 -65px;
		}
		
		ul#menu li a#im1{
			background: transparent url(../img/index_m1.jpg) no-repeat scroll 0 0;
			width: 200px;
		}
		
		ul#menu li a#im2{
			background: transparent url(../img/index_m2.jpg) no-repeat scroll 0 0;
			width: 155px;
		}
		
		ul#menu li a#im3{
			background: transparent url(../img/index_m3.jpg) no-repeat scroll 0 0;
			width: 220px;
		}
		
		ul#menu li a#im4{
			background: transparent url(../img/index_m4.jpg) no-repeat scroll 0 0;
			width: 195px;
		}
		
		ul#menu li a#im5{
			background: transparent url(../img/index_m5.jpg) no-repeat scroll 0 0;
			width: 145px;
		}

.index div#news{
	width: 421px;
	min-height: 121px;
	height: auto !important;/*for IE6*/
	height: 121px;
	position: absolute;
	top: 550px;
	left: 30px;
}

	.index div#news a:hover{
		text-decoration: underline;
	}
	
	.index div#news p{
		margin: 10px 20px 10px 0;
		height: 14px;
		text-align: right;
	}
	
	.index div#news ul{
		margin-left: 20px;
	}
	
	.index div#news ul li{
		background: transparent url(../img/index_news_li.png) no-repeat scroll left center;
		padding-left: 20px;
	}
	
img.comingsoon{
	position: absolute;		
	top: 0px;
}
		.index img.comingsoon{
			top: 330px;
		}

	img#cs2{
		left: 395px;
	}
	
	img#cs3{
		left: 510px;
	}

		.index img#cs2{
			left: 230px;
		}
		
		.index img#cs3{
			left: 385px;
		}
	
/*-----------------------------------------------------------index*/
	/*-----------------------------------------------------------------main*/

div#header{
	padding-top: 35px;
}

div#logo{
	float: left;
	display: inline;
	width: 170px;
}

ul#navi{
	float: right;
	display: inline;
	width: 722px;
	height: 51px;
	margin-bottom: 15px;
}

	ul#navi li{
		float: left;
		display: inline;
		padding-left: 0;
	}
	
	ul#navi li a{
		display: block;
		height: 51px;
		background-color: transparent;
		text-indent: -9999px;
		overflow:hidden;
		outline:none;		
	}
		ul#navi li a#m1:hover,
		ul#navi li a#m2:hover,
		ul#navi li a#m3:hover,
		ul#navi li a#m4:hover,
		ul#navi li a#m5:hover{
			background-position:0 -51px;
		}
		
		ul#navi li a#m1{
			background: transparent url(../img/m1.jpg) no-repeat scroll 0 0;
			width: 166px;
		}
		
		ul#navi li a#m2{
			background: transparent url(../img/m2.jpg) no-repeat scroll 0 0;
			width: 112px;
		}
		
		ul#navi li a#m3{
			background: transparent url(../img/m3.jpg) no-repeat scroll 0 0;
			width: 172px;
		}
		
		ul#navi li a#m4{
			background: transparent url(../img/m4.jpg) no-repeat scroll 0 0;	
			width: 155px;
		}
		
		ul#navi li a#m5{
			background: transparent url(../img/m5.jpg) no-repeat scroll 0 0;
			width: 117px;
		}

div#main_top{
	height: 9px;
	overflow: hidden;
	background: transparent url(../img/main_top.png) no-repeat scroll left center;
}

	.wp div#main_top{
		background-image: url(../img/wp_top.png);
	}

div#main_bottom{
	height: 9px;
	overflow: hidden;
	background: transparent url(../img/main_bottom.png) no-repeat scroll left top;
	padding-bottom: 30px;
}

	.wp div#main_bottom{
		background-image: url(../img/wp_bottom.png);
	}

div#main{
	background-color: #DCEAF6;
	padding: 25px;
}

/*-----------------------------------------------------------main*/
	/*-----------------------------------------------------------------urtore*/

div#main.urtore{
	padding: 0;
	margin-bottom: 30px;
}

div#urtore_live img{
	display: block;
	margin: 0 auto;
	height: 125px;
	width: 800px;
	padding-bottom: 30px;
}

/*-----------------------------------------------------------urtore*/
	/*-----------------------------------------------------------------detail*/

div#main.detail h1{
	height: 22px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background: transparent url(../img/detail_title.gif) no-repeat scroll left center;
}

div#main.detail{
	padding: 25px;
	width: 880px;
	line-height: 150%;
	overflow: hidden;
}

ul#sub_navi{
	/*width: 924px;*/
	height: 37px;	
	margin-right: -25px;
	margin-bottom: 20px;
}

	ul#sub_navi li{
		float: left;
		display: inline;
		padding-left: 0;
		background-color: white;
	}
	
	ul#sub_navi li a{
		display: block;
		height: 37px;
		text-indent: -9999px;
		padding-right: 32px;
	}
	
		ul#sub_navi li a#sm1:hover, 
		ul#sub_navi li a#sm2:hover,
		ul#sub_navi li a#sm3:hover,
		ul#sub_navi li a#sm4:hover{
			background-position:0 -37px;
		}
		
		ul#sub_navi li a#sm1{
			background: transparent url(../img/sm1.gif) no-repeat scroll 0 0;
			width: 245px;
		}
		
		ul#sub_navi li a#sm2{
			background: transparent url(../img/sm2.gif) no-repeat scroll 0 0;
			width: 73px;
		}
		
		ul#sub_navi li a#sm3{
			background: transparent url(../img/sm3.gif) no-repeat scroll 0 0;
			width: 201px;
		}
		
		ul#sub_navi li a#sm4{
			background: transparent url(../img/sm4.gif) no-repeat scroll 0 0;	
			width: 395px;
			padding-right: 0;
		}
	
div#main.detail div#image{
	float: right;
	display: inline;
	padding-right: 10px;
	width: 350px;
}
	
	div#main.top div#image{
		width: 350px;
	}
	
	div#main.report div#image{
		width: 390px;
	}
	
	div#main.cafe div#image{
		width: 530px;
		text-align: right;
		padding-right: 0;
	}
	
	div#main.cafe div#image2{
		width: 150px;
		text-align: left; 
		float:left;
		padding-right: 0;
	}
#report_body{
	margin-left:10px;
	margin-right:10px;
}
div#main.detail div#desc{
}

	div#main.top div#desc{
		margin-right: 390px;
	}
	
	div#main.top div#desc2{
		margin-left:15px;
	}
	
	div#main.report div#desc{
		margin-right: 430px;
	}
	
	div#main.cafe div#desc{
		margin-right: 550px;
	}

	div#main.detail div#desc div#desc_title{
		margin-bottom: 20px;
	}

/*-----------------------------------------------------------detail*/
	/*-----------------------------------------------------------------logo*/

div#main.logo div#logo_image{
	text-align: center;
	background-color: white;
	padding-bottom: 20px;
}

div#main.logo div#logo_dl{
	margin-bottom: 20px;
}

div#main.logo div#logo_left{
	background: white url(../img/detail_logo_wp1.gif) no-repeat scroll left center;
	float: left;
	display: inline;
	height: 166px;
	margin-left: 30px;
	width: 185px;
	padding-left: 220px;
	text-align: left;
}

div#main.logo div#logo_right{
	background: white url(../img/detail_logo_wp2.gif) no-repeat scroll left center;
	float: right;
	display: inline;
	height: 166px;
	width: 215px;
	padding-left: 220px;
	text-align: left;
}

	div#main.logo div#logo_left p.first,  
	div#main.logo div#logo_right p.first{
		padding-top: 117px;
	}

	div#main.logo div#logo_left p,  
	div#main.logo div#logo_right p{
		margin: 0 0 2px 5px;
	}

div#main.logo p#wp_setting{
		text-align: left;
		margin-left: 30px;
}

/*-----------------------------------------------------------logo*/
	/*-----------------------------------------------------------------wp*/

div#main.wp{
	width: 451px;
	padding: 15px;
}

div#main.wp dl{
	margin: 20px 0 0 0;
}

	div#main.wp dl dt{
		margin-bottom: 10px;
	}
		
div#wpc_top{
	height: 9px;
	overflow: hidden;
	width: 436px;
	background: #DCEAF6 url(../img/wpc_top.gif) no-repeat scroll left center;
}

div#wpc{
	padding: 10px;
	width: 416px;
	background-color: white;
}

div#wpc_bottom{
	height: 9px;
	overflow: hidden;
	background: #DCEAF6 url(../img/wpc_bottom.gif) no-repeat scroll left top;
	width: 436px;
	padding-bottom: 30px;
}

p.close{
	padding-bottom: 20px;
}

/*-----------------------------------------------------------wp*/
	/*-----------------------------------------------------------------present*/

div#main.present h1{
	height: 22px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background: transparent url(../img/present_title.gif) no-repeat scroll left center;
}

div#present_top{
	height: 4px;
	font-size: 0;
	width: 880px;
	background: #DCEAF6 url(../img/present_top.gif) no-repeat scroll left center;
}

div#present{
	background-color: white;
	padding: 20px;
	zoom: 1;
}

div#present_bottom{
	height: 4px;
	font-size: 0;
	width: 880px;
	background: #DCEAF6 url(../img/present_bottom.gif) no-repeat scroll left center;
}

div#main.present dt{
	width: 100px;
	float: left;
	clear: left;
	display: inline;
	position: relative;
}

div#main.present dt span{
	position: absolute;
	right: 10px;
	top: 0;
}

div#main.present dd{
	margin-left: 100px;	
}