@charset "utf-8";

/*

information{
	ファイル名 : /css/diary.css;
	概要 : このCSSファイルは新着日記の設定を行っています。;
	サイト名 : ミーテ;
	URL : ;
	コピーライト : Copyright 2007 kumon.  All rights reserved.;
}

*/


div#wrap {width:900px; margin:10px auto; color:#666666; font-size:12px; text-align:left;}


/*トップ===================================================*/

div.main{background:url(../images/about/tit_main.jpg) no-repeat; width:897px; height:190px; position:relative;}
div.main h2{text-indent:-9999px;}
div.main p.explan{margin:90px 265px 10px 55px; font-size:12px; text-align:left; line-height:1.5em;}
div.main p.explan span{color:#FF6600; font-weight:bold;}
div.main p.btnMember{
	overflow:hidden;
	position:absolute;
	right:43px;
	bottom:11px;
	height: 39px;
	width: 198px;
}

div.main p.btnMember a{
	display:block;
	height: 39px;
	width: 198px;
	text-indent:-9999px;
}
div.main p.btnMember a:link{
	display:block;
	height: 39px;
	width: 198px;
}

h3.about{margin:10px auto; width:885px;}

div.contens{width:880px; margin:15px auto;}
div.contens div.fukidashi_l img,
div.contens div.fukidashi_r img { vertical-align: top;}

div.contens dl.regist{width:280px; margin:0 0 10px 10px; float:left; display:block;}
div.contens dl.regist dt{}
div.contens dl.regist dd{padding:0 110px 5px 5px; height:120px;}
div.contens dl.regist dd.write{background:url(../images/about/img_regist_write.gif) no-repeat;}
div.contens dl.regist dd.bookshelf{background:url(../images/about/img_regist_bookshelf.gif) no-repeat;}
div.contens dl.regist dd.friend{background:url(../images/about/img_regist_friend.gif) no-repeat;}

div.contens ul.voice{margin:15px auto 0;}
div.contens ul.voice li{background:url(../images/about/bg_voice.gif) no-repeat; width:405px; height:144px; padding:20px 15px;}
div.contens ul.voice li.left{float:left;}
div.contens ul.voice li.right{float:right;}
div.contens ul.voice li p.photo{width:140px; margin-right:10px; float:left;}
div.contens ul.voice li dl{float:left; position:relative;}
div.contens ul.voice li dl dd{width:250px;}
div.contens ul.voice li dl span{position:absolute; right:0px; top:132px;}
div.contens ul.voice li dl span a{background:url(../images/about/ico_arrow.gif) no-repeat; padding-left:15px;}

div.contens div.fukidashi_l{background:url(../images/about/balloon_m.gif) repeat-y; width:635px; margin:0 10px 20px; position:relative;}
div.contens div.fukidashi_l span{position:absolute; left:626px; top:10px;}
div.contens div.fukidashi_r{background:url(../images/about/balloon_m.gif) repeat-y; width:635px; margin:0 10px 20px; float:right; display:block; position:relative;}
div.contens div.fukidashi_r span{position:absolute; left:-197px; top:35px;}
div.contens dl.such{width:600px; margin:0 10px 0 15px;}
div.contens dl.such dt{}
div.contens dl.such dd{background:#FFE8E8 url(../images/about/ico_maru_red.jpg) 5px 10px no-repeat; padding:5px 10px 5px 20px; margin-bottom:5px}

p.mainBtn{width:860px; height:99px; text-align:center; margin:0 auto 20px; padding:60px 0px 0px; background-image:url(../images/about/img_foot_illst.gif); background-repeat:no-repeat; background-position:50% 0%;}


/* セカンド===================================================*/
div#aboutMain{width:857px; background:url(../images/about/bg_about_main_t.gif) no-repeat; margin:30px auto 0; position:relative; padding:0 15px;}
div#aboutMain h2.bookshelf, div#aboutMain h2.present{position:absolute; left:-4px; top:-11px;}
div#aboutMain h2.leave{position:absolute; left:-1px; top:-11px;}
div#aboutMain ul.left{width:400px; float:left; margin:160px 0 0; display:block;}
div#aboutMain ul.left li{margin:5px 20px;}
div#aboutMain ul.right{width:420px; float:right; margin:30px 0 0 0 ; display:block;}
div#aboutMain ul.right li{text-align:center; margin-bottom:10px;}
p.bg{width:887px; margin:0px auto;}