/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Default skin bundled with Nucleus 3.2 and
 'The Writer' by Marco van Hylckama Vlieg made for Pivot blog engine
  Assembled by Boris Lifanovsky (http://www.lifanovsky.com)
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body {
	background-color: #eeeee0;
	font-size: 11px;
	font-family: 'Arial', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	line-height: 16px;
	text-align: center; 
	color: #221815; 
	margin: 0; 
}

img {
	border: 0;
}

form {
	margin: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	font-weight: normal;
	margin: 0;
}

/* Lists */
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

li {
	padding: 0 0 0 10px;
	margin: 0 20px;
}

/* Links */
a:link, a:visited {
	color: #426bb7;
	text-decoration: none;
}

a:hover, a:active {
	color: #ff9900;
	text-decoration: underline;
}

/* Basic classes */
.hidden {
	display: none;
}

.centerize {
	text-align: center;
}

.clearing {
	width: 810px;
	height: 0;
	clear: both;
}

.clear-1px {
	clear: both;
	height: 1px;
	line-height: 0;
	font-size: 0;
}

.clear2:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clear2 {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clear2 {height: 1%;}
.clear2 {display: block;}
/* End hide from IE-mac */

/*-------------------------------------------------
  Header
-------------------------------------------------*/

#banner {
	width: 776px;
	margin: 0 32px;
        text-align: left;
	background-color: #000;
	height: 278px;
	border: none;
}

.navi {
	width: 776px;
	height: 30px;
	margin: 0 32px;
	background-color: #660000;
	color: #ffffff;
}

.navi ul {
	margin:0 0 0 15px;
	list-style-type: none;
}

.navi li {
	display: inline;
	margin:0;
	padding: 0;
}

.navi a:link,  .navi a:visited {
	height: 30px;
	margin: 0;
	padding: 0 15px;
	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	display: block;
	float: left;
	line-height: 30px;
	border-right: 1px solid #000000;
	font-weight: bold;
}

.navi a:hover {
	color: #ff9933;
	background-color: #89221B;
	font-weight: bold;
}

/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#wrapper {
	width: 840px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	text-align:left;
}

/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#pankuzu {
	width: 800px;
	margin: 0;
	padding: 0;
	background: url(images/dot_02.gif) left no-repeat -1px;
}

#pankuzu2 {
	width: 800px;
	margin: 0;
	padding: 0;
}

#kuzu {
	text-align: left;
	margin:5px 32px;
	padding: 0;
	color: #666666;
	font-size: 11px;
}

#abcontainer {
	width: 776px;
	padding:0;
	margin: -15px 32px 12px 32px;
}

#abcontainer2 {
	width: 776px;
	padding:10px 32px 12px 32px;
	margin: 0;
}

#container {
	width: 584px;
	height:1%;
	overflow: visible;
	float: left;
	margin-right: -192px;
	padding: 20px 0 0 12px;
}

#container2 {
	width: 530px;
	height:1%;
	overflow: visible;
	float: left;
	margin: -5px -245px 0 0;
	padding: 0 0 0 0;
}

#container2 h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.content {
	padding: 0px;
	margin: 10px 12px 20px -12px;
}

.content2 {
	width: 530px;
	padding: 0px 12px 0px 0px;
	margin: 0px;
}

.titlef {
	width: 160px;
	float: left;
}

#intro {
	margin: -5px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	letter-spacing: 1px;
}

#intro p {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 170%;
}

.topic {
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	letter-spacing: 0.5px;
}

.topic p {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 190%;
}

.topic ul {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 190%;

}

.topic li {
	margin: 0px;
	padding: 5px 3px;
	background: url(images/li_00.gif) repeat-x 0px 0px;
	line-height: 130%;

}

.date {
	font-size: 10px;
}

#intro a, .topic a,.marchetext p a {
	color: #426bb7;
	text-decoration: none;
}

#intro a:hover,.topic a:hover,.marchetext p a:hover {
	color: #ff9900;
	text-decoration: underline;
}

.more {
	float: right;
	font-size: 11px;
	width: 80px;
}


/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2 {
	margin:15px 0 0 10px;
	padding-left: 20px;
	font-family: 'Arial', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #726d40;
	background: url(images/point_green.gif);
	background-position: center left;
	background-repeat: no-repeat;
	letter-spacing: 1px;
}

.contenttitle a:link, .contenttitle a:visited {
	color: #726d40;
	text-decoration: none;
}

.contenttitle a:hover, .contenttitle a:active {
	color: #ff9900;
	text-decoration: underline;
}

.contentbody {
	letter-spacing: 1px;
	margin:-5px 0 0 0;
	background-color: #fffffc;
	color:#221815;
	padding:20px;
	border: 1px #cccccc solid;
	text-align:justify;
	font-size: 13px;
	line-height: 180%;
}

.contentbody2 {
	margin:-10px 0 0 0;
	color:#221815;
	padding:20px;
	text-align:justify;
	font-size: 12px;
	line-height: 180%;
}

.contentbody3 {
	margin:0;
	color:#221815;
	padding:5px 12px 0 12px;
	text-align:justify;
}

/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory {
	background: url(images/folder.gif) center left no-repeat;
	font-size: 11px;
	line-height: 12px;
	padding: 0 5px 0 15px;
}

.contentitempostedby {
	background: url(images/person.gif) center left no-repeat;
	font-size: 11px;
	line-height: 12px;
	padding: 0 5px 0 12px;
}

.contentitemcomments {
	background: url(images/comment.gif) center left no-repeat;
	font-size: 11px;
	line-height: 12px;
	padding: 0 5px 0 12px;
}

.contentitemedit {
	background: url(images/edit.gif) center left no-repeat;
	font-size: 11px;
	line-height: 12px;
	padding: 0 5px 0 12px;
}

.contentitem {
	padding: 0;
	margin: 0 0 20px 0;
	color: #666666;
}

.contentitem1 {
	margin: 0;
	padding-left: 40px;
	font-size: 10px;
	display: inline;
}

.contentitem2 {
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
	font-size: 11px;
}

.contentitem3 {
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
	font-size: 11px;
}

.contentitem4 {
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
	font-size: 11px;
}

.contentbody a:link {
	color: #426bb7;
	text-decoration: none;
}

.contentbody a:hover {
	color: #ff9900;
	text-decoration: underline;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment {
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}

.itemcomment:hover {
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/ {
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}

.id1:hover {
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}

.itemcomment h3 {
	font-size: 12px;
}

.content h5 {
	color: #666666;
}

.comments {
	color: #666666;
}

.commentbody {
	font-size: 11px;
	letter-spacing: 1px;
}

/*-------------------------------------------------
  Menu　	padding:12px 12px 0 0px;;
-------------------------------------------------*/
#sidebarcontainer {
	float: right;
	width: 180px;
	margin:10px 0 0 0;
}

#sidebarcontainer2 {
	float: right;
	width: 232px;
	margin:0;
}

.sidebar {
	color: #ffffff;
	margin-bottom:15px;
}

/* Menu lists */
.sidebardl {
	padding: 0;
	margin: 0;
}

.sidebardl dt {
	background: #fffffc url(images/subbg_03.gif);
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 10px;
	border-top: solid 1px #ffffff;
}

.sidebardl dd {
	background: #f5f5f5;
	padding: 3px 10px 3px 20px;
	margin: 1px 0 0 0;
	color:#666666;
	font-size: 11px;
}

.sidebardl dd a:link, .sidebardl dd a:visited {
	color: #426bb7;
	text-decoration: none;
	font-size: 12px;
	padding: 5px 5px;
	font-weight: bold;
}

.sidebardl dd a:hover {
	color: #ff9900;
	background-color: #666666;
	font-weight: bold;
}

.event {
	margin: 10px 0px 10px 0px;
	padding: 12px 12px;
	background: #fffffc url(images/subbg_03.gif);
	font-size: 11px;
}

.event h2 {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.event h3 {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

.marchetext h3 {
	margin: 5px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;
	font-family: 'Arial', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

.marchetext h3 a {
	padding-left: 5px;
	color: #426bb7;
	text-decoration: none;
	font-size: 12px;
}

.marchetext h3 a:hover {
	padding-left: 5px;
	color: #ff9900;
	text-decoration: underline;
	font-size: 12px;
}

.marchetext p {
	margin: -5px 0px 20px 5px;
	border-left: 1px solid #cccccc;
	padding-left: 8px;
	line-height: 140%;
	font-size: 11px;
}

.marcheimg {
	width: 200px;
	height: 150px;
	margin: 0;
	padding: 3px;
	border: 1px solid #d0d0d0;
	background: #ffffff;
	}
	
.cright {
	text-align: left;
}
/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer {
	width: 800px;
	clear: both;		
	margin: 0 ;
	padding: 0 12px;
	font-size: 11px;
	color: #999999;
}

#copyrights {
	text-align: center;
	padding-bottom: 20px;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/

.loginform, .searchform {
	margin: 5px 0;
}

.commentform, .mailform {
	margin-top: 10px;
	padding: 20px;
	background: #eeeee0;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}

.commentform img {
	margin: 5px 0 0 0;
}

.formfield {
	font-size: 12px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}

.formbutton {
	font-size: 12px;
	line-height:20px;
	background: white;
	color: #666666;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0px;
}

.searchform .formfield {
	width: 140px;
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}

.searchform .formbutton {
	width: 60px;
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	padding: 2px 2px;
}

.loginform .formfield {
	width: 130px;
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}

.loginform .formbutton {
	width: 60px;
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	padding: 2px 2px;
}

.mainform .formfield {
	width: 280px;
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}

.mailform .formbutton {
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	padding: 2px 2px;
}

#nucleus_cf_name, #nucleus_cf_mail {
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
}

.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield, #nucleus_cf_body {
	width: 500px;
}

.commentform .formbutton {
	width: 100px;
	height: 22px;
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	margin-left:405px;
}

.error {
	color: red;
	font-weight: bold;
}

.snsicon {
	text-align: right;
}

/*-------------------------------------------------
  Tag
-------------------------------------------------*/
.pageswitch {
	font-size: 11px;
	text-align: right;
}

.tagsubmap {
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
}

.tagdesc {
	font-size:10px;
	font-weight:nomal;
}

.tagmap {
	text-align: left;
}

/*-------------------------------------------------
  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;
}

/* Search highlight color */
.highlight {
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}

.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}

.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}

/*-------------------------------------------------
  table
-------------------------------------------------*/
table.name {
	margin:0;
	padding:0;
}

.name th {
	margin:0;
	padding:0;
}

.name td {
	margin:0;
	padding:0 50px 0 0;
}