﻿body {
	margin: 0;
	background: url("./img/bgi-body.gif");
	color: #000;
	font-size: 0.8em;
	font-family: "ＭＳ ゴシック",sans-serif;
	
	/* Win IE6 */
	_text-align: center;
	}
a:link    {color: #555;}
a:hover   {color: #555; text-decoration: none;}
a:active  {color: #555;}
a:visited {color: #555;}


img {border: 0;}
.center {text-align: center;}
.descri{
	margin: 0 auto;
	width: 770px;
	color: #663300;
	font-size:13px;
	font-weight: bold;
	}

/* ----------------------------------------------------------------
センタリング　ボーダー設定 */
---------------------------------------------------------------- */

/* Win IE6 */
div#head,
div#footer,
div#homebox-1,
div.homebox-2,
div#left-box,
table td {
	_text-align: justify;
	}


div#head,
div#homebox-1,
div#footer,
div#head-area,
div.homebox-2,
div#contentsbox {
	margin: 0 auto;
	width: 770px;
	}


div.homebox-2,
div#contentsbox {
	width: 768px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}

/* ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- */
/* head　*/
/* ---------------------------------------------------------------- */
div#head {
	margin-top:20px;
	}




body>div#head,
body>div#contentsbox  {overflow:auto;}



div#contentsbox {
	background: url("./img/bgi-border.gif") #FFF repeat-y;
	}

body>div#footer {overflow: auto;}

div#footer {
	background: url("./img/border_footer.gif") repeat-x center 0;
	clear: right;
	}


body>div#footer ul {overflow: auto;}

div#footer ul {
	float: left;
	margin: 5px 0 0 5px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	}

div#footer li {
	float: left;
	margin-right: 10px;
	}

div#footer li a {
	color: #333;
	}

div#footer p {
	float: right;
	margin: 5px 0 3px 0;
	text-align: center;
	}




/* ----------------------------------------------------------------
各ページ共通CSS

homebox-2
---------------------------------------------------------------- */

body>div.homebox-2 {overflow: auto;}

div.homebox-2 {
	border-top: 1px solid #CCC;
	background: #FFF;
	}

div.homebox-2 .itiskimura {
	font-size: 10px;
	text-align: right;
	font-weight: normal;
	margin: 6px 0 6px 0;
	}

div.homebox-2>.itiskimura {
	margin: 6px 0 9px 0;
	}



div.homebox-2 ul {
	float: left;
	list-style: none;
	padding: 0;
	margin:  5px 5px 0 0;
	}

div.homebox-2 li {
	float: left;
	font-size: 11px;
	margin-left: 10px;
	}

div.homebox-2 li a {
	color: #333;
	}

div.homebox-2 li a:hover {
	color: #FFF;
	opacity:0.5; /* Mozzila系 */
	}

div.homebox-2 li a:hover img {
	filter: Alpha(opacity=50); /* IE系 */
	}

.pagetitle1 {
	height:  22px;
	_height: 22px;
	
	text-align: left;
	margin: 0;
	font-size: 100%;
	background: #663300;
	color: #FFF;
	text-indent: 1em;
	padding: 7px 0 0 0;
	}

.midasiweight {
	color: #754B26;
	font-weight:bold;
	font-size: 110%;
	}

.spanbold {
	font-weight:bold;
	}

div#head-area {
	height:50px;
	background: url("./img/head-area.jpg");
	bacougrond-position: bottm;
	}


/* ---------------------------------------------------------------- */
/* left-box 左のナビゲーション　*/
/* ---------------------------------------------------------------- */

div#left-box {overflow: hidden;
	width: 168px;
	float: left;
	}

div#right-box {
	float: right;
	width: 599px;
	border-left: 1px solid #CCC;
	line-height: 150%;
	}


p.left-am {
	margin: 0;
	}
p.right-am {
	height: 29px;
	_height: 27px;
	background: #663300;
	border-bottom: 1px solid #CCC;
	margin: 0;
	text-indent: 10px;
	}

div#left-box table.hmta {
	margin: 10px auto 1em 3px;
	_margin: 10px auto 1em 2px;
	}


/* ---------------------------------------------------------------- */
/* 左リンク */

ul.leftlink {
	list-style: none;
	padding:0;
	margin: 5px 0 0 10px;
	}

ul.leftlink li {
	margin-bottom:5px;
	}




/* -------------------- */
/* homeinfo　*/


div.homeinfo {font-family: "ＭＳ ゴシック",sans-serif;
	width:245px;
	margin: 0;
	}

ul.homeinfo {
	list-style: none;
	margin: 10px 0 40px 10px;
	padding: 0;
	font-size: 13px;
	color: #754B26;
	}


div.homeinfo li {
	color: #754B26;
	font-size: 90%;
	margin: 0 0 3px 0;
	}


ul.ln-knetwork {
	list-style: none;
	margin: 10px 0 40px 5px;
	padding: 0;
	font-size: 13px;
	color: #754B26;
	}



/* -------------------- */
/* homeguide */


dl.homeguide-dl {
	margin: 10px 0 20px 10px;
	font-size: 13px;
	color: #754B26;
	}
dl.homeguide-dl dd {
	
margin: 0 0 5px 5px;
	}


/* ---------------------------------------------------------------- */
/* TOPページ homebox-1　*/
/* ---------------------------------------------------------------- */


div#homebox-1 {
	height: 294px;
	background: url("./img/homebox-1.gif") no-repeat;
	}

div#homebox-1 ul {
	float: left;
	list-style: none;
	padding: 0;
	margin:  35px 5px 0 10px;
	_margin:  40px 0 0 5px;
	}

table.hmta {
	border: 1px solid #333;
	border-collapse: collapse;
	width: 162px;
	margin: 2px 0 0 3px;
	}

div>table.hmta {
	margin: 3px 0 0 4px;
	}


table.hmta th {
	font-size: 15px;
	height:17px;
	}

table.hmta td {
	border: 1px solid #333;
	padding: 0;
	}

div.hmta-soto {
	width: 162px;
	height: 92px;
	position: relative;
	}
div.hmta-soto p {
	margin:0;
	}

div.hmta-com {
	font-size: 13px;
	z-index:2;
	position: absolute;

	width: 162px;
	bottom: 0;
	}



div.hmta-com a {
	height:35px;
	font-size: 13px;
	background:#333;
	color: #FFF;
	display: block;
	width: 162px;
	}
	/*-----------------------
	 background: url("./img/lb_black.png");	
	filter: Alpha(opacity=50);
	opacity:0.5;
	----------------------- */
div.hmta-com a:hover {
	/*background: url("./img/lb_blue.png");---------*/
	background: #555;
	}

div.hmta-img {
	position: absolute;
	z-index: 1;
	margin:0;
	}

div.hmta-img img{
	width: 162px;
	height: 92px;
	position: absolute;
clip: rect(0 162px 92px auto);
	overflow: hidden;
	}

div#homebox-1 li {
	width: 250px;
	height: 73px;
	margin:  5px 0;
	_margin:  5px 0 -3px 0;
	}

div.homebox-image {
	float: right;
	width: 490px;
	height: 260px;
	margin: 13px 10px 0 0;
	
	_width: 490px;
	_margin: 15px 5px 15px 0;
	}


/* --------------------
index-のコメント文章
-------------------- */
div.idx-com {
	margin: 10px;
	}
	div.idx-com h2 {
		border-left: 2px solid #663300;
		padding: 0 0 0 5px;
		color: #663300;
		margin:10px 0;
	}
	div.idx-com p {
		margin: 10px 0;
	}

/* -------------------- */
/* homeabout　*/


table.topcon-ta {
	border-collapse: collapse;
	border-bottom:1px solid #CCCCCC;
	}
table.topcon-ta td {
	border:1px solid #CCCCCC;
	border-bottom:0px;
	border-right:0px;
	line-height: 100%;
	font-size: 9pt;
	padding: 0;
	}

table.topcon-ta td span {
	padding-top: 5px;
	margin: 0 5px 0 5px ;
	display:block;
	}
table.topcon-ta a {
	height: 69px;
	display:block;
	text-decoration: none;
	width:598px;

	}

table.topcon-ta a:hover {
	height: 69px;
	background: url("./img/lb_blue.png");
	color: #FFF;
	filter: Alpha(opacity=50); /* IE系 */
	opacity:0.5; /* Mozzila系 */	
	}

table.topcon-ta img { float: left; margin-right: 5px;}


/* ---------------------------------------------------------------- */
/* 自己紹介 */
/* ---------------------------------------------------------------- */

.about-table1 {margin-top:1em; width:498px;}
.about-table1 td {
	vertical-align: top;
	font-size: 9pt;
	}




.about-righttable {border:1px solid #663300;margin:0;}
.about-righttable,
.about-righttable td{
	vertical-align: top;
	}
.about-righttable th{
	color:#423624;
	border: 2px solid #FFF;
	background: #D3C5AF;
	padding: 3px 3px;
	vertical-align: top;
	}

.about-righttable td{
	padding: 1px 3px 15px 10px;
	}


/* ----------------------------------------------------------------
	活動報告
---------------------------------------------------------------- */

table.kdhk-ta {
	width: 530px;
	margin-bottom:2em;
	border-collapse: collapse;
	}

table.kdhk-ta td {
	padding: 2px 0;
	}
table.kdhk-ta .kdhk-mt {
	border-bottom: #663300 solid 2px;
	text-align: left;
	} 
	
	table.kdhk-ta tbody th,
	table.kdhk-ta tbody td {
		border-bottom: 1px solid #DDDDDD;
		}
		table.kdhk-ta tbody td {
			height: 37px;
			}
		table.kdhk-ta tbody th {
			font-weight: normal;
			}
		table.kdhk-ta th.kdhk-date {
			width : 70px;
			height: 37px;
			}
		table.kdhk-ta td.kdhk-sp {
			width: 50px;
			}
		
/* ----------------------------------------------------------------
	contaxt お問い合わせ
---------------------------------------------------------------- */

.contact-message {
	
	width: 490px;
	font-size: 90%;
	margin: 30px auto 1em auto;
	text-align: justify;
	}

table#contact{
	width: 490px;
	color: #555;
	border-collapse: collapse;
	margin: 10px auto 2em auto;

	_margin: 30px auto 2em auto;
	}

table#contact td,
table#contact th {

	text-align: center;
	border: 1px solid #aaa;
	font-size: 15px;
	margin: 0 auto 20px auto;
	padding: 5px;
	}


table#contact input,
table#contact textarea {
	margin: 10px 0; 
	}


table#contact textarea { width: 350px;}
table#contact .text-a  { width: 300px;}

th.con-r { background-color: #eee; }

div.formsubmit {
	text-align: center;
	color: #555;
	font-size: 100%;
	margin: 0 auto 20px auto;
	}
div.formsubmit input.botton {
	width: 5em;
	}

div#sendmail img {
	margin: 3px 3px  0;
	}

span.red {
	color: #aa0000;
	}












/* ---------------------------------------------------------------- */
/* blog */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ブログ */
/* ---------------------------------------------------------------- */



/* Lists */
div#sidebarcontainer ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	}
div#sidebarcontainer li
{
	background: url(./skins/default/images/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
	}

/* Basic classes */
.hidden
{
	display: none;
	}
.centerize
{
	text-align: center;
	}
.clearing
{
	width: 704px;
	height: 0;
	clear: both;
	}

#copyrights a:link, 
#copyrights a:visited {
	color: #474747;
	}

#copyrights a:hover,
#copyrights a:active {
	color: #737373;
	}

/*-------------------------------------------------
  Main content
-------------------------------------------------*/
div#container {
	margin: 0 25px 0 25px;
	text-align: justify;
	}

.content {
	padding: 0;
	margin: 0 0 30px 0;
	}
.article {
	background: url(./img/border-bottombgi.gif) repeat-x;
	background-position: bottom;
	}
/*-------------------------------------------------
  Item styles
-------------------------------------------------*/

div.contenttitle h2 {
	clear: left;
	height: 24px;
	margin: 1em 0 1em 0;
	font-size: 18px;
	font-family: "ＭＳ ゴシック", sans-serif;
	color: #754B26;
	padding: 1px 0 0 0;
	}


div.contenttitle .title-m{
	background: url("./img/bgi-midasi2.gif") no-repeat;
	clear: left;

	height: 24px;
	margin: 1em 0 1em 0;
	font-size: 18px;
	font-family: "ＭＳ ゴシック", sans-serif;
	
	color: #754B26;
	
	padding: 1px 0 3px 15px;
	}

div.contenttitle h2 a { color: #754B26; }

#custommidasi {
	font-weight: bold;
	clear: left;

	margin: 1em 0 15px 0;
	font-size: 6pt;
	font-family: "ＭＳ ゴシック", sans-serif;
	
	color: #754B26;
	
	padding: 0;
	
	}

.contentbody {
	font-size: 100%;
	text-align: justify;
	padding: 0 0 5px 0;
	}



/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/bgcategory.gif) center left no-repeat;
	font-size: 12px;
	line-height: 12px;
	padding: 0 10px 0 5px;
	}
.contentitempostedby
{
	background: url(images/bgpostedby.gif) center left no-repeat;
	font-size: 12px;
	line-height: 12px;
	padding: 0 10px 0 12px;
	}
.contentitemcomments
{
	background: url(images/bgcomment.gif) center left no-repeat;
	font-size: 12px;
	line-height: 12px;
	padding: 0 10px 0 13px;
	}
.contentitemedit
{
	background: url(images/bgedit.gif) center left no-repeat;
	font-size: 12px;
	line-height: 12px;
	padding: 0 10px 0 11px;
	}
.contentitem {
	padding: 3px 0 3px 0;
	margin: 0 0 50px 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;
	}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer {
	font-size: 80%;

	}

#sidebarcontainer h1 {
	}

.sidebar {
	color: #21262A;
	margin: 0 0px 4px 0;
	}

/* Menu lists */
.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
	}
.sidebardl dt {
	height: 24px;
	color: #845754;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 10px;
	}


.sidebardl dt.navititle {
	height: 24px;
	margin: 0 0 10px 0;
	padding: 0;
	}
.sidebardl dd {
	padding: 2px 10px;
	margin: 1px 0 0 0;
	}

.sidebardl dd a:link, .sidebardl dd a:visited
{
	color: #333;
	background: url("./skins/default/images/arrow.gif") left center no-repeat;
	padding: 0 0 0 10px;
	}
.sidebardl dd a:hover
{
	padding: 2px 10px;
	margin: 1px 0 0 0;
	}
/*-------------------------------------------------
  Footer
-------------------------------------------------*/


#copyrights {
	color: #474747;
	}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
	}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
	}
.commentform img{
    margin: 5px 0 0 0;
	}
.formfield
{
	display:block;
	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;
	}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
	}
.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, #nucleus_cf_email
{
    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;
	}


/*-------------------------------------------------
  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;
	}


div.il2b-include {
	overflow: hidden;
	margin: 0 0 0 10px;
	height: 110px;
	
	}
div.il2b-include h2{
	margin: 0;
	}

