@charset "utf-8";

/*

	ピンチなう！
	
*/

/*--------------------------------------------------------------------
	common
--------------------------------------------------------------------*/
.clearfix:after {
	content: "";
 	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* MacIE??Kp \*//*/
.clearfix { overflow: hidden; } /* */

.lucent {
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
    opacity: 0.40;
}

body {
	color:#3b2c03;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:82%;
	line-height:1.4;
	background:#cbfff1 url(../img/bg_body.gif) center top repeat-y;
	margin:0;
	padding:0;
}

iframe {
	border:none;
	height:100%;
	background:none;
}

a {
	outline:none;
	text-decoration:none;
}

a:link {
	color:#0974bc;
}

a:visited {
	color:#0974bc;
}

a:hover {
	color:#0974bc!important;
	text-decoration:underline;
}

img {
	border:0;
}

strong {
	font-weight:bold;
}



/*--------------------------------------------------------------------
	teaserWrap
--------------------------------------------------------------------*/
#teaserWrap {
	width:980px;
	margin:0 auto;
	padding:0;
	background:#ffb726 url(../img/teaser/bg_contents.jpg) 0 0 no-repeat;
}

#teaserWrap #header {
	width:980px;
	height:450px;
	background:transparent url(../img/teaser/bg_header.jpg) 0 0 no-repeat;
}

#teaserWrap #contents {
	width:940px;
	margin:0 auto 10px;
	padding:0 20px;
}

#teaserWrap #contents #main {
	float:left;
	width:700px;
	background:transparent url(../img/btm_whiteMain.gif) left bottom no-repeat;
	padding-bottom:5px;
}

#teaserWrap #contents #main #inner {
	background:#ffffff url(../img/teaser/top_whiteMain.gif) left top no-repeat;
	padding:5px 5px 0 5px;
}

#aboutUnit {
	background:#3b2c03 url(../img/btm_brownMain.gif) left bottom no-repeat;
	margin-bottom:10px;
	padding-bottom:10px;
}

#aboutUnit h2.title {
	width:690px;
	height:40px;
	background:transparent url(../img/top_brownMainAbout.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

#aboutUnit .innerUnit {
	width:640px;
	background:#ffffff;
	margin:0 auto;
	padding:20px 10px 10px 20px;
}

#aboutUnit #example.innerUnit {
	background:#ffffff url(../img/teaser/bg_example.gif) right top no-repeat;
}

#aboutUnit .innerUnit .txt {
	margin-bottom:15px;
}

#aboutUnit .line {
	width:670px;
	height:1px;
	background:#ffffff url(../img/line_brown.gif) 0 0 repeat-x;
	margin:0 auto;
}

#aboutUnit a {
	font-weight:bold;
}

#aboutUnit #mailTo a {
	font-weight:normal;
}

#teaserWrap #right #link h2 {
	background:transparent url(../img/teaser/title_link.gif) right top no-repeat;
}



/*--------------------------------------------------------------------
	layout
--------------------------------------------------------------------*/
#wrapper {
	width:980px;
	margin:0 auto;
	padding:0;
	background:#ffb726 url(../img/bg_wrapper.jpg) left top no-repeat;
}

#errorWrap {
	width:980px;
	min-height:100%;
	/*height:100%;*/
	margin:0 auto;
	padding:0;
	background:#ffb726 url(../img/bg_wrapperError.jpg) left top no-repeat;
}

#contents {
	width:940px;
	margin:0 auto 10px;
	padding:0 20px;
}

#contents #main {
	float:left;
	width:700px;
	background:transparent url(../img/btm_whiteMain.gif) left bottom no-repeat;
	margin-bottom:10px;
	padding-bottom:5px;
}

#contents #main #inner {
	background:#ffffff url(../img/top_whiteMain.gif) right top no-repeat;
	padding:5px;
}

#contents #right {
	float:right;
	width:235px;
}

.tweet_id, .advice_id {
	display:none;
}

.title {
	font-weight:bold;
}

.img_checkNow {
	width:670px;
	height:30px;
	margin:0 auto;
	overflow:hidden;
}

.btn_checkNow a {
	display:block;
	width:180px; 
	height:60px;
	background:transparent url(../img/btn_toTop.gif) 0 0 no-repeat;
	text-indent:-9999px;
	position:relative;
	left:5px;
	bottom:-2.0em;
	overflow:hidden;
}

.btn_checkNow a:hover {
	background:transparent url(../img/btn_toTop.gif) 0 -60px no-repeat;
}


/*--------------------------------------------------------------------
	header + posting
--------------------------------------------------------------------*/
#header {
	width:980px;
	height:265px;
	background:transparent url(../img/bg_header.jpg) 0 0 no-repeat;
	position:relative;
	text-indent:-9999px;
}

#headerError {
	width:980px;
	height:280px;
	background:transparent url(../img/bg_headerError.jpg) 0 0 no-repeat;
	position:relative;
	text-indent:-9999px;
}

#header h1 a {
	display:block;
	width:360px;
	height:110px;
	position:absolute;
	left:20px;
	top:15px;
}

#header h1 a:hover {
	background:transparent url(../img/bg_header.jpg) -20px -280px no-repeat;
}

#header #btn_toAbout01 a {
	display:block;
	width:185px;
	height:65px;
	position:absolute;
	left:510px;
	top:194px;
}

#header #btn_toAbout01 a:hover {
	background:transparent url(../img/bg_header.jpg) -510px -459px no-repeat;
}


/* ----- 終了日に隠す -----
#posting {
	width:980px;
	height:80px;
	background:transparent url(../img/bg_posting.jpg) 0 0 no-repeat;
	position:relative;
	text-indent:-9999px;
}

#posting a {
	display:block;
	width:200px;
	height:30px;
}

#posting #btn_toTwitter a {
	position:absolute;
	left:260px;
	top:25px;
}

#posting #btn_toTwitter a:hover {
	background:transparent url(../img/bg_posting.jpg) -260px -105px no-repeat;
}

#posting #btn_toForm a {
	position:absolute;
	right:260px;
	top:25px;
}

#posting #btn_toForm a:hover {
	background:transparent url(../img/bg_posting.jpg) -520px -105px no-repeat;
}
----- */


#messageBox {
	width:980px;
}

#messageBox #ustream {
	float:left;
	width:350px;
	height:340px;
	background:transparent url(../img/bg_ustream2.gif) right top no-repeat;
	position:relative;
}

#messageBox #ustream #btn_toUst a {
	display:block;
	width:244px;
	height:23px;
	text-indent:-9999px;
	position:absolute;
	left:70px;
	bottom:103px;
}

#messageBox #ustream #btn_toUst a:hover {
	background:transparent url(../img/btn_toUst.gif) right top no-repeat;
}

#messageBox #ustream #btn_toUstweet a {
	display:block;
	width:200px;
	height:30px;
	text-indent:-9999px;
	position:absolute;
	left:92px;
	bottom:38px;
}

#messageBox #ustream #btn_toUstweet a:hover {
	background:transparent url(../img/btn_ustweet.gif) right top no-repeat;
}	

#messageBox #ustream object {
	position:absolute;
	left:72px;
	top:55px;
}

#messageBox #message {
	float:right;
	width:630px;
	height:340px;
	background:transparent url(../img/bg_message2.jpg) right top no-repeat;
	text-indent:-9999px;
}


/* ----- 9/1更新用 ----- */
#messageBox2 {
	width:980px;
	height:340px;
	background:transparent url(../img/bg_message3.jpg) right top no-repeat;
	text-indent:-9999px;
	position:relative;
}

#messageBox2 ul li a {
	display:block;
	width:65px;
	height:15px;
}

#messageBox2 ul li a:hover {
	background:transparent url(../img/btn_pchk.gif) right top no-repeat;
}

#messageBox2 ul li#prize_sbr a {
	position:absolute;
	left:169px;
	top:200px;
}

#messageBox2 ul li#prize_dpz a {
	position:absolute;
	left:274px;
	top:210px;
}

#messageBox2 ul li#prize_aa a {
	position:absolute;
	left:520px;
	top:200px;
}

#messageBox2 ul li#prize_amn a {
	position:absolute;
	right:222px;
	top:210px;
}

#messageBox2 ul li#prize_xtn1 a {
	position:absolute;
	right:49px;
	top:160px;
}

#messageBox2 ul li#prize_xtn2 a {
	position:absolute;
	right:49px;
	top:200px;
}

#messageBox2 p a {
	display:block;
	width:60px;
	height:38px;
	position:absolute;
	right:85px;
	top:257px;
}

#messageBox2 p a:hover {
	background:transparent url(../img/btn_toUst2.gif) right top no-repeat;
}

/*--------------------------------------------------------------------
	about
--------------------------------------------------------------------*/
#wrapper #aboutUnit .innerUnit {
	width:630px;
	padding:10px 20px;
}

#aboutUnit .innerUnit #aboutIntro {
	margin-top:15px;
	width:630px;
	height:350px;
	background:transparent url(../img/img_about.gif) right top no-repeat;
	text-indent:-9999px;
	position:relative;
}

#aboutUnit .innerUnit #aboutIntro p a {
	display:block;
	width:150px;
	height:30px;
	position:absolute;
	left:3px;
	top:110px;
}

#aboutUnit .innerUnit #aboutIntro p a:hover {
	background:transparent url(../img/img_about.gif) -3px -110px no-repeat;
}


/*
#aboutUnit .innerUnit #aboutIntro p {
	text-align:center;
	font-size:109%;
	margin-bottom:10px;
}

#wrapper #aboutUnit .innerUnit #aboutIntro .txt {
	text-align:right;
	font-size:92%;
}
*/

#aboutUnit .innerUnit #navi {
	text-align:center;
}

#aboutUnit .innerUnit #navi ul li {
	border-right:1px solid #3b2c03;
	display:inline;
	padding:0 15px;
}

#aboutUnit .innerUnit #navi ul li#last {
	border:none;
}

#aboutUnit h3 {
	/* padding-top:10px; */
}

#aboutUnit h3#prize {
	width:670px;
	height:30px;
	margin:0 auto;
	background:#ffffff url(../img/title_prize.gif) center bottom no-repeat;
	text-indent:-9999px;
}

#aboutUnit h3#howto {
	width:670px;
	height:30px;
	margin:0 auto;
	background:#ffffff url(../img/title_howto.gif) center bottom no-repeat;
	text-indent:-9999px;
}

#aboutUnit h3#announce {
	width:670px;
	height:30px;
	margin:0 auto;
	background:#ffffff url(../img/title_announce.gif) center bottom no-repeat;
	text-indent:-9999px;
}

#aboutUnit h3#inquiry {
	width:670px;
	height:30px;
	margin:0 auto;
	background:#ffffff url(../img/title_inquiry.gif) center bottom no-repeat;
	text-indent:-9999px;
}

#aboutUnit .innerUnit ul#announceList {
	list-style-type:square;
	margin-bottom:15px;
	padding-left:20px;
}

#aboutUnit .innerUnit ul li .txt ol {
	list-style-position:outside;
	list-style-type:decimal;
	margin-bottom:10px;
	padding-left:1.5em;
}

#aboutUnit .innerUnit ul li .txt ol li {
	/* margin-bottom:5px; */
}


/*---------- prizeBox ----------------------------------------------*/
.detail h4 {
	font-size:125%;
	font-weight:bold;
	background:#ffc726;
	margin-bottom:10px;
	padding:2px 5px;
}

.detail h4#miniCar {
	background:#ff9413;
}

.detail .txt {
	margin-bottom:0!important;
}

.detail .supporter {
	color:#999999;
	margin-bottom:5px;
}

#prize_legacy .pic {
	width:305px;
	float:left;
}

#prize_legacy .pic img {
	border:1px solid #d0d0d0;
}

#prize_legacy .detail {
	width:305px;
	float:right;
}

#prize_legacy .notice {
	font-size:82%;
	margin-top:10px;
	padding:10px;
	background:#cbfff1;
}

#prize_legacy .notice li {
	display:inline;
	padding:0 5px 0 8px;
	background:transparent url(../img/icon_sqr.gif) 0 2px no-repeat;
}

.prizeBox {
	margin-top:10px;
	padding-top:10px;
	background:transparent url(../img/line_brown.gif) 0 0 repeat-x;
}

.prizeBox .pic {
	width:200px;
	float:left;
	text-align:right;
	font-size:82%;
}

.prizeBox .pic img {
	border:1px solid #d0d0d0;
}

.prizeBox .detail {
	width:410px;
	float:right;
}



/*--------------------------------------------------------------------
	tab + pager
--------------------------------------------------------------------*/
#tab {
	width:465px;
	height:35px;
	overflow:hidden;
	background:transparent url(../img/bg_tab.gif) 0 0 no-repeat;
	/*position:relative;*/
	text-indent:-9999px;
}

#tab li {
	float:left;
	width:150px;
	padding-right:5px;
}

#tab a {
	display:block;
	width:150px;
	height:35px;
}

#tab #tAdvice a {
	background:transparent url(../img/bg_tab.gif) 0 -35px no-repeat;
	/*position:absolute;
	left:0;
	top:0;*/
}

#tab #tAdvice a:hover {
	background:none;
}

#tab #tNew a {
	background:transparent url(../img/bg_tab.gif) -155px -35px no-repeat;
	/*position:absolute;
	left:155px;
	top:0;*/
}

#tab #tNew a:hover {
	background:none;
}

#tab #tGuide a {
	background:transparent url(../img/bg_tab.gif) -310px -35px no-repeat;
	/*position:absolute;
	left:310px;
	top:0;*/
}

#tab #tGuide a:hover {
	background:none;
}

.line {
	height:1px;
	background:transparent url(../img/line_brown.gif) 0 0 repeat-x;
	padding-bottom:10px;
}

.line hr {
	display:none;
}

#gotoTop {
	text-align:right;
}

#pager {
	text-align:center;
	padding:20px 0;
}

#pager ul li {
	display:inline;
	border-right:1px solid #3b2c03;
	padding:0 15px;
}

#pager ul li a,
#gotoTop a {
	color:#3b2c03;
	text-decoration:underline;
	font-weight:normal;
}

#pager ul li a:hover,
#gotoTop a:hover {
	text-decoration:none;
}

#pager ul li.selected {
	font-weight:bold;
}

#pager ul li.prev,
#pager ul li.pagerPrev,
#pager ul li.next,
#pager ul li.pagerNext {
	border:none;
}

#notice {
	display:none;
	text-align:center;
	font-weight:bold;
	padding:5px 0;
	color:#cc0000;
	background:#ebfff1;
	margin:5px 0 8px;
}

/*--------------------------------------------------------------------
	unit
--------------------------------------------------------------------*/
.unit {
	width:690px;
	margin:0 auto 10px;
	padding:5px 0 0 0;
	background:#3b2c03 url(../img/top_brownMain.gif) left top no-repeat;
	/*position:relative;*/
}

.innerUnit {
	width:690px;
	background:#3b2c03 url(../img/btm_brownMain.gif) left bottom no-repeat;
}

.unit .btn_retweet {
	float:right;
	width:100px;
	padding-left:10px;
}
	
.unit .btn_retweet a {
	display:block;
	width:100px;
	height:15px;
	background:transparent url(../img/btn_retweet.gif) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.unit .btn_retweet a:hover {
	background:transparent url(../img/btn_retweet.gif) 0 -15px no-repeat;
}	

.unit .pic {
	width:48px;
	height:48px;
	overflow:hidden;
	background:#ffffff;
	border:1px solid #ffffff;
}

.unit .userUnit {
	padding-bottom:5px;
}

.unit .userUnit .picWrap {
	padding-top:10px;
	padding-left:25px;
	width:50px;
	float:left;
}

.unit .userUnit .picWrap .numNp {
	color:#ffffff;
	width:35px;
	height:20px;
	margin-top:5px;
	padding-top:3px;
	padding-left:15px;
	background:transparent url(../img/icon_star.gif) 0 4px no-repeat;
}

.unit .userUnit .balloon {
	width:615px;
	background:transparent url(../img/top_brnUser.gif) 0 0 no-repeat;
	float:right;
}

.unit .userUnit .balloon .commentWrap {
	padding:25px 40px 20px;
	background:transparent url(../img/btm_brnUser.gif) left bottom no-repeat;
}

.unit .userUnit .balloon .commentWrap .comment {
	margin-bottom:10px;
	padding-bottom:10px;
	background:transparent url(../img/line_brown.gif) left bottom repeat-x;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

.unit .userUnit .balloon .commentWrap .comment .ngword {
    color:#f00;
}

.unit .userUnit .balloon .commentWrap .name {
	font-size:82%;
	font-weight:bold;
	float:left;
}

.unit .userUnit .balloon .commentWrap .name a {
	color:#3b2c03;
}

.unit .userUnit .balloon .commentWrap .time {
	color:#ffffff;
	font-size:82%;
	float:right;
}

.unit .userUnit .balloon .commentWrap .btn_np {
	width:70px;
	float:right;
}

.unit .userUnit .balloon .commentWrap .btn_np a {
	display:block;
	width:65px;
	height:15px;
	margin-left:5px;
	overflow:hidden;
	background:transparent url(../img/btn_np.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

.unit .userUnit .balloon .commentWrap .btn_np a:hover {
	background:transparent url(../img/btn_np.gif) 0 -15px no-repeat;
}

.unit .userUnit .picWrap .btn_npSml {
	width:50px;
	height:20px;
	display:none;
}

.unit .userUnit .picWrap .btn_npSml a {
	display:block;
	width:50px;
	height:15px;
	overflow:hidden;
	background:transparent url(../img/btn_npSml.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

.unit .userUnit .picWrap .btn_npSml a:hover {
	background:transparent url(../img/btn_npSml.gif) 0 -15px no-repeat;
}


.unit .guideUnit {
	position:relative;
	width:690px;
	margin:0 auto;
	padding:0 0 10px 0;
}

.unit .guideUnit .pic {
	position:absolute;
	right:25px;
	top:0;
}

.unit .guideUnit .balloon {
	width:610px;
	background:transparent url(../img/top_brnGuide.gif) 0 0 no-repeat;
}

.unit .guideUnit .balloon .commentWrap {
	padding:10px 35px 10px 115px;
	background:transparent url(../img/btm_brnGuide.gif) left bottom no-repeat;
}

.unit .guideUnit .balloon .commentWrap .title {
	color:#3b2c03;
	font-weight:bold;
	margin-bottom:5px;
}

.unit .guideUnit .balloon .commentWrap .comment {
	margin-bottom:10px;
	padding-bottom:10px;
	background:transparent url(../img/line_brown.gif) left bottom repeat-x;
}

.unit .guideUnit .balloon .commentWrap .name {
	font-size:94%;
	float:left;
}

.unit .guideUnit .balloon .commentWrap .name a {
	font-weight:bold;
	color:#3b2c03;
}

.unit .guideUnit .balloon .commentWrap .name a.site {
	font-weight:normal;
	text-decoration:underline;
}

.unit .guideUnit .balloon .commentWrap .time {
	color:#999999;
	font-size:82%;
	float:right;
}



/*--------------------------------------------------------------------
	unit02
--------------------------------------------------------------------*/
.unit02 {
	width:690px;
	margin:0 auto 10px;
	padding:5px 0 0 0;
	background:#3b2c03 url(../img/top_brownMainGuide.gif) left top no-repeat;
	/*position:relative;*/
}
	
.unit02 .pic {
	width:48px;
	height:48px;
	overflow:hidden;
	background:#ffffff;
	border:1px solid #ffffff;
}

.unit02 h2.title {
	color:#ffffff;
	font-size:117%;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 50px;
	height:30px;
}

.unit02 .userUnit {
	padding-bottom:5px;
}

.unit02 .userUnit .picWrap {
	padding-top:10px;
	padding-right:25px;
	width:50px;
	float:right;
}

.unit02 .userUnit .picWrap .numNp {
	color:#ffffff;
	width:35px;
	height:18px;
	padding-top:3px;
	padding-left:15px;
	background:transparent url(../img/icon_star.gif) 0 4px no-repeat;
}

.unit02 .userUnit .balloon {
	width:615px;
	background:transparent url(../img/top_brnUser02.gif) 0 0 no-repeat;
	float:left;
}

.unit02 .userUnit .balloon .commentWrap {
	padding:25px 40px 20px 115px;
	background:transparent url(../img/btm_brnUser02.gif) left bottom no-repeat;
}

.unit02 .userUnit .balloon .commentWrap .comment {
	margin-bottom:10px;
	padding-bottom:10px;
	background:transparent url(../img/line_brown.gif) left bottom repeat-x;
}

.unit02 .userUnit .balloon .commentWrap .name {
	font-size:82%;
	float:left;
}

.unit02 .userUnit .balloon .commentWrap .name a {
	font-weight:bold;
	color:#3b2c03;
}

.unit02 .userUnit .balloon .commentWrap .time {
	color:#ffffff;
	font-size:82%;
	float:right;
}

.unit02 .userUnit .balloon .commentWrap .btn_np {
	width:70px;
	float:right;
}

.unit02 .userUnit .balloon .commentWrap .btn_np a {
	display:block;
	width:65px;
	height:15px;
	margin-left:5px;
	overflow:hidden;
	background:transparent url(../img/btn_np.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

.unit02 .userUnit .balloon .commentWrap .btn_np a:hover {
	background:transparent url(../img/btn_np.gif) 0 -15px no-repeat;
}

.unit02 .guideUnit {
	position:relative;
	width:690px;
	margin:0 auto;
	padding:0 0 10px 0;
}

.unit02 .guideUnit .picWrap {
	padding-left:25px;
	width:50px;
	float:left;
}

.unit02 .guideUnit .balloon {
	width:610px;
	background:transparent url(../img/top_brnGuide02.gif) 0 0 no-repeat;
	float:right;
}

.unit02 .guideUnit .balloon .commentWrap {
	padding:10px 35px 10px 40px;
	background:transparent url(../img/btm_brnGuide02.gif) left bottom no-repeat;
}

.unit02 .guideUnit .balloon .commentWrap .comment {
	margin-bottom:10px;
	padding-bottom:10px;
	background:transparent url(../img/line_brown.gif) left bottom repeat-x;
}

.unit02 .guideUnit .balloon .commentWrap .name {
	font-size:82%;
	float:left;
}

.unit02 .guideUnit .balloon .commentWrap .name a {
	font-weight:bold;
	color:#3b2c03;
}

.unit02 .guideUnit .balloon .commentWrap .time {
	color:#999999;
	font-size:82%;
	float:right;
}

.unit02 .guideUnit .pinchAll {
	text-align:right;
	width:675px;
	float:right;
	padding:5px 15px 5px 0;
	background:transparent url(../img/line_white.gif) left bottom repeat-x;
}

.unit02 .guideUnit .last {
	padding-bottom:0;
	background:none;
}

.unit02 .guideUnit .pinchAll a {
	color:#ffffff;
	text-decoration:underline;
	font-size:82%;
}

.unit02 .guideUnit .pinchAll a:hover {
	color:#ffffff!important;
	text-decoration:none;
}



/*--------------------------------------------------------------------
    float box
--------------------------------------------------------------------*/
#post_window {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 315px;
}
#post_window .taskbar {
    height: 40px;
    line-height: 40px;
    text-indent: 1em;
    cursor: move;
	background:transparent url(../img/top_form.gif) left top no-repeat;
}

#post_window .taskbar h3 {
	text-indent:-9999px;
}

#post_window .taskbar img {
    position: absolute;
    left: 374px;
    top: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#post_window #display {
	padding:5px 20px 15px;
	background:transparent url(../img/btm_form.gif) left bottom no-repeat;
	color:#4c4c4c;
	font-size:82%;
}

#post_window #display #formWrap {
	width:360px;
	margin:0 auto;
}

#post_window #display #formWrap #txt {
	float:left;
}

#post_window #display #formWrap #count {
	color:#999999;
	font-size:100%;
	float:right;
}

#post_window #display #formWrap #count #rest_char {
	font-weight:bold;
	font-size:134%;
}

#post_window #display #formWrap #txt_form textarea {
	color:#3b2c03;
	width:348px;
	padding:5px;
	border:1px solid #8aa086;
}

#post_window #display #formWrap .invalid {
	background-color:#ffffcc;
	/*border:1px solid #ffcccc;*/
}

#post_window #display #formWrap #mail_form,
#post_window #display #formWrap #name_form {
	float:right;
}

#post_window #display #formWrap #mail_form input,
#post_window #display #formWrap #name_form input {
	width:238px;
	border:1px solid #8aa086;
	margin-top:5px;
}

#post_window #display #btnWrap {
	width:360px;
	margin:0 auto 20px;
	text-align:center;
}

#post_window #display #btnWrap #form_error {
	color:#f00;
	margin:10px 0 0;
}

#post_window #display #btnWrap #btn_form input#btn_send{
	background:transparent url(../img/btn_form.gif) left top no-repeat;
	width:90px;
	height:24px;
	border:none;
	overflow:hidden;
	margin:10px auto 5px;
	cursor:pointer;
	text-indent:-9999px;
	text-align:left;
	outline:none;
	display:block; /*IE*/
}

#post_window #display #btnWrap #btn_form input#btn_send:hover {
	background:transparent url(../img/btn_form.gif) left bottom no-repeat;
}

/* Operaのみ適用 */
*+html:first-child body form input#btn_send {
	padding-left: 300px; /*適当*/
}

#post_window #display #btnWrap #policy a {
	text-decoration:underline;
	color:#999999;
}

#post_window #display_after {
    padding:20px 30px;
    background:transparent url(../img/btm_form.gif) left bottom no-repeat;
    color:#4c4c4c;
    font-size:82%;
    display:none;
}

#post_window #display_after #repost {
	background:transparent url(../img/btm_formRepost.gif) left top no-repeat;
	width:140px;
	height:24px;
	overflow:hidden;
	margin:15px auto 5px;
	cursor:pointer;
	text-indent:-9999px;
	outline:none;
}

#post_window #display_after #repost:hover {
	background:transparent url(../img/btm_formRepost.gif) left bottom no-repeat;
}
	



/*--------------------------------------------------------------------
	right search + img_followMe
--------------------------------------------------------------------*/
#right {
	font-size:92%;
}

#right h2 {
	text-indent:-9999px;
}

#right #search {
	color:#ffffff;
	width:220px;
	margin-bottom:10px;
	padding:0 0 10px 15px;
	background:transparent url(../img/btm_brownRight.gif) right bottom no-repeat;
}

#right #search h2 {
	width:220px;
	height:10px;
	overflow:hidden;
	background:transparent url(../img/top_brownRight.gif) right top no-repeat;
}

#right #search #innerSearch {
	padding:0 10px;
	background:#3b2c03;
}

#right #search #innerSearch #searchBox {
	width:200px;
	height:25px;
	margin-top:5px;
	padding:0;
	background:transparent url(../img/bg_search.gif) left top no-repeat;
}

#right #search #innerSearch #searchName {
	color:#3b2c03;
	width:160px;
	background:none;
	border:none;
	height:22px;
	padding:5px 0 0 5px;
	vertical-align:top;
}

#right #search #innerSearch input#searchSubmit {
	width:30px;
	background:transparent url(../img/icon_search.gif) 6px 1px no-repeat;
	border:none;
	cursor:pointer;
	height:21px;
	margin:1px 0 0;
	text-indent:-9999px;
	outline:none;
}


/*
#right #img_followMe {
	padding:0 0 0 15px;
}

#right #img_followMe a {
	display:block;
	width:220px;
	height:120px;
	background:transparent url(../img/bnr_followMe.gif) left top no-repeat;
	text-indent:-9999px;
}

#right #img_followMe a:hover {
	background:transparent url(../img/bnr_followMe.gif) left bottom no-repeat;
}
*/


#right #img_followMe {
	position:fixed;
	top:275px;
	right:0;
	
	/* IE6 */
	_position: expression('absolute');
	_top: expression(documentElement.scrollTop + 275 + 'px');
	_right: expression(documentElement.scrollLeft + 0 + 'px');
}

#right #img_followMe a {
	display:block;
	width:30px;
	height:160px;
	background:transparent url(../img/follow2.gif) left top no-repeat;
	text-indent:-9999px;
}

#right #img_followMe a:hover {
	background:transparent url(../img/follow2.gif) right top no-repeat;
}



/*--------------------------------------------------------------------
	right about
--------------------------------------------------------------------*/
#right #about {
	width:220px;
	margin-bottom:10px;
	padding:0 0 10px 15px;
	background:transparent url(../img/btm_brownRight.gif) right bottom no-repeat;
}

#right #about h2 {
	width:220px;
	height:40px;
	background:transparent url(../img/title_about.gif) right top no-repeat;
}

#right #about #innerAbout {
	background:#3b2c03;
}

#right #about #innerAbout #aboutNavi {
	width:180px;
	margin:0 auto;
	background:#ffffff;
	padding:10px;
}

#right #about #innerAbout #aboutNavi .txt {
	/* background:transparent url(../img/line_brown.gif) left bottom repeat-x;
	margin-bottom:10px; */
	padding-bottom:10px;
}

#right #about #innerAbout #aboutNavi ul {
	margin-bottom:15px;
}

#right #about #innerAbout #aboutNavi li {
	background:transparent url(../img/icon_tri.gif) 0 9px no-repeat;
	padding:5px 0 0 8px;
}

#right #about #innerAbout #aboutNavi li a {
	font-weight:bold;
}

#right #about #innerAbout #btn_toAbout02 a {
	display:block;
	width:166px;
	height:34px;
	margin:0 auto;
	background:transparent url(../img/btn_toAbout.gif) left top no-repeat;
	text-indent:-9999px;
}

#right #about #innerAbout #btn_toAbout02 a:hover {
	background:transparent url(../img/btn_toAbout.gif) left bottom no-repeat;
}

/*#right #about #innerAbout ul {
	width:180px;
	margin:0 auto;
	background:#ffffff;
	padding:10px;
}

#right #about #innerAbout ul li {
	margin-bottom:15px;
}

#right #about #innerAbout ul li .txt ol {
	list-style-type:decimal;
	list-style-position:outside;
	margin-bottom:10px;
	padding-left:1.5em;
}

#right #about #innerAbout ul li .txt ol li {
	margin-bottom:5px;
}

#right #about #innerAbout ul li.last {
	margin-bottom:0;
}


*/



/*--------------------------------------------------------------------
	right link
--------------------------------------------------------------------*/
#right #link {
	width:220px;
	margin-bottom:10px;
	padding:0 0 10px 15px;
	background:transparent url(../img/btm_brownRight.gif) right bottom no-repeat;
}

#right #link h2 {
	width:220px;
	height:40px;
	background:transparent url(../img/title_link.gif) right top no-repeat;
}

#right #link #innerLink {
	background:#3b2c03;
}

#right #link #innerLink #allabout {
	width:200px;
	margin:0 auto 10px;
	background:#ffffff;
}

#right #link #innerLink #dailyportalZ {
	width:200px;
	margin:0 auto 10px;
	background:#ffffff;
}

#right #link #innerLink #dailyportalZ #dpzList {
	width:180px;
	margin:0 auto;
	padding:15px 0 5px;
}

#right #link #innerLink #dailyportalZ #dpzList li {
	background:transparent url(../img/icon_tri.gif) 0 9px no-repeat;
	padding:5px 0 0 8px;
}

#right #link #innerLink #dailyportalZ #dpzList li a {
	color:#3b2c03;
	text-decoration:underline;
}

#right #link #innerLink #dailyportalZ #dpzList li span {
	color:#999999;
	display:block;
	height:1.4em;
	overflow:hidden;
	text-align:right;
}

#right #link #innerLink #agileMedia {
	width:200px;
	margin:0 auto 10px;
	background:#ffffff;
}

#right #link #innerLink #subaru {
	width:200px;
	margin:0 auto;
	background:#ffffff;
}



/*--------------------------------------------------------------------
	right ranking
--------------------------------------------------------------------*/
#right #ranking {
	width:235px;
	margin-bottom:10px;
	padding:0 0 10px 0;
	background:transparent url(../img/btm_brownRight.gif) right bottom no-repeat;
}

#right #ranking h2 {
	width:220px;
	height:40px;
	margin:0;
	padding:0 0 0 15px;
	background:transparent url(../img/title_ranking.gif) right top no-repeat;
}

#right #ranking #innerRanking {
	background:transparent url(../img/bg_innerRanking.gif) right top repeat-y;
}

#right #ranking #innerRanking p {
	width:200px;
	padding:10px 10px 10px 25px;
	color:#ffffff;
}

#right #ranking #innerRanking p .btn_npSml {
	display:inline-block;
	width:50px;
	height:15px;
	overflow:hidden;
	background:transparent url(../img/btn_npSml.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

#right #ranking #innerRanking p .star {
	display:inline-block;
	width:15px;
	height:15px;
	overflow:hidden;
	background:transparent url(../img/icon_star.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

#right #ranking #innerRanking ul li {
	list-style-type:none;
	zoom:1;
}

#right #ranking #innerRanking #ranking-select {
	width:70px;
	margin:10px 0 10px 155px;
	text-align:right;
	border:1px solid #d0d0d0;
}


#right #ranking .picWrap {
	width:200px;
	margin:0 0 0 15px;
	padding:14px 0 0 20px;
	background:transparent url(../img/line_white.gif) 0 2px repeat-x;
}

#right #ranking #innerRanking .pic {
	width:48px;
	height:48px;
	background:#ffffff;
	border:1px solid #ffffff;
	float:left;
}

#right #ranking #innerRanking .name {
	width:145px;
	float:right;
	color:#ffffff;
	font-weight:bold;
}

#right #ranking #innerRanking .name a {
	color:#ffffff;
}

#right #ranking #innerRanking .time {
	color:#999999;
	width:145px;
	float:right;
}

#right #ranking #innerRanking .numNp {
	color:#ffffff;
	width:130px;
	height:15px;
	float:right;
	padding-left:15px;
	background:transparent url(../img/icon_star.gif) 0 0 no-repeat;
}

#right #ranking #innerRanking ul li .balloon {
	background:transparent url(../img/top_brnRank.gif) 0 0 no-repeat;
}
	
#right #ranking #innerRanking ul li .balloon .comment {
	padding:25px 25px 20px 45px;
}

#right #ranking #innerRanking ul li#rank01 .balloon .comment {
	background:transparent url(../img/btm_brnRank01.gif) left bottom no-repeat;
}

#right #ranking #innerRanking ul li#rank02 .balloon .comment {
	background:transparent url(../img/btm_brnRank02.gif) left bottom no-repeat;
}

#right #ranking #innerRanking ul li#rank03 .balloon .comment {
	background:transparent url(../img/btm_brnRank03.gif) left bottom no-repeat;
}

#right #ranking #innerRanking ul li#rank04 .balloon .comment {
	background:transparent url(../img/btm_brnRank04.gif) left bottom no-repeat;
}

#right #ranking #innerRanking ul li#rank05 .balloon .comment {
	background:transparent url(../img/btm_brnRank05.gif) left bottom no-repeat;
}



/*--------------------------------------------------------------------
	guideList
--------------------------------------------------------------------*/
#guideList {
	margin:30px 20px 0;
	padding:0 15px 10px;
	font-size:109%;
	text-align:center;
}

#guideList dl dt img {
	border:1px solid #3b2c03;
}

#guideList dl dd span.site {
	font-size:82%;
}

#guideList dl dd span.site a {
	color:#3b2c03;
	text-decoration:underline;
}

.adviceAll {
	text-align:right;
	padding:0 10px 5px;
}

.adviceAll a {
	color:#ffffff;
	text-decoration:underline;
}



/*--------------------------------------------------------------------
	guideListSml
--------------------------------------------------------------------*/
#guideListSml {
	margin:30px 15px 0;
}

#guideListSml ul li {
	float:left;
	width:200px;
	padding:0 10px 20px;
}

#guideListSml ul li img {
	border:1px solid #3b2c03;
}

#guideListSml ul li dt {
	float:left;
	width:52px;
}

#guideListSml ul li dd {
	float:right;
	width:143px;
}

#guideAll {
	text-align:right;
	margin-bottom:15px;
}

#guideAll a {
	color:#3b2c03;
	text-decoration:underline;
}

#guideAll a:hover {
	text-decoration:none;
}



/*--------------------------------------------------------------------
	footer
--------------------------------------------------------------------*/
#footer {
	padding:0 20px;
}

#footer #footerNavi {
	float:left;
	padding:5px 0 15px;
}

#footer #credit li,
#footer #footerNavi li {
	display:inline;
	background:transparent url(../img/icon_tri.gif) 0 4px no-repeat;
	margin-right:15px;
	padding-left:8px;
}

#teaserWrap #footer #footerNavi li,
#errorWrap #footer #footerNavi li {
	display:block;
}

#footer #footerNavi li a {
	color:#3b2c03;
	/* margin-right:15px; */
	font-weight:bold;
}

#footer #copyright {
	float:right;
	padding:5px 0 20px;
	text-align:right;
}

#footer address {
	display:inline;
	margin:0 0 0 10px;
}
	



/*--------------------------------------------------------------------
    admin
--------------------------------------------------------------------*/

#adminWrap {
	width:980px;
	margin:0 auto;
	padding:0;
	background:#ffb726 url(../img/bg_wrapper.jpg) 0 0 no-repeat;
}

#adminWrap #header {
	width:980px;
	height:80px;
	background:none;
	text-indent:inherit;
}

#adminWrap #header #logo {
	width:270px;
	height:70px;
	background:#ffb726 url(../img/admin/bg_header.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

#adminWrap #header #login {
	color:#3b2c03;
	width:200px;
	margin-right:20px;
	padding:10px;
	background:#ffffff;
	text-align:right;
	float:right;
}

#adminWrap #header #login input {
	text-align:center;
	color:#ffffff;
	width:5.0em;
	margin-top:5px;
	padding:3px;
	background:#3b2c03;
	font-size:82%;
}

#adminWrap #header #logout {
	width:300px;
	margin-right:20px;
	padding:10px;
	background:#ffffff;
	text-align:right;
	float:right;
}

#adminWrap #header #logout a {
	text-align:center;
	color:#ffffff;
	padding:3px;
	background:#3b2c03;
	border:1px solid #3b2c03;
	font-size:82%;
}

#adminWrap .num {
	color:#ffffff;
	font-weight:bold;
	font-size:109%;
}

#adminWrap .commentWrap .count {
	float:right;
	font-size:100%;
}

#adminWrap .commentWrap .count .rest_char {
	font-size:134%;
	font-weight:bold;
}

#adminWrap .commentWrap textarea {
	border:3px solid #d0d0d0;
	color:#3b2c03;
	padding:5px;
	width:444px;
	background:#f2f9ff;
}

#adminWrap .unit .userUnit .balloon .commentWrap .btn_open {
	width:70px;
	float:right;
}

#adminWrap #form_toggle {
	width:210px;
	height:20px;
	overflow:hidden;
	margin:10px 0;
	background:transparent url(../img/admin/btn_fullOpen.gif) left top no-repeat;
	cursor:pointer;
	text-indent:-9999px;
}

#adminWrap #form_toggle:hover {
	background:transparent url(../img/admin/btn_fullOpen.gif) left bottom no-repeat;
}

#adminWrap .unit .userUnit .balloon .commentWrap .btn_open a {
	display:block;
	width:65px;
	height:15px;
	margin-left:5px;
	overflow:hidden;
	background:transparent url(../img/admin/btn_open.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

#adminWrap .unit .userUnit .balloon .commentWrap .btn_open a:hover {
	background:transparent url(../img/admin/btn_open.gif) 0 -15px no-repeat;
}

#adminWrap .unit .userUnit .balloon .commentWrap .btn_np a.delete {
	background:transparent url(../img/admin/btn_deleteUser.gif) 0 0 no-repeat;
}

#adminWrap .unit .userUnit .balloon .commentWrap .btn_np a.delete:hover {
	background:transparent url(../img/admin/btn_deleteUser.gif) 0 -15px no-repeat;
}

#adminWrap .unit .userUnit .balloon .commentWrap .btn_np a.getback {
    background:transparent url(../img/admin/btn_getback.gif) 0 0 no-repeat;
}

#adminWrap .unit .userUnit .balloon .commentWrap .btn_np a.getback:hover {
    background:transparent url(../img/admin/btn_getback.gif) 0 -15px no-repeat;
}


#adminWrap form.advice_form {
	color:#ffffff;
	width:675px;
	padding-bottom:15px;
}

#adminWrap form.advice_form textarea {
	color:#3b2c03;
	width:454px;
	padding:5px;
	border:3px solid #d0d0d0;
	float:left;
	margin:0 0 0 25px;
}

#adminWrap form.advice_form #theme {
	width:160px;
	margin-left:20px;
	float:right;
	overflow:hidden;
}

#adminWrap form.advice_form input.btn_advice {
	background:transparent url(../img/admin/btn_advice.gif) left top no-repeat;
	width:160px;
	height:30px;
	border:none;
	overflow:hidden;
	margin:10px 0 5px 0;
	cursor:pointer;
	text-indent:-9999px;
	text-align:left;
	display:block; /*IE*/
}

#adminWrap form.advice_form input.btn_advice:hover {
	background:transparent url(../img/admin/btn_advice.gif) left bottom no-repeat;
}

#adminWrap form.advice_form input.btn_delete {
    background:transparent url(../img/admin/btn_deleteGuide.gif) left top no-repeat;
    width:65px;
    height:15px;
    border:none;
    overflow:hidden;
    margin:10px 0 5px 0;
    cursor:pointer;
    text-indent:-9999px;
    text-align:left;
    display:none;
}

#adminWrap .btn_np {
	float:right;
	width:70px;
}

#adminWrap .btn_np a.delete_a {
	display:block;
    background:transparent url(../img/admin/btn_deleteGuide.gif) left top no-repeat;
    width:65px;
    height:15px;
    border:none;
    overflow:hidden;
	margin-left:5px;
    cursor:pointer;
    text-indent:-9999px;
    text-align:left;
}

#adminWrap form.advice_form input.btn_delete:hover,
#adminWrap .btn_np a.delete_a:hover {
    background:transparent url(../img/admin/btn_deleteGuide.gif) left bottom no-repeat;
}

#adminWrap ul#notice {
	margin: 10px;
	padding:15px 10px 15px 25px;
	list-style: disc outside;
	border:1px solid #d0d0d0;
	background:#ebfff1;
	color:#3b2c03;
	text-align:left;
	font-weight:normal;
}

#adminWrap #date-select {
	margin-bottom:15px;
	text-align:right;
	border:1px solid #d0d0d0;
}

/* Operaのみ適用 */
*+html:first-child body form input.btn_advice,
*+html:first-child body form input.btn_delete {
	padding-left: 300px; /*適当*/
}

#right strong {
	display:inline-block;
	text-indent:-9999px;
}

#right strong.open {
	width:65px;
	height:15px;
	background:transparent url(../img/admin/btn_open.gif) left top no-repeat;
}

#right strong.advice {
	display:block;
	width:160px;
	height:30px;
	background:transparent url(../img/admin/btn_advice.gif) left top no-repeat;
}

#right strong.deleteGuide {
	width:65px;
	height:15px;
	background:transparent url(../img/admin/btn_deleteGuide.gif) left top no-repeat;
}

#right strong.deleteUser {
	width:65px;
	height:15px;
	background:transparent url(../img/admin/btn_deleteUser.gif) left top no-repeat;
}

#right strong.fullOpen {
	width:172px;
	height:20px;
	background:transparent url(../img/admin/btn_fullOpen.gif) left top no-repeat;
}

#mainList {
	padding:20px 0 40px;
}

#mainList table {
	margin-top:15px;
    border:1px solid #d0d0d0;
    border-collapse:collapse;
    border-spacing:0;
	background:#ffffff;
}

#mainList table th {
    padding:5px 10px;
    border:solid #d0d0d0;
    border-width:0 0 1px 1px;
    background:#f5f5f5;
    font-weight:bold;
    line-height:120%;
    text-align:center;
}

#mainList table td {
    padding:5px 10px;
    border:solid #d0d0d0;
    border-width:0 0 1px 1px;
    text-align:center;
}

#mainList table th#guideName {
	width:120px;
}

#mainList table th.num02 {
	width:50px;
}

#mainList table th#graph {
	width:50%;
}

#mainList table td.graphCharts {
	text-align:left;
	padding-left:0;
}


/*--------------------------------------------------------------------
	terms policy
--------------------------------------------------------------------*/
#tpUnit {
	background:#3b2c03 url(../img/btm_brownMain.gif) left bottom no-repeat;
	margin-bottom:10px;
	padding-bottom:10px;
}

#tpUnit h2#terms {
	width:690px;
	height:40px;
	background:transparent url(../img/top_brownMainTerms.gif) left top no-repeat;
	text-indent:-9999px;
}

#tpUnit h2#policy {
	width:690px;
	height:40px;
	background:transparent url(../img/top_brownMainPolicy.gif) left top no-repeat;
	text-indent:-9999px;
}

#tpUnit .innerUnit {
	width:630px;
	margin:0 auto;
	padding:10px 20px 20px;
	font-size:92%;
	background:#ffffff;
}

#tpUnit .innerUnit h3 {
	font-weight:bold;
	margin-bottom:5px;
}

#tpUnit .innerUnit h3.first {
	padding-top:10px;
}

#tpUnit .line {
	background:#ffffff url(../img/line_brown.gif) left top repeat-x;
	height:1px;
	margin:0 auto;
	width:670px;
}

#tpUnit .txt {
	margin:10px 0;
}

#tpUnit .innerUnit ul {
	list-style-type:square;
	padding-left:20px;
}

#tpUnit .innerUnit ol {
	list-style-type:decimal;
	margin-bottom:15px;
	padding-left:20px;
}

#tpUnit .innerUnit ol li ol {
	list-style-type:lower-roman;
	margin-bottom:10px;
}

#tpUnit .innerUnit .tpBox {
	background:#ebfff1;
	margin-top:10px;
	padding:10px;
	border:1px solid #d0d0d0;
}