@charset "shift_jis";

/* ------------------------------------------ */
/* ---------- page structure style ---------- */
/* ------------------------------------------ */

#contents .ttlLG3 {
	background: url("/images/ttl_pattern_g_509.gif") no-repeat scroll right top transparent;
    font-size: 137%;
    font-weight: bold;
    height: 34px;
    margin-bottom: 3px;
    padding: 8px 0 0 22px;
}
#contents .ttlLG3 span {
    float: right;
    font-size: 78%;
    font-weight: normal;
    padding-right: 10px;
}
#contents .ttlLG3 span a {
    background: url("/images/arrow_green_back.gif") no-repeat scroll left center transparent;
    padding-left: 16px;
}
#contents .ttlLG3 span a.noIcon {
    background: none;
}
#contents .ttlLG3 span a, #contents .ttlLG3 span a:link, #contents .ttlLG3 span a:visited {
    color: #003300;
    text-decoration: none;
}
.buttonSlide{
 border:1px solid #c0f9ac; font-size:13px; padding: 10px 10px 10px 10px; text-shadow: 0px 0px 0 rgba(0,0,0,0.3); text-align: center; color: #000000; background-color: #E8FDE1;
}

.buttonSlide:hover{
 border:1px solid #9FF781; background-color: #7FD462;
}


.zukanSortBox dt a {
	background-image:none !important;
	padding-left:0px !important;
}

#contents #gymNew h3.zukan {
    background-image: url("/community/images/zukan_steps.gif");
    background-repeat: no-repeat;
    height: 24px;
    line-height: 100%;
    margin-bottom: 20px;
    text-indent: -9999px;
}

#contents #gymNew h4.zukan {
    background-image: url("/community/images/zukan_step_ttl.gif");
    background-repeat: no-repeat;
    height: 34px;
    margin-bottom: 3px;
    text-indent: -9999px;
    width: 255px;
}

#contents #gymNew h3.zukan.step2 {
	height: 23px;
	background-position: left -24px;
}


#contents #gymNew h4.zukan.ttl2 {
    background-position: left -34px;
}

#contents #gymNew h3.zukan.step3 {
	background-position: left -46px;
}

textarea.zukanItem { height: 30px; }
p.zukanPostUser { font-weight: 700; font-size: 120%; float: right; padding: 5px 10px; background-color: rgb(255, 255, 255); }

div.zukanTop a, div.zukanTop a:hover, div.zukanTop a:active, div.zukanTop a:visited,
div.zukanList a, div.zukanList a:hover, div.zukanList a:active, div.zukanList a:visited,
div.zukanPageList a, div.zukanPageList a:hover, div.zukanPageList a:active, div.zukanPageList a:visited,
#basic a, #basic a:hover, #basic a:active, #basic a:visited { color: #459000; }

.zukanPostUser span { font-weight:100; font-size:80%; display:block; margin-bottom:3px; color: #459000; }

.zukanNoPost { border: 3px solid #FF6600; padding: 20px; }

#zukan { width:auto; border: 3px solid #7FD462; margin-bottom:10px; }
#zukan .infoHead { background: url("/community/images/gymbox_m.gif") repeat-x scroll center top transparent; }
#zukan p.image { float: left; margin-right: 15px; padding:10px;  }
#zukan p.info { float: left; margin-right: 15px; float: left; height: 90px; padding:10px; }
#zukan p.info span.label { color: #336600; margin-right:10px; }
#zukan p.social { padding: 10px; }
#zukan p.social span { display: block; margin-bottom:5px; }
#zukan p.outline { padding: 10px; }

div.zukanTop {  }
div.zukanTop ul li { width:115px !important; float:left; border:1px solid #7FD462 !important; height:145px; margin-right:6px; margin-bottom:5px; margin-top:10px }
div.zukanTop ul li span.image { /*border:double #ccc;*/ display:block; text-align:center; width:110px !important; margin-left: 2px; float:none !important; }
div.zukanTop ul li span.label { display: block; margin-top:8px; height:35px; padding: 0px 8px; float: none !important; text-align:left !important; width:100px !important; }
div.zukanTop ul li span.page { display: block; margin-top:4px; text-align:center !important; float: none !important; width:auto !important; }

div.zukanList {  }
div.zukanList ul li { width:115px !important; float:left; border:1px solid #7FD462 !important; height:145px; margin-right:7px; margin-bottom:5px; padding:8px !important; }
div.zukanList ul li span.image { /*border:double #ccc;*/ display:block; text-align:center; width:110px; margin-left: 2px; }
div.zukanList ul li span.label { display: block; margin-top:8px; height:35px; padding: 0px 5px; }
div.zukanList ul li span.page { display: block; margin-top:4px; text-align:center; }
div.zukanList ul li a.new {background: url("/images/icon_new.gif") no-repeat scroll left 1px transparent; padding-left: 35px; }

div.zukanPageList {  }
/*
div.zukanPageList ul li { width:119px !important; float:left; border:1px solid #7FD462 !important; height:180px; margin-right:4px; margin-bottom:5px; padding:10px 1px !important; }
div.zukanPageList ul li span.image { display: block; text-align:center; width:110px; margin-left:4px; }
div.zukanPageList ul li span.label { font-weight:700; font-size:100%; display: block; margin-top:5px; margin-left:4px; word-break: break-all; height: 30px; }
div.zukanPageList ul li span.category { font-size:13px; font-weight:100; margin-bottom:8px; }
*/
div.zukanPageList > div { float: left; margin-bottom:5px; }
div.zukanPageList > div > p { text-align: center; margin-bottom:5px; height:20px; font: bold 1.6em/120% Arial,Helvetica,sans-serif; }
div.zukanPageList > div > dl { border: 1px solid #7FD462 !important; width: /*119px*/ 132px !important; height: 160px/*185px*/; margin-bottom: 5px; margin-right: 4px; padding: 10px 1px !important; }
div.zukanPageList > div > dl > dd.image { display: block; text-align:center; width:110px; margin-left:12px; }
div.zukanPageList > div > dl > dd.label { font-weight:700; font-size:100%; display: block; margin-top:5px; margin-left:4px; word-break: break-all; /*height: 30px;*/ }
div.zukanPageList > div > dl > dd.category { font-size:85%; font-weight:100; margin-bottom:8px; }
div.zukanPageList > div > dl > dd.name { font-size:13px; font-weight:100; margin-bottom:8px; }
div.zukanPageList > div > dl > dt.icon { float:left; }
div.zukanPageList > div > dl > dt.cheer { margin-left: 2px; }
div.zukanPageList > div > dl > dd.count { float:left; width:40px; padding:2px; }


div#zukanRanking { width: auto; }
div#zukanRanking > h3 { padding:3px; }
div#zukanRanking > h3 > img { margin-right:5px; }
div#zukanRanking > div.shukei { font-size:10px; text-align:right; padding:3px; }
div#zukanRanking > ul { list-style: decimal inside none; }
div#zukanRanking > ul > li.rankingList { padding-left: 5px; padding-top:10px; padding-bottom: 10px; height:auto; list-style:none; }
div#zukanRanking > ul > li.rankingList > dl > dt { width:95px; margin-right:5px; float: left; }
div#zukanRanking > ul > li.rankingList > dl > dd.pageTitle > a { text-align:left; margin-left:5px; }
div#zukanRanking > ul > li.rankingList > dl > dd.cheer { text-align:right; }
div#zukanRanking > ul > li.rankingList > dl > dd.cheer > img { vertical-align:bottom; }

div#pageLink { margin-bottom:10px; }
div#pageLink > table td { padding: 0px; }
div#pageLink > table td span { background-color: #E8FDE1; font-size:120%; display: block; border: 2px solid #7FD462; padding:5px; text-align:center; width:120px; }


ul.japanese { padding:5px; border: 1px solid #B8EC81; margin-bottom: 10px; height: 55px; }
ul.japanese li { width: 10px; float:left; padding: 5px 10px; }
ul.japanese li.first { margin-left:8px; }

ul.japanese2 { padding:5px; border: 1px solid #B8EC81; margin-bottom: 10px; height: 30px; }
ul.japanese2 li { width: 10px; float:left; padding: 5px 6px; }
ul.japanese2 li.first { /*margin-left:8px;*/ }

p.category { margin-bottom:10px; }

#category_zukan { margin-bottom: 10px; }
#category_zukan h2 { border-bottom: 1px solid #B8EC81; }
#category_zukan ul li { border-left: 1px solid #B8EC81; border-right: 1px solid #B8EC81; border-bottom: 1px solid #B8EC81; }
#category_zukan ul { padding-bottom: 3px; }
#category_zukan ul li a, #contents #wrapperL #category_zukan ul li a:visited { color: #333333; text-decoration: none; }
#category_zukan ul li a { display: block; padding: 4px 6px; }
#category_zukan ul li a:hover { color:#FF6600; text-decoration:underline;}


#contents #zukanBody { clear: both; font-size: 125%; line-height: normal; overflow: hidden; padding: 10px; }
#contents #zukanBody #mainImage	{ text-align:center; }
#contents #zukanBody .subImages	{ margin-top:10px; text-align: left; margin-left: 50px; }
#contents #zukanBody .subImages ul	{ width: auto; overflow: hidden; }
#contents #zukanBody .subImages ul li { display:inline; /*margin-left: -2px;*/ /*padding: 0 5px 0 5px;*/ list-style-type: none;zoom: 1; vertical-align:top; }
#contents #zukanBody .subImages ul li.thumbnail { cursor:pointer; }
#contents #zukanBody .subImages ul li.thumbnail img { border:1px solid #7FD462; /*padding:8px 0px;*/ }
#contents #zukanBody .detial { margin-top:10px; }
#contents #zukanBody .detial table { width:100%; border: 1px solid #7FD462 }
#contents #zukanBody .detial table th.header { height:40px; text-align: left; }
#contents #zukanBody .detial table th.header span { background:url(/images/icon_page.png) no-repeat left; padding-left:25px; }
#contents #zukanBody .detial table th, td { padding:3px 10px; }
#contents #zukanBody .detial table td.header {width:115px; border-bottom:1px dotted #7FD462; font-weight:700; word-break: break-all; }
#contents #zukanBody .detial table td.data {vertical-align:baseline; border-bottom:1px dotted #7FD462; word-break: break-all; }

#TB_ajaxContent .container { padding:10px; width:680px; }
#TB_ajaxContent .header { width:100%; }
#TB_ajaxContent .close { display: block; text-align:right; cursor:pointer; }
#TB_ajaxContent .main { height:400px; width:100%; margin-top:10px; }
#TB_ajaxContent .main .category { padding: 15px 10px; background:#E8FDE1; margin-bottom: 0px !important; }
#TB_ajaxContent .main .category span { border-left: 5px solid #7FD462; padding:0px 0px 0px 5px; font-size:120%; font-weight:600; }
#TB_ajaxContent #mainSlide td { vertical-align:middle; text-align: center; }
#TB_ajaxContent #mainSlide td.left  { width: 130px; text-align: right; }
#TB_ajaxContent #mainSlide td.right { width: 130px; text-align:left; }
#TB_ajaxContent .label { display:block; position:relative; top:60px; margin-top: 10px; }
#TB_ajaxContent .btn { position:absolute; top:220px; }
#TB_ajaxContent .btn.left { left: 110px; }
#TB_ajaxContent .title { font-size:120%; font-weight:600; text-align: center; margin-top:10px; }
#TB_ajaxContent .buttons { margin-top:10px; padding: 10px; text-align:center; background: #FBBD77; }
#TB_ajaxContent .buttons ul  { padding-left:0px;}
#TB_ajaxContent .buttons li { padding:20px 0px; list-style: none;}
#TB_ajaxContent .buttons a  { border:solid 1px #ccc; padding:15px 20px 15px 35px; background: url(/images/bg_finishbt.gif) left center no-repeat; line-height:1.4em;}
#TB_ajaxContent .buttons a,
#TB_ajaxContent .buttons a:link,
#TB_ajaxContent .buttons a:visited { color: #f60; text-decoration: none;}
#TB_ajaxContent .buttons a,
#TB_ajaxContent .buttons a:hover,
#TB_ajaxContent .buttons a:active  { text-decoration: underline;}

#contents #netaHead dd.prev a {
    background-image: url("/images/arrow_orange_prev.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 13px;
}
#contents #netaHead  dd.next a {
    background-image: url("/images/arrow_orange_next.gif");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 13px;
}