@charset "utf-8";

/* ---------defaultSet--------- */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,table,th,td{
	margin: 0px;
	padding: 0px;
	}

body{
	text-align: center;
	background-image: url(../img/bg.jpg);
	background-color: #000;
	background-repeat: repeat-x;
	}
html>body{
	font-size: 10px;
	}
*html body{
	font-size: 62.5%;
	}
*:first-child+html body{
	font-size: 62.5%;
	}
	
h1,h2,h3,h4,h5,h6{
	font-size: 1.0em;
	}

hr{
	display: none;
	}

img{
	border: 0px;
	}

ul li{
	list-style-type: none;
	}

a{
	/* Hides from IE-mac */
    overflow: hidden;
	/* End hide from IE-mac */
	}
a:link,
a:visited{
	color: #E71057;
	}
a:active,
a:hover{
	color: #FFF;
	text-decoration: none;
	}
/* ---------/defaultSet--------- */


#all{
	min-width: 906px;
	background-image: url(../img/bg_ink.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}


/* ---------global--------- */
#global{
	z-index: 0;
	position: absolute;
	left: 0px;
	top: 222px;
	width: 100%;
	}
#global .gl-01{
	float: left;
	width: 48%;
	text-align: left;
	}
#global .gl-01 ul{
	margin-left: 15px;
	}
#global .gl-02{
	float: right;
	width: 48%;
	text-align: right;
	}
#global .gl-02 ul{
	margin-right: 15px;
	}

#global .gl-01 .gl-about a,
#global .gl-01 .gl-blog a,
#global .gl-01 .gl-message a,
#global .gl-01 .gl-history a,
#global .gl-01 .gl-credit a,
#global .gl-01 .gl-banner a{
	display: block;
	margin-right: 5px;
	margin-bottom: 3px;
	text-indent: -9999em;
	text-decoration: none;
	float: left;
	background-position: left top;	
	}
#global .gl-01 .gl-about a:hover,
#global .gl-01 .gl-blog a:hover,
#global .gl-01 .gl-message a:hover,
#global .gl-01 .gl-history a:hover,
#global .gl-01 .gl-credit a:hover{
	background-position: left bottom;	
	}
#global .gl-02 .gl-about a,
#global .gl-02 .gl-blog a,
#global .gl-02 .gl-message a,
#global .gl-02 .gl-history a,
#global .gl-02 .gl-credit a,
#global .gl-02 .gl-banner a{
	display: block;
	margin-left: 5px;
	margin-bottom: 3px;
	text-indent: -9999em;
	text-decoration: none;
	float: right;
	text-align: left;
	background-position: right top;	
	}
#global .gl-02 .gl-about a:hover,
#global .gl-02 .gl-blog a:hover,
#global .gl-02 .gl-message a:hover,
#global .gl-02 .gl-history a:hover,
#global .gl-02 .gl-credit a:hover{
	background-position: right bottom;	
	}
#global .gl-about a{
	width: 82px;
	height: 33px;
	background-image: url(../img/gl_about.gif);
	}
#global .gl-blog a{
	width: 62px;
	height: 33px;
	background-image: url(../img/gl_blog.gif);
	}
#global .gl-message a{
	width: 117px;
	height: 33px;
	background-image: url(../img/gl_message.gif);
	}
#global .gl-history a{
	width: 104px;
	height: 33px;
	background-image: url(../img/gl_history.gif);
	}
#global .gl-credit a{
	width: 84px;
	height: 33px;
	background-image: url(../img/gl_credit.gif);
	}
/* gl-banner */
#global .gl-banner a{
	width: 115px;
	height:	43px;
	margin-top: 2px;
	border: solid 1px #3E4335;
	background-image: url(../img/gl_banner.gif);
	}
#global .gl-banner a:hover{
	border: solid 1px #E71057;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
/* gl-banner */

#global li span{
	line-height: 1.0;
	font-weight: bold;
	color: #F00;
	}

/* active */
#about #global .gl-01 .gl-about a{
	background-position: left bottom;
	}
#about #global .gl-02 .gl-about a{
	background-position: right bottom;
	}
#blog #global .gl-01 .gl-blog a{
	background-position: left bottom;
	}
#blog #global .gl-02 .gl-blog a{
	background-position: right bottom;
	}
#message #global .gl-01 .gl-message a{
	background-position: left bottom;
	}
#message #global .gl-02 .gl-message a{
	background-position: right bottom;
	}
#history #global .gl-01 .gl-history a{
	background-position: left bottom;
	}
#history #global .gl-02 .gl-history a{
	background-position: right bottom;
	}
#credit #global .gl-01 .gl-credit a{
	background-position: left bottom;
	}
#credit #global .gl-02 .gl-credit a{
	background-position: right bottom;
	}
/* active */
/* ---------global--------- */


/* ---------footer--------- */
#footer{
	height: 388px;
	background-image: url(../img/bg_test.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}
#footer p.pref{
	height: 119px;
	text-indent: -9999em;
	background-image: url(../img/ic_pref.gif);
	background-repeat: no-repeat;
	background-position: center bottom;			
	}
#footer .qr{
	height: 254px;
	text-indent: -9999em;
	background-image: url(../img/qr.gif);
	background-repeat: no-repeat;
	background-position: center bottom;			
	}

#copyright{
	border-top: solid 1px #3B3B32;
	background-image: url(../img/bg_footer.gif);
	background-repeat: repeat-y;
	background-position: center top;
	}
#copyright p{
	text-indent: -9999em;
	width: 394px;
	height: 77px;
	margin: 0 auto;
	background-image: url(../img/bg_copyright.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
/* ---------/footer--------- */


/* ---------class--------- */
/* clearfix */
.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
*html>body .group {
	display: inline-block; 
	width: 100%;
	}
*html .group {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.group{
  	zoom: 1;
	}
/* clearfix */

.f-left{
	float: left;
	}
.f-right{
	float: right;
	}
.left{
	text-align: left;
	}
.right{
	text-align: right;
	}
.center{
	text-align: center;
	}
.dot01{
	background-image: url(../img/dot_01.gif);
	background-position: left top;
	background-repeat: repeat-x;
	line-height: 30px;
	}
.dot02{
	background-image: url(../img/dot_02.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin-top: 20px;
	}
.red{
	color: #FF0000;
	}
.none{
	display: none;
	}
.pagenate{
	font-size: 1.2em;
	color: #F5F2E7;
	margin: 0px 30px;
	padding: 10px 0;
	background-image: url(../img/bar.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
.pb4{
	padding-bottom: 4.0em;
	}
/*
*html .gl-about a,
*html .gl-blog a,
*html .gl-message a,
*html .gl-history a,
*html .gl-credit a{ 
	behavior: expression(IEPNGFIX.fix(this));
	}*/
/* ---------/class--------- */