@charset "UTF-8";

/*全体構造
---------------------------------------*/
body {
	background:#f0f0f0;/*header.footerと同じ*/
}


/*ヘッダー
-------------------------*/
#header {
	background: #f0f0f0;
	text-align:center;
	background: url(../img/common/bg_header.gif) repeat-x 0 0;
}
	#header-inner {
		margin:0 auto;
		text-align:left;
		width:800px;
	}

#header h1 {
	float:left;
	height:25px;
	line-height:25px;
}

/*sitemap.access.privacy*/
#header_navi {
	height:25px;
}
	#header_navi li { 
		float:right;
	}
	#sitemap a,
	#privacy a,
	#access a{
		display:block;
		height: 20px;
		text-indent: -9999px;
		overflow:hidden;
		outline:none;
	}
	#sitemap a:hover,
	#privacy a:hover,
	#access a:hover{
		background-position: 0 -20px;
	}

	#sitemap a{	width: 56px; background: url(../img/common/btn_sitemap.jpg) no-repeat 0 0;}
	#privacy a{	width: 82px;background: url(../img/common/btn_privacy.jpg) no-repeat 0 0;}
	#access  a{	width: 72px;background: url(../img/common/btn_access.jpg) no-repeat 0 0;}


/*ナビゲーション*/
#logo {
	float:left;
	padding:10px 0;
}
#navi {
	margin-left:300px;
	_margin-left:290px;
	margin-top:30px;
	height:1%;
}
	#navi li {
		width:100px;
		height:20px;
		float:left;
		text-indent: -9999px;
		overflow: hidden;
	}
	#navi li a{
		display: block;
		width: 100px;
		height: 20px;
	}

	/*表示中*/
	#navi01 { background: url(../img/common/navi01.jpg) 0 -20px no-repeat;}
	#navi02 { background: url(../img/common/navi02.jpg) 0 -20px no-repeat;}
	#navi03 { background: url(../img/common/navi03.jpg) 0 -20px no-repeat;}
	#navi04 { background: url(../img/common/navi04.jpg) 0 -20px no-repeat;}
	#navi05 { background: url(../img/common/navi05.jpg) 0 -20px no-repeat;}
	
	/*ロールオーバー*/
	#navi01 a{ background: url(../img/common/navi01.jpg) 0 0 no-repeat;}
	#navi02 a{ background: url(../img/common/navi02.jpg) 0 0 no-repeat;}
	#navi03 a{ background: url(../img/common/navi03.jpg) 0 0 no-repeat;}
	#navi04 a{ background: url(../img/common/navi04.jpg) 0 0 no-repeat;}
	#navi05 a{ background: url(../img/common/navi05.jpg) 0 0 no-repeat;}
	#navi li a:hover { background-position: 0 -20px;}


/*ボディー
-------------------------*/
#content {
	background:#FFF;
	text-align:center;
	}
	#content-inner {
		text-align:left;
		margin:0 auto;
		width:800px;
		padding-top:10px;
		}


/*サイドバー
-------------------------*/
#sidemenu {
	float:left;
	width:200px;
	margin-bottom:20px;
		overflow:visible;
}

/*共通ボックス*/
.sidebox {
	width:200px;
	background:url(../img/common/bg_sidebox.jpg) repeat-y;
	border-bottom: 1px solid #CCC;
	margin-bottom:10px;
		overflow:visible;
}
	.sidebox_conts {padding:10px;}

/*インフォ*/
.infobox{
	width:188px;
	height:300px;
	margin-left:10px;
}

/*問い合わせ*/
.btn_form a {
	margin:0 0 10px 10px;
	display:block;
	width:180px;
	height:33px;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../img/common/btn_form.jpg) no-repeat 0 0;
}
.btn_form a:hover {
	background-position: 0 -33px;
}

/*募集*/
#btn_invite{
	margin:10px 0;
}
	#btn_invite1 ,
	#btn_invite2 ,
	#btn_invite3 {
		width:180px;
		height:40px;
		text-indent: -9999px;
		overflow:hidden;
		margin-bottom:10px;
	}
	#btn_invite1 a ,
	#btn_invite2 a ,
	#btn_invite3 a {
		display:block;
		width:180px;
		height:40px;
	}
	#btn_invite1 a {background: url(../img/common/btn_invite1.jpg) no-repeat 0 0;}
	#btn_invite2 a {background: url(../img/common/btn_invite2.jpg) no-repeat 0 0;}
	#btn_invite3 a {background: url(../img/common/btn_invite3.jpg) no-repeat 0 0;}
	
	#btn_invite1 a:hover,
	#btn_invite2 a:hover,
	#btn_invite3 a:hover {
		background-position: 0 -40px;
	}
	
/*バナー*/
.bnr {
	width:200px;
	height:108px;
	margin-bottom:10px;
	background:url(../img/common/bg_sidebnr.jpg) 0 0 no-repeat;
}
	.bnr_conts {padding:8px 10px 0px;}

.btn_check a {
	float:right;
	display:block;
	width:70px;
	height:15px;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../img/common/btn_check.gif) no-repeat 0 0;
}
.btn_check a:hover {
	background-position: 0 -15px;
}

/*ブログ*/
.blogbox{
	margin-left:10px;
}
#btn_ameba a {
	display:block;
	width:135px;
	height:27px;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../img/common/btn_ameba.jpg) no-repeat 0 0;
	margin:0 10px 10px 35px;
}
#btn_ameba a:hover {
	background-position: 0 -27px;
}

/*アットホーム*/
.athome a {
	display:block;
	width:200px;
	height:90px;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../img/common/bnr_athome.jpg) no-repeat 0 0;
}
.athome a:hover {
	background-position: 0 -90px;
}


/*メインコンテンツ
-------------------------*/
#main {
	float:right;
	width:590px;
	}

/*フラッシュ*/
#swf{
	width:100%;
	height:600px;
	background:url(../img/common/bg_swf.jpg);
}
/*ページタイトル画像*/
#main h2 {
	margin-bottom:20px;
}


/*フッター
-------------------------*/
#footer {
	border-top:1px solid #999;
	background:#f0f0f0;
	text-align:center;
}
	#footer-inner {
		margin:0 auto;
		text-align:left;
		width:800px;
	}

#footer_navi {height:1%;}

#footer_navi li {
	display:inline;
	line-height:3;
	color: #999;
}

#copyright {
	color:#666;
	font-size:80%;
	margin-bottom:200px;
}


/*ポップアップウィンドウ
（アクセス・プライバシー）-------------*/
#popupbox {
	width:590px;
	margin:10px;
	background:#FFF
	}
#popupbox-inner {
	border:1px solid #ccc;
	}
#popupbox h1{
	font-size:18px;
	font-weight:bold;
	margin:10px 0 5px 10px;
	padding-left:5px;
	border-left:5px solid #333;
}
#popupbox address{
	font-weight:bold;
	margin: 0 0 20px 10px;
}
.close a {
	float:right;
	margin:10px 10px 0 0;
	display:block;
	width:  120px;
	height:  20px;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../img/common/btn_close.gif) no-repeat 0 0;
}
.close a:hover,
.close a:focus {
	background-position: 0 -20px;
}

#policy {
	margin:20px;
}
#policy li{
	list-style:decimal inside;
	line-height:2;
	padding-bottom:0.75em;
	margin-bottom:1em;
	background: url(../img/common/border.gif) bottom repeat-x;

}


/*体験者-------------*/
#note {
	width:550px;
	margin:10px 10px 0;
	padding-top:110px;
	background: url(../img/second/bg_note.jpg) 0 0 no-repeat;
}
#note_b {
	width:550px;
	padding-bottom:20px;
	background: url(../img/second/bg_note_b.jpg) 0 100% no-repeat;
}

#note p{
	width:450px;
	margin-left:60px;
	line-height:25px;
	background:url(../img/second/bg_note_m.gif) repeat-y;
}
#note .face{
	float:left;
	margin:0 10px 10px 0;
}
#note span {
	display:block;
	font-weight:bold;
}
#note .close02 {
	padding-top:5px;
	text-align:right;
	background-image:none;
}


/*その他調整用
----------------------*/
.txt_right {text-align:right;}