@charset "utf-8";

* {margin:0; padding:0;}

html {overflow:scroll;
    overflow: -moz-scrollbars-vertical; /* Firefoxが先行実装している値 */
	overflow-x: scroll; /* Firefoxで横スクロールバーが表示されない問題を回避 */
	height:100%;
	}	

body  {
	
	background-color: #b4ebb4;
	padding:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	margin-right: auto;
	margin-left: auto;
	background-image: url(gazou/bg3.gif) ;
	background-repeat: repeat-y;
	background-position: center center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	height:100%;
	

}

.twoColHybLtHdr .container { 
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-right: auto;
margin-left: auto;
width: 720px;
background-image:;
background-repeat: no-repeat;
background-position: left top;
position:relative;
min-height:100%;

} 

*html div.container {height:100%;}

.twoColHybLtHdr .header { 
	background: #ffffff; 
	padding: 0 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 
.twoColHybLtHdr .header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 3px 0px 0px 0px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

/* #sidebar1 に関するヒント：
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「.twoColHybLtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/
.twoColHybLtHdr .sidebar1 {
	float: left; 
	width: 200px; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	background: #ffffff; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 10px 0px 70px 0px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	
	
}

.twoColHybLtHdr .sidebar1 p {color:#666666;font-size:12px; margin:0px; padding:7px; padding-left:30px; line-height:1.5em;}


.twoColHybLtHdr .sidebar1 img {padding:2px 0px;}

.twoColHybLtHdr .sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
}



/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の左マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この左マージンを削除します。
2. #mainContent div の幅より広いエレメントが #mainContent div 内に配置されると、フローティングエレメントの落下（フローティング状態ではない #mainContent 領域がサイドバーの下に配置されること）が発生する可能性があります。ハイブリッドレイアウトの場合（全体の幅の単位はパーセント、サイドバーの単位は em）、使用可能な幅を正確に計算できない場合があります。ユーザーのテキストサイズが平均よりも大きい場合、#sidebar1 div が広くなるため、#mainContent div のスペースが狭くなります。クライアントが Contribute を使用してコンテンツを追加する予定である場合は、この制限に注意してください。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグを回避できます。
*/
.twoColHybLtHdr .mainContent { 
	margin: 0 0 0 200px; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
	width: 500px;
	background-color:#FFFFFF;
	padding-bottom:100px;
	

} 

.twoColHybLtHdr .mainContent1 { 
	margin: 0 0 0 200px; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
	width: 500px;
	background-color:#FFFFFF;
	padding-bottom:100px;
	
} 

.twoColHybLtHdr .mainContent ul {list-style-type:none; margin:10px 0px 0px 10px; padding:0;}


.twoColHybLtHdr .mainContent li { font-size:14px; color:#666666; line-height:2em;}

.twoColHybLtHdr .footer { 
	padding: 0px 0px 0px 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	height:70px;
	position:absolute;
	bottom:0;
	width:720px;
	background-image:url(gazou/foot.gif);
	
	
	
} 




/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	margin:0;
	padding:0;
	width:0;
}

.red {color: #C80000;}

.kon {color: #000080;}

.google {color:#0066FF;}
.yahoo {color:#c80000;}

.kyouchou {font-weight:bold; font-size:15px; color:#002851;}
.kyouchou2 {font-weight:bold; font-size:14px; color:#002851;}


strong {font-weight:500; color:#333333;}

h1 {color: #666666; font-size:11px; font-weight:normal;}


.mainContent1 h2 {font-size:15px; color: #333333; margin:15px 0 15px 0; width:440px;

    border-bottom:solid 1px  #009900;

    border-left:solid 7px #009900;

    padding-left:10px;

	padding-top:7px;
	
	padding-bottom:3px;

    background-color:#E0FEE0;

	line-height:1.0em;
	}


.twoColHybLtHdr .mainContent h2 {margin:15px 0 15px 0; font-size:15px; color: #0C4FFE; width:450px; height:30px;
		padding:0px 0 0 0px;}
.twoColHybLtHdr .mainContent h3 {margin:15px 0 15px 0; font-size:15px; color: #0C4FFE; width:450px; height:30px;
		padding:0px 0 0 0px;}			

.n2 {font-size:14px; color:#59596A; padding:0 15px 0 15px;}



.twoColHybLtHdr .mainContent1 h3.n {font-size:14px; color:#333333; width:420px; margin:15px 0 10px 0px; border-bottom:solid 0px #FF9900;
      
	  border-left:solid 7px #ff9900; padding-left:5px; background-color:#FFFFFF; margin-left:10px; line-height:1.5em;}


	  

.mainContent1 p.n1 {font-size:12px; color:#59596A; line-height:1.6em; padding:0 0 0 13px; width:410px; margin:10px 0 10px 0;}
.mainContent1 p.n1-2 {font-size:12px; color:#002851; line-height:1.6em; padding:0 0 0 13px; width:410px; margin:10px 0 10px 0;}

  	
	
.mainContent1 h3 {font-size:15px; color: #333333; margin:20px 0 15px 0; width:440px;

    border-bottom:solid 1px  #009900;

    border-left:solid 7px #009900;

    padding-left:10px;

	padding-top:7px;

    background-color:#E0FEE0;
	
	padding-bottom:3px;

	line-height:1.0em;}	
	

	
h4 {color:#666666; font-size:15px; margin:15px 0px 5px 0px;}	

a:hover { color: #FF9900; }


.mainContent .p10 {font-size:12px; color:#59596A; margin:5px; padding:0;}

img.p12 {position:relative; top:1px; margin:0; padding:0; }
.twoColHybLtHdr .mainContent div.p11 {width:450px; height:70px; overflow:auto; margin:0; padding:3px; background-color:#F5FEF5; border-left:2px solid #7B847C;
		border-bottom:2px solid #eeeeee; border-right:0; border-top:2px solid #7B847C; border-right:1px solid #eeeeee;}
.twoColHybLtHdr .mainContent div.p11 ul {margin:0; padding:0; list-style-type:none;}
.twoColHybLtHdr .mainContent div.p11 ul li {font-size:12px; color:#59596A; margin:0; padding:0; line-height:1.2em;}
.twoColHybLtHdr .mainContent div.p11 ul li a {font-size:12px; line-height:0; margin:0; padding:0;}


.mainContent p {color: #59596A; font-size:14px; line-height:1.6em; padding-left:0px; padding-right:15px; margin:10px 20px 10px 10px;}

.mainContent1 p {color:#59596A; font-size:14px; line-height:1.6em; padding-left:0px; padding-right:15px; margin:0 20px 0 10px;}


.mainContent a {font-size:14px; line-height:1.3em;}

.twoColHybLtHdr .footer .p1 {font-size:11px; margin:2px 0 0 0; padding:3px; color:#333333; text-decoration:none;}

.twoColHybLtHdr .footer .p1, x:-moz-broken  {font-size:11px; margin:0px 0 0 0; padding:5px; color:#333333; text-decoration:none;}

.twoColHybLtHdr .footer .p2 {font-size:12px; margin:2px 0 0px 0; padding:0px; color:#FFFFFF; text-decoration:none;}

.twoColHybLtHdr .footer .p2 a:hover {text-decoration:underline;}

address {position:absolute; bottom:0px; left:160px;}

.twoColHybLtHdr .footer .p3 {font-size:14px; margin:0px; padding:0px; color:#FFFFFF; text-decoration:none;}

.p4 {height:200px;}

.p5 {list-style-type:none; margin:5px 0 0 0; padding:0;}
 
.p6 { background-image:url(gazou/list.gif); background-repeat:no-repeat; background-position:left center; font-size:12px; padding:0px 0px 0px 17px; margin:0px 0px 0px 40px;
      line-height:2em;} 

.p7 {font-size:11px;}	

.p8 { background-image:url(gazou/list.gif); background-repeat:no-repeat;background-position:left center; font-size:12px; padding: 0px 0px 0px 17px; margin:0px 0px 0px 70px;line-height:2em;}




.t1 {color:#59596A; font-size:14px; line-height:1.5em; border-collapse:collapse; border:solid 1px #666666;}

.t1-1 { color:#59596A; font-size:13px; margin:15px 0 0 15px;}
.t2 {color:#59596A; font-size:12px;}

.t3 {margin-top:20px;}

.t4 {margin:0px 0px 0px 0px;}

.t5 {margin-top:40px;}

.style1 {color:#FF0000;}

/*

.test {width:488px; height:250px; background-image: url(gazou/test.jpg); background-repeat:no-repeat;
font-size:20px; color:#FFFFFF; padding:50px 0px 0px 20px; margin:0px;}

*/

.test  {width:480px; height:360px;background-image: url(gazou/tittle.gif); background-repeat:no-repeat;
font-size:20px; color:#FFFFFF; padding:0px 0px 0px 20px; margin:20px 0 0 0;}

.blog { position: relative;top:-190px; left:70px; z-index:1; margin:0px;}

.l1 { margin:6px 0px 0px 0px;}



.l2 ,tr ,td {color:#59596A; font-size:14px; line-height:1.5em; border-collapse:collapse; border:solid 1px #999999; padding:5px;
             
			 border:solid #999999 1px;
}

.d { font-size:14px;background-image: url(gazou/link.gif); background-repeat:no-repeat; background-position:left center; padding:0px 0px 0px 13px; margin-left:8px; line-height:0em;}
.d a {font-size:12px;}
.d1 {font-size:11px; color:#59596A; margin-left:25px;}

.twoColHybLtHdr .mainContent1 .d { font-size:14px;background-image: url(gazou/link.gif); background-repeat:no-repeat; background-position:left center; padding:0px 0px 0px 13px; margin-left:8px; line-height:1em;}
.twoColHybLtHdr .mainContent1 .d a {font-size:12px;}
.twoColHybLtHdr .mainContent1 .d1 {font-size:11px; color:#59596A; margin-left:25px; line-height:1.2em;}





.h1 {background-image: url(gazou/situmon.jpg); background-repeat:no-repeat; width:195px; height:50px; 
background-position:20px 0px;}

.h2 { position:relative;top:27px; left:76px;}

.h1-2 { margin:6px 0px 0px 20px;}

.thx {margin-left:10px;}

.input { margin::0px; padding:0;}

input.text1 {width:200px; height:1.0em; background-color: #F5FEF5; border:2px #ffffff inset; font-size:13px; padding:3px 3px 5px 3px;}
textarea {background-color:#F5FEF5; border:2px #ffffff inset; padding:3px;}

table.jisseki {color:#59596A; font-size:14px; line-height:1.0em; border-collapse:collapse; border:solid 0px #666666; margin:15px 0 15px 10px;}
table.jisseki td {padding:4px 3px 3px 6px; width:200px;border:solid 1px #666666;}
table.jisseki th {padding:3px 3px 3px 6px; width:200px;border:solid 1px #666666;}
.jisseki-2 { background-color:#F5FEF5;}
.jisseki-3 {font-size:12px; color:#59596A;}

div.up {color:#333333; font-size:12px; margin:5px 0px 5px auto;position:absolute;
	bottom:80px; right:3px; }
.up a {color: #030561; font-size:12px;}




.tittle {margin:3px 0 3px 0;}


div.naiyou p {font-size:13px; margin:0; padding:0;}

table.ryokin {color:#59596A; font-size:14px; line-height:1.0em; border-collapse:collapse; border:solid 0px #666666; margin:15px auto 15px auto;}
table.ryokin td {padding:3px; width:150px; border:solid 1px #666666; text-align:center; vertical-align: middle;}
table.ryokin th {padding:3px; border:solid 1px #666666; text-align:center;}
table.ryokin .zeikomi {font-size:13px; color:#59596A;}

table.ryokin-2 {color:#59596A; font-size:14px; line-height:1.0em; border-collapse:collapse; border:solid 0px #666666; margin:15px auto 15px auto;}
table.ryokin-2 td {padding:3px; width:200px; border:solid 1px #666666; text-align:center; vertical-align: middle;}
table.ryokin-2 th {padding:3px; border:solid 1px #666666; text-align:center;}
table.ryokin-2 .zeikomi {font-size:13px; color:#59596A;}
table.ryokin-2 td.kurasu {padding:3px; width:80px; border:solid 1px #666666; text-align:center; font-size:13px;background-color:#F5FEF5;}
table.ryokin-2 td.kurasu2 {padding:3px; width:80px; border:solid 1px #666666; text-align:center; font-size:13px;background-color:#ffffff;}


.iro {background-color:#E0FEE0;}
td.iro {padding:3px 10px 3px 10px;}

.mainContent p.point {color: #59596A; font-size:14px; line-height:1.6em; padding: 0 0 0 17px; margin:10px 20px 10px 10px;
		background:url(gazou/red.gif) no-repeat 0 3px;}
		
.mainContent p.komidasi {	color: #003366; font-size:14px; line-height:1.3em; padding: 4px 0 0 5px; margin:25px 20px 13px 10px; font-weight:bold;
	border-left:solid 6px #009900;}	

div.pan {margin:15px 0px; padding:0;  height:30px; width:200px;}
div.pan li#01 img { margin:0px; padding:0; width:70px; height:30px; border:0;}
div.pan li#02 img { margin:0px; padding:0; width:130px; height:30px; border:0;}

.twoColHybLtHdr .mainContent div.pan ul {margin:0; padding:0; list-style-type:none; height:30px; width:200px;}
.twoColHybLtHdr .mainContent div.pan li {float:left;}
.twoColHybLtHdr .mainContent div.pan li#01 {width:70px; font-size:13px; height:30px; margin:0; padding:0; color:#FFFFFF; font-weight:bold;}
.twoColHybLtHdr .mainContent div.pan li#02 {width:130px; font-size:13px; height:30px; margin:0; padding:0; color:#FFFFFF; font-weight:bold;}

/* メインコンテンツ１*/
.twoColHybLtHdr .mainContent1 div.pan ul {margin:0; padding:0; list-style-type:none; height:30px;}
.twoColHybLtHdr .mainContent1 div.pan li {float:left;}
.twoColHybLtHdr .mainContent1 div.pan li#01 {width:70px; font-size:13px; height:30px; margin:0; padding:0; color:#FFFFFF; font-weight:bold; }
.twoColHybLtHdr .mainContent1 div.pan li#02 {width:130px; font-size:13px; height:30px; margin:0; padding:0; color:#FFFFFF; font-weight:bold; }

div.sa-bisu {background-image:url(gazou/pankuzu-sa-bisu.gif); background-repeat:no-repeat; background-position:left top;}
div.ryokin {background-image:url(gazou/pankuzu-ryokin.gif); background-repeat:no-repeat; background-position:left top;}
div.jisseki {background-image:url(gazou/pankuzu-jisseki.gif); background-repeat:no-repeat; background-position:left top;}
div.toiawase {background-image:url(gazou/pankuzu-toiawase.gif); background-repeat:no-repeat; background-position:left top;}
div.tokutei {background-image:url(gazou/pankuzu-tokutei.gif); background-repeat:no-repeat; background-position:left top;}
div.kojin {background-image:url(gazou/pankuzu-kojin.gif); background-repeat:no-repeat; background-position:left top;}
div.tdp {background-image:url(gazou/pankuzu-tdp.gif); background-repeat:no-repeat; background-position:left top;}
div.news02 {background-image:url(gazou/pankuzu-news.gif); background-repeat:no-repeat; background-position:left top;}


table.news { font-size:12px; margin:30px auto 20px 40px; padding:0; width:340px;}
table.news td {border:0; margin:0; padding:0; font-size:12px;}
table.news td.news02 {text-align:center; width:140px;}
table.news td.news01, table.news td.news03 {width:100px;}
table.news td.news01 {text-align:right;}
table.news td.news03 {text-align:left;}

.list01 {font-size:14px; line-height:1.5em; padding:0px 30px 0px 17px; margin:0px 0 0 0px; background-image:url(gazou/list.gif)
       ; background-repeat:no-repeat; background-position:0px 3px; color:#666666; }
.twoColHybLtHdr .mainContent p.list01 {font-size:14px; line-height:1.5em; padding:0px 30px 0px 17px; margin:0px 0 0 0px; background-image:url(gazou/list.gif)
       ; background-repeat:no-repeat; background-position:0px 3px; color:#666666; }	   
.list02 {background-color:#F5FEF5; font-size:14px; color:#666666; border:solid 1px #1DBC18; width:450px; padding:5px; margin:5px 0 5px 5px; line-height:1.5;}	   

/*SEOニュース*/
.list {font-size:14px; line-height:1.5em; padding:0px 35px 0px 17px; margin:0px 0 0 10px; background-image:url(gazou/list.gif)
       ; background-repeat:no-repeat; background-position:0px 3px;cursor:pointer; color:#0044CC; text-decoration:underline;}
.list:hover {text-decoration: none; color:#FF9900;}
.list2 ul { margin:10px 0 0 50px; list-style-type:none;}
.list2 ul li {font-size:13px; padding:0px 0 0px 13px; margin:2px 0 2px 0; background-image:url(gazou/link.gif); background-repeat:no-repeat; background-position:left -1px; line-height:1em;} 
.list2 ul li a {text-decoration:none;}
.list2 ul li a:hover {text-decoration:underline;}
p.tojiru {font-size:12px; margin:10px 0 0 100px; padding:0;cursor:pointer; color:#0044CC; text-decoration: underline;}
p.tojiru:hover  {color: #FF9900; font-size:12px; text-decoration:none;}


table.toiawase-2, tr {font-size:13px; border-collapse:collapse; border: none;}
table.toiawase-2 tr td {margin:0; padding:2px; border:none}
.twoColHybLtHdr .mainContent table.toiawase-2 tr td.toi-2 {padding-top:6px; font-size:13px;}