@charset "UTF-8";
@import "reset.css";

body { color: #333; }

/* !font-family fix */
body { font-family: sans-serif; }
* html body { font-family:"ＭＳ Ｐゴシック", "MS P Gothic" }
*:first-child+html body { font-family:"ＭＳ Ｐゴシック", "MS P Gothic" }
head~/* */body body { font-family:"ＭＳ Ｐゴシック", "MS P Gothic" }
html:not(:target) body { font-family: sans-serif; }

/* !font-size */
body { font-size:12px; }
*:first-child+html body { font-size:77%; }
* html body { font-size:77%; }
.txt10 { font-size:83%; }
.txt11 { font-size:92%; }
.txt14 { font-size:117%; }
.txt15 { font-size:125%; }
.txt16 { font-size:133%; }
.txt18 { font-size:149%; }
.txt20 { font-size:167%; }

/* !clearfix */
.cfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cfix{ overflow:hidden; }
* html .cfix{ height:1%; overflow:visible; }

/* !Links */
a:link { color:#56A33D; text-decoration:none; }
a:visited { color:#56A33D; text-decoration:none; }
a:hover { color:#333; text-decoration:none; }
a:active { color:#333; text-decoration:none; }

a.rvrs:link { color:#333; text-decoration:none; }
a.rvrs:visited { color:#333; text-decoration:none; }
a.rvrs:hover { color:#56A33D; text-decoration:none; }
a.rvrs:active { color:#56A33D; text-decoration:none; }

/*Common Layout*/
#wrapper { width:938px; margin: 0 auto; }
#header { height: 132px; position: relative; }
#header #logo { position: absolute; top: 19px; left: 0; }
#header #shoulderLinks { position: absolute; top: 0; right:0; }
#header #shoulderLinks li { float: left; padding: 0 16px 0 0; }
#header #shoulderLinks li#teamlabo { padding: 0; }
#header #shoulderLinks img { margin: 0 5px -5px 0; }
#header #shoulderLinks li#teamlabo img {  margin: 0 0 -5px 0; }
#header #bnnr { position: absolute; top: 39px; left:250px; }
#header #user { position: absolute; top: 36px; right: 4px; width:165px; }
#header #user dt { text-align: right;}
#header #user #usrName { border: 1px solid #999; padding: 5px; }
#header #user #btnList { float: left; background: url(../images/hdr_funk_btn01.gif); height: 25px; width: 92px; }
#header #user #btnList a { font-size:92%; padding: 0 0 0 25px; line-height: 25px;}
#header #user #btnLogout { float: right; margin: 0 -2px 0 0; position: relative;}

#globalNavi { background:url(../images/navi_bg.gif) no-repeat ; height: 46px; margin: 0 -10px 5px; padding:0 10px; position: relative; }
#globalNavi li { float: left; padding: 0 11px 0 0;}

#localFnk { clear: both; height: 52px; padding: 10px 4px 5px 0;}
#localFnk ul { float: left;}
#localFnk ul li { float: left; padding: 0 15px 0 0;}
#localFnk #src { float: right; background:url(../images/src_bg.gif) no-repeat; height: 38px; width: 259px; padding: 9px 0 0 16px; }
#localFnk #src th { background:url(../images/src_zoom.gif) no-repeat left; padding: 0 0 0 20px; vertical-align: top; }
#localFnk #src td { padding: 0 0 0 7px; vertical-align: top;}
#localFnk #src .srcField { border:1px solid #b0aea1; height: 18px; padding: 4px 8px 0px 8px; width: 142px; font-size: 12px; }

#content { margin: 0 0 10px 0; line-height: 1.5;}
#main { width: 641px; float: left; }
#main .container { background: url(../images/container_bg641.gif) repeat-y; margin: 0 0 20px 0; }
#main .container .title { position: relative; width: 641px; height: 60px; }
#main .container .title .btn { position: absolute; bottom: 17px; right: 9px; }
#main .container .clear { background:url(../images/container_btm641.gif) no-repeat bottom; height: 12px; margin: 0; }
* html #main .container .clear { height: 20px; }
*:first-child+html #main .container .clear { height: 20px; }
#main h2.textTitle { background:url(../images/result_main_hdr_bg.gif) no-repeat; padding: 20px 0 0 55px; height:50px; font-weight: normal; font-size: 133% ; line-height: 1; }
#side h2.textTitle { background:url(../images/result_sub_hdr_bg.gif) no-repeat; padding: 20px 0 0 55px !important; height:50px; font-weight: normal; font-size: 133% ; line-height: 1; }


#about { position: relative; margin: 0 0 10px 0; height: 1%; }
#about p { position: absolute; }
#about .read { top: 46px; left: 10px; width: 560px; font-size: 83%; color: #4D4D4D; }
#about .btn { bottom:0; right: 0px; }

#aboutWide { position: relative; height: 1%; margin: 0 0 10px 0; }
#aboutWide p { position: absolute; }
#aboutWide .read { top: 46px; left: 10px; width: 560px; font-size: 83%; color: #4D4D4D; }
#aboutWide .btn { bottom:0; right: 450px; }
#aboutWide .playbtn { bottom:-59px; right: 35px; }
#aboutWide ul { position: absolute; top: 5px; right: 30px;}
#aboutWide ul li { float: left; padding: 0 4px 0 0; }

#side { width: 282px; float: right; }
#side #play { position: relative; margin: 0 0 16px 0; }
#side #play ul { position: absolute; left: 37px; top: 89px; width: 215px }
#side #play li { float: left; font-size: 1px; line-height: 1; margin: 0 5px 5px 0; }
#side #play p { position: absolute; left: 37px; top: 240px; width:220px; font-size: 92%;}
#side #play .playbtn { left:125px; top: 88px; }
#side #usrRank { background:url(../images/usr_rank_wrp.gif) repeat-y; height: 1%; }
#side #usrRank .inner { background: url(../images/usr_rank_wrp_btm.gif) no-repeat bottom; padding: 0 0 10px 0; height: 1%; }
#side #usrRank h2 { padding: 0 0 10px 0;}

#side #usrRank .rankBox { background: url(../images/usr_rank_bg.gif) repeat-y top left; width:252px; margin: 0 auto 13px; position: relative; height: 1%; }
#side #usrRank .rankBox dl { background: url(../images/usr_rank_bg_top.gif) no-repeat top left;}
#side #usrRank .rankBox dt { position: absolute; top: 45%; left: 5px; width:20px; text-align: center; font-weight: bold;}
#side #usrRank .rankBox dd { background: url(../images/usr_rank_bg_btm.gif) no-repeat bottom left; padding: 14px 10px 15px 52px;}
#side #usrRank .rankBox .capture { float: left; padding: 0 10px 0 0; }
#side #usrRank .rankBox .capture #user_img { border: 1px #B0AEA1 solid; }
#side #usrRank .rankBox .name { padding: 10px 0 0 0;}
#side #usrRank .rankBox .meta {font-size:92%;}
#side #usrRank .hover { background-position: top right ;}
#side #usrRank .hover dl { background-position: top right ;}
#side #usrRank .hover dd { background-position: bottom right ;}
#side #member { margin: 0 0 18px 0;}

#side #sub { background:url(../images/usr_rank_wrp.gif) repeat-y; height: 1%; }
#side #sub .inner { background: url(../images/usr_rank_wrp_btm.gif) no-repeat bottom; padding: 0 0 10px 0; height: 1%; }
#side #sub ul.list { list-style: disc; color:#56A33D ; padding: 0 0 0 40px;}
#side #sub ul.list li { margin: 0 0 5px 0;}

#mainWide { background:url(../images/mainwide_bg.gif); }
#mainWide .title { position: relative; height: 1%; }
#mainWide .title .btn { position: absolute; top: 10px; right: 10px;}

#mainWide .clear { background:url(../images/mainwide_btm.gif) no-repeat bottom; height: 19px; }
#mainWide .item { margin: 0 18px 19px;}
#mainWide .itemWrapper { padding:  10px 0 0 20px; height: 1%; }
#mainWide h2.textTitle { background:url(../images/main_h2_bg.gif) no-repeat; padding: 20px 0 0 55px; height:50px; font-weight: normal; font-size: 133% ; line-height: 1; }
#mainWide h2.textTitle strong { font-weight: normal; color: #56A33D; }
#mainWide #report { text-align: right; margin: -10px 0 10px 0; position: relative; padding: 0 30px 0 0;}
#mainWide .rBox892 { background: url(../images/r_box_rpt.gif); width: 892px; margin: 0 auto; position: relative; }
#mainWide .rBox892 .top { background: url(../images/r_box_top.gif) no-repeat top; height: 22px; }
#mainWide .rBox892 .btm { background: url(../images/r_box_btm.gif) no-repeat bottom; height: 22px; }
#mainWide .rBox892 .box { border: 1px solid #8c8c8c; padding: 13px 60px 13px 13px; margin: 0 0 0 20px; width:653px;} 
#mainWide .rBox892 .box h3 { border-bottom: 1px solid #8c8c8c; padding: 0 0 4px 0; font-size: 117%; }
#mainWide .rBox892 .box .comment { border-bottom: 1px solid #8c8c8c; padding: 10px 0 8px; }
#mainWide .rBox892 .box .meta { padding: 6px 0 0 0; font-size: 83%; }
#mainWide .rBox892 .btnPlay { position: absolute; top: 50px; right: 42px;}
#mainWide .rBox892 .txtField { width: 300px;}
#mainWide .rBox892 .tbWrapper { margin: 0 20px 0; padding: 10px 0 0; }
#mainWide .rBox892 .basicTB { border-collapse: collapse; border: 1px solid #8c8c8c;}
#mainWide .rBox892 .basicTB th,
#mainWide .rBox892 .basicTB td {border: 1px solid #8c8c8c; padding: 4px;}
#mainWide .rBox892 .basicTB th { background: #f4f2e6; padding: 4px 8px;}
#mainWide .rBox892 .left { float: left;}
#mainWide .rBox892 .right { float: right;}

#mainWide h2.plain { background: url(../images/bg_wide_plain_top.gif) no-repeat 0 0; padding: 16px 0 0; font-size: 167%;font-weight: normal; }
#mainWide h2.plain span { border-bottom: solid 1px #333333; display: block; padding: 0  7px ; margin: 0 22px; font-weight: bold; }
#mainWide h2.plainIcn { background: url(../images/bg_wide_plain_top.gif) no-repeat 0 0; padding: 16px 0 0; font-size: 167%;font-weight: bold; }
#mainWide h2.plainIcn img { padding: 0 7px 0 20px; margin: 0 0 -4px 0; }

#mainWide .contInner { padding: 20px 22px ; }
#mainWide .contInner .txt15 { padding:0 0 0 0; }
.red { color: #bf0000; }
#mainWide .indent .roundBox  { margin: 20px 0 10px; }
#mainWide .roundBox { background: url(../images/bg_round_base.gif) repeat-y; margin: 20px 186px 10px; }
#mainWide .roundBox h3 { background: url(../images/bg_roundbox_top.gif) no-repeat top left; font-size: 133%; padding: 20px 26px 15px;font-weight: normal;}
#mainWide .roundBox .inner { background: url(../images/bg_roundbox_bottom.gif) no-repeat bottom left; padding:0 26px 20px;  }
#mainWide .roundBox dt { font-size: 114%; width: 160px; display: block; float: left; clear: both; padding: 5px 0; margin: 0 0 12px 0; }
#mainWide .roundBox dd { float: right; margin: 0 0 12px 0; } 
#mainWide .roundBox .text { border: solid 1px #878680; padding: 6px; width: 295px; }
#mainWide .roundBox .btn { clear: both; text-align: right; }
#mainWide .roundBox .btnLeft { text-align: left;clear:  both; padding:0 0 0 163px; }
#mainWide .roundBox dt.textArea { margin: 0; }
#mainWide .roundBox dd.textArea { clear: both; width: 100%; margin: 0 0 10px 0; float: none;}
#mainWide .roundBox dd.textArea textarea { width: 458px; padding: 5px; height: 130px; }
#mainWide .roundBox .btn { text-align: right; clear: both;}
#mainWide .indent { margin: 0 186px;}
#mainWide .indent.info p { padding: 10px 0 0 0;}

h2 { font-weight: bold;}

#mainWide .contInner.report { padding:20px 45px; }
#mainWide .contInner.report p { margin: 0 0 1em 0; }
#mainWide .contInner.report .user { float: left;  background: #fff; font-size: 117%; padding: 5px 10px; }
#mainWide .report p.txt14 { clear: both; float: none; }
#mainWide .report dt { font-size: 114%; width: 85px; display: block; float: left; clear: both; padding: 5px 0; margin: 0 0 12px 0; }
#mainWide .report dd { float: left; margin: 0 0 12px 0; width: 520px; } 
#mainWide .report select { margin: 5px 0;}
#mainWide .report dd.textArea { width: 520px; margin: 0 0 10px 0; }
#mainWide .report dd.textArea p { text-align: right; }
#mainWide .report dd.textArea textarea { width: 510px; padding: 5px; height: 100px; }
#mainWide .report .btnLeft { text-align: left;clear:  both; padding:0 0 0 85px; }
#mainWide.post table { margin: 0 0 15px 0; }
#mainWide.post .item { margin: 0 15px 0 0; }
#mainWide.post .title { margin: 0 0 5px 5px; font-size: 149%; font-weight: normal;  }
#mainWide.post .roundBox { margin-top: 5px; position: relative; height: 1%; }
#mainWide.post .cap { margin: 0 0 20px 0;}
#mainWide.post .num img { margin: 0 5px -10px 0; }
#mainWide.post .btnleft { padding: 0 0 10px 161px; clear: both; }
#mainWide.post .btnab { position: absolute!important; top:21px; left: 187px; }

#mainSWF { position: relative; margin: 0 -14px; background: #fff; padding: 15px 0; }

#flashArea { width:962px; height: 579px; position: relative; margin: 0 -14px; background: #fff; padding: 15px 0; }

#footer { background: url(../images/ftr_bg.gif) no-repeat; height: 124px; position: relative; }
#footer ul { position: absolute; top: 5px; left: 0px; padding: 0 0 0 10px; }
#footer ul li { float: left; padding: 0 15px 0 0; }
#footer #btnPageTop { position: absolute; top: 5px; right: 10px; }
#footer #ftrNavi { position: absolute; bottom: 5px; left: 0px; padding: 0 0 0 10px; }
#footer #ftrNavi span { padding: 0 5px; }

#terms { padding: 0 30px; line-height: 1.8; }
#terms p { text-indent: 1em; margin: 0 0 0.5em 0;}
#terms ol { list-style: decimal; padding:1em 0 0 40px;}
#terms ol li { margin: 0 0 5px 0;}
#terms h3 { margin: 2em 0 0 0; font-size: 117%;}
#terms .disc { padding: 1em 0 0 40px; list-style: disc; }
#terms .disc li { margin: 0 0 5px 0;}
#terms .clear { border-bottom: 1px solid #333; margin: 0 -30px 0; padding: 0 0 0 0; position: relative; }

/* Common class */
.clear { clear:both; height: 1px; font-size: 1px; line-height: 1px; }
hr { display: none; }
.none { display: none; }

.itemWrapper { padding:  5px 0 0 21px; height: 1%; }
.item { width: 189px; position: relative; float: left; margin: 0 16px 16px 0; height: 1%;  }
* html .item { display: inline; }
.item .inner { background: url(../images/item_bg.gif) left top; height: 1%; }
.item .capture { padding: 17px 17px 5px; background: url(../images/item_bg_top.gif) no-repeat left top; }
.item h3 { margin: 0 17px 2em; border-bottom: 1px solid #d9d9d9; }
.item .name { position: absolute; height: 1em; top:140px; left: 17px; }
.item .name a { position: relative; height: 1%; }
.item .meta { padding: 0 17px 14px; background: url(../images/item_bg_btm.gif) no-repeat left bottom; font-size:92%; height: 1%; width: 155px; position: relative; }
.item .hover { cursor: pointer; background-position: right top !important; }
.item .hover .capture { background-position:right top !important; }
.item .hover .meta {  background-position: right bottom !important; }
.item.self .meta { padding: 0 17px 34px; }
.item.self .delete { position: absolute; bottom:10px ; left:56px;}

.pageNavi { height: 2.5em; line-height: 1; padding: 0 35px;  clear: both;}
#main .pageNavi { padding: 0 18px;}
.pageNavi.bottom { margin: 19px 0 0 0;}
.pageNavi .left { float: left; font-weight: normal; padding: 4px 0 0 0;}
.pageNavi p {float: right; }
.pageNavi a { display: block; float: left; }
.pageNavi .first { padding: 5px 0px; margin: 0 4px; }
.pageNavi .prev { padding: 5px 0px; margin: 0 4px; }
.pageNavi .next { padding: 5px 0px; margin: 0 4px; }
.pageNavi .last { padding: 5px 0px; margin: 0 4px; }
.pageNavi span a { padding: 5px 8px; margin: 0 4px; }
.pageNavi span a:link { background: #fff; }
.pageNavi span a:visited { background: #fff; }
.pageNavi span a:hover { background: #fff99c; }
.pageNavi span a:active { background: #fff99c; }
.pageNavi span a.current { background: #fff99c !important; color: #56A33D !important; cursor: default !important; }