@charset utf-8;

/*
===== CONTENTS =====

 1: main
 2: mainSide
 3: content

====================
*/



/*
===== 1: main =====
*/

#main {
	float: left;
	width: 303px;
	}

#main h2 {
	padding: 3px 0 3px 35px;
	background: url(../../img/index/bg_h2_01.gif) left repeat-y;
	color: #7C7F38;
	}

#main strong {
	color: #979961;
	}


/*
===== 2: mainSide =====
*/

#mainSide {
	float: right;
	width: 189px;
	}

#mainSide h2 {
	padding: 3px 0 3px 35px;
	background: url(../../img/index/bg_h2_02.gif) left repeat-y;
	color: #7C7F38;
	}


/*
===== 3: content =====
*/

#content h1 {
	margin-bottom: 1em;
	padding: 4px 0 100px 5px;
	border-left: 5px solid #979961;
	color: #7C7F38;
	font-size: 14px;
	}

/* h1 image */

.dekirukoto {
	background: url(../../img/01dekirukoto/ph_01.jpg) left bottom no-repeat;
	}

.feature {
	background: url(../../img/02feature/index/ph_01.jpg) left bottom no-repeat;
	}

.garden {
	background: url(../../img/02feature/garden/ph_01.jpg) left bottom no-repeat;
	}

.chapel {
	background: url(../../img/02feature/chapel/ph_01.jpg) left bottom no-repeat;
	}

.dish {
	background: url(../../img/02feature/dish/ph_01.jpg) left bottom no-repeat;
	}

.photo {
	background: url(../../img/02feature/photo/ph_01.jpg) left bottom no-repeat;
	}

.schedule {
	background: url(../../img/03schedule/ph_01.jpg) left bottom no-repeat;
	}

.voice {
	background: url(../../img/04voice/index/ph_01.jpg) left bottom no-repeat;
	}

.quest {
	background: url(../../img/04voice/quest/ph_01.jpg) left bottom no-repeat;
	}

.interview {
	background: url(../../img/04voice/interview/ph_01.jpg) left bottom no-repeat;
	}

.fair {
	background: url(../../img/05fair/ph_01.jpg) left bottom no-repeat;
	}

.planner {
	background: url(../../img/06planner/index/ph_01.jpg) left bottom no-repeat;
	}

.staff {
	background: url(../../img/06planner/staff/ph_01.jpg) left bottom no-repeat;
	}

.column {
	background: url(../../img/06planner/column/ph_01.jpg) left bottom no-repeat;
	}

#content h1.other {
	padding: 4px 5px;
	}

#content h2 {
	clear: both;
	padding: 3px 0 3px 35px;
	background: url(../../img/parts/bg_h2.gif) left repeat-y;
	color: #7C7F38;
	font-size: 14px;
	}

/* about table */

.schedu_table {
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse;
	border: 1px solid #C8C9AC;
	font-size: 100%;
	}

.schedu_table caption {
	padding-bottom: 2px;
	font-size: 14px;
	text-align: left;
	}

.schedu_table th {
	width: 110px;
	padding: 5px;
	border: 1px solid #C8C9AC;
	background: #D9DAC7;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}

.schedu_table td {
	padding: 5px;
	border: 1px solid #C8C9AC;
	background: #E2E3D3;
	}

.schedu_table td ul {
	list-style-image: url(../../img/parts/list_main.gif);
	margin-left: 12px;
	}

.schedu_table td ol {
	list-style-type: decimal;
	margin-left: 12px;
	}

/* about box */

.dekiruBox1 {
	padding: 0 270px 119px 0;
	background: url(../../img/01dekirukoto/ph_02.jpg) bottom no-repeat;
	}

.dekiruBox2 {
	padding: 0 270px 119px 0;
	background: url(../../img/01dekirukoto/ph_03.jpg) bottom no-repeat;
	}

.dekiruBox3 {
	padding: 0 270px 119px 0;
	background: url(../../img/01dekirukoto/ph_04.jpg) bottom no-repeat;
	}

.dekiruBox4 {
	padding: 0 270px 119px 0;
	background: url(../../img/01dekirukoto/ph_05.jpg) bottom no-repeat;
	}

.gardenBox1 {
	padding: 0 0 119px 270px;
	background: url(../../img/02feature/garden/ph_02.jpg) bottom no-repeat;
	}

.gardenBox2 {
	padding: 0 0 172px 270px;
	background: url(../../img/02feature/garden/ph_03.jpg) bottom no-repeat;
	}

.dishBox1 {
	padding: 0 265px 120px 0;
	background: url(../../img/02feature/dish/ph_02.jpg) bottom no-repeat;
	}

.dishBox2 {
	padding: 0 265px 122px 0;
	background: url(../../img/02feature/dish/ph_03.jpg) bottom no-repeat;
	}

.tobiraL {
	float: left;
	width: 245px;
	}

.tobiraR {
	float: right;
	width: 245px;
	}

#content .tobiraL h2, #content .tobiraR h2 {
	padding-left: 28px;
	background: url(../../img/parts/bg_h2_2.gif) left repeat-y;
	font-size: 12px;
	}

.contentTxt {
	float: right;
	width: 170px;
	margin-bottom: 10px;
}

.contentImg {
	float: left;
	width: 128px;
	margin-bottom: 10px;
	}

/* about article */
/*
.articleNavi {
	margin-bottom: 1em;
	padding: 3px;
	border: 1px solid #C8C9AC;
	background: url(../../img/parts/bg_article_navi.gif) center repeat-y;
	}

.articleNavi .year {
	float: left;
	width: 65px;
	}

.articleNavi ul {
	float: left;
	width: 330px;
	line-height: 140%;
	}

.articleNavi li {
	float: left;
	width: 1.7em;
	}

.articleNavi .next_rev {
	float: right;
	width: 65px;
	margin: 0;
	text-align: right;
	}
*/
/* about staff */

.staffIntro {
	float: right;
	width: 425px;
	margin: 0;
	border: 1px solid #C8C9AC;
	background: #E2E3D3;
	}

.staffName {
	margin: 0;
	padding: 3px;
	}

.staffIntro dl {
	border-top: 1px solid #C8C9AC;
	background: url(../../img/06planner/staff/bg.gif) left repeat-y;
	}

.staffIntro dt {
	clear: left;
	float: left;
	width: 140px;
	padding: 3px;
	}

.staffIntro dd {
	float: right;
	width: 270px;
	padding: 3px;
	}

.staffImg {
	float: left;
	width: 81px;
	margin: 0;
	}

.photo_plan dt {
	clear: left;
	float: left;
	width: 190px;
	}

.notes {
	padding: 5px;
	border: 1px solid #C8C9AC;
	background: #E2E3D3;
	}

/* about sitemap */

#sitemap li {
	margin-bottom: 10px;
	padding: 5px 0 5px 35px;
	background: url(../../img/parts/bg_h2.gif) left top no-repeat;
	}

#sitemap li ul {
	margin: 10px 0 0 0;
	}

#sitemap li ul li {
	margin: 0;
	padding: 5px 0 5px 20px;
	background: url(../../img/parts/link_icon_01.gif) left center no-repeat;
	}

#sitemap a:link, #sitemap a:visited {
	color: #7C7F38;
	text-decoration: none;
	}

#sitemap a:hover {
	color: #7C7F38;
	text-decoration: underline;
	}


.whatsNew dd {
	margin-bottom: 1em;
	}


/* about form */
.form_table {
	margin-bottom: 20px;
	border-bottom: 1px solid #c8c9ac;
	border-left: 1px solid #c8c9ac;
	border-top-style: none;
	border-right-style: none;
	}

.form_table th {
	font-weight: normal;
	text-align: left;
	width: 8em;
	padding: 4px;
	border-top: 1px solid #c8c9ac;
	border-right: 1px solid #c8c9ac;
	white-space: nowrap;
	}

.form_table td {
	padding: 4px;
	border-top: 1px solid #c8c9ac;
	border-right: 1px solid #c8c9ac;
	}
.form_table td p {
	margin-top: 4px;
	margin-bottom: 0;
	}

.error_req {
	border-bottom: 1px solid red;
	background-color: #f8f5fa;
	}

.form_input {
	width: 250px;
	height: 18px;
	border: solid 1px #a3a7a8;
	}

.form_input_mini {
	width: 100px;
	height: 18px;
	border: solid 1px #a3a7a8;
	}

.form_input_xmini {
	width: 60px;
	height: 18px;
	border: solid 1px #a3a7a8;
	}

.form_txt {
	width: 300px;
	height: 150px;
	border: solid 1px #a3a7a8;
	}
.opt_mid {
	width: 110px;
	}

.opt_mini {
	width: 50px;
	}

.form_mes {
	margin-bottom: 1em;
	margin-left: 5px;
	font-size: 12px;
	line-height: 140%;
	}

.form_send {
	padding-bottom: 30px;
	text-align: center;
	}

.form_send img{
	vertical-align: top;
	}

.form_btn {
	margin-right: 25px;
	}

form ol {
	list-style-type: decimal;
	margin-bottom: 1em;
	margin-left: 60px;
	font-size: 12px;
	line-height: 120%;
	}

form li {
	padding-bottom: 5px;
	}

.geo_mark {
	float: left;
	width: 125px;
	}

.geo_desc {
	float: right;
	width: 380px;
	}



.bt1 {
	border: 1px solid #bbb;
	background: #989966;
	color: #fff;
	font-weight: bold;
}

.bt2{
	border: 1px solid #bbb;
	background: #CBCBB1;
	color: #4D4D4D;
	font-weight: bold;
}

.kome{
	color: #f00;
}
.font_red {
	color: #f00;
	}

.sub_mid {
	background-color: #e4e5d3;
	}

/*Common Class for Clear*/
.inner_fl {
	}
/*Float Clear == Thanks for positioniseverything.net*/
.inner_fl:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
html .inner_fl { display: inline-block; }
/* hide ie mac \*/
* html .inner_fl { height: 1%; }
.inner_fl { display: block; }
/* */
.clear
{
 clear: both;
}
.tel {
	font-size: 10px;
/*NOMacIE\*/
	font-size: 12px;
	/*End*/
	}
