@charset 'utf-8';
@import url("decoration.css");
@import url("first.css");
@import url("faq.css");
@import url("access.css");
@import url("yakkan.css");
@import url("privacy.css");
@import url("office.css");
@import url("vclub.css");
@import url("camp.css");
@import url("yoyaku.css");
@import url("class.css");
@import url("map.css");
@import url("sitemap.css");
@import url("hack.css");


* {
	margin		: 0;
	padding		: 0;
}
/* ==firefoxでリンクエリアが左端まで選択されてしまう現象のおまじない== */

/*\*/ a { overflow: hidden;}/**/
/* ------------------------------
主にIE5では下記を指定しないと巧くセンタリングしない場合がある。
------------------------------ */
body {
	text-align	: center;
	font-size : 12px;
}


a img {
	border		   : none;
    vertical-align : top;

}

a.bnr img{
    filter:alpha(opacity=100); 
    -moz-opacity: 1.0; 
    opacity: 1.0;
}

a.bnr:hover img{
    filter:alpha(opacity=80); 
    -moz-opacity: 0.5; 
    opacity: 0.5;
}

a { outline:0; color:#0160b0; text-decoration:none; }

a:hover { color: #ffa800; text-decoration:underline; }


/* ========== base layout ========== */

#waku {
	width		: 960px;
	text-align	: left;
	margin		: 0 auto;
	border	: 1px solid #f3f3f3;
}

#wrap {
	width		: 950px;
	text-align	: left;
	margin		: 0 auto;
}

#header {
	margin-bottom	: 0px;
	background:url(../../img/sky/ttl_bg.gif)
}

#sign {
	width		: 410px;
	float		: right;
}

#sign2 {
	width		: 410px;
	margin-top:10px;
	float		: right;
}

#sign2 ul li {
	float		    : right;
	list-style-type	: none;
	margin-right:7px;
}



#main {
	height		: 1%;
	margin-bottom	: 10px;
}

#main:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}
/* ------------------------------
特殊な回り込みの解除はここまで
------------------------------ */

#leftcol {
	width		: 260px;
	float		: left;
	margin-top  : 10px;
	margin-right: 20px;
}

#topmain {
	width		: 670px;
	margin-top  : 10px;
	float		: right;
	
}

#maincol {
	width		: 435px;
	float		: left;
	margin-top  : 10px;
	margin-right	: 5px;
	
}

#rightcol {
	width		: 225px;
	margin-top  : 10px;
	float		: right;
}

#bottommain {
	width		: 670px;
	margin-top  : 0px;
	float		: right;
	
}

#footer {
	clear		: both;
	text-align	: center;
	padding-top  : 20px;
}

#footerwrap {
	width		: 950px;
	text-align	: left;
	margin		: 0 auto;
}

/* ========== common decoration ========== */

.red {
	color		: #F00;
}

.orange {
	color		: #F60;
}

.yellow {
	color		: #FF0;
}

.green {
	color		: #0F0;
}

.blue {
	color		: #00F;
}

.black {
	color		: #000;
}

.gray {
	color		: #CCC;
}

.bggray {
	background-color		: #CCC;
}

.white {
	color		: #FFF;
}

.bgwhite {
	background-color		: #FFF;
}

.bold {
	font-weight	: bold;
}

.italic {
	font-style	: italic;
}

.xx-small {
	font-size	: 40%;
}

.x-small {
	font-size	: 60%;
}

.small {
	font-size	: 80%;
}

.large {
	font-size	: 120%;
}

.x-large {
	font-size	: 140%;
}

.xx-large {
	font-size	: 160%;
}