@charset "utf-8";

/*
Title:       73 master styles
Last updata: 2009.5.31
*/

/*--------------------------------------------------------------------
-------------------------------------------------------------- Reset
--------------------------------------------------------------------*/

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,tr,embed,object{
	margin:0;
	padding:0;
}

li{list-style-type:none;}
fieldset,table,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}

/*------------------------------------------------------------ Body */

body{text-align:center;background-color:#000;width:100%;}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,form,pre,td,th,label,div{
	color:#FFF;
	font-size:80%;
	line-height:140%;
	letter-spacing: 0.1em;
}

div p,div li,div dt,div dd,div form,div pre,div td,div th,div label,
div div,div h1,div h2,div h3,div h4,div h5,div h6,
p p,p li,p dt,p dd,p from,p pre, p td,p th,p label,p div,
li p,li li,li dt,li dd,li from,li pre,li td,p th,li label,li div,li h3,
td p,td li,td dt,td dd,td from,td pre,td td,td th,td label,td div,
th p,th li,th dt,th dd,th from,th pre,th td,th th,th label,th div,
label p,label li,label dt,label dd,label form,label pre,label td,label th,label div,
form th,form td{
	font-size:100%;
}

a{overflow:hidden;}
a:link{color: #FFF; text-decoration:underline;}
a:visited{color: #FFF; text-decoration:underline;}
a:hover{color: #FFF; text-decoration:none;}
a:hover img {filter:alpha(opacity=75);opacity:0.75;}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,li,ol{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	font-weight:normal;
}


/*--------------------------------------------------------------------
------------------------------------------------------------- Header
--------------------------------------------------------------------*/


#Header {
	z-index: 88;
}

p#Logo {
	text-align: right;
	margin: 20px 9px 14px 0;
}


/*---------------------------------------------------------- GlbNav */

ul#glbNav {
	text-indent: -9999px;
	float: left;
	width: 495px;
	z-index:100;
}

#glbNav li {
	float: left;
	height: 26px;
	position: relative;
}

#glbNav li a {
	height: 26px;
	display:block;
	background:url(../images/glbnav.gif) no-repeat;
}


#glbNav li#Nav01{ width:49px;}
#glbNav li#Nav02{ width:88px;}
#glbNav li#Nav03{ width:64px;}
#glbNav li#Nav04{ width:65px;}
#glbNav li#Nav05{ width:65px;}
#glbNav li#Nav06{ width:57px;}
#glbNav li#Nav07{ width:86px;}

#glbNav li#Nav01 a{ background-position:0 0;}
#glbNav li#Nav02 a{ background-position:-49px 0;}
#glbNav li#Nav03 a{ background-position:-137px 0;}
#glbNav li#Nav04 a{ background-position:-201px 0;}
#glbNav li#Nav05 a{ background-position:-266px 0;}
#glbNav li#Nav06 a{ background-position:-331px 0;}
#glbNav li#Nav07 a{ background-position:-387px 0;}

ul#glbNav ul {
	position:absolute;
	top:26px;
	left:0;
	display:none;
	opacity:0;
}
ul#glbNav ul li {
	height: 17px;
	z-index:99;
}
ul#glbNav ul li a {
	background-color: #000;
	height: 17px;
	filter:alpha(opacity=50);
	opacity:0.5;
}

ul#glbNav li#Nav02 li a {
	background: #000 url(../images/nav_about.gif) no-repeat;
	width: 66px;
}

ul#glbNav li#Nav02 li#ddNav02 a { background-position: 0 -17px; height: 19px;}

ul#glbNav li#Nav03 li a { background: #000 url(../images/nav_menu.gif) no-repeat;width: 42px;}
ul#glbNav li#Nav03 li#ddNav04 a { background-position: 0 -17px;}
ul#glbNav li#Nav03 li#ddNav05 a { background-position: 0 -34px;}
ul#glbNav li#Nav03 li#ddNav06 a { background-position: 0 -51px; height: 19px;}


p#Rtn {
	text-indent: -9999px;
	float: right;
	width: 143px;
}

p#Rtn a {
	background: url(../images/nav_return.gif) no-repeat;
	display: block;
	width: 143px;
	height: 14px;
}

#glbNav li a:hover, p#Rtn a:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
}

/*--------------------------------------------------------------------
---------------------------------------------------------------- Wrap
--------------------------------------------------------------------*/


#Wrap{
	text-align: left;
	width: 800px;
	margin: 0 auto;
}

#Content #Main {
	float: right;
	width: 585px;
	margin-top: 50px;
}

/*--------------------------------------------------------------------
---------------------------------------------------------------- Side
--------------------------------------------------------------------*/

#Side {
	float: left;
	width: 185px;
	margin-right: 30px;
}

#Side dt, #Side dd {
	background-repeat: no-repeat;
	text-indent: -10000px;
}

#Side dt {
	float: left;
	width: 55px;
	height: 75px;
}

#Side dd {
	float: left;
	width: 111px;
	padding: 56px 0 32px 18px;
	border-left: 1px solid #bfbfbf;
}

#Side p.bnr {
	margin: 30px 0 0 8px;
}

/*--------------------------------------------------------------------
------------------------------------------------------------- Content
--------------------------------------------------------------------*/



/*--------------------------------------------------------------------
-------------------------------------------------------------- Footer
--------------------------------------------------------------------*/

#Wrap #Footer {
	clear: both;
	padding-top: 35px;
	padding-bottom: 15px;
}

#Wrap #Footer address {
	background: url(../images/copy.gif) no-repeat right top;
	text-indent: -10000px;
	height: 11px;
	margin-top: 11px;
}

/*--------------------------------------------------------------------
------------------------------------------------------- ContentClear
--------------------------------------------------------------------*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfix{height:1%;}

/*\*//*/
.clearfix{
	display: inline-table;
}
/**/
