@charset "Shift_JIS";
/* headline
----------------------------------------------- */
#containerHeadline {
margin:5px 0 0 0;
padding:0;
width:640px;
clear:both;
}

#containerHeadline dl {
margin:0;
padding:0;
clear:both;
}


#containerHeadline p {
	font-size:13px;
}


#containerHeadline dl dt {
margin:0 0 10px 0;
padding:0px 15px 0px 0px;
width:225px;
float:left;
}

#containerHeadline dl dd {
margin:0 0 10px 0;
padding:5px 0px 0px 0px;
width:395px;
float:left;
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN","MS PGothic",Sans-Serif;

}

#containerHeadline dl dd p.caption {
margin:0;
padding:8px 0px 0px 0px;
color:#000;
clear:both;
font-size:13px;
}

#containerHeadline ul {
margin:0;
padding:0;
list-style:none;
text-indent:0;
text-align:left;
}

#containerHeadline li {
margin:0;
padding:0;
list-style:none;
float:left;
}


#containerHeadline li p{
font-size:11px;
}


/* Mozilla */
:root #containerHeadline li a {
overflow:hidden;
}

#containerHeadline li a {
display:block;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 9px;
background:url(../images/arrow_gray_link.gif) no-repeat 0 0.25em;
}

#containerHeadline li a:hover {
background:url(../images/arrow_gray_hover.gif) no-repeat 0 0.25em;
}

#containerHeadline dl dd a {
color:#000000;
}

#containerHeadline dl dd a:hover {
color:#b2b2b2;
}

#containerHeadline dl dd p.cateKeyword {
margin:0;
padding:10px 0px 0px 0px;
clear:both;
}

#containerHeadline dl dd p.cateKeyword span {
font-weight:bold;
color:#000000;
}

#containerHeadline dl dd p.cateKeyword a {
color:#0000FF;
text-decoration:underline;
}

#containerHeadline dl dd p.cateKeyword a:hover {
color:#b2b2b2;
text-decoration:underline;
}

/* contents list
----------------------------------------------- */
#containerContentsList,
#containerContentsSubList {
margin:0;
padding:12px 0px 0px 0px;
width:630px;
clear:both;
}

.containerContentsListLeft {
margin:0;
padding:5px 0px 0px 0px;
width:310px;
float:left;
}

.containerContentsListRight {
margin:0;
padding:5px 0px 0px 0px;
width:310px;
float:right;
}


.containerContentsListLeft h4,
.containerContentsListRight h4 {
	margin: 0;
	padding: 0px 0px 0px 5px;
	width: 310px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../images/subcategory_title.gif) no-repeat;
	background-color: #999999;
	color: #ffffff;
	float: left;
}


html>body .containerContentsListLeft h4,
html>body .containerContentsListRight h4 {
	margin: 0;
	padding: 0px 0px 0px 5px;
	width: 305px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../images/subcategory_title.gif) no-repeat;
	background-color: #999999;
	color: #ffffff;
	float: left;
}

.containerContentsListLeft h4.new,
.containerContentsListRight h4.new {
	margin: 0;
	padding: 0px 0px 0px 5px;
	width: 310px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../images/subcategory_title.gif) no-repeat -310px 0px;
	background-color: #999999;
	color: #ffffff;
	float: left;
}


html>body .containerContentsListLeft h4.new,
html>body .containerContentsListRight h4.new {
	margin: 0;
	padding: 0px 0px 0px 5px;
	width: 305px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../images/subcategory_title.gif) no-repeat -310px 0px;
	background-color: #999999;
	color: #ffffff;
	float: left;
}

.containerContentsListLeft dl dd p.date,
.containerContentsListRight dl dd p.date {
	margin: 0;
	padding: 5px 0px 0px 0px;
	color: #cc9900;
	float: right;
}




.containerContentsListLeft h4 span,
.containerContentsListRight h4 span {
margin:0;
padding:3px 0px 0px 0px;
width:240px;
float:left;
}

.containerContentsListLeft h4 span a,
.containerContentsListLeft h4 span a:link,
.containerContentsListLeft h4 span a:visited,
.containerContentsListRight h4 span a,
.containerContentsListRight h4 span a:link,
.containerContentsListRight h4 span a:visited {
color:#fff;
}

.containerContentsListLeft dl,
.containerContentsListRight dl {
margin:0;
padding:5px 0px 0px 0px;
clear:both;
}

.containerContentsListLeft dl dt,
.containerContentsListRight dl dt {
margin:0;
padding:0px 10px 0px 0px;
width:100px;
float:left;
}

.containerContentsListLeft dl dd,
.containerContentsListRight dl dd {
margin:0;
padding:0;
width:200px;
float:left;
}

.containerContentsListLeft dl dd p.caption,
.containerContentsListRight dl dd p.caption {
margin:0;
padding:5px 0px 0px 0px;
color:#484848;
clear:both;
}

.containerContentsListLeft dl dd a,
.containerContentsListRight dl dd a {
color:#000000;
}

.containerContentsListLeft dl dd a:hover,
.containerContentsListRight dl dd a:hover {
color:#b2b2b2;
}







#containerContentsList #bnList h3 {
margin:15px 0px 0px 0px;
padding:0px 0px 10px 0px;
width:297px;
height:23px;
background:url(../images/contents_backnumber.gif) no-repeat;
clear:both;
}
#containerContentsList #bnList h3 a {
text-indent:-9999px;
width:430px;
height:23px;
display:block;
}



#containerContentsList #bnList .contentsbnList {
margin:0;
padding:5px 0px 5px 0px;
background:url(../images/line_dot.gif) repeat-x 0 100%;
text-indent:0;
text-align:left;
clear:both;
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
font-size:11px;
}

#containerContentsList #bnList .contentsbnList h4 {
margin:5px 0px 3px 0px;
padding:0px 0px 0px 15px;
font-weight:bold;
background:url(../images/arrow_BnList.gif) no-repeat 0 0.15em;
}

#containerContentsList #bnList .contentsbnList a {
display:block;
}

#containerContentsList #bnList .contentsbnList a h4 {
color:#000000;
}

#containerContentsList #bnList .contentsbnList a:hover h4,
#containerContentsList #bnList .contentsbnList a:hover p {
color:#b2b2b2;
}



#containerContentsList .bnLink ul {
margin:0;
padding:0;
border:1px solid #000;
}
#containerContentsList .bnLink li {
margin:0 0 0 5px;
padding:0 0 0 5px; 
width:auto;
}




#containerContentsList ul,
#containerContentsSubList ul {
margin:0;
padding:0;
list-style:none;
text-indent:0;
text-align:left;
float:right;
}

#containerContentsList li {
margin:0;
padding:0;
list-style:none;
float:left;
font-size:11px;
line-height:12px;
width:200px;
}


#containerContentsSubList li {
margin:0 0 0 10px;
padding:0;
list-style:none;
float:left;
font-size:11px;
line-height:12px;
}




/* Mozilla */
:root #containerContentsList li a,
:root #containerContentsSubList li a {
overflow:hidden;
}

#containerContentsList li a {
display:block;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 10px;
background:url(../images/arrow_gray_link.gif) no-repeat 0 0;
}

#containerContentsList li a:hover {
background:url(../images/arrow_gray_hover.gif) no-repeat 0 0;
}



#containerContentsSubList li a {
display:block;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 10px;
background:url(../images/arrow_gray_link.gif) no-repeat 0 0;
}

#containerContentsSubList li a:hover {
background:url(../images/arrow_gray_hover.gif) no-repeat 0 0;
}




#containerContentsList li span {
    background: url("../images/new.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 12px;
    margin: 0 0 3px;
    text-indent: -9999px;
    width: 27px;
}







/* 110630ΗΑ@*/
/* Ranking@C³γ
----------------------------------------------- */
#cate_containerRanking {
margin: 20px 0 0 0;
padding:0;
width:290px;
float:right;
}

#cate_containerRanking h3 {
text-indent:-9999px;
margin:0px 0px 20px 0px;
padding:0;
height:26px;
background:url(../images/top_contents_ranking.gif) no-repeat;
clear:both;
}


#cate_containerRanking dl {
margin:0;
padding: 0;
margin:0 0 5px 0;
width:290px;
clear:both;
font-size:12px;
}



#cate_containerRanking dl dt {
margin:0;
padding:0;
width:50px;
float:left;
}

#cate_containerRanking dl dt img {
	vertical-align:bottom;
	}

#cate_containerRanking dl dd {
margin:0;
padding:0;
width:240px;
float:left;
font-size:12px;
padding:4px 0 0 0 ;
/*font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"lr oSVbN","MS PGothic",Sans-Serif;*/

}

#cate_containerRanking a {
color:#000000;
}

#cate_containerRanking p small a {
color:#484848;
}

#cate_containerRanking a:hover {
color:#b2b2b2;
}

.cate_contentsTopicsLeft img {
margin:0px 0px 5px 0px;
padding:0;
clear:both;
}

.cate_contentsTopicsLeft p small,
#containerRanking dl dd p small {
margin:0;
padding:2px 0px 0px 0px;
float:left;
}





/* special 
------------------------------------------------*/
#cate_ContainerSpecial {
    float: left;
    margin: 20px 0px 0px 0px;
    width: 630px;
}

#cate_ContainerSpecial h3 {
    background: url("../images/top_contents_special.gif") no-repeat scroll 0 0 transparent;
    width:165px;
	height: 26px;
    text-indent: -9999px;
	margin:0px 0px 20px 0px;

}
#cate_ContainerSpecial ul {
    clear: both;
	margin:0;
	padding:0;
	height:100px;
	width:630px;
}

#cate_ContainerSpecial li {
    float: left;
    margin:0;
	padding:0 10px 0 0;
	width:300px;
	display:inline;
}





/* colums C³γ
----------------------------------------------- */
#cate_Containercolumns {
    float: left;
    margin: 20px 0px 0px 0px;
    width: 320px;
}

#cate_Containercolumns h3 {
    background: url("../images/top_contents_colums.gif") no-repeat scroll 0 0 transparent;
    width:165px;
	height: 21px;
    text-indent: -9999px;
	margin:0px 0px 20px 0px;

}
#cate_Containercolumns ul {
    clear: both;
	margin:0;
	padding:0;
	height:170px;
	width:320px;
}

#cate_Containercolumns li {
    float: left;
    margin:0;
	padding:0 10px 0 0;
	width:100px;
	display:inline;
}

#cate_Containercolumns li dl {
	width:100px;
	margin:0;
	padding:0;

}


#cate_Containercolumns li dt {
	height:75px;
	padding:0;
	margin:0 0 5px 0;
	width:100px;
}

#cate_Containercolumns li dt img {
	display:block;
	margin:0;
	padding:0;
}


#cate_Containercolumns li dd.cnt_ttl {
	font-size:12px;
	width:100px;
	padding:0 0 3px 0;
	font-weight:bold;
	line-height:14px;
}
#cate_Containercolumns li dd.kiji_ttl {
	font-size:11px;
	width:100px;
	padding:0 0 3px 0;
}


#cate_Containercolumns li a {
    display: block;
}


/*
#cate_Containercolumns li img {
    float: left;
	
}*/

#cate_Containercolumns li p {
    margin: 0;
	padding:10px 0 0 0;
    width: 100px;
}




#cate_Containercolumns li span {
background: url("../images/new.gif") no-repeat scroll 0 0 transparent;
    display: block;
    left: 0;
    margin:-75px 0 0 0;
    /*margin: 0 0 3px;*/
    position: relative;
    text-indent: -9999px;
    top: 0;
}


	

#cate_Containercolumns li.lastChild {
	float:left;
	margin:0;
	padding:0 0 15px;
}






/*WIde
----------------------------------------------- */
#cate_Containercolumns_wide {
    float: left;
    margin: 20px 0px 0px 0px;
    width: 640px;
}

#cate_Containercolumns_wide h3 {
    background: url("../images/top_contents_colums.gif") no-repeat scroll 0 0 transparent;
    width:165px;
	height: 21px;
    text-indent: -9999px;
	margin:0px 0px 20px 0px;

}
#cate_Containercolumns_wide ul {
    clear: both;
	margin:0;
	padding:0;
	height:170px;
	width:640px;
}

#cate_Containercolumns_wide li {
    float: left;
    margin:0;
	padding:0 6px 0 0;
	width:100px;
	display:inline;
}

#cate_Containercolumns_wide li dl {
	width:100px;
	margin:0;
	padding:0;

}


#cate_Containercolumns_wide li dt {
	height:75px;
	padding:0;
	margin:0 0 5px 0;
	width:100px;
}

#cate_Containercolumns_wide li dt img {
	display:block;
	margin:0;
	padding:0;
}


#cate_Containercolumns_wide li dd.cnt_ttl {
	font-size:12px;
	width:100px;
	padding:0 0 3px 0;
	font-weight:bold;
	line-height:14px;
}
#cate_Containercolumns_wide li dd.kiji_ttl {
	font-size:11px;
	width:100px;
	padding:0 0 3px 0;
}


#cate_Containercolumns_wide li a {
    display: block;
}


/*
#cate_Containercolumns_wide li img {
    float: left;
	
}*/

#cate_Containercolumns_wide li p {
    margin: 0;
	padding:10px 0 0 0;
    width: 100px;
}




#cate_Containercolumns_wide li span {
background: url("../images/new.gif") no-repeat scroll 0 0 transparent;
    display: block;
    left: 0;
    margin:-75px 0 0 0;
    /*margin: 0 0 3px;*/
    position: relative;
    text-indent: -9999px;
    top: 0;
}


	

#cate_Containercolumns_wide li.lastChild {
	float:left;
	margin:0;
	padding:0 0 15px;
}




/* sub contents
----------------------------------------------- */
#containerSubContents {
margin:0;
padding:15px 0px 0px 0px;
width:630px;
clear:both;
}


/* ₯110425ΗΑ */

#containerSubContents #containerContentsSNS .containerContentsSNSList ul li a {
	color:#669933;
	text-decoration:underline;
	}

#containerSubContents #containerContentsSNS .containerContentsSNSList ul li a:hover{
	color:#669933;
	text-decoration:none;
	}


#containerSubContents #containerContentsSNS {
margin:0;
padding:10px 10px;
width:290px;
background-color:#e3ecce;
float:left;
}

#containerSubContents #containerContentsSNS h3 {
text-indent:-9999px;
margin:0;
padding:0;
width:242px;
height:22px;
background:url(../images/categoryWN_sns_title.gif) no-repeat;
clear:both;
}

#containerSubContents #containerContentsSNS .containerContentsSNSList {
margin:0;
width:280px;
float:left;
padding:10px 5px 0 5px;
background-color:#FFFFFF;
}

#containerSubContents #containerContentsSNS .containerContentsSNSList ul {
margin:0;
padding:5px 0px 0px 0px;
width:280px;
list-style:none;
text-indent:0;
clear:both;
}

#containerSubContents #containerContentsSNS .containerContentsSNSList ul li {
margin: 0 0 0 5px;
padding:0 0 10px 10px;
list-style:none;
clear:both;
font-size:12px;
background:url(../images/icon_1.gif) no-repeat;
}


/* ₯110425ΗΑ ±±άΕ */

#containerSubContents #containerContentsBbs {
margin:0;
padding:10px 10px;
width:290px;
background-color:#f1e6e4;
float:left;
}

#containerSubContents #containerContentsBbs h3 {
text-indent:-9999px;
margin:0
	padding:0;
width:242px;
height:22px;
background:url(../images/category_bbs_title.gif) no-repeat;
clear:both;
}

#containerSubContents .containerContentsBbsList {
margin:5px 0px 0px 0px;
padding:0px 0px 5px 0px;
width:290px;
background-color:#ffffff;
float:left;
}

/* Mozilla */
:root #containerSubContents .containerContentsBbsList {
margin:5px 0px 0px 0px;
padding:0;
width:290px;
background-color:#ffffff;
float:left;
}

#containerSubContents .containerContentsBbsList ul {
margin:0;
padding:5px 0px 0px 0px;
width:280px;
list-style:none;
text-indent:0;
clear:both;
}

#containerSubContents .containerContentsBbsList ul li {
margin:0;
padding:0;
list-style:none;
clear:both;
}

#containerSubContents #containerContentsVote {
margin:0;
padding:10px 10px;
width:290px;
background-color:#e8f2de;
float:right;
}

#containerSubContents #containerContentsVote h3 {
text-indent:-9999px;
margin:0;
padding:0;
width:177px;
height:18px;
background:url(../images/category_vote_title.gif) no-repeat;
clear:both;
}

#containerSubContents .containerContentsVoteList {
margin:5px 0px 0px 0px;
padding:0px 0px 10px 0px;
width:290px;
background-color:#ffffff;
float:left;
}

#containerSubContents .containerContentsVoteList h4 {
margin:0;
padding:10px 10px 0px 10px;
clear:both;
}

#containerSubContents .containerContentsVoteList ul {
margin:0;
padding:10px 10px 0px 0px;
list-style:none;
text-indent:0;
text-align:left;
float:right;
}

#containerSubContents .containerContentsVoteList ul li {
margin:0;
padding:0;
list-style:none;
float:left;
}

#containerSubContents .containerContentsVoteList li a {
display:block;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 9px;
background:url(../images/arrow_gray_link.gif) no-repeat 0 0.25em;
}

#containerSubContents .containerContentsVoteList li a:hover {
background:url(../images/arrow_gray_hover.gif) no-repeat 0 0.25em;
}

#containerSubContents .containerContentsVoteList form {
margin:0;
padding:3px 0px 0px 0px;
clear:both;
}

#containerSubContents .containerContentsVoteList form input {
margin:0px 5px 0px 5px;
padding:0;
float:left;
}

/* Mozilla */
:root #containerSubContents .containerContentsVoteList form input {
margin:0px 5px 0px 10px;
padding:0;
float:left;
}

#containerSubContents .containerContentsVoteList form span {
margin:0;
padding:0;
width:250px;
float:left;
}

#containerSubContents .containerContentsVoteList form input#votebtn {
margin:5px 0px 0px 10px;
padding:0;
float:left;
}

.hr_vote {
margin:0;
padding:0;
width:290px;
height:10px;
border:0;
background:url(../images/line_dot.gif) repeat-x 0px 50%;
clear:both;
}
.hr_vote hr {
display:none;
}

/* recommend
----------------------------------------------- */
#containerCategoryRecommend {
margin:9px 0px 0px 0px;
padding:10px 10px;
width:630px;
background-color:#FFFFFF;
float:left;
}
/* Mozilla & IE7 */
html>body #containerCategoryRecommend {
margin:9px 0px 0px 0px;
padding:10px 10px;
width:610px;
background-color:#FFFFFF;
float:left;
}

#containerCategoryRecommend h3 {
text-indent:-9999px;
margin:0;
padding:0;
width:300px;
height:16px;
background:url(../images/top_contents_recommend.gif) no-repeat;
clear:both;
}

#containerCategoryRecommend ul {
margin:0;
padding:8px 0px 0px 0px;
list-style:none;
text-indent:0;
text-align:left;
clear:both;
}

#containerCategoryRecommend li {
margin:0;
padding:0;
list-style:none;
clear:both;
}

#containerCategoryRecommend a {
display:block;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 10px;
background:url(../images/arrow_rec.gif) no-repeat 0 0.25em;
float:left;
}

#containerCategoryRecommend li a:hover {
background:url(../images/arrow_rec_hover.gif) no-repeat 0 0.25em;
}



/* nandemoQA
----------------------------------------------- */
#containerCategoryQA {
margin:15px 0 0 0;
padding:3px 0px 10px 0px;
width:630px;
clear:both;
background-color:#ebebeb;
}

#containerCategoryQA h4 {
text-indent:-9999px;
margin:0;
padding:0;
width:300px;
height:30px;
background:url(../images/top_qa_title.gif) no-repeat;
clear:both;
}

#containerCategoryQA #nandemoList {
margin:5px 0px 0px 10px;
}

#containerCategoryQA #nandemoList ul {
margin:0;
padding:0;
width:610px;
border-collapse:collapse;
background-color:#ffffff;
border-bottom:1px solid #ebebeb;
clear:both;
}

#containerCategoryQA #nandemoList li {
margin:0;
padding:0px 5px 0px 23px;
list-style:none;
background:url(../images/arrow_qa.gif) 3px 2px no-repeat;
}

#containerCategoryQA #nandemoList li a:link,
#containerCategoryQA #nandemoList li a:visited {
color:#000000;
font-size:12px;
font-weight:bold;
}

#containerCategoryQA #nandemoList li a:hover,
#containerCategoryQA #nandemoList li a:active {
color:#b2b2b2;
}

#containerCategoryQA #nandemoList li a.cate:link,
#containerCategoryQA #nandemoList li a.cate:visited {
margin:0px 0px 0px 10px;
font-size:10px;
font-weight:normal;
color:#484848;
}

#containerCategoryQA #nandemoList li a.cate:hover,
#containerCategoryQA #nandemoList li a.cate:active {
color:#b2b2b2;
}
