@charset "UTF-8";

/* 
common.css
Version : 1.0
*/


/*
--------------------------------------------------
MEMO
--------------------------------------------------

***** 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%
--------------------------------------------------

*/


/* import
================================================== */
@import "init.css";



/* body + anchor + #wrapper
================================================== */
body {
	background: #222222; 
	padding: 0;
	margin: 0;
	color: #F30;
	}

a,
a:visited { color:#F70; text-decoration: underline; }
a:hover   { color:#FFF; text-decoration: none; }
a:active  { color:#FFF; text-decoration: none; }

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

#wrapper { position:relative; margin: 0; padding: 0; min-width: 980px; }


/* header
================================================== */
header         { min-width: 980px; }
#headerBar     { background: #000; height:50px; white-space: nowrap; min-width: 960px; overflow: hidden; }
#headerTitle   { width: 360px; float: left; }
#headerbuttons { width: 560px; float: right; }
#sharedButtons { width: 380px; float: left; }
#sharedButtons div { float: left; width: 120px; }
#sharedButtons1 { margin: 13px 0 0; }
#sharedButtons2,
#sharedButtons3 { margin: 13px 0 0; }
/* .msie #sharedButtons1 { width: 130px; } */

#officialSite   { width:180px; float:right; text-align: right; }

#headerMain     { background: url(../images/_cmn/bg_url.gif) no-repeat 0 0; clear: both; }
header nav      { padding: 37px 0 47px 38px; background:url(../images/_cmn/hatch_bo3x1.gif) bottom repeat-x; white-space: nowrap; }



/* footer
================================================== */
footer {  }
footer #copyright { display: block; margin: 0 0 50px 50px; }
footer #robot     { display: inline; margin: 0 0 50px 50px; }



/* buttons
================================================== */
a.button1 {
	display: block;
	text-align: center;
	line-height: 170%;
	background: #F30;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-top: #F63 solid 1px;
	border-bottom: #E00 solid 1px;
	text-decoration: none;
	padding: 1em 0;
	color: #222;
	font-weight: bold;
	}

a.button1:hover {
	color: #000;
	background: #F70;
	border-top: #F93 solid 1px;
	border-bottom: #E40 solid 1px;
	}

.msie .button1,
.msie .button1:hover { border: 0; }

span.buttonOFF {
	display: block;
	text-align: center;
	line-height: 170%;
	background: #444;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-top: #555 solid 1px;
	border-bottom: #333 solid 1px;
	text-decoration: none;
	padding: 1em 0;
	color: #000;
	font-weight: bold;
	}

.msie .buttonOFF { border: 0; }



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



/* Rounded Corner
================================================== */
.r3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
.r5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.r10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}