@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	position:relative;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
	background-color:#fff;
}


/*link
-----------------------------------------------------*/
a:link{
	color: #CC0000;
	background: transparent;
}

a:visited{
	color: #CC0000;
	background: transparent;
}

a:hover, a:active{
	color: #003366;
	background: transparent;
}

a:hover img.linkimg{
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60;
	opacity: 0.60;
}

a:hover img {
	filter: alpha(opacity=60); 
	-moz-opacity: 0.60;
	opacity: 0.60;
}

/*text
-----------------------------------------------------*/
h1,h2,h3,h4,p {margin: 0; padding: 0;}

p {
	color: #333;
	line-height: 2.0em;
	margin-bottom: 0.5em;
	font-size: 13px;
	text-align:left;
	*font-size: small;
	*font: x-small;
}

/*table
-----------------------------------------------------*/
table {border-collapse: collapse; font-size:small; line-height:2.0em; border: 0;}
th,td { text-align:left; padding:5px 0; font-weight:normal; border: 0;}


#side-btn {
	width:30px;
	height:617px;
	position:fixed;
	top:100px;
	right:0;
}

#side-btn p{
	padding:0;
	margin:0;
	line-height:1.0;
}

#side-btn p#facebook{
	margin-bottom:5px;
}

#side-btn p#form{
	margin-bottom:10px;
}


#side-btn p#twitter{
	margin-bottom:10px;
}

#side-btn p#yatto{
	margin-bottom:10px;
}

/*wrapper
-----------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	padding:0;
	width:940px;
	text-align: center;
}

#wrapper img {vertical-align: bottom; border:none;}

/*header
-----------------------------------------------------*/
#header{
	width:940px;
	height:186px;
	position:relative;
}

h1{
	font-size: 1px;
	text-indent: -9999px;
	margin:0;
	padding:0;
	position:absolute;
	width: 361px;
	height: 135px;
	top:30px;
	right:42px;
	background:url(../img/logo.gif) 0 0 no-repeat;
}

h1 a{
	position:absolute;
	width: 361px;
	height: 135px;
	top:0;
	right:0;
}

h2 {
	font-size: 1px;
	text-indent: -9999px;
	margin:0;
	padding:0;
	position:absolute;
	width: 375px;
	height: 19px;
	top:30px;
	left:0;
	background:url(../img/copy.gif) 0 0 no-repeat;
}

h3 {
	font-size: 1px;
	text-indent: -9999px;
	margin:0;
	padding:0;
	position:absolute;
	width: 250px;
	height: 64px;
	top:100px;
	left:250px;
}

/*main-btn
-----------------------------------------------------*/
ul#glonavi {
	margin:0 auto 50px auto;
	padding: 0;
	list-style: none;
	height: 60px;
	width:938px;
	position:relative;
}

#glonavi li {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	height: 60px;
	position: absolute;
	display: block;
	text-align: left;
	top:0;
	list-style:none;
	font-size:1px;
}

#glonavi li a {
	height: 60px;
	display: block;
	text-decoration: none;
	top:0;
}

li#top { left: 0; width:112px; background: url(../img/main_btn.gif) no-repeat 0 0;}
li#abo { left: 112px; width:143px; background: url(../img/main_btn.gif) no-repeat -112px 0;}
li#eve { left: 255px; width:135px; background: url(../img/main_btn.gif) no-repeat -255px 0;}
li#cla { left: 390px; width:135px; background: url(../img/main_btn.gif) no-repeat -390px 0;}
li#pap { left: 525px; width:138px; background: url(../img/main_btn.gif) no-repeat -525px 0;}
li#blo { left: 663px; width:123px; background: url(../img/main_btn.gif) no-repeat -663px 0;}
li#lin { left: 786px; width:152px; background: url(../img/main_btn.gif) no-repeat -786px 0;}

#p-top li#top , li#top a:hover { background: url(../img/main_btn.gif) no-repeat 0 -60px;}
#p-abo li#abo , li#abo a:hover { background: url(../img/main_btn.gif) no-repeat -112px -60px;}
#p-eve li#eve , li#eve a:hover { background: url(../img/main_btn.gif) no-repeat -255px -60px;}
#p-cla li#cla , li#cla a:hover { background: url(../img/main_btn.gif) no-repeat -390px -60px;}
#p-pap li#pap , li#pap a:hover { background: url(../img/main_btn.gif) no-repeat -525px -60px;}
#p-blo li#blo , li#blo a:hover { background: url(../img/main_btn.gif) no-repeat -663px -60px;}
#p-lin li#lin , li#lin a:hover { background: url(../img/main_btn.gif) no-repeat -786px -60px;}

/*contents
-----------------------------------------------------*/
#contents {
	margin: 0 auto 100px auto;
	width:940px;
	padding:0;
}

#time-box {
	width:207px;
	height:217px;
	margin:0 26px 30px 0;
	background:url(../img/time_bg.gif) no-repeat;
	position:relative;
	float:left;
	display:inline;
}

#time-box span{
	position:absolute;
}

#time-box span img{
	width:100%;
}

#time-box span#year{
	width:130px;
	left:0px;
	top:0;
}

#time-box span#month{
	width:74px;
	top:70px;
	left:24px;
}

#time-box span#day{
	width:74px;
	top:70px;
	right: 10px;
}

#time-box p#time{
	position:absolute;
	text-align:right;
	top:134px;
	right: 10px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	letter-spacing: 3px;
}

#main-box {
	width:630px;
	float:right;
	display:inline;
}

#main-box a{
	color:#000000;
}

#main-box a:hover{
	color:#CC0000;
}

/*footer
-----------------------------------------------------*/
#footer {
	margin: 0 auto 15px auto;
	width:940px;
	text-align:center;
}

p#maruhachi{
	width:67px;
	float:left;
	display:inline;
	margin-left:67px;
}

p#go-top{
	float:right;
	display:inline;
	margin:10px 0 0 0;
}

p#sub-btn{
	margin:0 auto;
	text-align:center;
	font-size:11px;
}

p#sub-btn a{
	margin:0 40px;
	text-decoration:none;
	color:#000;
}

p#sub-btn a:hover{
	text-decoration:underline;
}

p#copy{
	text-align:right;
	color:#333333;
	padding:0;
	margin:0 10px 0 0;
	font-size:10px;
}


/*others
-----------------------------------------------------*/
br.clear {
	clear: both;
	height: 0px;
}

.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}