@charset "UTF-8";

/* 

common.css

--------------------------------------------------
Font Size
--------------------------------------------------
09px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
--------------------------------------------------

*/


/* KIHON
-------------------------------------------------- */
body { background: url(../images/bg.jpg) center top #000; text-align: center; margin: 0; padding: 0; color:#FFF;}
#wrapper {  margin: 0 auto;background: url(../images/bg_1204.jpg) center top no-repeat;} 



/* ANCHOR
-------------------------------------------------- */
a:link,
a:visited { color:#9EF; }
a:hover,
a:active  { color:#FFF; text-decoration: none; }
a:hover img.hoverFilter {
	opacity:0.6;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-moz-opacity:0.7;
	}

a.arrow:link,
a.arrow:visited { background:url(../images/arrow02.gif) no-repeat left 6px; padding: 0 0 0 20px;  }
html.mac a.arrow:link,
html.mac a.arrow:visited { background:url(../images/arrow02.gif) no-repeat left 2px; padding: 0 0 0 20px;  }
a.arrow:hover,
a.arrow:active { background:url(../images/arrow02_on.gif) no-repeat left 6px; padding: 0 0 0 20px;  }
html.mac a.arrow:hover,
html.mac a.arrow:active { background:url(../images/arrow02_on.gif) no-repeat left 2px; padding: 0 0 0 20px;  }


a.buttonW150:link, a.buttonW150:visited,
a.buttonW200:link, a.buttonW200:visited,
a.buttonW250:link, a.buttonW250:visited,
a.buttonW300:link, a.buttonW300:visited,
a.buttonW350:link, a.buttonW350:visited,
a.buttonW400:link, a.buttonW400:visited,
a.buttonW450:link, a.buttonW450:visited {
	display: block;
	color:#004466;
	text-align: center;
	font-weight:bold;
	background: #FFF;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0;
	text-decoration: none;
	border: 1px #FFF solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow: 0px 1px 6px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 0 0 rgba(0,0,0,0.2);
	background: -moz-linear-gradient(top, #CCC, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FFF));
	}

a.buttonW150:hover, a.buttonW150:active,
a.buttonW200:hover, a.buttonW200:active,
a.buttonW250:hover, a.buttonW250:active,
a.buttonW300:hover, a.buttonW300:active,
a.buttonW350:hover, a.buttonW350:active,
a.buttonW400:hover, a.buttonW400:active,
a.buttonW450:hover, a.buttonW450:active {
	border:1px #046 solid;
	background: #046;
	color:#FFFFFF;
	background: -moz-linear-gradient(top, #112D50, #004466);
	background: -webkit-gradient(linear, left top, left bottom, from(#112D50), to(#004466));
	}

a.buttonW150 { width: 150px; }
a.buttonW200 { width: 200px; }
a.buttonW250 { width: 250px; }
a.buttonW300 { width: 300px; }
a.buttonW350 { width: 350px; }
a.buttonW400 { width: 400px; }
a.buttonW450 { width: 450px; }


/* Rounded Corner
-------------------------------------------------- */
.round3 {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

.round5 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

	
/* Text Effects
-------------------------------------------------- */
/*
.embossText   { text-shadow: 0 1px 0 #FFF; }*/
.hatchRedAnim { background: url(../images/hatch_red_anim.gif); }
.hatchYellow  { background: url(../images/hatch_yellow.gif); }
.hatchWhite   { background: url(../images/hatch_white.gif); }



/* #headSec
-------------------------------------------------- */
#headSec  { text-align: left; width: 960px; margin:auto;}
#bodySec{width: 960px; margin:auto;}
#footSec{width: 960px; margin:auto;}
#top      { float: left; width: 300px; }
#exnavi   { float: right; width: 560px; }
#sharedButtons,
#sharedButtons1,
#sharedButtons2,
#sharedButtons3 { float: left; overflow: hidden; }
#sharedButtons  { padding: 9px 0 0; }
#sharedButtons1 { width: 130px; }
#sharedButtons2 { width: 140px; }
#sharedButtons3 { width: 150px; }


#exnavi #gotoOfficial  { float: right; }
#gnavi    { border-top: 1px solid #000;  }
#gnavi ul { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; display: block; height: 78px; overflow: hidden; }
#gnavi li { display: block; float: left; }
img.gnaviLine {  }



/* #scrolltotop
-------------------------------------------------- */
#scrolltotop { position: fixed; bottom:10px; right:10px; width:30px; height:30px; }


/* #fbCode / 
-------------------------------------------------- */
#fbCode { height: 0px; overflow: hidden; }