@charset "UTF-8";


/* Reset
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-align: justify;
	text-justify: inter-ideograph;
}
html {
    height: 100%;
}
body {
	line-height: 1;
    height: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fonts
------------------------------------------------------------*/
body {
	font-size: 81.25%; /* IE */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.8;
	color: #fff;
	height: 100%;
	/*-webkit-text-size-adjust:none;*/
}
html>/**/body { font-size: 13px; } /* Except IE */


/* clearfix
------------------------------------------------------------*/
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.clearfix { /zoom: 1; } /* IE */




/* common
------------------------------------------------------------*/
html {
	background: url(../../common/images/bg_texture.jpg);
}
body {
	background: url(../images/bg_header_bg.png) repeat-x top;
}
#wrapper {
	
}
header {
	height: 216px;
	background: url(../images/bg_header.png) no-repeat center top;
	position:relative;
	z-index: 2;
	font-size: 0;
}
header p {
	text-align: center;
	padding: 35px 0 25px;
}
header nav {
	width: 960px;
	margin: 0 auto;
}
header ul {
}
header li {
	float: left;
	padding: 0 27px;
	height: 30px;
}
/*dropDown*/
#down ul {    
    position:relative;
	zoom: 1;
	font-size: 0;
}
#down li  {  
    float:left;
    position:relative;
}
#down ul {  
    width: 134px;
    position: absolute;
    top: 30px;
    left: 0;
	display: none;
}

nav:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
footer {
	background: url(../images/bg_footer.jpg) no-repeat center top #000;
	height: 200px;
}
footer p {
	width: 960px;
	margin: 0 auto;
}
footer p.copyright {
	clear: both;
	text-align: center;
	color: #2E4C63;
	font-size: 90%;
}




/* colorBox
------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}


#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxOverlay{background:#000;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/btn_close.png) no-repeat top center; width:26px; height:26px; text-indent:-9999px;}