@charset "utf-8";
/*
 * imagene.jp common style CSS
 * http://wwww.imagene.jp/
 *
 * Copyright (c) 2009 imagene.jp
 *
 * Date: 2009-03-11 2:20:21 (Wed, 11 Mar 2009)
 * Revision: 1
 * $Id: index.css tatsuya.aizawa $
 */
 
/*
=0.import CSS files
---------------------------------------------------------------------------------- */
@import "common.css";

/* ------------clearfix---------------- */

.unit ul li:after,
.unit ul:after {
	content: ".";
	display: block;
	font-size: 0.1em;
	line-height: 0;
	height: 0.1px;
	clear: both;
	visibility: hidden;
	}

.unit ul li,
.unit ul {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .unit ul li,
* html .unit ul { height: 1%; }

.unit ul li,
.unit ul { display: block; }
/* End hide from IE-mac */

/*--------------------------------------*/





/*
=1.#pagebody
---------------------------------------------------------------------------------- */

#top_project {
	height:70px;
	width :720px;
	padding-top:5px;
	background-color:#ffe6f5;
	
}

#top_project img {
	margin-top:4px;
}

ul.seiretsu {
	background-color:#ffe6f5;
	padding-left:17px;
	padding-right:2px;
	width:700px;
	background:url(/images/projectflower_p.png) repeat-x;
	display:block;
	background-color:#ffe6f5;
	height:70px;
}

ul.seiretsu li {
	display:inline;
	padding-right:7px;
}

ul.seiretsu li a{
	display: inline-block;
	width: 64px;
	height: 64px;
}

.seiretsu .dantai_entry a{
	display: inline-block;
	height:63px;
	width:163px;
	background-image:url(/images/dantai_entry.png);
}

.dantai_entry a span{
	display:none;
}

.seiretsu .dantai_entry a:hover{
	background-position:-162px;
}

#sebira_wrap {
	height: 210px;
	margin-bottom: 10px;
	background: url(/images/ajax-loader.gif) no-repeat center center;
}

#sebira {
	width: 719px;
	height: 210px;
	background:url(/images/sebira/sebirafireworks.png) no-repeat;
	overflow: hidden;
	color:pink;
	visibility: hidden;
	/*(/images/sebira/noflash-top.jpg) made by Nao Kohno*/
}


#ttl_bokin {
	color:black;
	display:block;
	font-size:2em;
	font-weight:bold;
	position:absolute;
	right:70px;
	top:310px;
	margin:-73px -6px 0 0;
	/margin:-73px 0 0 0;
}

.world_makers {
	margin-left:15px;
	display: -moz-inline-box; /* For FF2 */
	display: inline-table;
	/display: inline; /* Hack For IE5-7 */
	/zoom: 1; /* Hack For IE5-7 */
	margin-bottom:5px;
	width:80px;
}

#world_makers dt,#world_makers dd {
	background-color:#fff;
	text-align:center;
}

#world_makers dt{
	padding:5px;
}

/*
 * #side
 *
 */

#side {
	width: 200px;
	float: left;
	margin-left: 10px;
	overflow: hidden;
	position: relative;
	display: inline;	/*For IE6 margin bug*/
	padding-top:5px;
	}

#side .unit {
	width: 198px;
	margin-bottom: 10px;
	}

.cateSrch h3,.areaSrch h3 {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:28px;
	}

#side .unit fieldset {
	border: 1px #ccc solid;
	border-top: none;
}

#side .unit dt{
	background-color:#DBEDFB;
	display:block;
	font-size:1.1em;
	margin-left:10px;
	margin-right:15px;
	margin-top:0.7em;
}

#keySrchTxt {
	width: 170px;
}

.pushWords a {
	margin-right: 5px;
}

#side .cateSrch fieldset {
	padding: 3px 0;
}

.cateSrch ul li {
	display: block;
	width: 196px;
	margin: 5px 0;
	overflow: hidden;
	background: url(/images/cate2.png) no-repeat;
	}

.cateSrch .sprite-cate01 { background-position: 0 0;}
.cateSrch .sprite-cate02 { background-position: 0 -66px;}
.cateSrch .sprite-cate03 { background-position: 0 -137px;}
.cateSrch .sprite-cate04 { background-position: 0 -200px;}
.cateSrch .sprite-cate05 { background-position: 0 -262px;}
.cateSrch .sprite-cate06 { background-position: 0 -323px;}
.cateSrch .sprite-cate07 { background-position: 0 -357px;}
.cateSrch .sprite-cate08 { background-position: 0 -390px;}
.cateSrch .sprite-cate09 { background-position: 0 -454px;}
.cateSrch .sprite-cate010 { background-position: 0 -516px;}

.cateSrch ul li a {
	display: block;
	margin-left: 36px;
	padding-right: 18px;
	background: url(/images/cateArrow.png) no-repeat 137px center;
	color: #666;
	text-decoration: none;
	}

.cateSrch ul li a:hover {
	background-image: url(/images/cateArrow_on.png);
}

.cateSrch ul li a span {
	color: #09F;
	font-size: 95%;
}

.areaSrch dd {
	margin-bottom:0;
	margin-left:3em;
}
.areaSrch .none {
	color: #999;
}

#side .mgz .inner {
	padding: 5px;
	border-bottom: 1px #ccc solid;
}

#side .qr .inner {
	padding: 5px;
	border-bottom: 1px #ccc solid;
}

#side .blogparts .inner {
	padding: 5px;
	border-bottom: 1px #ccc solid;
}

#side .mgz h3,#side .qr h3 {
	display: block;
	width: 200px;
	height: 2em;
	line-height: 2.50em;
	text-indent: 10px;
	color: #333;
	font-weight: normal;
	font-size: 95%;
}

#side .mgz h3,#side .blogparts h3 {
	display: block;
	width: 200px;
	height: 2em;
	line-height: 2.50em;
	text-indent: 10px;
	color: #333;
	font-weight: normal;
	font-size: 95%;
}

#side .mgz dl dd * {
	display: block;
	vertical-align: middle;
}

#side .mgz dl dd img {
	margin-right: 5px;
}

#side .unit h4 {
	display: block;
	width: 198px;
	height: 2.11em;
	background-repeat: no-repeat;
	border-bottom: 3px #3E4567 solid;
	line-height: 2.50em;
	text-indent: 15px;
	color: #333;
	font-weight: bold;
	font-size: 95%;
}

.imagene-news ul li {
	background-color:#fff6db;
	border-top:1px solid #fccdb8;
	padding:3px;
}


.imagene-news{
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	width:198px;
}


#contents {
	width: 730px;
	margin: 0 0 0 9px;
	float: right;
	position: relative;
}

#main {
	width: 480px;
	float: left;
	display:inline;
	}
	
#main .unit {
	width: 478px;
	margin-bottom: 10px;
	border: 1px #ccc solid;
	}

#main .unit h3 {
	display: block;
	width: 478px;
	height: 2.11em;
	background-repeat: no-repeat;
	border-bottom: 3px #3E4567 solid;
	line-height: 2.50em;
	text-indent: 15px;
	color: #333;
	font-weight: bold;
	font-size: 95%;
}

#main .unit .inner {
	padding: 10px;
}

.pickup li {
	clear: both;
	line-height: 1.5;
	border-top: 1px #ccc solid;
	padding-top: 10px;
	margin-top: 10px;
}

.pickup li.init {
	border: none;
	padding-top: 0;
	margin-top: 0;
	}

.pickup .attention_pjt{
	text-align:right;
	margin:0;
	/margin-top:-26px;
	_margin-top:-26px;
}

.sfa em {
	font-size: 130%;
	font-weight: bold;
}

.sfa .thum {
	float: right;
}

.sfa ul {
	clear: both;
}

.sfa ul li {
	display: -moz-inline-box; /* For FF2 */
	display: inline-block;
	/display: inline; /* Hack For IE5-7 */
	/zoom: 1; /* Hack For IE5-7 */
	width: 227px;
}

.pickup em {
	font-size: 130%;
	font-weight: bold;
}

.pickup li p {
	line-height: 1.5;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.pickup .thum {
	float: left;
	margin-right: 10px;
	border: 1px #ccc solid;
}

.bnr {
	border: none !important;
}

#main .new-pjt .inner {
	padding: 0;
}

.new-pjt dl {
	display: -moz-inline-box; /* For FF2 */
	display: inline-table;
	/display: inline; /* Hack For IE5-7 */
	/zoom: 1; /* Hack For IE5-7 */
	padding: 5px;
	width: 146px;
	/width:148px;
	text-align: left;
	height:225px;
	vertical-align:middle;
}

.new-pjt dl dt {
	padding-top:5px;
	border:none;
	display:block;
	margin:0 auto;
	text-align: center;
	/width:100px;
	/height:100px;
}

.newpro_top {
	padding:1px;
	/padding:2px;
}

.newpro_top .odd {background-color:#fffdd0;}

.newpro_top dl {background-color:#ffffff;}


.imgboard {
	width:102px;
	height:102px;
	position:50% 50%;
}

.imagene-news h4 {
	border-bottom: 1px #CCC solid !important;
}

/*
 * #sub
 *
 */

#sub {
	width: 229px;
	margin-right: 10px;
	float: right;
	position: relative;
	display: inline;	/*For IE6 margin bug*/
	}

#sub .unit {
	max-width: 229px;
	border: 1px #ccc solid;
	margin-bottom: 10px;
}

#sub .unit .inner2 {
	width: 217px;
	padding: 5px;
	background: url(/images/mypage_link.png) no-repeat scroll 0 0;
}

#sub .unit .inner {
}

#sub .unit h3 {
	display: block;
	width: 227px;
	height: 2.11em;
	border-bottom: 2px #FCC solid;
	line-height: 2.50em;
	color: #333;
	text-indent: 15px;
	font-weight: bold;
	font-size: 95%;
}

#side .login{
	margin-top: -6px;
	background-image:url('/images/index193/login_bg.png');
	height:270px;
	width:200px;
}

.login img{
	margin-left:56px;
}

#side .login fieldset{
	padding-top:20px;
	border:none;	
	border-style:none;
	border-width:noe;
}

#imagene_login{
	_font-size:10px;
}

.login h3{
	display:none;
}

.login .hello {
	display: block;
	padding: 5px;
	font-weight:bold;
	margin-left:25px;
	width:145px;
	_font-size:10px;
}

.login table {
	margin-left: 28px;
	width: 200px;
	font-size: 85%;
}

.login table input {
	width: 140px;
}

.sprite-login-btn,
.sprite-reg-btn {
	display: block;
	width: 143px;
	height: 26px;
}

.sprite-login-btn {
	margin: 25px;
}

.sprite-reg-btn {
	margin: 5px auto 10px;
}

.option label{
	_font-size:10px;
}

.login .option {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 30px;
	/padding-left:28px;
	line-height: 1.7;
}

.login .option * {
	vertical-align: middle;
}

.login .option label {
	margin-left: 4px;
}

#emgc {
	width: 208px;
	padding-bottom: 21px;
	background: url(/images/w_emgc_btm.png) no-repeat left bottom;
	}

#emgc h3 {
	display: block;
	width: 208px;
	height: 98px;
	position: relative;
	background: url(/images/w_emgc_top.png) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}

#emgc h3 img {
	position: absolute;
	top: 21px;
	left: 88px;
	}

#emgcInner {
	width: 174px;
	padding: 0 17px;
	position: relative;
	background: url(/images/w_emgc_bg.png) repeat-y top left;
	}

#emgcInner a.moreInfo {
	display: block;
	width: 164px;
	height: 39px;
	overflow: hidden;
	margin-left: 4px;
	position: relative;
	}

#emgcInner a.moreInfo span {
	display: block;
	width: 164px;
	height: 39px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/w_emgc_btn.png) no-repeat top left;
	cursor: pointer;
	}

.blog ul {
	position: relative;
}
	

.blog li {
	display: block;
	margin-bottom: 3px;
	padding: 5px 0;
	height: 4.8em;
	overflow: hidden;
}

.blog li.hover span.label {
	display: block;
	width: 45px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/label_new.png) no-repeat top left;
}

.blog li.odd {
	background-color: #F5F5F5;
}

.blog dl dt {
	width: 140px;
	float: left;
	margin-right: 5px;
	clear: both;
}

.blog dl dd {
	display: block;
	margin-left: 2px;
}

.blog dl dd img {
	width: 60px;
	border: 1px #CCC solid;
}
#sub .urgent{
	padding-bottom:5px;
}

#sub .ranking {
	background-color:#cb0000;
	border:1px solid #CCCCCC;
}

#sub .ranking .inner {
	padding-bottom: 10px;
	width: 227px;
	min-height: 420px;
	/min-height:420px;
	background: url(/images/ranking_number.png) no-repeat;
	margin:0px;
}

.ranking_forms {
	display:block;
	float:left;
	height:24px;
	width:45px;
	left:0;
	position:absolute;
	background:transparent url(/images/ranking_forms.png) no-repeat scroll -5px -2px;
}

.ranking_new {
	display:block;
	float:left;
	height:24px;
	width:45px;
	left:0;
	position:absolute;
	background:transparent url(/images/ranking_form.png) no-repeat scroll -5px 0px;
}

.ranking_keep {
	display:block;
	float:left;
	height:15px;
	width:15px;
	margin-top:1px;
	left:7px;
	position:absolute;
	background:transparent url(/images/ranking_form.png) no-repeat scroll 0px -24px;
}

.ranking_up {
	display:block;
	float:left;
	height:15px;
	width:15px;
	margin-top:1px;
	left:7px;
	position:absolute;
	background:transparent url(/images/ranking_form.png) no-repeat scroll -15px -24px;
}

.ranking_down {
	display:block;
	float:left;
	height:15px;
	width:15px;
	margin-top:1px;
	left:7px;
	position:absolute;
	background:transparent url(/images/ranking_form.png) no-repeat scroll -30px -24px;
}

.rank {
	padding-top:51px;
	/padding-top:53px;
}

.clearfix {
	display:block;
}

.rankBox {
	border-bottom:1px dotted #999999;
	min-height:66px;
	/min-height:66px;
	margin:5px 5px 0;
	/margin:1px 5px 0;
	width:219px;
}

.rank .name {
	float:left;
	height:auto;
	padding-left:5px;
	width:117px;
}

.rank .imgBox {
	float:left;
}

#rank ul li {
	padding-left: 40px;
	margin-bottom: 1px;
	}

#r1st { background: #ffdddd url(/images/w_rank1st.png) no-repeat center left; }
#r2nd { background: #ffe8e8 url(/images/w_rank2nd.png) no-repeat center left; }
#r3rd { background: #ffeded url(/images/w_rank3rd.png) no-repeat center left; }
#r4th { background: #fff5f5 url(/images/w_rank4th.png) no-repeat center left; }
#r5th { background: #fff9f9 url(/images/w_rank5th.png) no-repeat center left; }

#rank ul li span {
	display: block;
	width: 70px;
	float: right;
	}

#rank ul li a {
	float: left;
	}
	
.rank_move {
	padding-left:33px;
	padding-top:1px;
}


#latestDn {
	width: 202px;
	margin-top: 12px;
	}

#latestDn h3 {
	display: block;
	width: 202px;
	height: 54px;
	background: url(/images/latestDn_top.png) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	}

#latestDnInner {
	width: 200px;
	height: 200px;
	background-color: #ffffff;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	}

/*     logon section        */
div.loggedon-bg {
	float:right;
	padding-right:4px;
	padding-top:10px;
	width:130px;
	margin-right:31px;
	_margin-left:35px;
}

a.logon-mypage{
	background:transparent url(/images/after_loginbtn.png) no-repeat scroll 0;
	cursor:pointer;
	display:block;
	height:27px;
	margin-top:5px;
	width:130px;
}

a.logon-profile{
	background:transparent url(/images/btn-_login2.png) no-repeat scroll 0 50%;
	cursor:pointer;
	display:block;
	height:33px;
	width:102px;
}

a.logon-logout{
	cursor:pointer;
	display:block;
	margin-left:5px;
	margin-top:7px;
}

a.logon-mypage span{
	display:block;
display:none;

}

a.logon-logout span{
	display:block;
	margin-left:60px;
	margin-top:5px;
	margin-bottom:5px;
}

a:hover.logon-mypage { background-position:-130px 0px; }
a:hover.logon-profile { background-position:-102px 0px; }
a:hover.logon-logout{ background-position:-69px 2px; }

.floatleft{float:left;}

/*
=2.CSS Sprite
---------------------------------------------------------------------------------- */
.sprite-icon-glass,
.sprite-icon-key,
.sprite-rank-others,
.sprite-reg-btn,
.sprite-arrow-on,
.sprite-rank1,
.sprite-rank-bnr,
.sprite-rank3,
.sprite-rank5,
.sprite-rank4,
.sprite-rank2,
.sprite-arrow,
.sprite-icon-tri,
.sprite-ttl-bg-s
{
	background-image: url(/images/sprite_index_09_001.png);
}

.cateSrch .sprite-ttl-bg-o {
	background:transparent url(/images/srch_category_srch_banner.png) no-repeat scroll 0 0;
}

.areaSrch .sprite-ttl-bg-o {
	background:transparent url(/images/srch_location_srch_banner.png) no-repeat scroll 0 0;
}


.login-btn { 
	display: block;
	background:url(/images/login/login_btn.png) no-repeat;
	width:118px;
	height:30px;
	margin:10px 15px 0px 10px;
}

button:hover.login-btn { background-position: -117px 0px ; }

.reg-btn {
	display: bJlock;
	background:url(/images/login/newregist.png) no-repeat;
	width:118px;
	height:30px;
	/margin:8px auto 0px;
	margin-left:40px;
	margin-top:10px;

}

button:hover.reg-btn {background-position: -117px 0px;  }


.sprite-icon-glass { background-position: 0 -30px; } 
.sprite-icon-key { background-position: 0 -339px; } 
.sprite-rank-others { background-position: 0 -380px; } 
.sprite-arrow-on { background-position: 0 -776px; } 
.sprite-rank1 { background-position: 0 -824px; } 
.sprite-rank-bnr { background-position: 0 -890px; } 
.sprite-rank3 { background-position: 0 -981px; } 
.sprite-rank5 { background-position: 0 -1047px; } 
.sprite-rank4 { background-position: 0 -1113px; } 
.sprite-rank2 { background-position: 0 -1234px; } 
.sprite-arrow { background-position: 0 -1358px; } 
.sprite-icon-tri { background-position: 0 -1406px; } 
.sprite-ttl-bg-s { background-position: 0 -1533px; } 



.inner loggedin {

}

.loggedon-frame {
	height:128px;
	width:128px;
	float:left;
	margin-left:20px;
	_margin-left:17px;
}

#logon_prof {
	margin-left:15px;
	_margin-left:0px;
	max-width:128px;
	max-height:128px;
}

.bokin_count {padding-right:3px;}

.pjt_title {
	height:31px;
	overflow:hidden;
}

.registered .inner a {
	font-size:76%;
}

.registered .inner dl {
	width: 49%;
	text-align:center;
	padding-top:2px;
	display: -moz-inline-box; /* For FF2 */
	display: inline-table;
	/display: inline; /* Hack For IE5-7 */
	/zoom: 1; /* Hack For IE5-7 */
	vertical-align:middle;
}

.registered .inner dl dt {
	height:40px;
}

.registered .inner dl dd{
	margin-bottom:5px;
}

.registered .inner dl dd a{
	padding-top:1px;
	display:block;
	height:30px;
	line-height:1.1em;
}

*:first-child+html .registered .inner dl dd a{
		line-height:1.3em;/* Hack For IE7 */
}

.NPO-news{
	border:1px solid #CCCCCC;
}

.NPO-news .inner ul li{
	padding:3px;
	border-top: 1px #cccccc solid;
	background-color: #f9f9f9;

}

.NPO-news h3{
	background-repeat:no-repeat;
	border-bottom:3px solid #3E4567;
	color:#333333;
	display:block;
	font-size:95%;
	font-weight:bold;
	height:2.11em;
	line-height:2.5em;
	text-indent:15px;
	width:198px;
}

.sprite-ttl-bg-s span{
	float:right;
	margin-top:-26px;
	margin-right:9px;
}

/*
=3.Twitter
---------------------------------------------------------------------------------- */

#twitter {
	width:478px;
	border:1px solid #dddddd;
	line-height:1.5em;
	text-align:left;
}

#twitter_inner {
	padding:12px;
	font-size:0.75em;
}

#twitter_title {
	padding-bottom:10px;
	background-repeat:no-repeat;
	border-bottom:3px solid #3E4567;
	color:#333333;
	display:block;
	font-size:95%;
	font-weight:bold;
	height:2.11em;
	line-height:2.5em;
	text-indent:15px;
	width:478px;
}

#twitter_inner ul#twitter_update_list {
	list-style-type:none;
	font-size:1.5em;
	margin:0;
	padding:0;
}

#twitter_inner ul#twitter_update_list li {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #ccc;
	background-color:#F8F8F8;
}

#twitter_inner #twitter-link {
	text-align:right;
	display:block;
}

.ima_twit {
	vertical-align: middle;
}


/*
=3.100yen
---------------------------------------------------------------------------------- */
.cww100{
	margin-bottom:5px;
}

.umaibo{
	width:220px;
	display:block;
	font-size:9px;
	padding:100px 0 0 1px;
}

.cww100_top{
	background-image:url(/images/100/100yen_head.png);
	display:block;
	width:227px;
}

.cww100_inner{
	background-color:#77f551;
	width:213px;
	padding-top:5px;
}

.cww100_inner dl{
	background-image:url(/images/100/100pjt_bg.png);
	display:block;
	width:204px;
	height:100px;
	margin-left:4px;
}

.cww100_inner dd{
	width:100px;
	font-weight:bold;
	font-size:14px;
	padding:10px 0 0 4px;
}

.cww100_pjt1{
	margin-bottom:10px;
}

.cww100_pjt1 dt{
	float:left;
}

.cww100_pjt1 dd{
	float:right;
}

.cww100_pjt2 dt{
	float:right;
}

.cww100_pjt2 dd{
	float:left;
}


.cww100_inner dl dd a{
	background-image:url(/images/100/100btn.png);
	display:block;
	width:88px;
	height:21px;
	margin-top:10px;
}


.cww100_inner dl dd a:hover{
	background-position:-87px;
}

.cww100_bottom{
	background-image:url(/images/100/100yen_bottom.png);
	display:block;
	width:227px;
	height:11px;
}


.registered .inner, .twit #twitter_inner, .pickup .inner, .NPO-news .inner, .sfa .inner, .cateSrch fieldset, .areaSrch fieldset{
	background-color:#fff;
}

#retweet .twtr-widget .twtr-doc {
	padding-left:4px;
}

#retweet .twtr-widget .twtr-doc .twtr-hd h3 {
	display:none;
}