@charset "UTF-8";

/* reset default value
-------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0; 
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
ul, ol{
	list-style-type:none;
}
table{
	border-collapse:collapse;
	font-size:inherit;
}
th{
	text-align:left;
	font-weight:bold;
}
img{
	border:0;
	vertical-align:top;
}
sub{
	margin-right:.1em;
	vertical-align:baseline;
}
sup{
	position:relative;
	top:-2px;
	vertical-align:baseline;
}
input, select, textarea{
	font:99% arial,helvetica,clean,sans-serif;
	font-family:sans-serif;
}
em,strong{
	font-weight:bold;
	font-style:normal;
}
hr{
	display:none;	
}

/* font style
------------------------------*/
body{
	font:13px/1.231 arial,helvetica,sans-serif;
	*font-size:small;
	*font:x-small;
	color:#333;
}
html,
body{
	height:100%;
}

/* font size
------------------------------*/
#container{
	font-size:92%;
}
#container .txt10, 
#container .txt10b{
	font-size:83%;
}
#container .txt12, 
#container .txt12b{
	font-size:100%;
}
#container .txt14,
#container .txt14b{
	font-size:118%;
}
#container .txt16, 
#container .txt16b{
	font-size:135%;
}
#container .txt18, 
#container .txt18b{
	font-size:152%;
}
#container .txt22, 
#container .txt22b{
	font-size:187%;
}
.txt10b, .txt12b,.txt14b,.txt16b,.txt18b,.txt20b{
	font-weight:bold;
}

/* link color
------------------------------*/
a:link{
	color:#333;
	text-decoration:none;
} 
a:visited{
	color:#787c8d;
	text-decoration:none;
} 
a:hover{
	color: #d50000;
	text-decoration:underline;
} 
a:active{
	color: #d50000;
	text-decoration:underline;
}

/* container
-------------------------------*/
#container{
	position:relative;
	min-height:100%;
	text-align:center;
	background-color:#fff;	
}

/* header
-------------------------------*/
#header{
	background:url(../images/common/bg_header.gif) repeat-x;
	border-bottom:1px solid #bcbcbc;
}
#header .wrap{
	position:relative;
	width:850px;
	margin:0 auto;
	text-align:left;	
}
#logo{
	padding:12px 0 8px 12px;
}
#siteid{
	position:absolute;
	top:20px;
	left:136px;
}

/* global navigation
-------------------------------*/
#globalNav li{
	float:left;
	list-style-type:none;
}
#globalNav li a{
	display:block;
	height:21px;
	background:url(../images/common/bg_gnavi.gif) no-repeat;
	text-indent:-9999px;
	outline:0;
}
#globalNav li.nav1 a{
	width:64px;	
}
#globalNav li.nav1 a.current,
#globalNav li.nav1 a:hover{
	background-position:0 -21px;	
}
#globalNav li.nav2 a{
	width:62px;	
	background-position:-64px 0;
}
#globalNav li.nav2 a.current,
#globalNav li.nav2 a:hover{
	background-position:-64px -21px;	
}
#globalNav li.nav3 a{
	width:82px;	
	background-position:-126px 0;
}
#globalNav li.nav3 a.current,
#globalNav li.nav3 a:hover{
	background-position:-126px -21px;	
}
#globalNav li.nav4 a{
	width:95px;	
	background-position:-208px 0;
}
#globalNav li.nav4 a.current,
#globalNav li.nav4 a:hover{
	background-position:-208px -21px;	
}
#globalNav li.nav5 a{
	width:61px;	
	background-position:-303px 0;
}
#globalNav li.nav5 a.current,
#globalNav li.nav5 a:hover{
	background-position:-303px -21px;	
}
#globalNav li.nav6 a{
	width:64px;	
	background-position:-364px 0;
}
#globalNav li.nav6 a.current,
#globalNav li.nav6 a:hover{
	background-position:-364px -21px;	
}
#globalNav li.nav7 a{
	width:68px;	
	background-position:-428px 0;
}
#globalNav li.nav7 a.current,
#globalNav li.nav7 a:hover{
	background-position:-428px -21px;	
}
#globalNav li.nav8{
		float:right;
}
#globalNav li.nav8 a{
	width:69px;	
	background-position:-781px 0;
}
#globalNav li.nav8 a.current,
#globalNav li.nav8 a:hover{
	background-position:-781px -21px;	
}

/* local navi
-------------------------------*/
#localNav{
	float:left;
	width:180px;	
	padding-top:1px;
	border-top:1px solid #f31d05;
}
#localNav .top{
	border-top:1px solid #FEE8E6;
	border-bottom:1px solid #E6E6E6;
	background-color:#FAFAFA;
}
#localNav .current{
	background-color:#FAF3F2;
	font-weight:bold;
}
#localNav .top a,
#localNav .top span{
	display:block;
	padding:1.2em 10px 1em 13px;
	background:url(../images/common/arw_red_circle.gif) no-repeat 0 1.4em;
	font-weight:bold;
}
#localNav li{
	border-bottom:1px solid #E6E6E6;
}
#localNav li a,
#localNav li span{
	display:block;
	padding:.8em 10px .8em 10px;
	background:url(../images/common/arw_red.gif) no-repeat 0 1.2em;
}
#localNav li.open a,
#localNav li.open span{
	background:url(../images/common/arw_down.gif) no-repeat 0 1.2em;
}
#localNav ul.under{
	margin-left:11px;
	font-weight:normal;
}
#localNav ul.under li{
	border-bottom:none;
	border-top:1px solid #E6E6E6;
}
#localNav ul.under li a,
#localNav ul.under li span{
	background:url(../images/common/arw_red.gif) no-repeat 0 1.1em;
}
* html #localNav ul.under li a,
* html #localNav ul.under li span{
	padding-bottom:0;
}


/* breadcrumb
-------------------------------*/
.breadcrumb{
	margin-bottom:.6em;
	overflow:hidden;
	zoom:1;
	width:85%;
}
.breadcrumb li{
	float:left;
	padding-bottom:3px;
	white-space:nowrap;
}
.breadcrumb span{
	color:#D50000;
}


/* main
-------------------------------*/
#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:6px 0;
	border-top:1px solid #BCBCBC;	
}
#footer .wrap{
	width:850px;
	margin:0 auto;
	padding:0 3px 0 12px;
	text-align:left;
}
#footer .nav{
	float:right;
	overflow:hidden;
	zoom:1;
}
#footer .nav li{
	float:left;
	margin-right:-1px;
	padding:0 9px;
	border-right:1px solid #838383;
}
#footer .breadcrumb{
	float:left;
	width:70%;
	margin-bottom:0;
}
#copyright{
	clear:left;
}


/* main
-------------------------------*/
#main{
	position:relative;
	width:850px;
	margin:0 auto;
	padding-bottom:7em;
	text-align:left;
}


/* list
-------------------------------*/
.list .caption{
	margin-bottom:.6em;
	padding-bottom:.4em;
	border-bottom:1px solid #F2F2F2;
}
.list li{
	margin-bottom:.5em;
}
.listIdt li{
	margin-bottom:.6em;
  padding-left:1.2em;
  text-indent:-1.2em;
}
ul.border{
	overflow:hidden;
	zoom:1;
}
ul.border li{
	margin:-1px 0 .6em;
	padding-top:.6em;
	border-top:1px solid #F2F2F2;
}
li.bottom{
	margin-bottomm:0;	
}
dl.listHorizon{
	overflow:hidden;
	zoom:1;
}
dl.listHorizon dt{
	float:left;
	margin-right:5px;
	font-weight:bold;
}
dl.fixed dd{
	overflow:hidden;
	zoom:1;
}
.listAnchor {
	width:610px;
	overflow:hidden;
	zoom:1;
}
.listAnchor .wrap{
	margin-top:-3px;
	padding-top:1em;
	border-top:1px solid #E6E6E6;
}
.listAnchor ul{
	width:621px;
	margin:.2em 0 0 -11px;
	padding-bottom:1em;
}
.listAnchor li{
	float:left;
	margin-right:11px;
	margin-top:.5em;
	padding-left:10px;
	border-left:1px solid #E5E5E5;
}
.listAnchor li a,
.listAnchor li span{
	display:inline-block;
	padding-left:12px;
	background:url(../images/common/arw_anchor.gif) no-repeat 0 .4em;
	white-space:nowrap;
}
.listAnchor li span{
	background-image:url(../images/common/arw_anchor_disable.gif);
	color:#aaa;
}
.listDisc li{
	padding-bottom:.5em;
	padding-left:10px;
	background:url(../images/common/bg_marker_disc.gif) no-repeat 0 .4em;
}
.listOrder li{
	margin-bottom:.5em;	
}
.listOrder .order{
	float:left;
	margin-right:.5em;
}
.listOrder p{
	overflow:hidden;
}

/* link
-------------------------------*/
a.inline:link{
	text-decoration:underline;
}
a.inline:visited{
	text-decoration:underline;
}
a.inline:hover{
	text-decoration:underline;
}
a.inline:active{
	text-decoration:underline;
}

/* link area
-------------------------------*/
.areaLink{
	border-top:1px solid #f2f2f2;
}
.areaLink a{
	display:block;
	padding:.7em 10px .5em;
	background:url(../images/common/bg_diagonal_stroke.gif) repeat-x;
}
.areaAnchor{
	padding:.83em 14px;
	background:url(../images/common/bg_diagonal_stroke_red.gif) repeat;
	border:1px solid #fdd9d5;
}

/* button area
-------------------------------*/
.areaButton{
	margin:15px -15px 0;
	padding:7px;
	background-color:#EDEDED;
	text-align:center;
}
.areaButton .button{
	margin:0 3px;
	vertical-align:middle;
}

/* em area
-------------------------------*/
.emareaGray{
	margin:0 -15px 1.2em;
	padding:.6em 15px;
	background-color:#F7F7F7;
}

/* arrow
-------------------------------*/
a.arw,
span.arw,
ul.arw a{
	display:inline-block;
	padding-left:9px;
	background:url(../images/common/arw_red.gif) no-repeat 0 .4em;
	cursor:pointer;
}

/* space
-------------------------------*/
.br03em{
	margin-bottom:.3em;	
}
.br05em{
	margin-bottom:.5em;	
}
.br1em{
	margin-bottom:1em;	
}
.br15em{
	margin-bottom:1.5em;	
}
.br2em{
	margin-bottom:2em;	
}
dl.br05em-children dd{
	margin-bottom:.5em;
}
dl.br1em-children dd{
	margin-bottom:1em;
}

/* align
-------------------------------*/
.txtC{
	text-align:center;
}
.txtL{
	text-align:left;
}
.txtR{
	text-align:right;
}


/* horizontal rule
-------------------------------*/
.hr15em{
	margin:1.5em -15px 0;
	padding-top:1.5em;
	border-top:1px solid #E6E6E6;	
}
.hr15em p{
	margin-left:15px;
	margin-right:15px;
}

/* icon
-------------------------------*/
.iconBlank{
	margin-left:3px;	
}
.iconLeft{
	margin-right:6px;
}
.mail{
	display:inline-block;
	padding-left:20px;
	background:url(../images/common/icon_mail.gif) no-repeat 0 .2em;
}

/* font color
-------------------------------*/
.red{
	color:#D50000;	
}

/* float
-------------------------------*/
.floatL{
	float:left;
}
.floatLm15{
	margin-right:15px;
	float:left;
}
.floatR{
	float:right;
}
.floatRm15{
	margin-left:15px;
	float:right;
}

/* movie link
-------------------------------*/
.iconMovie{
	margin-right:8px;
}
ul.flvList li{
	margin-right:10px;
  padding:.15em 0 .5em 14px;
	float:left;
	display:block;
  background:url(../images/common/arw_movie.gif) no-repeat 0 .25em;
}
ul.flvList li.icon{
	margin:0;
	padding:0 0 .5em 0;
  background:none;
}


/* popup
-------------------------------*/
/* header
----------------*/
#popup #header{
	background:none;
	border-top:3px solid #f31d05;
  border-bottom:none;
}
#popup #logo{
	padding:15px 0 0 0;
}
/* content
----------------*/
#popup #content{
	clear:both;
	padding-top:16px;
	background:none;
}
#popup h2.header{
	margin:0;
	padding:0 0 2em;
}
#popup h2.header .wrap{
	display:inline-block;
	padding-left:15px;
	background:url(../images/common/bg_bar_heading.gif) no-repeat left center;
	font-size:110%;
	font-weight:bold;
}
#popup .section{
	margin-bottom:18px;
}
/* close
----------------*/
#popup #close{
	margin-bottom:16px;
	padding-top:18px;
	text-align:center;
  border-top:1px solid #bfbfbf;
}


/* clearfix
-------------------------------*/
.clearfix:after,
#main:after{
	content:"";
	display:block;
	height:.01em;
	clear:both;
	visibility:hidden;
}
.clearfix,
#main{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html #main{ height:1%;}
.clearfix,
#main{display:block;}
/* End hide from IE-mac*/
