@charset "utf-8";
/* CSS Document */

/* list img css */
h3.listTtl{
line-height:0;
font-size:0;
padding-bottom:4px;
background:url(../../contest01/contest_common/images/listTtl_bg.gif) left bottom repeat-x;
}
.listArea{
border-top:solid 1px #1b1c1c;
background:url(../images/cm_bg.gif) left top repeat-x;
background-color:#2b2b2a;
padding-top:8px;
}
.listArea .fix{
margin:0 auto;
width:668px;
background:url(../../contest01/contest_common/images/detailImgIco03.gif) left bottom repeat-x;
padding-bottom:8px;
}
.listArea .fix dl{
float:left;
margin-right:20px;
}
.listArea .fix p{
float:left;
margin-right:40px;
font-size:120%;
color:#FFF;
font-weight:bold;
background:url(../images/whiteIco.gif) left center no-repeat;
padding-left:15px;
}
.listArea .fix p span{
font-size:85%;
font-weight:normal;
}
.viewMethod{
}
.listArea .fix dt{
float:left;
padding:2px 8px
}
.listArea .fix dd{
float:left;
border:solid 1px #000;
padding:0 7px;
background-color:#292a2a;
}
.listArea .fix dd.ALink{
background-color:#000;
}
.listArea .fix dd a{
text-decoration:none;
}
.listArea .fix dd.ALink a{
background:url(../images/yellow_icon02.gif) left 2px no-repeat;
color:#fffffe;
padding-left:15px;
}
.listArea .fix dd.ALink a.ViewA{
background:url(../images/yellow_icon.gif) left 2px no-repeat;
color:#ffde00;
}
.listArea .fix dd.BLink a{
background:url(../images/white_icon.gif) left 2px no-repeat;
padding-left:15px;
}
.listArea .fix dd.BLink a.ViewB{
background:url(../images/white_icon02.gif) left 2px no-repeat;
color:#ffde00;
}
/*
.listArea .fix dd.BLink{
background-color:#292a2a;
}
.listArea .fix dd.BLink a{
background:url(../images/white_icon.gif) left 6px no-repeat;
padding-left:15px;
}
.listArea .fix dd.ALink a{
background:url(../images/yellow_icon.gif) left 6px no-repeat;
padding-left:15px;
}
.listArea .fix dd a{
display:block;
text-decoration:none;
background-color:#292a2a;
color:#FFF;
padding:2px 8px;
}

.listArea .fix dd.ALink a{
background-color:#000;
color:#ffde00;
}
.listArea .fix dd a.viewA{
background-color:#000;
color:#ffde00;
padding-left:15px;
}

.listArea .fix dd a.viewB{
background-color:#000;
color:#fff;
}*/

.imgsList01{
padding:0 24px;
clear:both;
margin-top:15px;
}
.imgsList02{
padding:0 22px;
clear:both;
}
.imgsList01:after,
.imgsList02 ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	line-height:0;
    font-size:0;
}
* html .imgsList01,
* html .imgsList02 ul{
display:inline-block;
margin-left:3px;
}
*:first-child+html .imgsList01,
*:first-child+html .imgsList02 ul{
display:inline-block;
}
.imgsList02{
display:none;
padding-bottom:15px;
margin-top:15px;
}
.imgsList01 dl{
float:left;
width:156px;
height:193px;
padding:0 15px 15px 0;
}
.imgsList01 dl.end{
padding-right:0;
}
.imgsList01 dl dd{
text-align:center;
}
.imgsList01 dl dd a{
color:#5f5f5f;
text-decoration:none;
}
.imgsList01 dl dd a.ttlMark{
color:#989898;
font-weight:bold;
text-decoration:underline;
}
.imgsList02 li{
float:left;
width:84px;
line-height:0;
font-size:0;
}
.pageNavi{
clear:both;
padding:15px 0;
margin:0 24px;
background:url(../../contest01/contest_common/images/detailImgIco02.gif) left bottom repeat-x;
text-align:center;
}
.pageNavi.sp{
background:url(../../contest01/contest_common/images/detailImgIco.gif) left top repeat-x;
margin-bottom:0;
}
.pageNavi li{
display:inline;
padding-right:1px;
padding-left:3px;
zoom:1;
}
.pageNavi li a{
text-align:center;
text-decoration:none;
color:#FFF;
border:solid 1px #363635;
background-color:#1e201f;
padding:2px 6px;
}
.pageNavi li a:hover{
border:solid 1px #000;
background-color:#000;
color:#ffde00;
}
.pageNavi li a.current{
border:solid 1px #000;
background-color:#000;
color:#ffde00;
}
.pageNavi li#prev a,
.pageNavi li#next a,
.pageNavi li#prev a:hover,
.pageNavi li#next a:hover{
border:none;
background:none;
}

/* detail css setting */
.detailStyle01{
width:600px;
margin:0 auto;
margin-top:25px;
margin-bottom:35px;
}
.detailStyle02{
width:400px;
margin:0 auto;
margin-top:25px;
margin-bottom:35px;
}
.detailTtl{
font-family: "Microsoft JhengHei","Microsoft Yahei",'Lucida Grande', Verdana, Arial, sans-serif;
font-size:140%;
color:#FFF;
margin-bottom:5px;
position:relative;
}
.detailTtl span{
position:absolute;
right:0;
top:5px;
font-size:70%;
color:#868686;
}
.introInfo{
background:url(../images/cm_bg.gif) left top repeat-x;
border-top:solid 1px #1b1c1c;
background-color:#2b2b2a;
padding:14px 24px 10px;
}
.introInfo .fix{
background:url(../images/detailImgIco.gif) left bottom repeat-x;
padding-bottom:20px;
}
.introInfo .fLeft{
width:440px;
background-color:#000;
}
.introInfo .fLeft dl{
padding:7px 7px 14px 7px;
min-height:84px;
}
* html .introInfo .fLeft dl{
height:84px;
}
*:first-child + html .introInfo .fLeft dl{
height:84px;
}
.introInfo .fLeft dt{
background:url(../images/author_name_bg.gif) left center no-repeat;
padding-left:10px;
color:#c2b32e;
margin-left:100px;
margin-bottom:5px;
}
.introInfo .fLeft dd{
margin-left:100px;
}
.introInfo .fLeft dd.author_img{
float:left;
margin-left:0;
margin-top:-1.8em;
}
.introInfo .fLeft dt a{
color:#c2b32e;
}
.fullBtn{
background:url(../images/full_btn_bg.gif) left top no-repeat;
margin-top:5px;
width:86px;
hight:13px;
display:block;
padding:4px 0;
cursor:pointer;
}
.fullBtn span{
display:block;
width:86px;
hight:13px;
text-align:center;
background:url(../../contest01/contest_common/images/fullIco01.gif) 10px center no-repeat;
}
.fullBtn span.closeBtn{
background:url(../../contest01/contest_common/images/fullIco02.gif) 10px center no-repeat;
}
.fullBtn span.openBtn{
background:url(../../contest01/contest_common/images/fullIco01.gif) 10px center no-repeat;
}
.fullInfo{
display:none;
background-color:#1c1c1c;
padding:17px 7px;
}

.fullInfo p{
text-align:center;
background:url(../../contest01/contest_common/images/detailImgIco.gif) left bottom repeat-x;
padding-bottom:15px;
}
.fullInfo th{
width:50%;
text-align:right;
background:url(../../contest01/contest_common/images/detailImgIco.gif) left bottom repeat-x;
padding-bottom:3px;
padding-top:3px;
font-weight:normal;
}
.fullInfo td{
width:50%;
text-align:left;
padding-left:20px;
background:url(../../contest01/contest_common/images/detailImgIco.gif) left bottom repeat-x;
padding-bottom:3px;
padding-top:3px;
}
.introInfo .fRight{
width:220px;
background-color:#1f1f1f;
}
.introInfo .fRight dl{
padding:7px;
}
.introInfo .fRight dt{
background-color:#000;
color:#FFF;
letter-spacing:1px;
font-weight:bold;
padding:3px 0 3px 10px;
margin-bottom:10px;
}
.introInfo .fRight dd{
background:url(../images/detailTagIco.gif) 10px 6px no-repeat;
padding-left:30px;
line-height:2;
}
* html .listArea .fix dd.ALink a{
background:url(../images/yellow_icon02.gif) left top no-repeat;
}
*:first-child + html .listArea .fix dd.ALink a{
background:url(../images/yellow_icon02.gif) left top no-repeat;
}
* html .listArea .fix dd.ALink a.ViewA{
background:url(../images/yellow_icon.gif) left top no-repeat;
}
*:first-child + html .listArea .fix dd.ALink a.ViewA{
background:url(../images/yellow_icon.gif) left top no-repeat;
}
* html .listArea .fix dd.BLink a{
background:url(../images/white_icon.gif) left top no-repeat;
}
*:first-child + html .listArea .fix dd.BLink a{
background:url(../images/white_icon.gif) left top no-repeat;
}
* html .listArea .fix dd.BLink a.ViewB{
background:url(../images/white_icon02.gif) left top no-repeat;
}
*:first-child + html .listArea .fix dd.BLink a.ViewB{
background:url(../images/white_icon02.gif) left top no-repeat;
}

/* Page Detail Navigation */
.detailNavi{
text-align:center;
margin:0 auto;
width:200px;
padding-top:15px;
}
.detailNavi:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
* html .detailNavi{
 display:inline-block;
}
*:first-child+html .detailNavi{
 display:inline-block;
}
.detailNavi li{
float:left;
display:inline;
margin-right:5px;
}
.detailNavi li a{
display:block;
border:solid 1px #363635;
background-color:#1e201f;
color:#FFF;
text-decoration:none;
padding:0 5px;
}
.detailNavi li a:hover{
background-color:#000;
color:#FFDE00;
}