@charset "UTF-8";

/*  レイアウト
-----------------------------------------------------------*/
div#mainContents { margin-top: 10px; }
div#main { width: 530px; }
div#sub { width: 400px; }
div#flashArea { margin: 10px 0 0; }

body#club div#mainContents { margin-top: 0; background: url(../images/movie_bg_contents.jpg) 0 0 no-repeat; }
body#club div#main { width: 610px; }
body#club div#sub { width: 320px; }


/*  ヘッダー
-----------------------------------------------------------*/
div#tanukichiHeader { width: 940px; margin: 8px auto 0; background:none; }
div#tanukichiHeader h2 { float: left; width: 187px; }
div#clubNav    { float: right; width: 750px; margin: 14px 0 0; text-align: right; }
div#clubNav ul { display: inline; text-align: right;  }
div#clubNav li { display: inline; margin-left: 25px; text-align: left; }

div#bannerSpace { margin: 10px 0; }



/*  トップページ
-----------------------------------------------------------*/
/* ■■■ メイン ■■■ */

#oshirase { background: url(../images/oshirase_body.gif) repeat-y; }
#oshirase-inner { background: url(../images/oshirase_foot.gif) no-repeat bottom; }
#oshirase dl { padding: 10px; }
#oshirase dt { color: #999; }
#oshirase dd { font-size: 108%; }
#oshirase .separator { background:url(/shared/images/line_dotted01.gif) repeat-x; height: 1px; margin:0 10px; } 

div#blogContents { zoom: 1; margin: 0 0 10px; background: url(../images/bg_tnblog_bottom.gif) 0 100% no-repeat; }
div#blogContents div.mainSectionInner { padding: 1px 10px 25px; background: url(../images/bg_tnblog_top.gif) 0 0 no-repeat; }
div#blogContents ul { /overflow: hidden; _overflow: visible; margin: 0 0 0 15px; }
div#blogContents li { zoom: 1; /float: left; margin: 0 0 10px; background: url(../images/bg_tnblogbox_bottom.gif) 0 100% no-repeat; }
div#blogContents div.article { padding: 15px; background: url(../images/bg_tnblogbox_top.gif) 0 0 no-repeat; }
div.thumb { zoom: 1; float: left; width: 60px; margin-right: 15px; background: url(../images/bg_avatar_bottom.gif) 0 100% no-repeat; }
div.thumb p { padding: 5px; background: url(../images/bg_avatar_top.gif) 0 0 no-repeat; }
div.article div.text { float: left; width: 375px; }
div.article p { color: #9f9f9f; }
div.article p.title { margin-top: -0.1em; font-size: 133%; color: #333; }


div#offContents { zoom: 1; margin: 0 0 10px; background: url(../images/bg_tnoff_bottom.gif) 0 100% no-repeat; }
div#offContents div.mainSectionInner { padding: 21px 20px 20px; background: url(../images/bg_tnoff_top.gif) 0 0 no-repeat; }
div#offContents ul { margin: 3px 0 0; }
div#offContents li { zoom: 1; margin: 0 0 2px; background: url(../images/bg_tnoffbox01_bottom.gif) 0 100% no-repeat; }
div#offContents div.article { padding: 8px 10px 7px; background: url(../images/bg_tnoffbox01_top.gif) 0 0 no-repeat; }
div#offContents p.category { float: left; width: 30px; margin-right: 12px; }
div#offContents div.text { float: left; width: 420px; margin: 5px 0 0; }
div#offContents p.title { margin: 0 0 3px; font-weight: bold; }

div.offLink { zoom: 1; background: url(../images/bg_tnoffbox02_bottom.gif) 0 100% no-repeat; }
div.offLinkInner { padding: 15px 20px; background: url(../images/bg_tnoffbox02_top.gif) 0 0 no-repeat; font-size: 133%; font-weight: bold; }



/* ■■■ サブ ■■■ */
div.subSection { zoom: 1; margin: 0 0 10px; background: url(../images/bg_sub_bottom.gif) 0 100% no-repeat; }
div.subSectionInner { padding: 5px 5px 10px; background: url(../images/bg_sub_top.gif) 0 0 no-repeat; }
div.subSection h3 { margin: 0 0 10px; }

div.subSection dl { margin: 6px 5px 0; }
div.subSection dt { color: #9f9f9f; font-family: Verdana, Geneva, sans-serif; line-height: 1.2; font-size: 78%; }
div.subSection dd { margin: 0 0 7px; padding: 0 1px 10px; background: url(../../shared/images/line_dotted01.gif) 0 100% repeat-x; }
div.subSection dd.lastChild { margin-bottom: 0; padding-bottom: 0; background: none; }
div.subSection dd strong { margin: 0 5px 0 0; font-weight: bold; }


ul.bannerList { margin-bottom: 10px; }
ul.bannerList li { padding:0; margin: 0 0 5px 0; text-align: center; }


/*  blog
-----------------------------------------------------------*/
/* ■■■ メイン ■■■ */
div#blogHeader { min-height: 3.7em; _height: 3.7em; margin-bottom: 10px; background: #ffdd00 url(../images/blog_bg_bloghead_bottom.gif) 0 100% no-repeat; }
div#blogHeaderInner { padding: 12px 12px 12px 12px; background: url(../images/blog_bg_bloghead_top.gif) 0 0 no-repeat; }
div#blogHeader ul.pager { position: relative; width: 583px; }
div#blogHeader .before { float: left; width: 170px; }
div#blogHeader .before a { padding: 2px 0 4px 14px; background: url(../images/icon_before.gif) 0 0.2em no-repeat; }
div#blogHeader .next { float: right; width: 170px; text-align: right; }
div#blogHeader .next a { padding: 2px 0 4px 14px; background: url(../images/icon_next.gif) 0 0.2em no-repeat; }
div#blogHeader li.top { position: absolute; left: 50%; width: 220px; margin-left: -110px; text-align: center; }
div#blogHeader h2 { float: left; width: 65%; margin: 0; font-size: 122%; font-weight: bold; color: #663300; }
div#blogHeader p.top { float: right; width: 30%; margin-top: 0.2em; text-align: right; }
div#blogHeader .top a { padding: 2px 0 4px 14px; background: url(../images/icon_top.gif) 0 0.2em no-repeat; }

div#tanukichiBlog h3 { margin: 8px 0 10px; }
body#club div.mainSection { zoom: 1; margin: 10px 0 10px; background: url(../images/blog_bg_main01_bottom.gif) 0 100% no-repeat; }
body#club div.mainSectionInner { padding: 10px 10px 25px; background: url(../images/blog_bg_main01_top.gif) 0 0 no-repeat; }

body#club p.postingTime { padding: 3px 10px; background: #ffffbb; color: #ffcc00; font-weight: bold; font-size: 172%; border-bottom: solid 1px #ffdd00; font-family: Verdana, Geneva, sans-serif; }
body#club div.avatar { zoom: 1; float: left; width: 60px; margin-right: 13px; background: url(../images/bg_avatar_bottom.gif) 0 100% no-repeat; }
body#club div.avatar p { padding: 5px; background: url(../images/bg_avatar_top.gif) 0 0 no-repeat; }
body#club div#sub div.avatar { background: url(../images/bg_subavatar_bottom.gif) 0 100% no-repeat; }
body#club div#sub div.avatar p { background: url(../images/bg_subavatar_top.gif) 0 0 no-repeat; }
div.blogTitle { margin: 20px 20px 0; }
div.blogTitle div.text { float: left; width: 450px; }
div.blogTitle p { color: #9f9f9f; }
div.blogTitle h4 { margin-top: -0.1em; font-size: 133%; color: #333; }
div.tanuArticle { margin: 0 20px; }
div.tanuArticle p { margin: 15px 0 0; line-height: 175%; }

dl.commentList { margin: 20px 0 0; }
dl.commentList dt { margin: 12px 0 20px; font-weight: bold; }
dl.commentList dd { margin: 0 0 20px; padding: 0 5px 17px 5px; background: url(../../shared/images/line_dotted02.gif) 0 100% repeat-x; }
dl.commentList dd p { margin: 0; color: #666666; }
dl.commentList dd p.commenter { color: #666666; }
dl.commentForm { margin: 0 5px; color: #666666; }
dl.commentForm dd { margin-bottom: 15px; }
dl.commentForm dd input,
dl.commentForm dd textarea { width: 390px; }
div.ncLink form p { margin: 0 0 11px 12px; }



/* ■■■ サブ ■■■ */
body#club div.subSection { zoom: 1; margin: 0 0 10px; background: #ffdd00 url(../images/blog_bg_sub01_bottom.gif) 0 100% no-repeat; }
body#club div.subSection a { color: #409d99; }
body#club div.subSectionInner { padding: 15px; background: url(../images/blog_bg_sub01_top.gif) 0 0 no-repeat; }
body#club div.subSection h5 { margin: 0 0 0 5px; }
body#club div.subSection div.text { float: left; width: 215px; }
body#club div.subSection ul.newArticle li,
body#club div.subSection ul.poster li { margin: 13px 0 0; padding: 15px 0 0; background: url(../../shared/images/line_dotted02.gif) 0 0 repeat-x; }
body#club div.subSection ul.poster h6 { margin: 0 0 5px; font-size: 133%; }
body#club div.subSection ul.archive { margin: 13px 0 0; padding: 12px 0 0; background: url(../../shared/images/line_dotted02.gif) 0 0 repeat-x; }
body#club div.subSection ul.archive li { font-weight: bold; font-size: 126%; border-bottom: solid 1px #ffdd00; font-family: Verdana, Geneva, sans-serif; }

body#club p.rss { font-size: 133%; font-weight: bold; }


/*  member
-----------------------------------------------------------*/
div#memberTop p.systemDescription { float: left; width: 800px; }
div#memberTop p#btnCancel { float: right; width: 100px; }

div#stepNav li { margin-right: 5px !important; }
div#stepNav li.lastChild { margin-right: 0 !important; }

div.form table td.input { width: 355px; }
div.form table ul.inputName li { float: left; width: 145px; margin-right: 30px; text-align: right; }
div.form table ul.inputName li.lastChild { margin-right: 0; }
div.form table ul.inputName li input { width: 110px; }
div.form table #zip01 { width: 50px; }
div.form table #zip02 { width: 70px; }
div.form table #zip03 { width: 260px; }
div.form table #zip04 { width: 225px; }

p.btnCancel { margin: 15px 0 0; text-align: center; }
p.btnCancel a { margin: 0 5px; }


/*  fun
-----------------------------------------------------------*/
div#funReport { width: 939px; background: url(../images/bg_fun_inner.gif) 139px 0 repeat-y; }
div#funReportBox { background: url(../images/fun_title.jpg) 0 0 no-repeat; }
div#funReportInner { zoom: 1; padding: 80px 191px 27px 190px; background: url(../images/bg_fun_bottom.gif) 139px 100% no-repeat; }
div#funReport h3 { display: none; }
div#funReport p#reportNumber { position: relative; margin: 0 0 40px -30px; font-size: 133%; font-weight: bold; color: #ffaa00; }
div#funReport h4 { width: 450px; margin: 0 0 20px; line-height: 1.2; font-size: 247%; color: #880000; }
div#funReport h4 strong { font-weight: bold; }
div#funReport p.topDescription { margin: 0 0 20px; font-size: 118%; font-weight: bold; }

div.reportSection { margin: 0 0 20px; padding: 0 0 5px; background: url(../../shared/images/line_dotted02.gif) 0 100% repeat-x; }
div.reportSection h5 { margin-bottom: 15px; font-weight: bold; font-size: 133%; color: #880000; }
div.reportSection h5.stHead { margin-bottom: 0; }
div.reportSection p { margin-bottom: 15px; fotn-size: 108%; }
div.reportSection p.reportImages { text-align: center; }
div.reportSection p.reportImages img { margin: 0 0 0 1px; }
body#fun p.btnTop { margin: 20px 0 10px; text-align: center; }


/*  howto
-----------------------------------------------------------*/
body#howto div#mainContents { position: relative; background: #88ddff url(../images/bg_howto_top.jpg) 0 0 no-repeat; }
div#howtoContents { padding: 0 0 365px; background: url(../images/bg_howto_bottom.jpg) 0 100% no-repeat; }
div#howtoContents img { display: block; }
div.howtoSection { margin: 31px 0 0 25px; }

div.howtoColumn { float: left; width: 420px; margin-right: 49px; position:relative; }
div.lastColumn { margin-right: 0; }

div.howtoColumn p { margin: 15px 0 0; line-height: 1.8; }
div.howtoSection div.howtoBox { zoom: 1; margin: 15px 0 0; background: #bbeeff url(../images/bg_howto01_bottom.gif) 0 100% no-repeat; font-weight: bold; }
div.howtoSection div.howtoBox div { padding: 9px 12px 4px; background: url(../images/bg_howto01_top.gif) 0 0 no-repeat; }
div.howtoSection div.howtoBox li { margin: 0 0 5px; padding-left: 0.5em; text-indent: -0.5em; }
div.howtoSection div.howtoBox li span { font-weight: normal; }

div#howtoRank { margin: 15px 0 0 25px; }
div#howtoRank p { margin: 15px 0 0; line-height: 1.8; }
div#howtoRank div.howtoBox { zoom: 1; width: 270px; margin: 15px 0 0; background: #bbeeff url(../images/bg_howto02_bottom.gif) 0 100% no-repeat; font-weight: bold; }
div#howtoRank div.howtoBox div { padding: 9px 0 4px 12px; background: url(../images/bg_howto02_top.gif) 0 0 no-repeat; }
div#howtoRank div.howtoBox li { margin-bottom: 5px; }
div#howtoRank div.howtoBox li em { display: block; float: left; width: 200px; font-weight: bold; }
div#howtoRank div.howtoBox li span { display: block; float: left; width: 50px; text-align: center; color: #cc0000; }

p#iconRegist { position: absolute; bottom: 12px; left: 20px; }
ul#tanuRank {
}
ul#tanuRank li { position: absolute; bottom: 10px; }
li#regular { left: 184px; }
li#silver { left: 370px; }
li#gold { left: 555px; }
li#platinum { left: 744px; }


div.howtoColumn p.howto_img01 {
	position:absolute;
	top:6px;
	right:36px;
	margin:0;
	padding:0;
}
div.howtoColumn p.howto_img02 {
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
}
div.howtoColumn p.howto_img03 {
	position:absolute;
	top:47px;
	right:5px;
	margin:0;
	padding:0;
}
div.howtoColumn p.howto_img04 {
	position:absolute;
	bottom:0;
	right:5px;
	margin:0;
	padding:0;
}


/*--twitter box--*/
div#twitterContents {
	margin:0 0 10px;
	overflow:hidden;
	background:url(../images/bg_tntwitter_bottom.gif) bottom no-repeat;
}
div#twitterContents div.mainSectionInner {
	padding:10px 10px 25px;
	background:url(../images/bg_tntwitter_top.jpg) top no-repeat;
}

  ul.twitter_box_wrap {
	  list-style:none;
	  margin:0 10px;
  }
	ul.twitter_box_wrap li.twitter_box {
		width:490px;
		overflow:hidden;
		background:url(../images/bg_tntwitterbox_bottom.gif) bottom no-repeat;
		padding:0 0 10px;
		margin:0 0 10px;
		clear:both;
	}
	/*div.twitter_cont_wrap {
		width:490px;
		overflow:hidden;
		background:url(../images/bg_tntwitterbox_bottom.gif) bottom no-repeat;
		padding:0 0 10px;
		margin:0 0 10px;
		clear:both;
	}*/
	li.twitter_box dl {
		width:490px;
		background:url(../images/bg_tntwitterbox_top.gif) top no-repeat;
		padding:6px 0 0;
		clear:both;
	}
	  li.twitter_box dl dt {
		  width:72px;
		  float:left;
	  }
	  li.twitter_box dl dd {
		  width:397px;
		  margin:4px 10px 0 0;
		  color:#333;
		  font-size:12px;
		  line-height:155%;
		  text-align:left;
		  float:right;
	  }
	  *html li.twitter_box dl dd {
		  margin:4px 5px 0 0;
	  }
		li.twitter_box dl dd a:link ,div.twitter_cont_wrap dl dd a:visited {
			color:#25B6EB;
			text-decoration:none;
		}
		li.twitter_box dl dd a:hover {
			color:#069;
			text-decoration:underline;
		}
	li.twitter_box dl dd ul.twitter_ftr {
		list-style:none;
		clear:both;
		padding:3px 0 0;
	}
	  li.twitter_box dl dd ul.twitter_ftr li {
		  float:left;
		  font-size:10px;
		  color:#666;
		  margin:0 10px 0 0;
	  }














/*  OTHER  */

.RedBoder{border:1px solid #cc0000; width:395px; float:right;}
.RedBoderCont{padding:10px 20px 10px 20px; text-align:left;}
.RedBoderCont p{border-bottom:1px dotted #CCCCCC; padding-bottom:2px; margin-bottom:4px; color:#cc0000;}
.RedBoderCont p.lastchaild{border-bottom:none; padding-bottom:0px; margin-bottom:0px; color:#cc0000;}
.RedBoder p.title{border-bottom:0px; background:#cc0000; color:#FFFFFF; font-weight:bold; padding:3px 4px; text-align:center;}