@charset "shift_jis";

body,
div,
dl, dt, dd,
ul, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, textarea,
p,
blockquote,
th, td {
	margin: 0;
	padding: 0;
}
ul {
	list-style:none;
}

body {
	background:#fff;
	margin:0;
	font-size: 14px; /* ƒ‚ƒ_ƒ“ƒuƒ‰ƒEƒUŒό‚― */
	color: #454545;
	line-height: 160%;
}
body,td,th {
	font-family:"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",ƒƒCƒŠƒI, Meiryo, Osaka,"‚l‚r ‚oƒSƒVƒbƒN",  arial, helvetica, sans-serif;
}
a {text-decoration:none; color: #483834;}
a:hover {color: #89a830;}
a.underline {text-decoration:underline;}

.wrapper {
	margin: 0 auto;
	text-align: left;
	width:1000px;
}
@media only screen and (max-width: 780px) {
	.wrapper {
		margin: 0 auto;
		text-align: left;
		width:100%;
	}
}


#bn_close {cursor:pointer; position: fixed; right:0; bottom:555px; z-index: 9999;}
#fb-link  {cursor:pointer; position: fixed; right:0; bottom:100px; z-index: 9998;}
@media only screen and (max-width: 480px) {
	#bn_close, #fb-link {display:none; visibility:hidden;}
}


img {  border:0px none;}
.wink{}
.MT0{}
@media only screen and (max-width: 780px) {
	.MT0 {display:none; visibility:hidden;}
}
.M0{}
@media only screen and (max-width: 480px) {
	.M0 {display:none; visibility:hidden;}
}
.PC0{display:none; visibility:hidden;}
@media only screen and (max-width: 480px) {
	.PC0 {display:block; visibility:visible;}
}


img.maxW100 { max-width: 100%;}
img.mbig {}
@media only screen and (max-width: 480px) {
	img.mbig {   width: 100%;}
}
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; }

/*************************************************/
/********************** ˜g ***********************/
/*************************************************/

#mainBox{
	float: right;
	width:780px;
}

#sideBox{
	float: left;
	width:180px;
}

@media only screen and (max-width: 780px) {
	#mainBox{float:none;	width:98%; margin:0 1%;	}
	#sideBox{float:none;	width:98%; margin:20px 1% 0 1%;	}
}

/*************************************************/
/******************** ƒwƒbƒ_[ *******************/
/*************************************************/

#head{margin:10px 0 0 0;}

.headerLogo{
	float:left;
	width:48%;
}
@media only screen and (max-width: 850px) {
	.headerLogo{
		float:none;
		text-align:left;
		width:100%;
	}
	.headerLogo img{max-width:100%;}
}

.headerContact {
	float:right;
	text-align:right;
	width:48%;
}
.headerContact img{	margin-top:35px;}
@media only screen and (max-width: 850px) {
	.headerContact {
		float:none;
		text-align:left;
		width:100%;
	}
	.headerContact img{max-width:100%;	margin-top:0;}
}
.headerNavi {
	background:#3f4342;
	margin: 5px 0 0 0;
	padding:3px 0;
}
.headerNavi p {
	font-size:12px;
	line-height:12px;
	text-align:right;
	color:#fff;
}
.headerNavi a	{	color:#fff; text-decoration:none;}
.headerNavi a:hover {	color:#888;}

.logo_img{}

/**************Šeƒy[ƒWNAVI********************/

#pageNavi ul {background:url(../img/news/bg_right_menu.gif) no-repeat left top; padding:15px 0 0 30px; }

#pageNavi ul li {
	display: inline;
	float: left;
	width:165px;
	height: 24px;
	overflow:hidden;
	border-right:dotted 1px #fff; 
}
#pageNavi ul li.homenavi {
	width:139px;
}
#pageNavi ul li a {
	text-align:center;
	display:block;
	height: 24px;
	color:#fff;
	line-height: 24px;
}
#pageNavi ul li a:hover, #pageNavi ul li a.active {color:#3b2d2d;}


/*************************************************/
/****************** ΆƒTƒCƒh *********************/
/*************************************************/

div.section {
	margin-bottom: 3em;
	clear: both;
}
.side_cate {}
@media only screen and (min-width: 481px) and (max-width: 780px) {
	.side_cate {float: left; width:46%; margin:0 2%;}
}

.nav4 {	margin-bottom:20px;}
.nav4 ul {	white-space: nowrap; overflow-x: hidden;}


.nav4 li a {
	display: block;
	color: #777;
	line-height:120%;
	border-left: solid 6px #888;
	padding: 0 0 0 7px;
	margin:8px 0;
	background: url(../img/nav04.gif) repeat-y -300px 0px;
}
h3.bn_home {
	font-family:"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",ƒƒCƒŠƒI, Meiryo, Osaka,"‚l‚r ‚oƒSƒVƒbƒN",  arial, helvetica, sans-serif;
	font-size: 14px;
	line-height:120%;
	border-bottom:none;
}
@media only screen and (min-width: 481px) and (max-width: 780px) {
	h3.bn_home {
	font-family:"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",ƒƒCƒŠƒI, Meiryo, Osaka,"‚l‚r ‚oƒSƒVƒbƒN",  arial, helvetica, sans-serif;
	font-size: 14px;	line-height:120%;	border-bottom:none;	 margin:0 2%;}
}

h3.bn_home a {
	display: block;
	color: #777;
	border-left: solid 6px #888;
	padding: 0 0 0 7px;
	margin:8px 0;
	background: url(../img/nav04.gif) repeat-y -300px 0px;
}

.nav4 li a:hover, h3.bn_home a:hover {
	color: #454545;
	border-left: solid 6px #454545;
}

h3.bn_200 {
	font-family: "Times New Roman", "Ÿΰ–Ύ’©", YuMincho, "ƒqƒ‰ƒMƒm–Ύ’© ProN W3", "Hiragino Mincho ProN", "HG–Ύ’©E", "ƒƒCƒŠƒI", Meiryo, serif;
	border-top: solid 1px #777;
	border-bottom:none;
	margin:0;
	padding:20px 0 10px 0;
	font-size: 38px;
	font-weight:100;
}


h3.bn_200 span{ font-size: 12px; float:right; color:#aaa; font-family:"Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3",ƒƒCƒŠƒI, Meiryo, Osaka,"‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
@media only screen and (max-width: 780px) {
	h3.bn_200 span{display:none; visibility:hidden;}
}

h3.bn_200 a {
	color:#777;
	display:block;
}
h3.bn_200 a:hover ,h3.bn_home a:hover {color:#454545;}

img.top_bn {max-width:100%; margin-bottom:12px;}

/*************************************************/
/**************** •ΆŽšƒTƒCƒYF *******************/
/*************************************************/

img.float-right {float: right; margin: 5px 0px 5px 15px;}
img.float-left {float: left; margin: 5px 15px 5px 0px;}

.textR{	text-align:right;}
.textC{	text-align:center;}

.font_ll {font-size: 22px;}
.font_l {font-size: 18px;}
.font_l0 {font-size: 18px; line-height:100%;}
.font_s {font-size: 11px;}
.font_sp {font-size: 10px; font-weight:normal;}
.font_sm {font-size: 12px;}

.green { color: #537f1d; }
.gray  { color: #6f675c; }
.blue  { color: #039; }
.red  { color: #ff0000; }
.reds  { color: #ff0000; font-size: 11px;}
.redss  { color: #ff0000; font-size: 10px;}
.orange  { color: #ff6600; }
.yellow  { color: #ffff66; }
.white { color: #FFFFFF; }
.brown_box {  background: #483834; font-size:14px; font-weight:bold; color:#fff; padding:2px 4px 1px 4px; }

/*************************************************/
/****************** Œ©o‚΅ ***********************/
/*************************************************/

h1 {
	font-size: 11px;
	line-height: 18px;
	margin-top:5px;
	color: #888;
	font-weight:normal;
	width:100%;
	overflow:hidden;
}

h2{
	background: #89a830;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight:normal;
	font-size:20px;
	border-left:10px solid #483834;
	padding-left:10px; 
	line-height:30px;
	height:30px;
	margin-bottom:20px;
	color: #fff;
}
h2.login{
	background: #c00;
	border-left:10px solid #600;
}
h3{ font-family: "Times New Roman", YuMincho, "ƒqƒ‰ƒMƒm–Ύ’© Pro W6","Hiragino Mincho Pro","HGS–Ύ’©E","‚l‚r ‚o–Ύ’©",serif;
	font-size:19px;
	color: #483834;
	margin:0 0 20px 0;
	font-weight:100;
	border-bottom:double 3px #483834;
}

h3.brownH{
	font-size:14px;
	color: #483834;
	margin:0 0 10px 0;
	border-bottom:solid 3px #483834;
}
h3.greenH{
	font-size:14px;
	color: #89a830;
	margin:0 0 10px 0;
	border-bottom:solid 3px #89a830;
}

h4{ font-weight:100;
	font-size:14px;
	color: #777;
}
h4.borderH{
	font-size:14px;
	color: #483834;
	border-left:solid 5px #483834;
	padding-left:5px;
	line-height:120%;
	margin:10px 0;
}

h5{
	font-size:14px;
	color: #fff;
	padding-left:5px; 
	background: #999;
	margin:0 0 5px 0;
}

/*************************************************/
/************ ƒgƒbƒvƒy[ƒW‚¨‚·‚·‚ί•¨Œ ***********/
/*************************************************/

.right-pickup00 {	float:left; width: 35%; line-height:22px;}
.right-pickup00 p {	border-bottom: 1px #888 solid; padding-bottom:8px; margin-bottom:8px;}
.right-pickup02 {	border: 3px #89a830 solid; padding:8px; float:right; width: 58%; }
.right-pickup02 a {	display:block; color:#454545;}
.right-pickup02 a:hover {color:#89a830;}
@media only screen and (max-width: 780px) {
	.right-pickup00 {	float:none; width: 100%; line-height:22px;}
	.right-pickup02 {	border: 3px #89a830 solid; padding:8px; float:none; width:96%; }	
}


.topics {}
.topics ul {}
.topics li {float:left; list-style:none;}
.topics a {
	width: 155px;
	height: 175px;
	margin: 0 0 20px 0;
	font-size:12px;
	line-height:16px;
	display:block;
	overflow:hidden;
	color:#666;
}

.topics img { border: 1px #ccc solid; width:120px; height:90px; margin-bottom: 3px; padding:4px;}

/*************************************************/
/************ ƒgƒbƒvƒy[ƒW“ΑW *******************/
/*************************************************/
.feature {width: 32%; margin-right: 2%; float:left; background: #ddd;}
.feature_last {width: 32%; float:left; background: #ddd;}
.feature ul, .feature_last ul {}
.feature li, .feature_last li {
	list-style:none;
}
.feature a, .feature_last a {
	background: #fff;
	border: 1px #ccc solid;
	margin:0 5px 10px 5px;
	padding: 4px;
	display:block;
	line-height:16px;
	font-size:12px;
}
.feature img, .feature_last img { float:left; margin-right: 10px; width:48px;}
.feature span, .feature_last span { font-size:11px;}

/*************************************************/
/***************** ƒŒƒ^[ŽθŽ† ********************/
/*************************************************/
.letter {
	background-image: url(../img/bg_letter.gif);
	border:2px solid #ccc;
	padding:10px;
}
.no_letter{	line-height: 19px;	font-size:13px;}
.no_letter img {float: left; margin: 5px 15px 25px 0px;}
@media only screen and (max-width: 780px) {
	.no_letter img {float: left;  margin: 5px 0 25px 0; max-width: 50%;}
}

.letter_line30{
	background: url(../img/line_letter30.gif) ;
	line-height: 30px;
	font-size:13px;
}
.letter_line40{
	margin: 20px;
	background: url(../img/line_letter40.gif);
	line-height: 40px;
}

/*************************************************/
/******************** •¨Œˆκ—— *******************/
/*************************************************/

div.Buk_list {
    border-top: 3px #ccc solid;
	padding:10px 0 20px 0;
	position:relative
}
div.Buk_list:hover, div.Buk_list:active {background:#eee;}
.Buk_list a {
	display:block;
	position:absolute;
	left:0;top:0;
	width: 100%;
	height: 100%;
	background/*\**/:#fff;/*IE7 8‚ΜƒnƒbƒN*/
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:.0; /* “§–Ύ‚Ι */ 
}


.listTextL{ display: inline; float:left; width: 270px;}
.listTextR{ display: inline; float:left; width: 260px;}
dl.ListTB { margint:5px; } 
dl.ListTB dt { float:left; clear: left; width:60px; border-bottom:1px solid #ccc; padding:5px; } 
dl.ListTB dd { border-bottom:1px solid #ccc; margin-left:70px; padding:5px; white-space: nowrap; overflow:hidden;} 

.listgaikan { display: inline; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 130px; text-align: center;}
.listmadori { display: inline; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 100px; text-align: center;}
img.Imglist { max-width: 120px; max-height: 90px; border: 1px #ccc solid; padding:3px;}


/*************************************************/
/******************** •¨ŒΪΧ *******************/
/*************************************************/

.mainTxt{float:left; width:50%; }
.subTxt{float:right; width:48%; }
@media only screen and (max-width: 640px) {
	.mainTxt{float:none; width:100%;}
	.subTxt{float:none; width:100%;}
}

.Imgwaku{border:3px solid #ccc;  padding:10px;}
img.gaikans {max-width: 320px; max-height: 300px; margin: 10px 20px;}
img.rooms {max-width: 160px; max-height: 120px; margin: 10px 0 10px 20px;}
@media only screen and (max-width: 780px) {
	.Imgwaku{border:3px solid #ccc;  padding:10px;}
	img.gaikans {max-width: 140px; max-height: 150px; margin: 10px 0 10px 10px;}
	img.rooms {max-width: 140px; max-height: 150px; margin: 10px 0 10px 10px;}
}

dl.MainTB { border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#eee; margint:5px; } 
dl.MainTB dt { float:left; clear: left; width:80px; font-weight:bold; background-color:#eee; border-top:1px solid #ccc; padding:5px; } 
dl.MainTB dd { background-color:#fff; border-top:1px solid #ccc; font-weight:bold; margin-left:90px; padding:5px; } 
@media only screen and (max-width: 640px) {
	dl.MainTB { border:none; background-color:#eee; margint:5px; } 
	dl.MainTB dt { float:none; clear:boht; width:100%; font-weight:bold; background-color:#eee; border:none; padding:5px; } 
	dl.MainTB dd { background-color:#fff; border:none; font-weight:bold; margin-left:0; padding:5px; } 
img.contents_img {float:none;clear:both;width:100%;margin:2% 0;}
.contents_h1{
	background: #89a830;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight:normal;
	font-size:105% !important;
	border-left:10px solid #483834;
	padding-left:10px; 
	line-height:30px;
	height:auto;
	margin-bottom:20px;
	word-break:break-all;
	color: #fff;
	width:98% !important;
	overflow:hidden;
}
}

dl.SubTB { margint:5px; } 
dl.SubTB dt { float:left; clear: left; width:80px; border-bottom:1px solid #ccc; padding:5px; } 
dl.SubTB dd { border-bottom:1px solid #ccc; margin-left:90px; padding:5px; } 

dl.gaiyoTB_L { border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#eee; margint:5px; } 
dl.gaiyoTB_L dt { float:left; clear: left; width:80px; background-color:#eee; border-top:1px solid #ccc; padding:5px; font-size:13px;} 
dl.gaiyoTB_L dd { background-color:#fff; border-top:1px solid #ccc; margin-left:90px; padding:5px; font-size:13px; } 

dl.gaiyoTB_R { border-right:1px solid #ccc; background-color:#eee; margint:5px; } 
@media only screen and (max-width: 640px) {
	dl.gaiyoTB_R { border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#eee; margint:5px; } 
}
dl.gaiyoTB_R dt { float:left; clear: left; width:80px; background-color:#eee; border-top:1px solid #ccc; padding:5px; font-size:13px; } 
dl.gaiyoTB_R dd { background-color:#fff; border-top:1px solid #ccc; margin-left:90px; padding:5px; font-size:13px; } 

dl.gaiyoTB_B { border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#eee; margint:5px; } 
dl.gaiyoTB_B dt { float:left; clear: left; width:80px; background-color:#eee; border-top:1px solid #ccc; padding:5px; font-size:13px; } 
dl.gaiyoTB_B dd { background-color:#fff; border-top:1px solid #ccc; margin-left:90px; padding:5px; font-size:13px; } 

a.lornC { background: #900; font-size:12px; color:#fff; padding:2px 4px 1px 4px; margin-right:12px; }


.openh {margin-bottom:1.5em;}
.openh p {font-size:20px; line-height:180%; color:#FFF; background:#C00; padding:0 5px;}
.openh span {font-size:16px; line-height:160%; color:#483834; line-height:150%;}

/*************************************************/
/******************** ƒe[ƒuƒ‹ *******************/
/*************************************************/

/* ƒe[ƒuƒ‹@•W€
----------------------------------------------------- */
table.t_list {
    width: 100%;
    border: 1px #aaa solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 0 0 20px 0;
}
table.t_list_w0 {
    border: 1px #aaa solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 0 0 20px 0;
}

table.t_list th, table.t_list_w0 th {
    padding:8px 5px;
    border: #aaa solid;
    border-width: 0 0 1px 1px;
    background: #eee;
	text-align: left;
}
table.t_list td, table.t_list_w0 td  {
    border: 1px #aaa solid;
    border-width: 0 0 1px 1px;
	padding:8px 5px;
	background: #fff;
}
table.t_list td.tdC {text-align: center; }
table.t_list td.tdvTop {vertical-align: top; }

table.t_list td.tbW {background: #fff;}
table.t_list td.tbC {background: #eee;}

/* ƒe[ƒuƒ‹@ƒfƒUƒCƒ“0
----------------------------------------------------- */
table.design0, table.design0_100 { margin: 0; padding: 0;   border: none;}
table.design0_100 {width:100%;}
table.design0 th, table.design0_100 th { padding: 0; margin: 0; border: none; text-align: left; vertical-align: top; font-weight:nomal;}
table.design0 td, table.design0_100 td { padding: 0; margin: 0; border: none; text-align: left;}

/* ƒe[ƒuƒ‹@ƒfƒUƒCƒ“0
----------------------------------------------------- */
table.t_coop {width:100%; margin: 0; padding: 0;   border: none;}
table.t_coop th { padding: 0; margin: 0; border: none; text-align: left; vertical-align: top; font-weight:nomal; width:50%; background:#ddd;}
table.t_coop td { padding: 0; margin: 0; border: none; text-align: left; width:50%; background:#f2f2f2;}

/*************************************************/
/***************** GoogleMap *********************/
/*************************************************/

#map_canvas2 { width:750px; height:400px; margin:10px; border: 3px #89a830 solid; }
@media only screen and (max-width: 780px) {
	#map_canvas2 { width:90%; height:400px; margin:10px; border: 3px #89a830 solid; }
}

/*************************************************/
/**************** Ε‰‚Μƒy[ƒW *******************/
/*************************************************/


.link_list {}
.link_list ul {}
.link_list li {float:left; list-style:none;}
.link_list a {
	width: 350px;
	height: 80px;
	padding: 10px;
	margin: 5px;
	display:block;
	overflow:hidden;
}
.link_list span {	font-size:12px;}
.link_list a:hover, .topics a.active {background-color:#eee;}
.link_list img { width:100px; height:auto; margin-right: 10px; float:left;}

.bukken_list {}
.bukken_list ul {}
.bukken_list li {float:left; list-style:none;}
.bukken_list li a {
	width: 180px;
	height: 120px;
	margin: 5px;
	display:block;
	overflow:hidden;
	background-color:#89a830;
	text-align:center;
	border: #89a830 1px solid;
	border-radius: 5px;        /* CSS3‘ˆΔ */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome—p */  
	-moz-border-radius: 5px;   /* Firefox—p */  
}
@media only screen and (max-width: 480px) {
	.bukken_list li {float:left; list-style:none; width:50%}
	.bukken_list li a {
		width: 90%;
		height: 120px;
		margin: 5px 4%;
		display:block;
		overflow:hidden;
		background-color:#89a830;
		text-align:center;
		border: #89a830 1px solid;
		border-radius: 5px;        /* CSS3‘ˆΔ */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome—p */  
		-moz-border-radius: 5px;   /* Firefox—p */  
}
}
.bukken_list h4 {color:#fff;}
.bukken_list a:hover, .topics a.active {background-color:#96bd3e;}

.school {width: 185px; padding: 5px; float:left; background: #ddd;}
.school ul{}
.school li{list-style:none;}
.school a{
	background: #fff;
	border: 1px #ccc solid;
	margin:3px;
	padding: 4px;
	display:block;
}

.PageTop a{ 
	background:#483834;
	float:right;
	width:200px;
	padding:5px;
	border: #655552 1px solid;
	display: block;
	text-align:center;
	color:#fff;
	font-size:14px;
}
.PageTop a:hover{ background:#655552;}

/*************************************************/
/**************** ”δŠr‚Μƒy[ƒW *******************/
/*************************************************/

.Boxlink {float:left; width: 250px; margin:5px;}
.Boxlink a {display: block; padding:8px; border: 1px #aaa solid;}
.Boxlink a:hover{background:#eee;}
.Boxlink a.active{border: 1px #89a830 solid; background:#ffe;}

/*************************************************/
/******************** Žθˆψ‚« *********************/
/*************************************************/

.check_img { background:url(../img/icon_woman.gif) no-repeat left top; padding-top:10px;  margin:10px 0;}
.check_txt { background:#f5f5f5; padding:10px; border: #89a830 1px solid; margin-left:140px;
	border-radius: 5px;        /* CSS3‘ˆΔ */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome—p */  
	-moz-border-radius: 5px;   /* Firefox—p */  

}

/*************************************************/
/******************** ‚p•‚` *********************/
/*************************************************/

.qaQ { background:url(../img/bg_q.gif) no-repeat left top; padding:10px 0 5px 40px; margin-top: 20px; font-weight:bold;}
.qaA { background:url(../img/bg_a.gif) no-repeat left top; padding:10px 0 10px 40px;  border-bottom: #483834 1px dotted;}

.qa_bt { 
	margin: 20px 20px 0 0;
	width:300px;
	float:left;
}
.qa_bt a{ 
	background:url(../img/bg_bn200.png) no-repeat right center #483834;
	width:280px;
	padding:10px;
	border: #655552 1px solid;
	display: block;
	text-align:center;
	color:#fff;
	font-size:16px;
}
.qa_bt a:hover{ background:url(../img/bg_bn200.png) no-repeat right center #655552;}

/*************************************************/
/******************** ’mŽ― ***********************/
/*************************************************/

.L_box{float:left; width:45%; border: 1px #aaa solid; padding:10px;}
.R_box{float:right; width:45%; border: 1px #aaa solid; padding:10px;}

dl.SubTB_navi { margint:5px;  background:#eee;} 
dl.SubTB_navi dt { float:left; clear: left; width:40px; padding:2px;} 
dl.SubTB_navi dd { margin-left:44px; padding:2px;} 

.gray_zone {  background:#f1ebe5; border: 1px #aaa solid; padding:10px;}

.wordlist{ float:left; width:48%; margin:10px 0; }
.wordlist a{ display: block; }


/*************************************************/
/************** ƒ[ƒ‹ƒtƒH[ƒ€ *******************/
/*************************************************/
/* Form styles */
div.form-container { padding: 5px; background-color: #eee; }

div.form-container form p { margin: 0; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #bbb 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container input:focus,
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

input.Swaku { width: 30%; }
input.Bwaku { width: 50%; }
textarea { width: 50%; height: 7em;}
input#submit_button {padding: 10px 20px; background-color: #222; color: #fff; border: #666 2px solid;}

@media only screen and (max-width: 640px) {
	div.form-container label, 
	div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 100%; display: block; float: left; text-align: left; position: relative; }
	div.form-container div.controlset div { margin-left: 0px; }
	div.form-container div.buttonrow { margin-left: 0px; }

	input.Swaku { width: 50%; }
	input.Bwaku { width: 80%; }
	textarea { width: 80%; height: 7em;}
}

/*************************************************/
/******************** ƒtƒbƒ^[ *******************/
/*************************************************/

#foot_navi{
	background:url(../img/bg_footnavi.gif) repeat-x left top #89a830;
	margin-top:20px;
	padding:0;
}

.foot_logo{	float: left; width:290px; }
.foot_logo p {	border-left: 1px #483834 solid;   padding-right:15px; margin:0 0 0 90px;}


.foot_menu { float: right; width:700px; margin-top:30px;}
.foot_menu ul {	float: left; border-left: 1px #483834 solid; width:165px;  padding-right:9px; margin-bottom:15px;}
.foot_menu li { float:left; list-style:none;}
.foot_menu a, .foot_logo p a{	
	font-size:11px;
	line-height:20px;
	border-bottom: 1px #89a830 solid;
	text-decoration:none;
	width: 155px;
	color:#483834;
	margin:0 0 0 9px;
	display: block;
}
.foot_menu a:hover, .foot_logo p a:hover {border-bottom: 1px #483834 solid;}

#footer{
	background:#483834;
	border-top: 1px #9d9696 solid;
	padding:10px 0 2px 0;
}
.foot_info{
	float: left;
	margin-right:15px;
	color:#fff;
}
.foot_kanri a {
	float: right;
	color:#9d9696;
	font-size:10px;
}
.copyright { text-align:center; border-top:1px #afa9a9 solid; clear: both; color:#afa9a9; font-size:0.8em;}

/* .clearfix
---------------------------------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}

/* IE7,MacIE5 */
.clearfix {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/**/
.clear { clear: both; }

.contents_h1{
	background: #89a830;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; font-weight:normal;
	font-size:20px;
	border-left:10px solid #483834;
	padding-left:10px; 
	line-height:30px;
	height:30px;
	margin-bottom:20px;
	color: #fff;
	width:760px;
	overflow:hidden;
}

.content_txt {
	clear:both;
	margin-bottom:10px;
}

img.contents_img {
	float: right;
}

.contents_bread {
	letter-spacing: -0.4em;
	list-style: none;
	padding: 0;
	margin: 0;
}
.contents_bread li {
	display: inline;
	letter-spacing: normal;
}

.contents_bread li a {
	padding-left: 7px;
	margin-right: 7px;
}

.contents_bread li:first-child a {
	padding: 0px;
}
ul.content_link li:first-child {
    border-left: solid 1px #ccc;
}
ul.content_link{
	width:780px;
	display: inline-block;
	margin:0 0 10px 0;
	padding:0;
}

ul.content_link li{
	list-style:none;
	float:left;
	padding:0 47px;
	margin:0;
	border-right: solid 1px #ccc;
}

ul.content_link:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

/* Hides from IE Mac \*/
* html ul.content_link {height: 1%;}
/* End Hack */ 

p.contents_head {
	font-size: 11px;
	line-height: 18px;
	margin-top:5px;
	color: #888;
	font-weight:normal;
	width:100%;
	overflow:hidden;
}