@charset "utf-8";

/*----------------------------------------------------
	リセット
----------------------------------------------------*/

/*--- reset */

html { overflow-y: scroll; }

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; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }

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

caption, th { text-align: left; }

q:before, q:after { content: ''; }

object, embed { vertical-align: top; }

hr, legend { display: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img, abbr, acronym, fieldset { border: 0; }

li { list-style-type: none; }

/*--- default */

body { color: #333; font-size: small; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; line-height: 1.5; background-image: url(../img/top_bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; height: 100%; width: 100%; background-attachment: fixed; }

* html body {	/* for IF6 */ font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

html,body{
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    overflow:hidden;
}

a:link { }

a:visited { }

a:hover { text-decoration: none; }

a:active { }

/* clearfix */

.cf:after, .mainBox:after, .box03:after, .box04:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.cf, .mainBox, .box03, .box04 { min-height: 1px; }

* html .cf, * html .mainBox, * html .box03, * html .box04 { height: 1px; }

/*----------------------------------------------------
	#page
----------------------------------------------------*/
.page { width: 860px; margin: 0 auto; text-align: left; }

#wrap { position:absolute; width:630px; height:250px; left:50%; top:50%; margin-left:-315px; margin-top:-125px; }

.ABOUT #wrap { position:absolute; width:630px; height:500px; left:50%; top:50%; margin-left:-315px; margin-top:-250px; background-color: #000; filter: alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; color:#FFF; padding-top: 20px; padding-left: 20px; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position:relative; }

.ABOUT .aboutTxt { overflow-y:scroll; width:610px; height:400px; margin-top:20px; }

.ABOUT #wrap .aboutTxt h2 { padding-bottom:10px; padding-left:20px; }

.ABOUT #wrap .aboutTxt p { padding-left:20px; padding-bottom:20px; }

.ABOUT #wrap .totop { position:absolute; top:25px; right:20px; }

#wrap .left { float:left; text-align:right; padding-top:10px; }

#wrap .right { float:right; padding-right:80px; }

/* -----------------------------------------------------------
	#header ヘッダー
----------------------------------------------------------- */
#header { }

/* #utilityNav
----------------------------------------------------------- */
#header #utilityNav { text-align: right; }

#header #utilityNav li { display: inline; }

/* #globalNav
----------------------------------------------------------- */
#header #globalNav { overflow: hidden; }

* html #header #globalNav { height: 1%; }

#header #globalNav li { float: left; }

/* -----------------------------------------------------------
	#footer フッター
----------------------------------------------------------- */
#footer { }

#footer ul { }

#footer ul li { display: inline; }

#footer .copyright { text-align: center; }

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents { }

#contents .pageTop { clear: both; text-align: right; }

/*----------------------------------------------------
	#main メイン
----------------------------------------------------*/
#main { float: left; width: 540px; background: #EEE; }

#main table, #main ol, #main ul, #main dl, #main blockquote, #main pre, #main p { margin-bottom: 1em; }

/* -----------------------------------------------------------
	#sub サイドバー、サブ
----------------------------------------------------------- */
#sub { float: right; width: 300px; background: #EEF; }