@charset "UTF-8";

/* ****************************************************************** 

	COPYRIGHT(C) CYBRiDGE CORPORATION.
	URL: http://www.cybridge.jp/

****************************************************************** */

@import url("reset.css");
@import url("common.css");

body {
	color:#444;
	font:83%/1.5 Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka , san-serif;
	margin:0px;
	padding:0px;
	border-top:3px solid #000;
}

#container {
	position:relative;
	}

a:link		{
	color: #003399;
	}
a:visited{
	color: #333399;
	}
a:active{
	color: #FF8000;
	}
a:hover{
	color: #FF8000;
	}


hr {
	background:#f2f2f2;
	height:1px;
	color:#f2f2f2;
	border:none;
	clear:both;
	margin:1em 0;
}

/*==================================================================
  header
===================================================================*/

#header {
	padding:34px 0px 5px 0px;
	margin-bottom:3px;
}

#headbar{
	position:absolute;
	left:0px;
	top:0px;
	background:#F5F5F5 url("../images/bg_h.gif") repeat-x 0 100%;
	vertical-align:middle;
	font-size:11px;
	width:100%;
	padding:3px 0px 3px 10px;
}

#headbar form .login {
	width:100px;
}

#headbar ul {
	position:absolute;
	right:15px;
	top:0px;
	padding:3px 0px;
}

#headbar li {
	display:inline;
	margin:0px 0.5em;
}
#headbar li img{
	margin:0px 5px;
}

.search2 {
	position:absolute;
	top:40px;
	right:20px;
}

ul#cab {
	padding:0 10px 0 15px;
	height:30px;
	border-bottom:3px solid #000;
}
.cab {
	height:1%;
	background:url("../images/bar.gif") repeat-x 0 33px;
}
ul.cab {
	height:30px;
	border-bottom:3px solid #000;
}


ul#cab li,
ul.cab li{
	float:left;
	text-align:center;
	display:block;
}

#cab a.navbut3,
.cab a.navbut3{
	float:left;
	background:url("../images/tabrB2.png") no-repeat right top;
	text-decoration:none;
	display:block;
	height:30px;
	color:#000;
	font-weight:700;
	margin:0 1px;
	padding:0 12px 0 0;
}

#cab a.navbut3:hover,
.cab a.navbut3:hover{
	background:url("../images/tabrightB.png") no-repeat right top;
	color:#FFF;
}

#cab a.navbut3 span,
.cab a.navbut3 span{
	float:left;
	background:url("../images/tablB2.png") no-repeat left top;
	text-align:center;
	display:block;
	padding:7px 0 3px 12px;
}

#cab a.navbut3:hover span,
.cab a.navbut3:hover span{
	background:url("../images/tableftB.png") no-repeat left top;
}

#cab a.navbut4,
.cab a.navbut4{
	float:left;
	background:url("../images/tabrightB.png") no-repeat right top;
	text-decoration:none;
	display:block;
	height:30px;
	font-weight:700;
	margin:0 1px;
	padding:0 12px 0 0;
	color:#FFF;
}

#cab a.navbut4 span,
.cab a.navbut4 span{
	float:left;
	background:url("../images/tableftB.png") no-repeat left top;
	text-align:center;
	display:block;
	padding:7px 0 3px 12px;
}
.cab a.navbut4 span{
	color:#FFF;
	}
	
.cab span a{
	background:url("../images/story_tab2.png") no-repeat 0 0;
	display:block;
	float:left;
	width:100px;
	height:30px;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-weight:700;
	padding:6px 0 0 2px;
}

#story-navbar {
	color:#666;
	font-size:11px;
}

/*-------------------------------------------------------------------
	#navbar
-------------------------------------------------------------------*/

#bar {
	background:#FFF url("../images/navbar.png") repeat-x 0 -3px;
	color:#666;
	font-size:11px;
	padding:9px 10px;
	margin:2px 0px 15px 0px;
}
#bar ol li{
	display:inline;
	}

#sorts {
	position:absolute;
	right:40px;
	margin-top:-18px;
	color:#666;
	font-size:11px;
}

#sorts p {
	font-size:11px;
}

#sorts a {
	color:#ce4a02;
	font-size:11px;
	}

#sorts img {
	margin-bottom:-2px;
}


/*==================================================================
  contents
===================================================================*/
#contents{
	padding:0px 15px;
	}

.hdl{
	color:#FFF;
	padding:8px;
	font-size:125%;
	font-weight:bold;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:.3em;
	background: #000 url("../images/h1_bg.png") repeat-x 0% 0%;
}
.hdl span {
	display:block;
	border-left:3px solid #FFF;
	padding-left:8px;
	line-height:100%;
}
.hdl2{
	font-size:136%;
	border-bottom:1px solid #CCC;
	margin:.9em 0 .3em;
}



#mainMain h3 {
	font-size:126%;
	border-bottom:1px solid #CCC;
	margin:.9em 0 .3em;
}
#mainMain h4 {
}
#mainMain h5 {
}
#mainMain h6 {
}


/*==================================================================
	sidebar styles
===================================================================*/

#sidebar{
	float:right;
	width:300px;
}

.section{
	border:1px solid #DDD;
	margin-bottom:12px;
}
.section .inner{
	padding:8px;
}
.caption{
	background:#F5F5F5 url("../images/bg_h.gif") repeat-x 0 100%;
	padding:3px;
	font-weight:bold;
	}
.section#category{
}
.section#category ul{
	}
.section#category li{
	display:inline;
	}
.section#category li a{
	border-bottom:1px solid #DDD;
	outline:none;
	padding:3px 0px 3px 5px;
	display:block;
	text-decoration:none;
	}
.section#category li a:hover{
	background-color: #FFC;
	}

/*==================================================================
	#main styles
===================================================================*/


#main {
	float:left;
	margin-right:-312px;
	width:100%;
}
#content{
	margin-right:312px;
	overflow:hidden;
}

#mainMain{
	float:right;
	margin-left:-174px;
	width:100%;
	}
#contentMain{
	margin-left:174px;
	overflow:hidden;
}
	
#mainSidebar{
	float:left;
	width:162px;
	}



/*-------------------------------------------------------------------
	siteSummary	
-------------------------------------------------------------------*/
.siteSummary {
	border-bottom:1px solid #DDD;
	padding:12px 0px;
}
.siteSummary:hover {
}
.siteTitle{
	font-size:136%;
	font-weight:bold;
	margin-bottom:8px;
	/* background:#F5F5F5 url("../images/bg_h.gif") repeat-x 0 100%;
	padding:3px 6px;
	*/
	}
.siteTitle span{
	background: url("../images/bg_h.gif") no-repeat 2px 50%;
	padding-left:22px;
	}
.siteTitle em{
	padding-left:1em;
	color: #666;
	font-size: small;
	font-weight:normal;
	}

.item{
	padding-left:20px;
	}

/*-------------------------------------------------------------------
	.thumbnail
-------------------------------------------------------------------*/

.thumbnail{
	float:left;
	width:210px;
	position:relative;
	}
.thumbnail img{
	border:4px solid #DDD;
	padding:2px;
	}

.thumbnail dl{
	position:absolute;
	left:4px;
	top:4px;
	font-size:10px;
	opacity:0.8;
	filter:alpha(opacity = 80);
	background-color:#FFF;
	padding:2px;
	
	}
.thumbnail dt,
.thumbnail dd{
	display:inline;
	}
.thumbnail dt{

	}
.thumbnail dd{}
.thumbnail dd strong{
	color:#F60;
	font-size:large;
	margin:0px 0.2em;
	font-family:Helvetica, Arial, sans-serif;
	}


/* starRating
-------------------------------------------------------------------*/
.starRating{
	}
.starRating h4{
	}
.starRating.voted{
	}
.starRating.voted h4{
	}
	
.itemBody {
	margin-top:5px;
	float:right;
	margin-left:-225px;
	width:100%;
}
.itemBodyContent{
	margin-left:225px;
	overflow:hidden;
}


.item h4 {
}

.item h4 a:link,.top h4 a:visited {
	color:#36c;
	font-weight:700;
}

.toptitle {
	font-size:16px;
	font-weight:400;
	margin:0;
}

.toptitle a:link,.toptitle a:visited {
	color:#774525;
	font-weight:700;
}

.toptitle a:hover {
	color:#333;
	}

.sbmlist{
	}

/*-------------------------------------------------------------------
	news-submitted
-------------------------------------------------------------------*/

.news-submitted{
	font-size:85%;
	padding:5px;
	background-color:#F7F9FD;
	border:1px solid #D6E0F2;
	margin-bottom:3px;
	color:#999;
}
.news-submitted li{
	display:inline;
	}
.news-submitted ul.tag{
	display:inline;
	}
.news-submitted a {
	color:#999;
	text-decoration:underline;
}
.news-submitted img {
	float:left;
	margin-right:4px;
	margin-top:3px;
	vertical-align:bottom;
}


/*-------------------------------------------------------------------
	.news-body-text
-------------------------------------------------------------------*/
.news-body-text{
	clear:left;
	margin:10px 0px 0px 0px;
	}

/*-------------------------------------------------------------------
	.news-details 
-------------------------------------------------------------------*/
.socialBookmark{
	font-size:85%;
	margin:10px 0px 5px 0px;
	}
.socialBookmark li{
	display:inline;
	vertical-align: middle;
	}
.socialBookmark li img{
	vertical-align: middle;
	}



/*-------------------------------------------------------------------
	.news-details 
-------------------------------------------------------------------*/
.news-details{
	font-size:85%;
}

.news-details a:hover,.news-details a:active {
	color:#333;
	text-decoration:underline;
}

.news-details b {
	color:#c00;
}

* html .news-details {
	padding-right:136px;
}

.news-details .comments_no {
padding-left:37px;
border-left:none;
}

ul.news-details li{
	display:inline;
}
ul.news-details li li {
border-left:none;
float:none;
height:21px;
}





fieldset {
	border:1px solid #ccc;
	font-weight:400;
	margin:1em 0;
	padding:1em 1.5em;
}

* html fieldset {
background:none;
}

fieldset dt {
	clear:left;
	float:left;
	width:18em;
	text-align:right;
	padding:0 1em 0.5em 0;
}

fieldset dd {
	font-weight:700;
	padding:0 0 0.5em;
}

fieldset.labels label {
	width:10em;
	float:left;
	text-align:right;
	display:block;
	padding:0.2em 0.5em 0.2em 0;
}

fieldset.labels div {
	clear:left;
	padding:0.2em 0;
}

label {
	display:block;
	font-weight:700;
	padding:5px 0;
}

label br {
	clear:left;
}

legend {
	color:#000;
	padding:0 0.5em;
}

table td,table th {
	text-align:left;
	padding:0 4px;
}

table th {
	background:#EEEEEA;
	padding:4px;
}

table th a:hover {
	background:none;
	color:#C00;
}

.featurebox {
	background:url("../images/featurebox_bg.png") no-repeat 100% 100%;
	margin:0 0 15px;
	padding:15px 0 0 10px;
}

.featurebox p {
	border:none;
	color:#444;
	margin:0 0 1em;
}

.featurebox a:hover {
	text-decoration:underline;
}

.featurebox li a {
	margin-left:-10px;
	padding-left:20px;
	line-height:2em;
}

.featurebox li.rmore {
	list-style:none;
	margin-left:185px;
	background:url("../images/more.png") no-repeat 100% 100%;
}

.featurebox li.rmore a {
	text-decoration:none;
	font-size:12px;
	line-height:2.2em;
}

.featurebox ul {
	margin-left:10px;
	margin-bottom:10px;
}

.featurebox ul a {
	margin-bottom:5px;
}

.tlb {
	background:url("../images/featurebox_h.png") no-repeat 0 0;
	margin:-15px -10px 0;
	padding:3px 10px 5px;
}

.tlb a {
	font-weight:700;
	text-decoration:none;
	font-size:14px;
}

.tlb strong {
	font-weight:700;
}

.tlb a:hover {
	color:#000;
	text-decoration:none;
}

.tlb span {
	float:right;
	margin-top:-3px;
	margin-right:0;
}

.tlb2 {
	margin:5px 0 0;
	padding:0 0 20px;
}

.tlb2 span a {
	background:url("../images/exp_on.png") no-repeat 0 0;
	margin-right:8px;
	cursor:pointer;
	float:left;
	display:block;
	width:58px;
	height:21px;
	text-align:center;
	padding-top:2px;
}

.tlb2 span.selected a {
	background:url("../images/exp_down.png") no-repeat 0 0;
	width:58px;
	height:21px;
	cursor:text;
	float:left;
	display:block;
	margin-right:8px;
	font-weight:700;
	color:#666;
	text-align:center;
	padding-top:2px;
}

.sstories {
	background:url("../images/vote_count.png") no-repeat 0 0;
	padding-top:3px;
	padding-right:13px;
	float:left;
}

.count_total {
	margin-left:8px;
	color:#774525;
	font-weight:700;
	font-size:110%;
}

#nav-secondary,#nav-secondary ul {
	position:static;
	margin:0;
}

#nav-secondary,#nav-secondary li {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
}

#nav-secondary {
	padding-top:0;
	margin-top:10px;
}

#nav-secondary a {
	line-height:1.5;
	font:96% arial;
	display:block;
	border-bottom:1px solid #CCC;
}

#nav-secondary a:hover {
	}

a.switchurl {
	border-bottom:1px solid #EEE;
	display:block;
	margin-right:8px;
	padding:0 0 4px 5px;
}







.news-upcoming {
	background:url("../images/vote.png") no-repeat 0 0;
	position:absolute;
	top:3px;
	left:0;
	width:55px;
	text-align:center;
	font-size:85%;
	list-style:none;
	margin:0;
	padding:0;
}

.news-upcoming2 {
	background:url("../images/vote-l.png") no-repeat 0 0;
	position:absolute;
	top:3px;
	left:0;
	width:55px;
	text-align:center;
	font-size:85%;
	list-style:none;
	margin:0;
	padding:0;
}

.vote-publish a {
	font-size:26px;
	letter-spacing:-1px;
	text-decoration:none;
	line-height:48px;
	padding:15px 0 6px;
}

.vote-publish a small {
	font-size:12px;
	letter-spacing:0;
	text-decoration:none;
}

.vote-publish a:hover,.vote-publish a:active {
	text-decoration:none;
	color:#000;
}

.vote a:link,.vote a:visited,.vote span {
	display:block;
	color:#774525;
	font-size:12px;
	text-decoration:none;
	padding:4px 0 5px;
}

.vote span {
	color:#ccc;
	font-size:11px;
}

#comment-wrap {
border-bottom:solid 1px #e1e1e1;
}

#comment-head {
background:#e1e1e1;
width:100%;
}

.comment-body {
background:#fafafa;
padding:0 4px;
}

.comment-info {
background:#fafafa;
font-size:80%;
text-align:right;
padding-right:4px;
}

.avatar {
float:left;
width:15px;
height:15px;
margin:1px 0 0;
}

#comment-subhead {
float:right;
margin-top:-21px;
font-size:11px;
}

.ratemey {
background:#090;
padding:1px 5px;
}

.ratemen {
background:#c00;
color:#fff;
padding:1px 6px;
}

.rateme {
color:#fff;
font-size:14px;
}

#stats {
width:48%;
float:right;
}

#personal_info {
width:48%;
float:left;
}

.live2 {
background-repeat:no-repeat;
background-position:bottom right;
margin:10px;
}

.live2 strong {
font-size:95%;
}

.live2-item {
width:100%;
clear:both;
border-bottom:1px solid #ccc;
min-height:25px;
text-align:center;
overflow:hidden;
padding:5px 2px 0;
}

.live2-ts,.live2-type,.live2-votes,.live2-story,.live2-who,.live2-status {
float:left;
display:block;
}

.live2-type img {
border:none;
vertical-align:middle;
margin:0;
}

.live2-story {
width:37%;
text-align:left;
}

.live2-who {
width:18%;
text-align:left;
}

.live2-status {
width:15%;
text-align:left;
}

.live2-problem {
color:red;
}

#footer {
	text-align:center;
	clear:both;
	border-top:1px solid #E3E8EE;
	font-size:86%;
	color:#999;
	margin-top:15px;
	padding:10px 0 30px 15px;
}

#footer a:link {
	color:#999;
}

.error {
color:#c00;
font-weight:700;
margin-top:10px;
border:1px solid red;
background:#FFC5BE;
padding:5px;
}

.success {
color:#390;
font-weight:700;
}

#main #breadcrumb a:link,#main #breadcrumb a:hover,#main #breadcrumb a,#content #breadcrumb a:active,#content #breadcrumb a:visited,.news-submitted a:hover {
text-decoration:none;
}

img,.news-details select {
border:none;
}

a:link,a:visited,#cab a:hover,#cab a.navbut4:hover,.vote-publish a:link,.vote-publish a:visited,.footer a:hover {
color: #003366;
}

#sorts a:hover,#cab a,#cab span a:hover,.top h4 a:hover,.vote a:hover {
color:#000;
}

.cab span.selected,.tlb2 span.selected {
	cursor:text;
	font-weight:700;
	color:#666;
	text-align:center;
}

.cab span.selected a,.cab span a:hover {
	background:url("../images/story_tab.png") no-repeat 0 0;
	display:block;
	float:left;
	width:100px;
	height:33px;
	text-decoration:none;
	color:#000;
	font-weight:700;
	padding:6px 0 0 2px;
}

input.submit,input.submit-s,input.log2 {
border:1px solid #000;
font-size:9pt;
font-style:normal;
font-variant:normal;
font-weight:400;
height:20px;
line-height:normal;
padding:1px;
}

table,#wrapper,#bookmarklet {
width:100%;
}

.featurebox a,.news-details a:link,.news-details a:visited {
color:#774525;
text-decoration:none;
}

.news-details .tool,.news-details .tool-right {
display:block;
float:left;
padding:0 4px;
}

.live2-ts,.live2-type,.live2-votes {
width:10%;
text-align:left;
}
#linksummaryDiscuss{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -8px no-repeat;
} 
#linksummaryHasComment{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -167px no-repeat;
} 
#linksummaryAddLink{
 padding: 3px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -40px no-repeat;
} 
#linksummarySaveLink{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -104px no-repeat;
} 
#linksummaryRemoveLink{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -199px no-repeat;
} 
#linksummaryTellFriend{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -135px no-repeat;
}
#linksummaryBury{
 padding: 2px 0px 0px 20px;
 background: url("../images/19de38d03fe7db3b5a64386eb392320b.gif") -8px -7px no-repeat;
}