@charset "Shift_JIS";
/*  
Theme Name: CLUB 8 STUDIO. ver1.0
Theme URI: http://www.club-8-studio.jp/
Description: Created by <a href="http://www.club-8-studio.jp/">クラブエイトスタジオ盛岡</a>.
Version: 1.0
Author: 有限会社クリエイティブスタジオ
Author URI: http://www.club-8-studio.jp/
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0px;
	padding: 0px;
	}



/* BASE */
body{
	font-size: 80%; 
	line-height:150%;
	color: #333333;
	text-align: center;
	background: #333333;
	}

a{
	text-decoration: none;
	color: #CC0000;
	}

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

hr {
	display: none;
	}

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

ul {
	list-style: none;
	}

#wrapper{
	text-align: center;
	}

#inside{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	}
	


/* HEADER */
#header{
	position: relative;
	width: 900px;
	height: 125px;
	}

#logo{
	position: absolute;
	top: 10px;
	left: 0;
	}

#navi{
	position: absolute;
	top: 0;
	right: 0;
	width: 487px;
	height: 105px;
	}

#navi li{
	float: left;
	}

#navi a, #navi span {
	width: 81px;
	height: 105px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	background-image: url(../image/common/navi_off.gif);
}

#navi a:hover {
	background-image: url(../image/common/navi_on.gif);
}

#navi span {
	background-image: url(../image/common/navi_fix.gif);
}

#bu01 a, #bu01 span {background-position: 0 0;}
#bu02 a, #bu02 span {background-position: -81px 0;}
#bu03 a, #bu03 span {background-position: -162px 0;}
#bu04 a, #bu04 span {background-position: -243px 0;}
#bu05 a, #bu05 span {background-position: -324px 0;}
#bu06 a, #bu06 span {background-position: -405px 0;}
#bu07 a, #bu07 span {width: 82px; background-position: -486px 0;}



/* FOOTER */
#footer{
	text-align: center;
	}

#copyright{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	}

#copyright p{
	margin: 10px 0 20px 0;
	width: 400px;
	height: 20px;
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	background-image: url(../image/common/copyright.gif);
	}



/* Hack */	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */