/********************************/
/*ベーシックな背景色とフォント*/
/********************************/

body{
margin:0px;
padding:0px;
background:url(/static/images/top/dot.gif);
font-family : MS ゴシック,Osaka,ヒラギノ角ゴ Pro W3,Osaka,trebuchet ms,sans-serif;  
font-size:80%;
}
h1,h2,h3,ul,li,p,div,dl,dt,dd,form{
margin:0px;
padding:0px;
line-height:100%;
}


table,td,div{
color:#2F1C00;
font-family : MS ゴシック,Osaka,ヒラギノ角ゴ Pro W3,Osaka,trebuchet ms,sans-serif; 
}
	
textarea,input{
color:#2F1C00;
font-family : MS ゴシック,Osaka,ヒラギノ角ゴ Pro W3,Osaka,trebuchet ms,sans-serif; 
}
	
img{border:0px;}

hr.hidden{display:block;clear:both;height:0px;border:none 0px;visibility:hidden;}

div.base{width:820px;height:1320px;background:url(/static/images/top/bg-contents.jpg) no-repeat top left;margin:0px auto;text-align:center;}


/*header*/

div.header{margin:0px 0px 20px;}
*+html body div.header{margin-left:-20px;}
div.header div.copy{width:330px;height:35px;float:left;background:url(/static/images/top/copy.gif) no-repeat 10px center;text-indent:-9999px;}

div.header div.login{float:left;width:470px;height:35px;text-align:right;}
html>body div.header div.login{float:none;margin-left:330px;}
div.header div.login form{padding:6px 0px 0px;}
div.header div.login span.login-email{}
div.header div.login span.login-pw{}
div.header div.login span#login-btn a{display:block;width:70px;height:20px;background:url(/static/images/top/login-btn.gif) no-repeat 0px;}
div.header div.login span#login-btn a:hover{background-position:0px -20px;}

/*header-navi*/

div.header div.header-navi{width:818px;height:75px;padding:0px 1px;}
div.header div.header-navi ul li{float:left;display:block;height:75px;list-style-type:none;text-indent:-9999px;}

div.header div.header-navi ul.header-navi-left{float:left;width:249px;height:75px;background:url(/static/images/top/menu-left.gif) no-repeat left top;}
div.header div.header-navi ul.header-navi-left li a{display:block;height:75px;background:url(/static/images/top/menu-left.gif) no-repeat left top;}
div.header div.header-navi ul.header-navi-left li.community a{width:67px;background-position:-40px 0;margin-left:40px;}
div.header div.header-navi ul.header-navi-left li.community a:hover{width:67px;background:url(/static/images/top/menu-left2.gif) -40px 0px;}
div.header div.header-navi ul.header-navi-left li.bazaar a{width:67px;background-position:-107px 0;}
div.header div.header-navi ul.header-navi-left li.bazaar a:hover{width:67px;background:url(/static/images/top/menu-left2.gif) -107px 0px;}
div.header div.header-navi ul.header-navi-left li.dedgema a{width:67px;background-position:-174px 0;}
div.header div.header-navi ul.header-navi-left li.dedgema a:hover{width:67px;background:url(/static/images/top/menu-left2.gif) -174px 0px;}

div.header div.header-navi h1{
float:left;display:block;width:320px;height:75px;background:url(/static/images/top/title.jpg) no-repeat left top;text-indent:-9999px;}

div.header div.header-navi ul.header-navi-right{float:left;width:249px;height:75px;background:url(/static/images/top/menu-right.gif) no-repeat left top;}
html>body div.header div.header-navi ul.header-navi-right{float:none;margin:0px 0px 0px 569px;}

div.header div.header-navi ul.header-navi-right li a{display:block;height:75px;background:url(/static/images/top/menu-right.gif) no-repeat left top;}
div.header div.header-navi ul.header-navi-right li.school a{width:64px;background-position:-20px 0;margin-left:20px;}
div.header div.header-navi ul.header-navi-right li.school a:hover{background:url(/static/images/top/menu-right2.gif) -20px 0px;}
div.header div.header-navi ul.header-navi-right li.atelier a{width:64px;background-position:-84px 0;}
div.header div.header-navi ul.header-navi-right li.atelier a:hover{background:url(/static/images/top/menu-right2.gif) -84px 0px;}
div.header div.header-navi ul.header-navi-right li.nest a{width:64px;background-position:-148px 0;}
div.header div.header-navi ul.header-navi-right li.nest a:hover{background:url(/static/images/top/menu-right2.gif) -148px 0px;}


div.contents{width:790px;height:835px;margin:0px auto;text-align:left;}
div.left{width:660px;height:835px;float:left;text-align:left;margin:0;}
div.right{width:130px;height:835px;float:left;text-align:left;margin:0;}


div.info{width:660px;height:160px;margin:0px 0px 20px;}
div.info ul.join{float:left;width:140px;height:140px;}
div.info ul.join li{display:block;width:122px;height:70px;list-style-type:none;margin:0px 0px 0px;}
div.info ul.join li a{display:block;width:122px;height:70px;margin:0px 0px 0px;background:url(/static/images/top/stamp.gif) no-repeat top left;text-indent:-9999px;}
div.info ul.join li.about a{background-position:0 0;}
div.info ul.join li.about a:hover{background-position:-122px 0;}
div.info ul.join li.regist a{background-position:0px -70px;}
div.info ul.join li.regist a:hover{background-position:-122px -70px;}

/*アナウンス*/
div.info div.announce{float:left;width:405px;height:105px;overflow:auto;margin:20px 20px 20px 15px;padding:5px 0px;}
div.info div.announce p{margin:0px 5px 5px 0px;line-height:120%;}
div.info div.announce p span{display:block;line-height:120%;font-weight:bold;margin-bottom:5px;}
div.info div.announce li{line-height:120%;font-weight:bold;margin-bottom:5px;padding:0px 0px 0px 10px;background:url(/static/images/top/announce-icon.gif) no-repeat left 1px;}

div.box-left{float:left;width:330px;}
div.box-right{float:left;width:330px;}


/*クリアタイル*/
div.clear-tile {
	width:315px;
	position:absolute;
}
div.clear-tile h2 {width:315px;height:55px;margin-bottom:5px;}
div.clear-tile h2 a{display:block;text-indent:-9999px;width:315px;height:55px;}
div.clear-tile ul.thumb{margin:5px 0px 10px 25px;}
div.clear-tile ul.thumb li{
	list-style-type:none;
	float:left;
	position:relative;
	margin:0px 2px;
}
div.clear-tile ul.thumb li img{
	border:3px #fff solid;
}
div.clear-tile ul.latest{
	clear:both;
	overflow:auto;
	height:75px;
	margin:0px 10px 0px 25px;
	font-family:Osaka－等幅,"ＭＳ ゴシック"; 
}
html>body div.clear-tile ul.latest{
	margin:85px 10px 0px 25px;
}
div.clear-tile ul.latest li{
	margin:2px 0px;
	list-style-type:none;
}

/*クリアタイル-コミュニティ*/
div.box-left div.clear-tile.community{
	height: 225px;
	margin:0px 0px 0px 0px;
}

/*クリアタイル-巣*/
div.box-left div.clear-tile.nest{
	height:130px;
	margin:245px 0px 0px 0px;
}
div.box-left div.clear-tile.nest p{
	width:107px;
	height:10px;
	margin:15px 25px 3px;
	background:url(/static/images/top/nest-message.gif) no-repeat top left;
	text-indent:-9999px;
}
html>body div.box-left div.clear-tile.nest p{
	margin:15px 25px 5px;
}
div.box-left div.clear-tile.nest div.search{
	margin:0px 25px;
}

/*クリアタイル-OCBAZAAR*/
div.box-left div.clear-tile.bazaar{
	height:260px;
	margin:395px 0px 0px 0px;
}
div.clear-tile.bazaar h2 {
	width:315px;
	height:60px;
	margin-bottom:10px;
}
div.clear-tile.bazaar h2 a{
	display:block;
	text-indent:-9999px;
	width:315px;
	height:60px;
}
div.box-left div.clear-tile.bazaar img{
width:80px;
height:80px;
}
div.box-left div.clear-tile.bazaar div.bazaar-announce{
clear:both;
width:180px;
height:70px;
margin:15px 0px 0px 100px;
line-height:140%;
font-family:Osaka－等幅,"ＭＳ ゴシック";
}

html>/**/body div.box-left div.clear-tile.bazaar div.bazaar-announce{
position:absolute;
margin-top:110px;
line-height:140%;
font-family:Osaka－等幅,"ＭＳ ゴシック";
}



/*クリアタイル-デジマ*/
div.clear-tile.dedgema{
	height:225px;
	margin:0px 0px 0px 0px;
}
html>body div.clear-tile.dedgema{
	margin:0px 0px 0px 330px;
}
*+html body div.clear-tile.dedgema{
	margin:0px 0px 0px 0px;
}

/*クリアタイル-カプセル工房*/
div.clear-tile.atelier{
	height: 130px;
	margin:245px 0px 0px 0px;
}
html>body div.clear-tile.atelier{
	margin:245px 0px 0px 330px;
}
*+html body div.clear-tile.atelier{
	margin:245px 0px 0px 0px;
}

/*クリアタイル-スクール*/
div.clear-tile.school{
	height: 173px;
	margin:395px 0px 0px 0px;
}
html>body div.clear-tile.school{
	height: 173px;
	margin:395px 0px 0px 330px;
}
*+html body div.clear-tile.school{
	height: 173px;
	margin:395px 0px 0px 0px;
}
div.clear-tile.school p{
	margin:0px 25px;
	font-family:Osaka－等幅,"ＭＳ ゴシック";
	line-height:140%;
}
div.clear-tile.school p img{
	float:left;margin-right:5px;
	border:3px #fff solid;
}
div.clear-tile.school dl{
	margin:0px 0px 0px 25px;
}
div.clear-tile.school dl dt{
	text-indent:-9999px;
	margin:-10px 0px 0px;
}
div.clear-tile.school dl dd.img{
	float:left;margin-right:5px;
}
div.clear-tile.school dl dd.img img{
	border:3px #fff solid;
}
div.clear-tile.school dl dd{
	margin-right:20px;
}
div.clear-tile.school dl dd.schoolname{
	font-weight:bold;margin-bottom:5px;
}
div.right div#ticker.unit{width:100px;height:63px;margin:105px 0px 0px 25px;}
div.right span.more a{display:block;width:80px;height:13px;margin:0px 0px 40px 47px;text-indent:15px;background:url(/static/images/yajirusi.gif) no-repeat top left;}
div.right span.more a:hover{background-position:0px -13px;}
div.right div.hitokoto{}
div.right div.hitokoto p{display:block;margin:0px 0px 5px;}
div.right div.hitokoto span{font-size:90%;}
div.right ul.banner{margin:0px 0px 0px 25px;}
div.right ul.banner li{	list-style-type:none;margin-bottom:5px;}


/*footer*/
div.footer{width:820px;height:355px;background:url(/static/images/top/bg-island.gif) no-repeat top left;text-align:left;}
div.footer div.description{
	position:absolute;
	width:320px;
	height:250px;
	background:url(/static/images/top/top-description.gif) no-repeat;text-indent:-9999px;
	margin:50px 0px 0px 5px;
	}
div.footer span.join-btn{position:absolute;margin:310px 0px 0px;}
div.footer span.join-btn a{display:block;width:350px;height:40px;text-indent:-9999px;background:url(/static/images/top/top-join-btn.gif) no-repeat 0px 0px;}
div.footer span.join-btn a:hover{background-position:0px -40px;}
div.footer div.bottomCreditZorn{position:absolute;width:350px;margin:220px 0px 0px 480px;}
div.credit-banner{margin:2px 2px;float:left;}
div.credit-banner img{width:100px;height:44px;border:#fff solid 3px;}

div.supporter{text-align:center;padding:0px 0px 10px;}
div.supporter table{margin:0px auto;}
div.footer-menu{margin:10px auto 20px;overflow:auto;}
div.footer-menu ul{margin:0px;}
div.footer-menu ul li{display:block;float:left;font-size:80%;padding:10px 0px 0px;}
div.footer-menu ul li a{margin:0px 3px;}
div.footer-menu p.copyright{float:right;display:block;font-size:80%;padding:10px 20px 0px 0px;}