/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #682;}

a:hover {color: #9A6;}

img
{
	border: 0;
}

body {
	background: #333 url(images/bg.gif);

	background: #ffe;



	color: #333;

	font: normal 62.5% MS UI Gothic, Verdana, Arial;
	margin: 3% 0;
}

p,ul {
	padding-bottom: 1em;
	line-height: 2em;
}

ul {margin-left: 1.2em;}

li {list-style: none;}


h1 {font-size: 1.2em;}
h2,h3 {font-size: 1.5em;}
h1,h2,h3 {color: #994;}



blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}





/* misc */
.clearer {clear: both;}


.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}




/* structure */
#container {
	font-size: 1.2em;

/*	background: url(images/bgcontainer.gif) repeat-y;
*/

	margin: 0 auto;
	width: 840px;

/*	width: 880px;
*/

/*	border: 12px solid #333;
*/

}



#container-main {
	float: left;
	width: 640px;
/*	width: 680px;
*/

	background: #fbfbf0;

}



#container-sub {
	float: right;
	width: 200px;
	color: #CCC;
}

#container-sub h1 {padding-bottom:3px;}
#container-sub .padded {padding: 6px 2px 6px 16px;}



/* header */
.header {
	float: left;

	width: 640px;

/*	width: 680px;
*/
	background: url(images/kimonoland-header.jpg) no-repeat;

	font: normal 2.4em MS UI Gothic, Verdana, Arial;


	line-height: 150px;
/*	text-align: center;
*/
}

.header h1{
	margin-left: 1em;
}


/* structure */
.top {
	background: #222;
	color: #DDD;
	float: left;
	font: normal 1.4em MS UI Gothic, Verdana, Arial;
	height: 50px;
	text-align: center;
	width: 639px;
}


.navi {
	padding-bottom: 1em;
}




.content-main {
	float: right;
	width: 440px;
/*	width: 480px;
*/
}


.content-main li {list-style-image: url(images/li.gif);}
.content-main .padded {padding: 18px 24px;}



.content-item {
	float: left;
	width: 640px;
/*	width: 480px;
*/
}


.content-sub {
}

.subnav {
	float: left;

/*	width: 160px;
*/
	width: 200px;
}




/* sub-navigation */
.subnav h1 {
	background: #222;
	color: #FFE;
	font: bold 1.1em MS UI Gothic, Verdana, Arial;
	line-height: 24px;
	padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	border-bottom: 1px solid #696755;

	list-style: none;
}
.subnav li a {
/*	background: #89866F;
*/
	background: #b5cc95;

	color: #111;
	display: block;
	padding: 8px 0 8px 12px;

/*	width: 148px;
*/
	width: 188px;

	text-decoration: none;
}
.subnav li a:hover {
/*	background: #9C997C;
*/
	background: #d9e3ae;

	color: #000;
}

.subnav img {padding-top:4px;}


/* footer */
#footer {
/*	background: url(images/bgfooter.gif) repeat-x;
*/

	clear: both;

	background: #d9e3ae;

	color: #CCC;

	line-height: 39px;

/*
	font-size: 0.9em;

	width: 100%;
*/

	padding: 5px 16px;
	text-align: center;
}

/*
#footer div.left,#footer div.right {margin: 0; padding: 0 16px;}
*/

#footer a {color: #EEE;}
#footer a:hover {color: #FAFCB0;}

.padded img {padding-top:3px;}



/*nucleus cms css */

.searchform .formfield {
	width: 110px;
	font-size:10px;
    font-family: MS UI Gothic, Verdana, Arial;
	padding: 2px 0;
	margin: 0 2px 4px 0;
	background-color:#f9f9f9; border:1px solid #DEDDDD; color:#4a4a4a;
}

.formbutton {
	margin:0px;
	padding:1px;
	padding-right:6px;
	padding-left:6px;
	font-size:10px;
	font-family:Verdana;
	background-color:#cccccc;
	border:1px solid #999999;
	color:#353535;
}

.formbutton:hover {
	background-color:#aaaaaa;
	border:1px solid #888888;
	color:#000000;
}

.formfield {
	font-size:10px;
	font-family:Verdana;
	background-color:#f4f4f4;
	border:1px solid #DEDDDD;
	color:#4a4a4a;
	margin:0px 0px 5px 0px; 
}

.formfield:focus {
	background-color:#ffffff;
	border:1px solid #000000;
}

#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 {
	font-size:12px;
	width:300px;
}

.mailform {
	font-size:11px;
	font-family:Verdana;
	padding:5px;
}

.loginform {
	padding:3px;
}

.error {
	color: red;
	font-weight: bold;
}

.pageswitch {
	text-align:center;
	padding:4px;
	margin-bottom:20px;
}

div.loginform .formfield, div.commentform .formfield {
    display: block;
}


/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;

}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}




/*---------------- plugin --------------------*/

/* plugin NP_ItemPrevNext */
div.PNtitile1 {
        font-weight: bold; padding-top: 3px; border-top: gray 1px solid;
	}
div.PNtitile2 {
        font-weight: bold; padding-top: 3px; border-top: gray 1px solid;
	}
div.PNtitile3 {
        font-weight: bold; padding-top: 3px; border-top: gray 1px solid;
	}



/* plugin znSmiley */
/* znSmiley > の行 */
.znsm_re {
color: #090;
}
/* <img /> */
.znsm_img {
vertical-align: middle;
}
