@charset "EUC-JP";

/*=================================================================
	http://www.sc-code.com/
=================================================================*/

@import url(initialize.css);
@import url(navi.css);
@import url(index.css);
@import url(other.css);


body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:62.5%;
	font-style:normal;
	line-height:160%;
	color:#333333;
	text-align:center;
}

#body_top { background:url(../img/common/background.jpg) repeat-x; }
#body_contents { background:url(../img/common/background02.jpg) repeat-x; }

h1 {
	margin:0;
	padding:8px 10px 0 10px;
	font-weight:normal;
	color:#333333;
	width:880px;
}

h2 {
	position:absolute;
	top:25px;
	left:10px;
	margin:0;
	padding:0;
	width:383px;
	height:75px;
}

h2 a{
	display:block;
	margin:0;
	padding:75px 0 0 0;
	width:383px;
	height:0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../img/common/code_craft_logo.jpg) no-repeat;
}

.center {margin:0 auto;}

#log {display:none}

.error { color:#FF0000; }


a.ao			{ color: #0066FF; text-decoration:underline}/*リンク設定（青）*/
a.ao:hover 		{ color: #FF6633;}

a.hai          { color: #999999; text-decoration:none;}/*リンク設定（灰）*/
a.hai:hover    { color: #FF6633;}

a.siro         { color: #ffffff;}/*リンク設定（白）*/
a.siro:hover     { color: #FF6633;}

a.hai2         { color: #666666; text-decoration:none;}/*リンク設定（灰2）*/
a.hai2:hover   { color: #FF6633;}

a.orange       { color:#FF6600;}/*リンク設定（オレンジ2）*/
a.orange:hover { color:#0033FF;}

a.red          { color:#FF0000; text-decoration:none;}/*リンク設定（オレンジ2）*/
a.red:hover    { color:#0033FF;}

a.kuro          { color:#666666; text-decoration:none;}/*リンク設定（クロ）*/
a.kuro:hover    { color:#0033FF;}

a.db          { color:#336699; }/*リンク設定（濃い青）*/
a.db:hover    { color:#0033FF;}

.span01 { color:#FF0000;} /*フォントカラー（赤）*/
.span02 { color:#006699; font-weight:bold;} /**/
.span03 { color:#836054; font-weight:bold;} /**/
.span04 { font-size:0.8em; color:#333333; font-weight:bold;} /**/
.span05 { color:#FFFFFF;} /*フォントカラー（白）*/
.span06 { color:#FF6600;} /*フォントカラー（オレンジ）*/
.span07 { color:#FF99CC;} /*フォントカラー（桃）*/
.span08 { color:#0099FF;} /*フォントカラー（青）*/
.span09 { color:#339900;} /*フォントカラー（緑）*/
.span10 { color:#009999;} /*フォントカラー（緑）*/
.span11 { color:#333333;} /*フォントカラー（黒）*/
.span12 { font-size:0.8em;} /*フォントサイズ8px*/
.span13 { font-size:0.8em; color:#ffffff;} /**/
.span14 { color:#CC0000;} /*フォントカラー（朱）*/
.span06 { color:#FF6600; font-size:1.2em; font-weight:bold;} /*フォントカラー（オレンジ）*/
.span15 { font-weight:bold;} /*太文字*/
.span16 { font-size:0.8em; color:#333333;} /**/
.span17 { font-size:0.8em; letter-spacing:0.2em;} /*フォントサイズ8px*/
.span18 { font-size:1.2em;} /*フォントサイズ12px*/

/*共通設定
-----------------------------------*/

#wrapper {
	margin:0 auto;
	padding:0 35px;
	width:900px;
	text-align:left;
	position:relative;
	font-size:1.2em;
}

#flash_space {
	position:absolute;
	top:100px;
	left:0;
}


#main_space {
	position:absolute;
	top:100px;
	left:0;
}

#header {
	width:900px;
	height:100px;
	position:relative;
	background:url(../img/common/header.jpg) no-repeat;
}

#container {
	clear:both;
	width:900px;
	background:url(../img/common/contents_back.jpg) repeat-y;
}

#container:after {
	content:" ";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

#contents {
	padding:17px 0 60px 0;
	width:665px;
	float:left;
	background:url(../img/common/content_back.jpg) no-repeat;
	position:relative;
}

#footer {
	padding:25px 0;
	width:900px;
	height:30px;
	background:url(../img/common/footer.jpg) no-repeat;
	text-align:center;
	color:#FFFFFF;
}

#footer a { color:#FFFFFF; text-decoration:none; }
#footer a:hover { color:#FF0000; }

#footer_copy {
	margin:0;
	padding:3px 0;
	text-align:center;
	width:900px;
}

#scroll_buttom {
	position:absolute;
	top:;
	left:648px;
}