* { margin:0; padding:0;}
body { line-height: 188%;  }
html, input, textarea, select{font-family:arial; font-size:150%; color:#a39e72; font-weight:normal}




/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;      max-width: 100%;
    height: auto;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}

.link{ color:#544f4a; text-decoration:underline}
.link:hover{ text-decoration:none}
.link:visited{
  color:c6b;
}


.link1{ color:#c6b792; text-decoration:underline}
.link1:hover{ text-decoration:none}

.link2{ background:url(images/marker1.gif) no-repeat 0 5px; padding-left:10px; text-decoration:underline; font-weight:bold; font-size:0.91em; color:#76421b}
.link2:hover{ text-decoration:none}

.link3{ background:url(images/marker2.gif) no-repeat 0 5px; padding-left:10px; text-decoration:underline; font-weight:bold; font-size:0.91em; color:#777355}
.link3:hover{ text-decoration:none}

.link4{ color:#7f7a47; text-decoration:underline}
.link4:hover{ text-decoration:none}

.link5{ background:url(images/marker3.gif) no-repeat 0 5px; padding-left:7px; text-decoration:underline; font-weight:bold; font-size:0.91em; color:#777355}
.link5:hover{ text-decoration:none}






h1 {  padding-top:7px; padding-left:16px; margin:0; line-height:1em; font-size:1.25em; color: #cec991;background:url(images/logo.gif) no-repeat ; height:55px; }
.pos{ position:absolute; margin:0; padding:0}
h2 { font-size:116%;color: #965a1e;}

h3 { padding-top:12px;font-size:111%;color: #965a1e;}
.list ul { margin:0; padding:0; list-style:none; line-height:2.2em}
.list ul li{  no-repeat 0 11px; padding-left:14px}
.list ul li a { font-size:126%;color:#afa382; text-decoration:none;  font-weight:normal}
.list ul li a:hover{ text-decoration: underline;}

.list1 ul { margin:0; padding:0; list-style:none; line-height:1.6em}
.list1 ul li{ no-repeat 0 8px; padding-left:14px}
.list1 ul li a { color:#918768; text-decoration: underline; font-weight:normal; font-size:0.91em}
.list1 ul li a:hover{ text-decoration:none}


ul.data {
	padding-left: 66px; width: 30em; 
		
	
	}

	
ul.data li {
	margin: 0 0 1em 0em;
width: 30em;
	padding: 0.3em 0.3em 0.3em 0.5em;
	font-size: 106%; background-color:#000000;
	
}
ul.data li a {font-weight:bold;
	 color: #babf7a; 
}

/*txt, links*/

/*header*/
#header{ background:url(images/header.gif) repeat-x left bottom; font-size:0.80em; font-family:tahoma}
#header .bg{ background:url(images/header_top.gif) repeat-x}
#header .menu{ height:137px; background:url(images/menu_bg.jpg) no-repeat 0 50px}
#header .menu .block{ padding-top:65px; width:100%}
#header .menu .left{ width:254px; float:left}
#header .menu .right{ margin-left:506px}
#header .menu .right .m{ float:left; background:url(images/line.gif) no-repeat 0 32px; text-align:center; padding-top:30px; width:37%}
#header .menu .right a{ font-size:126%;color:#ddd3b4; text-decoration:none; font-weight:bold}
#header .menu .right a:hover{ color:#fef7bc; text-decoration:none}
#header .menu .right span a{ color:#fef7bc}


#header .slogan{ height:256px; background:url(images/slogan_bg.jpg) no-repeat; text-align:right}
#header .slogan img{ margin:46px 69px 0 0}

#toppage{ margin:33px 0px 0px 66px}


/*content*/
#content{ font-size:0.75em}
#content .row1{ height:71px; width:100%; background:url(images/r1_bg.gif) repeat-x	}
#content .row1 .col1{ width:32%}
#content .row1 .col1 .bg{ background:url(images/r1_bottom.gif) repeat-x left bottom; padding-right:1px}
#content .row1 .col1 .title_bg{ background:url(images/title1_bg.gif) repeat-x; height:71px}

#content .col2{ font-size:125%;  color: #adad77; }

#content .row1 .col2{ width:68%;}
#content .row1 .col2 .c1{ float:right;  width:293px; text-align:center; background:url(images/shad.gif) no-repeat left top; height:71px}
#content .row1 .col2 .c1 img{ margin-top:25px}
#content .row1 .col2 .c2{ margin-right:293px}

#content .row1 .col2 .c2 .bg{ background:url(images/r1_bottom.gif) repeat-x left bottom}
#content .row1 .col2 .c2 .title_bg{ background:url(images/title2_bg.gif) repeat-x; height:71px}

#content .row2 .spacer{ height:283px; float:left}
#content .row2{ width:100%; background:url(images/r2_bg.gif) repeat-x left bottom #2d2823}

#content .row3{ height:58px; width:100%; background:url(images/title5_bg.gif) repeat-x}
#content .row3 .line{ background:url(images/line_r3.gif) no-repeat; height:58px}
#content .row4{ width:100%; background:url(images/r4_bg.gif) repeat-x #1a1713}
#content .row4 .y{ background:url(images/y1.gif) repeat-y}

#content .read_more{ background:#7b2d0f url(images/link_left.gif) no-repeat; width:84px; font-family:tahoma; font-size:0.91em }
#content .read_more .right{ background:url(images/link_right.gif) no-repeat right top; padding:2px 0  4px 0; text-align:center}
#content .read_more a{ color:#d7d399; font-weight:bold; text-decoration: none}
#content .read_more a:hover{ color:#544f4a; text-decoration:none }

#content strong { font-weight:normal;color:#ffca71; }
#content .strong002 { font-weight:normal;color:#fcc970; }

#content .minifont { font-size:88%; color:#878260; }
#content .kanren-links {padding:36px 0 0 12px;color: #877a72;}
#content .sonohoka-links {padding:30px 0 0 12px;color: #877770;}

#content .minaminasama {font-size:138%;color: #96827a;}



/*footer*/
#footer{ background:url(images/foot_bg.gif) repeat-x;font-family:arial; font-size:1.1em; color:#89919b;}
#footer div{ padding:30px 0 0 47px}
#footer a{ color:#a5b2bc; text-decoration:underline}
#footer a:hover{ text-decoration:none}

/*================== index.html ==================*/
#page1 #content .row1 .col1 .ind{ padding:22px 0 0 45px}
#page1 #content .row1 .col2 .ind{ padding:22px 0 0 55px}

#page1 #content .row2 .col1 .indent{ padding:13px 20px 20px 54px}
#page1 #content .row2 .col2 .indent{ padding:14px 32px 15px 0}
#page1 #content .row2 .col2 .indent .img{ margin:0 29px 22px 0; float:left}
#page1 #content .row2 .col2 .indent p{ padding:9px 0 15px 0}
#page1 #content .row2 .col2 .indent .read_more{ margin-left:179px}
#page1 #content .row2 .col2 .indent .separate{ padding-bottom:14px}
#page1 #content .row2 .col2 .indent .block{ width:100%}
#page1 #content .row2 .col2 .indent .block .c1{ width:53%; float:left}
#page1 #content .row2 .col2 .indent .block .c1 div{ padding-right:3px}
#page1 #content .row2 .col2 .indent .block .c2{ width:46%; float:left; background:url(images/y.gif) repeat-y}
#page1 #content .row2 .col2 .indent .block .c2 img{ margin-left:12px}
#page1 #content .row2 .col2 .indent .block img{ float:left; padding-right:12px}
#page1 #content .row2 .col2 .indent .block a{ display:block; padding-top:8px} 

#page1 #content .row3 .col1{ background:url(images/title3_bg.gif) repeat-x; height:58px}
#page1 #content .row3 .col1 .ind{ padding:18px 0 0 39px}
 
#page1 #content .row3 .col2{ background:url(images/title4_bg.gif) repeat-x; height:58px}
#page1 #content .row3 .col2 .ind{ padding:18px 0 0 34px}
#page1 #content .row3 .col3{ background:url(images/title5_bg.gif) repeat-x; height:58px}
#page1 #content .row3 .col3 .ind{ padding:18px 0 0 62px}

#page1 #content .row4 .indent{ padding:21px 0 18px 0; float:left} 
#page1 #content .row4 .spacer{ height:233px; float:left}

#page1 #content .row4 .indent .col1 .ind{ padding:6px 18px 10px 29px}
#page1 #content .row4 .indent .col1 .img{ display:block; margin-bottom:18px}
#page1 #content .row4 .indent .col1 .link3{ margin-left:22px}

#page1 #content .row4 .indent .col2 .ind{ padding:13px 29px 10px 32px}
#page1 #content .row4 .indent .col2 .separate{ margin-top:22px; padding-bottom:6px}
#page1 #content .row4 .indent .col2 ul{ margin-left:4px}

#page1 #content .row4 .indent .col3 .ind{ padding:12px 29px 10px 33px}
#page1 #content .row4 .indent .col3 .ind .date{ width:72px; background:#625a17; color:#d7d399; font-weight:bold; font-size:1.1em; text-align:center; padding:2px 0 2px 0; margin-bottom:12px}
#page1 #content .row4 .indent .col3 .ind p{ padding:7px 0 17px 0; font-size:1.1em}

/*================== index-1.html ==================*/
#page2 #content .row1 .col1 .ind{ padding:21px 0 0 44px}
#page2 #content .row1 .col2 .ind{ padding:21px 0 0 55px}

#page2 #content .row2 .col1 .indent{ padding:14px 16px 10px 29px}
#page2 #content .row2 .col1 .indent img{ display:block; margin-bottom:31px}
#page2 #content .row2 .col1 .indent a{ display:block; padding-bottom:8px}

#page2 #content .row2 .col2 .indent{ padding:11px 26px 10px 49px}
#page2 #content .row2 .col2 .indent .link1{ display:block; padding-bottom:8px}

#page2 #content .row2 .col2 .block{ width:100%; margin-top:15px; padding-bottom:22px}
#page2 #content .row2 .col2 .block .c1{ width:54%; float:left}
#page2 #content .row2 .col2 .block .c2{ width:46%; float:left}


#page2 #content .row3 .col1{ background:url(images/title3_bg.gif) repeat-x; height:58px}
#page2 #content .row3 .col1 .ind{ padding:19px 0 0 38px}
 
#page2 #content .row3 .col2{ background:url(images/title5_bg.gif) repeat-x; height:58px}
#page2 #content .row3 .col2 .ind{ padding:19px 0 0 61px}

#page2 #content .row4 .indent{ padding:21px 0 18px 0; float:left} 
#page2 #content .row4 .spacer{ height:233px; float:left}
#page2 #content .row4 .indent .col1 .ind{ padding:0 30px 10px 29px}
#page2 #content .row4 .indent .col1 .link4{ font-size:1em}
#page2 #content .row4 .indent .col1 p{ font-size:0.91em; padding:7px 0 15px 0}
#page2 #content .row4 .indent .col1 img{ float:left; margin:0 22px 0 0 }

#page2 #content .row4 .indent .col2 .ind{ padding:8px 25px 10px 34px}
#page2 #content .row4 .indent .col2 p{ padding:10px 0 20px 0; font-size:0.91em}


/*================== index-2.html ==================*/
#page3 #content .row1 .c1{ float:right;  width:293px; text-align:center; background:url(images/shad.gif) no-repeat left top; height:71px}
#page3 #content .row1 .c1 img{ margin-top:25px}
#page3 #content .row1 .c2{ margin-right:293px}
#page3 #content .row1 .c2 .bg{ background:url(images/r1_bottom.gif) repeat-x left bottom}
#page3 #content .row1 .c2 .title_bg{ background:url(images/title1_bg.gif) repeat-x; height:71px}
#page3 #content .row1 .c2 .indent{ padding:20px 0 0 45px}

#page3 #content .row1 .col2{margin-right:293px;  background:url(images/r1_bottom.gif) repeat-x left bottom }
#page3 #content .row1 .col2 .title_bg{ background:url(images/title1_bg.gif) repeat-x; height:71px}

#page3 #content .row2 .indent{float:left; padding:14px 9px 10px 6px}
#page3 #content .row2 .block{ width:100%; padding-bottom:5px}
#page3 #content .row2 .block .col{ width:25%; text-align:center}
#page3 #content .row2 .block img{ margin-bottom:12px}
#page3 #content .row2 .separate{ margin:0 23px 0 23px}
#page3 #content .row2 .read_more{ width:107px; margin:11px 0 0 23px}

#page3 #content .row3{ height:58px; width:100%; background:url(images/title4_bg.gif) repeat-x}
#page3 #content .row3 .col1{ background:url(images/title3_bg.gif) repeat-x; height:58px}
#page3 #content .row3 .col1 .ind{ padding:20px 0 0 39px}
#page3 #content .row3 .col2 .ind{ padding:20px 0 0 41px}

#page3 #content .row4 .indent{ padding:21px 0 18px 0; float:left} 
#page3 #content .row4 .spacer{ height:233px; float:left}
#page3 #content .row4 .col1 .ind{ padding:8px 35px 10px 29px }
#page3 #content .row4 .col1 p{ padding-bottom:23px; font-size:0.91em}

#page3 #content .row4 .col2 .ind{ padding:0 30px 10px 36px }
#page3 #content .row4 .col2 .ind p{ padding:9px 0 23px 0; font-size:0.91em}
#page3 #content .row4 .col2 .ind img{ float:left; margin-right:22px}

/*================== index-3.html ==================*/
#page4 #content .row1 .col1 .ind{ padding:21px 0 0 44px}
#page4 #content .row1 .col2 .ind{ padding:21px 0 0 55px}

#page4 #content .row2 .col1 .indent{ padding:14px 16px 10px 29px}
#page4 #content .row2 .col1 .indent .img{ display:block; margin-bottom:31px}

#page4 #content .row2 .col2 .indent{ padding:11px 26px 10px 49px}
#page4 #content .row2 .col2 .indent .link1{ display:block; padding:15px 0 }

#page4 #content .row2 .col2 .block{ width:100%; margin-top:15px; padding-bottom:22px}
#page4 #content .row2 .col2 .block .c1{ width:54%; float:left}
#page4 #content .row2 .col2 .block .c2{ width:46%; float:left}


#page4 #content .row3 .col1{ background:url(images/title3_bg.gif) repeat-x; height:58px}
#page4 #content .row3 .col1 .ind{ padding:19px 0 0 38px}
 
#page4 #content .row3 .col2{ background:url(images/title5_bg.gif) repeat-x; height:58px}
#page4 #content .row3 .col2 .ind{ padding:19px 0 0 61px}

#page4 #content .row4 .indent{ padding:21px 0 18px 0; float:left} 
#page4 #content .row4 .spacer{ height:233px; float:left}
#page4 #content .row4 .indent .col1 .ind{ padding:12px 10px 10px 29px}
#page4 #content .row4 .indent .col1 .block{ width:474px}
#page4 #content .row4 .indent .col1 .block .c1{ width:244px; float:left}
#page4 #content .row4 .indent .col1 .block .c1 .row{ height:34px}
#page4 #content .row4 .indent .col1 .block .c2{ width:230px; float:left}
#page4 #content .row4 .indent .col1 input{ width:233px; height:19px; border:#544f4a 1px solid; background:none; color:#544f4a; font-size:0.91em; font-family:arial}
#page4 #content .row4 .indent .col1 textarea{ width:228px; height:120px; border:#544f4a 1px solid; background:none; color:#544f4a; font-size:0.91em; font-family:arial; overflow:auto}
#page4 #content .row4 .indent .col1 .alignright{ padding-top:22px}
#page4 #content .row4 .indent .col1 .alignright a{ margin-left:15px}

#page4 #content .row4 .indent .col2 .ind{ padding:8px 30px 10px 34px}
#page4 #content .row4 .indent .col2 p{ padding:2px 0 14px 0; font-size:0.91em}
#page4 #content .row4 .indent .col2 strong{ color:#7f7a48}


/*================== index-4.html ==================*/
#page5 #content .row1 .c1{ float:right;  width:293px; text-align:center; background:url(images/shad.gif) no-repeat left top; height:71px}
#page5 #content .row1 .c1 img{ margin-top:25px}
#page5 #content .row1 .c2{ margin-right:293px}
#page5 #content .row1 .c2 .bg{ background:url(images/r1_bottom.gif) repeat-x left bottom}
#page5 #content .row1 .c2 .title_bg{ background:url(images/title1_bg.gif) repeat-x; height:71px}
#page5 #content .row1 .c2 .indent{ padding:20px 0 0 45px}

#page5 #content .row1 .col2{margin-right:293px;  background:url(images/r1_bottom.gif) repeat-x left bottom }
#page5 #content .row1 .col2 .title_bg{ background:url(images/title1_bg.gif) repeat-x; height:71px}

#page5 #content .row2 .indent{float:left; padding:11px 29px 10px 29px}
#page5 #content .row2 .spacer{ height:574px; float:left}
#page5 #content .row2 .indent p{ padding-bottom:15px}



  ul li{
        margin-top: 25px;
        margin-bottom: 25px;}

p {margin:0; padding:11px; line-height:36px;}