/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Stanch skin by Ivan Fong
  Mods by hcgtv and moraes
-------------------------------------------------*/

/*-------------------------------------------------
09.06.02 KINET
背景色の変更に伴う文字色変更 3カラム

08.12.08 KINET
content body ブログ記事 文字サイズ変更 215行目
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body {
/* REP ishi start */
/*-- 
background: #505050 url(images/bc_d.gif);
background:#E7D0A9;
 -- */
/* REP ishi end */

/*-- 
color: #494949;
color: #FFFFFF;
 -- */
 
/*-- 2009.06.02 背景色 テキスト色 -- */
background-color:#E7D0A9;
color:#800000;

/* 	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif; */
	font-family:  Arial, sans-serif;
	font-size: 11px;
	padding: 15px 0;
	margin: 0;
}
img {
	border: 0;
}
form {
	margin: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
}

/* Lists */
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
li {
/* DEL ishi start ********************** */
/*	background: url(images/arrow.gif) left 5px no-repeat; */
/*	padding: 0 0 0 10px; */
/*	margin: 0 20px; */
/* DEL ishi end   ********************** */
}


/* Links */
a:link, a:visited {
	/*color: #635D45;*/
	color: #B4534B;         /* ←Linkの文字色　ここを変更*/
/* DEL ishi start ***** */
/*	text-decoration: none; */
/* DEL ishi end   ***** */
}
a:hover, a:active {
	color: #F37167;
	/* color: black;*/
}
#header a:link, #header a:visited {
	color: #FFFFFF; font-weight:bold;   /* ←タイトルの文字色　ここを変更*/
}
#header a:hover, #header a:active {
	color: #F37167; font-weight:bold;   /* ←タイトルの文字色　ここを変更*/
}
#copyrights a:link, #copyrights a:visited {
	color: #ffffff;        /* ←copyrightsの文字色　ここを変更*/
}
#copyrights a:hover, #copyrights a:active {
	color: #ffffff;    
}

/* Basic classes */
.hidden {
	display: none;
}
.centerize {
	text-align: center;
}
.clearing {
	width: 884px;
	height: 0;
	clear: both;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
/* REP ishi start */
//#header
//{
//	position: relative;
//	width: 884px;
//	height: 168px;
//	/* large header image is defined below */
//	/* background: white url(images/header.jpg) no-repeat; */
//	background: white;
//	border-width: 2px 2px 0;
//	border-style: solid;
//	border-color: #E0E0E0;
//	margin: auto;
//}
//#header h1
//{
//	/* small header image specific lines */
//	height: 168px;
//	width: 692px;
//	background: white url(images/header_sm.jpg) repeat-x 0 6px;
//	margin: 0 6px;
//	/* end small header image specific lines */
//	font-size: 38px;
//	text-align: center;
//	line-height: 160px;
//}
#header {
	position: relative;
	width: 884px;
	height: 320px;                /*←ここを変更　表題ロゴの下がかわる*/
	/* large header image is defined below */
	/* background: white url(http://www.kaoruko.co.jp/img/blog/head.jpg) no-repeat; */
	background: #E7D0A9;   /*←ここを変更　表題ロゴの背景色*/
	border-width: 2px 2px 0;
	border-style: solid;
	border-color: #E7D0A9;         /* ←上の横枠 ここを変更*/
	margin: auto;
}
#header h1 {
	/* small header image specific lines */
	/* height: 106px; */
	/* width: 692px; */
	height: 300px;
	width: 884px;             /*←ここを変更　表題の下の大きさがかわる*/  
	/*background: white url(images/header_sm.jpg) repeat-x 0 6px;*/
	background: #E7D0A9 url(http://www.kaoruko.co.jp/img/blog/head.jpg) no-repeat top; /* ←トップロゴの画像 ここを変更*/
  /*margin: 0 6px; */
	margin: 0px;
	/* end small header image specific lines */
	font-size: 50px;
	color:#f0f0f0;
	/*-- text-align: center; -- */
	/*line-height: 106px;*/
	line-height: 140px;         /*←ここを変更　表題文字の高さがかわる*/
	text-decoration: none;
	font-family: Georgia, "ＤＨＰ平成明朝体W7", "Times New Roman", Times, serif;
}
#header a:link ,#header a:visited {
position: relative; left: 440px; top: 0px;
color:#803C00;
text-decoration: none;
}


/*-- 2008.12.25 追加 2009.6.3 -- */
/*-- 
#hpwrapper {
height: 100px;
width: 884px;
background: #E7D0A9 url(http://www.kaoruko.co.jp/img/blog/head.jpg) no-repeat; 
margin: 0 0px;
}
#hpwrapper a:link, #hpwrapper a:visited{
font-size: 20px;
color:#B4534B;
text-decoration: none;
line-height: 400%;
padding:0px 0px 0px 320px;
}

#hpwrapper a:hover ,#hpwrapper a:active{
font-size: 20px;
color:#f0f0f0;
text-decoration: none;
line-height: 400%;
padding:0px 0px 0px 320px;
}
 -- */

/*-- 2008.12.25 追加 2009.6.3 end-- */


/* REP ishi end */
/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper {
	width: 884px;
	background: #E7D0A9;
	border-width: 0 1px;
	border-style: solid;
	border-color: #E7D0A9;     /* ←横の横枠 ここを変更*/
	margin: auto;
}
.contenthead {
width: 884px;
color:#CC9966;font-size:8px;
padding: 0px 4px 20px 4px;
margin: auto;
}

#wrapper {
	width: 884px;
	/*-- background: white url(images/bgcontainer02.gif) repeat-y right; -- */ 
	background: #E7D0A9;
	/*-- mainの背景色 bgcontainer02.gifは右の背景画像　ここを変更 -- */
	margin: auto;
}


/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container {
	width: 500px;
	height: 1%;
	overflow: visible;
	float: left;
	padding: 0px 10px;
/*-- margin-right: -204px; -- */
}
.content {
	padding: 0;
	margin: 0px 0px 30px 0px;
	}

.left_content {
width: 136px;
padding: 0px ;
color:#CC9966;
font-size:11px;
}
.pageswitch {
padding: 0px 0px 10px 0px;
}

/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2 {
	clear: both;
	background: url(images/dot.gif) bottom repeat-x;
	font-size: 18px;
	padding: 0 0 6px 0;
	margin: 0;
}
.contentbody {
	font-size:14px;
	text-align: justify;
	padding: 0 0 16px 0;
}


/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory {
	background: url(images/bgcategory.gif) center left no-repeat;
	font-size: 9px;
	line-height: 12px;
	padding: 0 4px 0 14px;
}
.contentitempostedby {
	background: url(images/bgpostedby.gif) center left no-repeat;
	font-size: 9px;
	line-height: 12px;
	padding: 0 4px 0 12px;
}
.contentitemcomments {
	background: url(images/bgcomment.gif) center left no-repeat;
	font-size: 9px;
	line-height: 12px;
	padding: 0 4px 0 13px;
}
.contentitemedit {
	background: url(images/bgedit.gif) center left no-repeat;
	font-size: 9px;
	line-height: 12px;
	padding: 0 4px 0 11px;
}
.contentitem {
	padding: 3px 0 0 0;
	margin: 0 0 10px 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;
}

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

/*-------------------------------------------------
  LEFT  Menu
-------------------------------------------------*/
.left_section {
border-right: 1px dotted #D2B48C;
float: left;
width: 136px;
padding: 0px ;
color:#CC9966;
font-size:11px;
}
.left_sectionk {
font-size:14px;
font-weight: bold;
color:#CC9966;
}
.left_section dt {
width: 120px;
text-align: left;
background: #E7D0A9 url(images/sidetitlebg.gif);
color:#800000;
font-family:"Georgia","Lucida Grande","Lucida Sans Unicode",Arial,"Trebuchet MS",sans-serif;
border-left: 1px solid #CC9966;
border-bottom: 1px solid #C88C64;
padding:4px 0px 4px 10px;
margin: 20px 0px 2px 0px;
}
.left_section dd {
margin: 2px 0px 0px 10px;
}
.left_section a:link, 
.left_section a:visited {
color:#CC9966;
}
.left_section a:hover , 
.left_section a:active {
color:#C88C64;
}
ul.disc {
list-style-type: disc;
padding: 0;
margin: 0px 0px 0px 16px;
}


/*-- 
.left_sectiondl {
padding: 0;
margin: 0;
}
.left_sectiondl dt {
background: #E7D0A9 url(images/sidetitlebg.gif);
color:#800000;
font-family:"Georgia","Lucida Grande","Lucida Sans Unicode",Arial,"Trebuchet MS",sans-serif;
border-left: 1px solid #B4534B;
border-bottom: 1px solid #BA8884;
padding:4px 24px;
}

.left_sectiondl dd {
background: #E7D0A9; 
padding: 2px 10px;
margin: 1px 0 0 0;
color:#B4534B;
}
.left_sectiondl a:link, 
.left_sectiondl a:visited {
color:#C88C64;
}
.left_sectiondl a:hover , 
.left_sectiondl a:active {
color:#C88C64;
}
 -- */
/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer {
	float: right;
	width: 204px;
	padding: 2px 0 0 0;
}
.sidebar {
/*	color: #21262A;*/
	color: #B4534B;   /*ログイン中 Add A Link の文字色が変更　*/
	margin: 0 6px 4px 0;
}

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

/*-- 2009.06.02 右メニュー 変更前 -- */
/*-- 
.sidebardl dt {
	background: #E5E5E5 url(images/sidetitlebg.gif); 
	background: #E7D0A9 url(images/sidetitlebg2.gif);  
	↑右メニュのタイトル背景画像sidetitlebg.gif　ここを変更
	color: #3A0000;   メニュ の文字色が変更           
	font-size: 12px;color: #FFFFFF;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 4px 24px;        ←右メニュ文字位置　ここを変更
}
.sidebardl dd {
	background: #EEEEEE; 
	background: #E7D0A9;     ←右メニュの色のbackground色　bgcontainer02.gif右の背景画像にあわせる　ここを変更
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd:hover {
	background: #E7D0A9;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited {
 DEL ishi start 
 	background: url(images/arrow.gif) left center no-repeat;
	padding: 0 0 0 10px; 
 DEL ishi end 
}
.newskiji  , 
.newskiji a:link , 
.newskiji a:visited {
font-size: 14px;
color: #ffcc66;
line-height:180%;
padding: 0px;
text-decoration: none;
}
.newskiji a:hover, 
.newskiji a:active {
color: #ffcc66;
text-decoration: underline;
}

.news_arrow li {
list-style-image: url(images/delta.gif);
padding: 0px;
margin:  0px 0px 0px 14px;
}

#sidebarbanner {
background: #E7D0A9;
padding: 0px;
margin: 0px 0px 10px 0px;
font-size:11px;
color:#FFFFFF;
}
#sidebarbanner td {
font-size:11px;
color:#FFFFFF;
}
#sidebarbanner a:link, #sidebarbanner a:visited {
font-size:11px;
color:#FFFFFF;
text-decoration: none;
}
#sidebarbanner a:hover, {
font-size:11px;
color:#FFFFFF;
text-decoration: underline;
}

 -- */

/*-- 2009.06.02 右メニュー 変更後ここから -- */
.sidebardl dt {
background: #E7D0A9 url(images/sidetitlebg.gif);
color:#800000;
font-family:"Georgia","Lucida Grande","Lucida Sans Unicode",Arial,"Trebuchet MS",sans-serif;
border-left: 1px solid #B4534B;
border-bottom: 1px solid #BA8884;
padding:4px 24px;
}

.sidebardl dd {
background: #E7D0A9;     /* ←右メニュの色のbackground色　bgcontainer02.gif右の背景画像にあわせる　ここを変更 */
padding: 2px 10px;
margin: 1px 0 0 0;
color:#B4534B;
}
.sidebardl a:link, .sidebardl a:visited {
color:#B4534B;
padding: 2px 10px;
margin: 1px 0 0 0;
line-height:150%;
}
.sidebardl a:hover , .sidebardl a:active {
color:#F37167;
padding: 2px 10px;
margin: 1px 0 0 0;
line-height:150%;
}
.newskiji  , .newskiji a:link , .newskiji a:visited {
font-size: 13px;
line-height:200%;
padding: 4px 0px;
text-decoration: none;
}
.newskiji a:hover, .newskiji a:active {
font-size: 13px;
line-height:200%;
padding: 4px 0px;
text-decoration: underline;
}

.news_arrow li {
list-style-image: url(images/delta.gif);
padding: 0px;
margin:  0px 0px 0px 14px;
}

#sidebarbanner {
color:#B4534B;
width:194px;
background: #E7D0A9;
padding: 0px;
margin: 0px 0px 10px 0px;
font-size:11px;
}
#sidebarbanner td ,#sidebarbanner a {
font-size:11px;text-decoration: none;
}
#sidebarbanner a:hover {
font-size:11px;text-decoration: underline;
}
/*-- 2010.4.27 追加　start お知らせ強調　-- */
.note_oshirase_b {
color: #ff6666; border: 1px solid #ff6666; padding: 1px;
text-align: center;
}
.note_oshirase_b h3{
font-size:12px;
padding: 0px;
margin: 0.4em  0;
font-weight: bold;
}

/*-- 2010.4.27 追加　end -- */


/*-- 2009.06.02 右メニュー 変更後ここまで -- */


 /* calendar */         /* カレンダー　ここを変更*/

.sidebarcalendar {
color: #B4534B;
margin: 0 ;
}
.sidebarcalendardl dt {
background: #E7D0A9 url(images/sidetitlebg.gif);
color:#800000;
font-family:"Georgia","Lucida Grande","Lucida Sans Unicode",Arial,"Trebuchet MS",sans-serif;
border-left: 1px solid #B4534B;
border-bottom: 1px solid #BA8884;
padding:4px 24px;
}
.sidebarcalendardl dd {
background: #E7D0A9;
padding: 0px;
margin: 0px;
color:#B4534B;
}
.sidebarcalendardl a:link, .sidebarcalendardl a:visited {
padding: 0px;
margin: 0px;
color:#B4534B;
}
.sidebarcalendardl a:hover , .sidebarcalendardl a:active {
padding: 0px;
margin: 0px;
color:#F37167;
}
.sidebarcalendardl dd:hover {
padding: 0px;
margin: 0;
}
table.calendar {
font-size:11px;
color:#B4534B;
padding: 0px;
margin: 0px;
} 
tr.calendardateheaders {
font-size:11px;
color:#DC9E50;
} 
td.days { 
text-align: center; 
} 
td.today {
text-align: center;
color:#FFFFFF;
background-color:#DC9E50;
}
/* calendar */

/*-------------------------------------------------
  Footer
-------------------------------------------------*/

/*-- 
background: #000000;
background: #a078d2;
 ←フッターのbackground色　ここを変更
	text-align: center;
	padding: 10px 0 10px 0;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #E7D0A9;    ←下の横枠　ここを変更
	margin: 0 auto;
 #copyrights {
color: #E7D0A9;　 ←copyrightsの文字色　ここを変更
}

 -- */
 
/*-- 2009.06.02 フッターbackground -- */
#footer {
width: 884px;
background:#c5956b;
text-align: center;
padding: 4px 0px;
margin: 0 auto;
}
#copyrights , #copyrights a {
color: #fff;
font-size: 12px;
}
#copyrights a:hover {
color:#B4534B;
text-decoration: none;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform {
	margin: 5px 0;
}
.commentform, .mailform {
	margin-top: 10px;
    padding: 10px;
    background: #E7D0A9;        /* ←Add Commentコメントの追加する場所の背景色　ここを変更 */
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield {
	font-size: 11px;
	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: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.searchform .formfield {
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton {
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield {
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton {
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield {
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton {
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail {
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield {
    width: 300px;
}
.commentform .formbutton {
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error {
	color: red;
	font-weight: bold;
}

/* Insert 2008-03-27 start */
div.loginform .formfield, div.commentform .formfield, div.mailform .formfield { 
    display: block; 
}
/* Insert 2008-03-27 end */

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