/*-------------------------------------------------



  Nucleus CMS Stylesheet - bundled with version 3.2



  Based on the Stanch skin by Ivan Fong



  Mods by hcgtv and moraes



-------------------------------------------------*/







/*-------------------------------------------------



  General layout



-------------------------------------------------*/







/* Basic classes */



.hidden



{



	display: none;



}



.centerize



{



	text-align: center;



}



.clearing



{



	width: 860px;



	height: 0;



	clear: both;



}











/*-------------------------------------------------



  Content wrappers



-------------------------------------------------*/



#mainwrapper



{



	width: 860px;



	margin: 0  auto;



}



#wrapper



{



	width: 860;



	margin: 0 auto;



}







/*-------------------------------------------------



  Main content



-------------------------------------------------*/



#container



{



	width: 780px;



	height: 1%;



	overflow: visible;



	padding: 0;



	margin: 0 auto;



	background: url(images/bg-line.gif) top no-repeat;



}



#container2



{



	width: 780px;



	height: 1%;



	overflow: visible;



	padding: 0;



	margin: 0 auto;



}



.content



{



	padding: 0;



	margin: 0;



}







/*-------------------------------------------------



  Item styles



-------------------------------------------------*/



.contenttitle h2



{



	clear: both;



	background: url(images/dot.gif) bottom repeat-x;



	font-size: 18px;



	padding: 0;



	margin: 0;



}



.contentbody



{



	font-size:12px;



	text-align: justify;



	padding: 0;



}







/*-------------------------------------------------



  Item info



-------------------------------------------------*/



.contentitemcategory



{



	background: url(images/bgcategory.gif) center left no-repeat;



	font-size: 10px;



	line-height: 12px;



	padding: 0 10px 0 14px;



}



.contentitempostedby



{



	background: url(images/bgpostedby.gif) center left no-repeat;



	font-size: 10px;



	line-height: 12px;



	padding: 0 10px 0 12px;



}



.contentitemcomments



{



	background: url(images/bgcomment.gif) center left no-repeat;



	font-size: 10px;



	line-height: 12px;



	padding: 0 10px 0 13px;



}



.contentitemedit



{



	background: url(images/bgedit.gif) center left no-repeat;



	font-size: 10px;



	line-height: 12px;



	padding: 0 10px 0 11px;



}



.contentitem



{



	padding: 3px 0 0 0;



	margin: 0 0 16px 0;



}



.contentitem1



{



	display: inline;



}



.contentitem2



{



	display: inline;



	background: url(images/dotv.gif) left repeat-y;



	padding: 0 0 0 10px;



}



.contentitem3



{



	display: inline;



	background: url(images/dotv.gif) left repeat-y;



	padding: 0 0 0 10px;



}



.contentitem4



{



	display: inline;



	padding: 0 0 0 10px;



	background: url(images/dotv.gif) left repeat-y;



}







/*-------------------------------------------------



  Miscelaneous



-------------------------------------------------*/



/* VBlog image onion skin shadow - From AListApart.com*/



.wrap1, .wrap2, .wrap3



{



	display:inline-table;



	/* \*/display:block;/**/



}



.wrap1



{



	float:left;



	background:url(images/shadow.gif) right bottom no-repeat;



	margin: 0 5px 3px 0;



}



.wrap2



{



	background:url(images/corner_br.gif) left bottom no-repeat;



}



.wrap3



{



	background:url(images/corner_tr.gif) right top no-repeat;



	padding:0 5px 5px 0;



}



.wrap3 img



{



	display:block;



	border: 3px solid white;



}











/*-------------------------------------------------



  記事用



-------------------------------------------------*/



#info1{



	widtn:780px;



	border-bottom:2px #cccccc solid;



	padding:0;



	margin:0;



	clear:both;



	background:#ffffff;



}



#info2{



	widtn:780px;



	border-bottom:2px #cccccc solid;



	padding:0;



	margin:0;



	clear:both;



	background:#eeeeee;



}



#info_item{



	widtn:780px;



	padding:0;



	margin:0;



	clear:both;



	background:#ffffff;



}



#info_date{



	width:170px;



	padding:0;



	margin:0;



	float:left;



}



#info_date_in1{



	padding:0 0 0 20px;



	margin:14px 0 0 0;



	float:left;



}



#info_date_in1 p{



	height:14px;



	font-size:12px;



	font-weight:bold;



	line-height:1;



	border-left:2px #02b2e4 solid;



	padding:1px 0 0 4px;



	margin:0;



}



#info_date_in2{



	padding:0 0 0 20px;



	margin:14px 0 0 0;



	float:left;



}



#info_date_in2 p{



	height:14px;



	color:#000000;



	font-size:12px;



	font-weight:bold;



	line-height:1;



	border-left:2px #02b2e4 solid;



	padding:1px 0 0 4px;



	margin:0;



}



#info_main{



	width:609px;



	padding:0;



	margin:0;



	float:right;



}



#info_main_in1{



	border-left:1px #cccccc dotted;



	padding: 0 20px 0 30px;



	margin:14px 0;



}



#info_main_in1 .info_title{



	font-size:12px;



	font-weight:bold;



	line-height:1;



	padding:0;



	margin:0 0 10px 0;



}



#info_main_in1 .info_body{



	font-size:12px;



	line-height:16px;



}



#info_main_in2{



	border-left:1px #cccccc dotted;



	padding: 0 20px 0 30px;



	margin:14px 0;



}



#info_main_in2 .info_title{



	font-size:12px;



	color:#ff0000;



	font-weight:bold;



	line-height:1;



	padding:0;



	margin:0 0 10px 0;



}



#info_main_in2 .info_body{



	color:#000000;



	font-size:12px;



	line-height:16px;



}



#info_main_item{



	width:780px;



	padding:0;



	margin:0;



}



#info_main_item_in1{



	margin:15px 0;



}



#info_main_item_in1 .info_title{



	width:780px;



	font-size:14px;



	font-weight:bold;



	line-height:1;



	padding:1px 0 0 4px;



	margin:0 0 10px 0;



	border-left:2px #02b2e4 solid;



}



#info_main_item_in1 .info_body{



	border-top:#cccccc 1px dotted;



	padding-top:15px;



	font-size:12px;



	line-height:16px;



}



#info_main_item_in2{



	margin:15px 0;



}



#info_main_item_in2 .info_title{



	font-size:14px;



	color:#ff0000;



	font-weight:bold;



	line-height:1;



	padding:1px 0 0 4px;



	margin:0 0 10px 0;



	border-left:2px #02b2e4 solid;



}



#info_main_item_in2 .info_body{



	border-top:#cccccc 1px dotted;



	padding-top:15px;



	color:#000000;



	font-size:12px;



	line-height:16px;



}



















/*-------------------------------------------------



  記事用



-------------------------------------------------*/



#info4{



	widtn:780px;



	border-bottom:2px #cccccc solid;



	padding:0;



	margin:0;



	clear:both;



	background:#eeeeee;



}





#info_date_in4{



	padding:0 0 0 20px;



	margin:14px 0 0 0;



	float:left;



}



#info_date_in4 p{



	height:14px;



	color:#000000;



	font-size:12px;



	font-weight:bold;



	line-height:1;



	border-left:2px #02b2e4 solid;



	padding:1px 0 0 4px;



	margin:0;



}





#info_main_in4{



	border-left:1px #cccccc dotted;



	padding: 0 20px 0 30px;



	margin:14px 0;



}



#info_main_in4 .info_title{



	font-size:12px;



	color:#ff0000;



	font-weight:bold;



	line-height:1;



	padding:0;



	margin:0 0 10px 0;



}



#info_main_in4 .info_body{



	color:#000000;



	font-size:12px;



	line-height:16px;



}









#info_main_item_in4{



	margin:15px 0;



}



#info_main_item_in4 .info_title{



	font-size:14px;



	color:#ff0000;



	font-weight:bold;



	line-height:1;



	padding:1px 0 0 4px;



	margin:0 0 10px 0;



	border-left:2px #02b2e4 solid;



}



#info_main_item_in4 .info_body{



	border-top:#cccccc 1px dotted;



	padding-top:15px;



	color:#000000;



	font-size:12px;



	line-height:16px;



}