@charset "utf-8";

/*===================================================================
[00]basic
[01]link
[02]layout
[03]header
[04]contents
[05]footer
[06]other
===================================================================*/

/*===================================================================
[00]basic
===================================================================*/

* {padding: 0;margin: 0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, h7, 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,
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-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
:focus {outline: 0;}
* {zoom: 1;}
body{background:#FFFFFF;}

	
ol, ul { list-style: none;}
hr { display: none;}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-size: 12px;
	color:#333333;
	background:#ffffff;
}

/*class*/
.clear {clear: both; float: none;}
.hiden {display: none;}
.out {position: absolute;left: -999999px;top: -999999px;}
.pL30 {padding-left:30px;}
.pL20 {padding-left:20px;}
.pL14 {padding-left:14px;}
.pR10 {padding-right:10px;}
.pR6 {padding-right:6px;}

/*===================================================================
[01]link
===================================================================*/

a {
	color:#0099CC;
	text-decoration: underline;
}

a:hover {
	color:#CC3333;
	text-decoration: none;
}

/*
===================================================================
[02]layout
===================================================================
/*
----------------------
#wrapper
	└#header
		└#logo
			└h1
		└#gnavi
	└#contents
		└#title
		└#banner
	└#footer
----------------------*/

#wrapper{
	width:900px;
	margin:0 auto;
	text-align:center;
	background:#ffffff;
}

#header{
	margin-top:16px;
	height:147px;
}

/*===================================================================
[03]header
===================================================================*/
/*logo*/
#header #logo{
	position:relative;
	left:0;
	top:0;
	z-index:2;
	float:left;
	text-align:left;
	text-indent:-999999px;
	margin-top:10px;
}
#header #logo h1 a{
	background:url(../img/logo.gif) 0 0 no-repeat;
	display:block;
	width:372px;
	height:61px;
}

/*gnavi*/
#gnavi{
	position:relative;
	left:46px;
	top:0;
	z-index:1;
}

#gnavi li{
	float:left;
	text-indent:-999999px;
}
#gnavi li a{
	background: url(../img/gnavi.gif) 0 0 no-repeat;
	display:block;
	height:147px;
	width:482px;
}

#gnavi li#gnavi-01 a{background-position:0 0; width:81px;}
#gnavi li#gnavi-02 a{background-position:-81px 0; width:82px;}
#gnavi li#gnavi-03 a{background-position:-163px 0; width:80px;}
#gnavi li#gnavi-04 a{background-position:-243px 0; width:240px;}

#gnavi li#gnavi-01 a:hover,#gnavi li#gnavi-01 a.active{background-position:0 -147px;}
#gnavi li#gnavi-02 a:hover,#gnavi li#gnavi-02 a.active{background-position:-81px -147px;}
#gnavi li#gnavi-03 a:hover,#gnavi li#gnavi-03 a.active{background-position:-163px -147px;}
#gnavi li#gnavi-04 a:hover,#gnavi li#gnavi-04 a.active{background-position:-243px -147px;}


/*description*/
#description p{
	display:block;
	width:372px;
	font-size:11px;
	line-height: 1.3;
	text-align:left;
	position:relative;
	top:-68px;
	left:0;
}

#description p strong{
	font-weight:bold;
}

/*===================================================================
[04]contents
===================================================================*/
#contents{margin-top:30px; text-align:left;}

/*banner*/
#contents #banner{
	background: url(../img/bannerbox-bg.gif) 0 0 repeat-y;
	margin-top:50px;
}

#contents #banner td#bannerbox-top{
	background: url(../img/bannerbox-top.gif) 0 0 no-repeat;
	display:block;
	width:900px;
	height:8px;
}

#contents #banner td#bannerbox-bottom{
	background: url(../img/bannerbox-bottom.gif) 0 0 no-repeat;
	display:block;
	width:900px;
	height:8px;
}

#contents #banner td.txt{
	text-align:left;
}

#contents #banner td.TBspace{
	padding:15px 0;
}

.w140{ width:140px; }
.w100{ width:100px; }
.w90{ width:90px; }

/*===================================================================
[05]footer
===================================================================*/
#footer{
	text-align:left;
	font-size:10px;
	margin-top:20px;
}

#footer p#copy{
	float:left;
	background: url('../img/footer-logo.gif') center left no-repeat;
	padding-left:95px;
	display:block;
	width:300px;
	height:46px;
	padding-top:32px;
}

#footer p#pagetop a{
	float:right;
	background: url('../img/pagetop.gif') center right no-repeat;
	display:block;
	width:105px;
	height:58px;
	text-indent:-999999px;
}

/*===================================================================
[06]other
===================================================================*/
.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	clear:both;
}