@charset "UTF-8";
/*========================
CSS Import URL
========================*/


/* text CSS ============*/
@import url("font.css");


/* **************************************
base.css
************************************** */

/* reset style
-------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,address,form,fieldset,input,textarea,p,blockquote {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
caption,th {text-align: left;}
img {border: 0;vertical-align: top;}
hr {display:none;}
ul,dl,ol {text-indent: 0;}
li {list-style: none;}
dt,th {font-weight: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
body {font:13px/1 "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","osaka",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}
pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}
input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
a:hover {cursor: pointer;}
a:focus {outline: none;}
li p,li li,th p,th li,td p,td li,li dt,li dd,td select,td input,td textarea,td option,dd p,dd li,dd select,dd input,dd textarea,dd option {font-size:100%;}

/* common style
-------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 0.2em;
}
p,td,th,li,dt,dd,pre {
	font-size: 93%;
	line-height:1.5;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}

/* body style 
-------------------------------------- */
body {
	background: #000 url(../images/bg.jpg) repeat;
	color: #fff;
	_text-align:center;/*ie6*/
	-webkit-text-size-adjust: 100%;
}

/* wrap style 
-------------------------------------- */

div#wrap {
	width: 960px;
	margin: 0px auto 30px;
	padding: 0px;
	_text-align:left;/*ie6*/
}

/* container style 
-------------------------------------- */

div#container {
	width: 960px;
}

/*head
-------------------------------------- */

div#head {
	position:relative;
	width: 960px;
	height: 162px;
}

div#head-lower {
	position:relative;
	width: 960px;
	height: 162px;
}

.left-line-lower {
	width: 8px;
	height: 224px;
	background-image:url(../images/left_lower.png);
	float: left;
}

.bg-logo-lower {
	width: 947px;
	height: 224px;
	float: left;
	background: url(../images/head_lower.jpg) no-repeat;
}

.right-line-lower {
	width: 5px;
	height: 224px;
	float: left;
	background: url(../images/right_lower.png);
}

h1.logo {
	position:absolute;
	left: 34px;
	top: 15px;
}

h2.head {
	position:absolute;
	left: 643px;
	top: 39px;
}

.img_head {
	position:absolute;
	left:8px;
	top:173px;
	height: 51px;
}

/* g-navi style
-------------------------------------- */
ul.g-navi {
	position:absolute;
	left: 15px;
	width: 932px;
	top: 125px;
}

ul.g-navi li {
	float: left;
}

ul.g-navi a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*lower main
-------------------------------------- */
div#main {
	width: 960px;
	height: auto;
	#padding-top:62px;
}

div#top-main {
	width: 960px;
	height: auto;
}

div.main-center {
	float: left;
	width: 960px;
	min-height: 600px;
	height: auto !important;
	background: url(../images/bg_lower_main.png) repeat-y 8px 51px;
}


.bottom-line-lower {
	clear: both;
	width: 960px;
	height:8px;
	background: url(../images/bottom_lower.png) no-repeat;
	margin-top: 50px;
}
	
	
/* footer style 
-------------------------------------- */

div#footer {
	width:960px;
	clear:both;
	background: url(../images/logo_bottom.png) no-repeat 0 100px;
	height: 280px;
}

div#footer-top {
	width:960px;
	clear:both;
	background: url(../images/logo_bottom2.png) no-repeat 0 140px;
	height: 280px;
}

.sunrise {
	padding-left:10px;
	padding-top:10px;
}

.sunrise a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

p.sunrise2 {
	text-align: center;
	padding-top: 10px;
}

p.sunrise2 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.b-1 {
	padding-top:10px;
	padding-left:10px;
}

.b-1 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.b-2 {
	padding-top:10px;
	padding-left:10px;
}

.b-2 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.add{
	padding-top:10px;
	padding-left:10px;
}

.add2{
	text-align: center;
	margin-top: 10px;
}

/* to top style
-------------------------------------- */
#page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
}
#page-top a {
	background: #333;
	text-decoration: none;
	color: #fff;
	width: 80px;
	height: 60px;
	padding: 20px 0 0px;
	text-align: center;
	display: block;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#page-top a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



/* common hack style
-------------------------------------- */

/*clearfix */
.clearfix:after, ul:after, ol:after, dl:after {
	content: ".";  
	display: block; 
	clear: both;
	height: 0;
	visibility: hidden;
}
/* for IE6,7 */
div,ul,li,ol,dl,dt,dd,table,th,td,p,a {
	zoom: 1;
	/display: inline-table;
	/min-height: 1%;
}
/* number bug IE6 */
ul, ol, li {
	zoom: normal; 
}