/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	background: url('(EmptyReference!)')white url(images/img04.gif) repeat-x;
	font: 13px "?ͣ? ?Х????å?", Osaka;
}

body, th, td, input, textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

img {
	border-style: none;
	border-color: #FFFFFF;
}


p, ol, ul {
	line-height: 170%;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	width: 960px;
	height: 120px;
	margin: 0 auto;
}

#logo {
	float: left;
	height: 120px;
	margin-left: 10px;
	background: url(../../../img2_top/logo01.jpg)url(images/img01.jpg) no-repeat left center;
}

#logo h1, #logo p {
	text-transform: lowercase;
}

#logo h1 {
	margin: 0;
	padding: 25px 0 0 85px;
	letter-spacing: -2px;
	font-size: 3em;
	font-weight: normal;
	color: #000000;
}

#logo h1 a {
	color: #000000;
}

#logo p {
	margin: -10px 0 0 2px;
	padding: 0 0 0 85px;
	text-transform: lowercase;
}

/* Menu */

#menu {
	width: 962px;
	height: 50px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 38px;
	padding: 8px 20px 0 20px;
	text-decoration: none;
	text-transform: lowercase;
	color: #000000;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .current_page_item {
	background: url(images/img05.gif) no-repeat;
}

#menu .current_page_item a {
	background: url(images/img06.gif) no-repeat right top;
	font-weight: bold;
}

/* Page */

#page { background-color: #EDE8D4;  width: 850px; margin: 0 auto; border-top: 5pt solid #62361b; border-bottom: 2px solid #62361b; }

/* Content */

#content {float: right; width: 650px; padding: 0; }

#content  .topics { background-image: url(../../../img2_top/topics_bg.jpg); background-repeat: repeat-y; width: 650px; float: right; margin: 0; padding: 0; }

#content a {
	color: #FF8900;
}

#content h1 {
	color: #666666;
	padding-left: 10px;
	font-family: "?ͣ? ?Х????å?", Osaka;
}

.entry {
	line-height: 170%;
	float: right;
	width: 600px;
	padding-right: 10px;
}

.catname { line-height: 170%; background-image: url(../../../imgs2_detail/ttl_mak01.jpg); background-repeat: no-repeat; float: left; width: 600px; height: 50px; margin: 0 0 0 10px; padding: 14px 0 0 40px; }

.leftbox_m { width: 270px; float: left; margin: 4px 0 0 0; }

.rightbox_m { width: 270px; float: left; margin: 4px 0 0 10px; }

.leftbox_s { width: 180px; float: left; margin: 4px 0 0; }

.centerbox_s { float: left; margin: 4px 0 0 10px; }

.rightbox_s { width: 180px; float: left; margin: 4px 0 0 10px; }


.photo { line-height: 170%; float: right; width: 560px; margin-top: 20px; margin-bottom: 20px; padding: 10px 10px 10px 20px; border: solid 1px gray; }

.catphoto {
	line-height: 170%;
	float: right;
	width: 560px;
	border: solid 1px gray;
	margin: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.pagetitle {
	height: 33px;
	margin: 0;
	padding: 8px 0 0 15px;
	background: url(images/img13.gif) no-repeat;
	font-size: 1.4em;
	color: #FFFFFF;
}

#content #rss-posts {
	display: block;
	margin: -30px 15px 0 0;
	padding: 0 20px 0 0;
	background: url(images/rss.gif) no-repeat right center;
	text-align: right;
	font-weight: bold;
	color: #ffffff;
}

/*??item list??*/

.item {
	font-family: "?ͣ? ?Х????å?", Osaka;
	float: right;
	width: 560px;
	margin-bottom: 20px;
	border: 1px solid #FFCC00;
	padding: 10px;
	margin-right: 10px;
}

.itemtt {
	margin: 0;
	font: normal 1.2em "?ͣ? ?Х????å?", Osaka;
	background: #FFCC00;
	width: 540px;
	padding: 5px;
}

/*????*/


.post {
	width: 620px;
	float: right;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
}

.toppost {
	width: 580px;
	float: right;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	margin-right: 10px;
}
 
.news_line1 {
	font: 14px "?ͣ? ?Х????å?", Osaka;
	color: #FF8900;
	text-decoration: none;
	padding-bottom: 10px;
}


.title { color: teal; margin: 0 0 0 10px; font-size: 2em; font-weight: normal; }

.title_w { color: teal; margin: 0; font-size: 1.4em; font-weight: normal; }

.subtitle { color: #7a5003; margin: 0 0 0 0; font-size: 1.2em; font-weight: normal; }

.subtitle_s { color: #7a5003; margin: 0; font-weight: normal; }

.ttl {
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	width: 390px;
	margin-top: 0px;
	margin-bottom: 2px;
}

.byline {
	margin: 0 0 20px 0;
}

.meta {
	text-align: right;
	border-bottom: 1px dotted #CCCCCC;
}

.metacomments {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom:20px;
	text-align:right;
	padding-bottom:4px;
}

.meta .more, .meta .comments {
	padding-left: 15px;
	background: url(images/img14.gif) no-repeat left center;
}

/* Sidebar */

#sidebar { float: left; width: 200px; padding: 0; background: #62361b url(../../../img2_top/side_bk.jpg) repeat-y; min-height: 1400px; margin: 0; }


#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 3px;
	vertical-align: top;
	padding-left: 45px;
	background: url(../../../img2_top/mark01.jpg) no-repeat 20px;
	margin-top: 10px;
}

#sidebar li ul {
	padding: 0 15px;
}

#sidebar li li {
	margin: 0;
	padding-left: 15px;
	background: url(images/img12.gif) no-repeat left center;
	font: 10px "?ͣ? ?Х????å?", Osaka;
	color: #666666;
	text-decoration: none;
}


#sidebar .sub {
	margin: 0;
	padding-left: 45px;
	background: url(images/img15.gif) no-repeat 34px 5px;
	font: 11px "?ͣ? ?Х????å?", Osaka;
	color: #666666;
	text-decoration: none;
	padding-top: 0;
	padding-bottom: 0;
}

* html #sidebar .sub {
	margin: 0px;
	background: url(images/img15.gif) no-repeat 35px 2px;
	font: 10px "?ͣ? ?Х????å?", Osaka;
	color: #666666;
	text-decoration: none;
	padding: 0px 0px 8px 45px;
}

#sidebar h2 {
	height: 33px;
	margin: 0;
	padding: 8px 0 0 15px;
	background: url(images/img11.gif) no-repeat;
	font-size: 1.4em;
	color: #FFFFFF;
}

#sidebar a {
	text-decoration: none;
	color: #2F2121;
}

#sidebar a:hover {
	text-decoration: none;
	color: #D2E19C;
}

/* Footer */

#footer { background-color: #62361b; background-image: none; background-repeat: no-repeat; background-attachment: scroll; width: 850px; height: 80px; margin: 0 auto; padding: 10px 0 0; }

#footer img {
	margin: 0 20px 20px;
	text-align: left;
	color: white;
}

#footer p { margin: 0; text-align: left; color: white; font-size: 10px; }

#footer a {
	color: #000000;
}

/*
#footer p {
	margin: 0;
	text-align: center;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}
*/

#sidebar .counters {
	margin: 15px 0;
}

#sidebar img {
	display:block;
	margin: 0 0 0 0;
}

/* Nucleus CMS stuff. Edited by Suvoroff (http://nucleus.com.ru) */

#search {
	float: right;
	width: 280px;
}

#search form {
	margin: 0;
	padding: 63px 0 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search .formfield, #search .formbutton {
	float: left;
}

#search .formfield {
	font:15px Verdana;
	width: 188px;
	margin: 2px 6px 0 0;
	padding: 2px 5px;
	background: url(images/img02.gif) repeat-x;
	border: 1px solid #ACACAC;
}

#search .formbutton {
	width: 67px;
	height: 28px;
	padding: 0;
	background: #006BFF url(images/img03.gif) no-repeat;
	border: none;
	text-transform: lowercase;
	color: #FFFFFF;
	margin:-18px 0 0 0; /* WARNING!! Change this line to margin:0; in case of using Nucleus CMS 3.3 */
}

form {
	margin:0 15px;
}

.formbutton {
	font: 12px Arial, Sans-serif; 
	height: 20px;
	margin: 2px 5px 2px 0px;
	padding:1px 5px;
	background-color:#fafafa;
	border:1px solid #A1A1A1;
	color:#707070;
}
.formbutton:hover {
	background-color:#f5f5f5;
	border:1px solid #A1A1A1;
	color:#353535;
}

.formfield { border:solid 1px #8b8b8b; padding:3px 1px; font: 12px Verdana; background: white repeat-x; margin-top: 3px; }

.formfield:focus {
	background: url(images/img02.gif) repeat-x;
	border:1px solid #000000;
	padding:3px 1px;
	font: 12px Verdana;
}

#nucleus_lf_pwd {
	width:100px;
	font-size:10px;
	margin:2px;
}

#nucleus_lf_name {
	width:100px;
	font-size:10px;
	margin:2px;
}

#nucleus_lf_shared {
	margin:2px;
}

#nucleus_cf_body {
	width:300px;
}

.forma {
	width:400px;
}

#nucleus_cf_remember {
	margin:0px 3px 2px 0px;
}
* html #nucleus_cf_remember {
	margin:0px 3px -2px -3px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_verif {
    width: 300px;
    margin-right: 60px;
}

.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield {
    width: 300px;
    margin-right: 60px;
    margin-bottom:3px;
}

.commentform .formbutton
{
    display:block;
}

.mailform {
	font-size:11px;
	font-family:Verdana;
}

.loginform {
	padding:3px;
}

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

.pageswitch {
	text-align:center;
	padding:3px;
	color: #666;
	margin:15px 0 10px;
	width: 560px;
	float: right;
}

#center {
	text-align:center;
}

/* List */

#list {
	float: right;
	width: 560px;
	padding-right: 0px;
	margin-bottom: 10px;
}

#list .ttl {
	float: left;
	width: 80px;
	border-right: 1px solid #FF9900;
	margin: 0px;
	padding: 0px;
	height: auto;
}


#list .right {
	float: right;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}


* html #list .ttl {
	float: left;
	width: 80px;
	border-right: 1px solid #FF9900;
	margin: 5px 0px 10px;
	padding: 0px;
	height: auto;
	font: bold 12px/22px "?ͣ? ?????å?", "Osaka??????";
}

#list .bd_s {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	font: 10px/18px "?ͣ? ?Х????å?", Osaka;
	text-decoration: none;
}

#list .mak01 {
	margin: 0px;
	padding: 5px 0px 10px 50px;
	background: url(../../../imgs_detail/mak01.jpg) no-repeat left center;
	height: auto;
	width: 380px;
	font: 10px/18px "?ͣ? ?Х????å?", Osaka;
	text-decoration: none;
	float: left;
}

#list .mak02 {
	margin: 0px;
	padding: 5px 0px 10px 50px;
	background: url(../../../imgs_detail/mak02.jpg) no-repeat left center;
	height: auto;
	width: 380px;
	font: 10px/18px "?ͣ? ?Х????å?", Osaka;
	text-decoration: none;
	float: left;
}

#list .mak03 {
	margin: 0px;
	padding: 5px 0px 10px 50px;
	background: url(../../../imgs_detail/mak03.jpg) no-repeat left center;
	height: auto;
	width: 380px;
	font: 10px/18px "?ͣ? ?Х????å?", Osaka;
	text-decoration: none;
	float: left;
}

#list .bd {
	float: left;
	width: 460px;
	margin: 0;
	padding: 5px 0 0 10px;
	font: 10px/18px "?ͣ? ?Х????å?", Osaka;
	text-decoration: none;
}

* html #list .bd {
	float: left;
	width: 450px;
	margin: 0;
	padding: 5px 0 0 10px;
	font: 12px/22px "?ͣ? ?????å?", Osaka??????;
}


.leftbox {
	float: left;
	margin: 9px 15px 0 0;
}

.rightbox {
	float: right;
	margin-right: 4;
	margin-bottom: 0;
	margin-left: 20px;
	padding-left: 20px;
}