@charset "utf-8";
/* CSS Document */



/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal; text-shadow: 0px 1px 0px #FFFFCC; filter: dropshadow(color=#FFFFCC,offX=1,offY=1);letter-spacing: 0.05em;}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}




/* main CSS */
a { text-decoration:none; color:#181312; overflow:hidden; outline:none;}
a:hover{ text-decoration: underline;}
#middleRightCol a { text-decoration:underline;}

body {
	font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #EBE5D1;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #181312;
	*font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


.mainBox #container {
	width: 980px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background:  #EBE5D1;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	font-size:93%;
	line-height:23px;
}
.mainBox #mainContent {
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

.clrlft { clear:left;}
.clrrgt { clear:rightt;}
.clrbt {clear:both;}

.fltlft {float:left;}
.fltrgt {float:right;}


/* 2nd common CSS */
#header2nd {width:960px; height:117px; display:block;}
#header2nd h1 {display:none;}
#log2ndo {width:188px; height:58px; float:left; display:block;}



/* 2nd gm */
	
#middleBox {
	width:963px;
	height:auto;
	clear:both;
}
#middleBox h1 {font-size:100%; font-weight: bold;}	

#middleRightCol {
	width:746px;
	padding-top:28px;
	padding-bottom:30px;
}

#footerCopyright {
	width:953px;
	height:82px;
	margin:0 0 15px;
	font-size: 77%;
	background-image:url(../img/footer_bg.jpg);
}

#footerCopyright {
	width:953px;
	height:82px;
	margin:0 0 15px 15px;
	background-image:url(../img/footer_bg.jpg);
}

#footerCopyright .fltlft {
	margin:38px 0 0 12px;
	line-height:15px;
}
#footerCopyright .fltrgt {
	margin:15px 0 0 12px; width:650px; line-height:18px;}

p { font-size:100%;letter-spacing: 0em;}
h2 {font-size:108%; font-weight:bold; margin-top:28px; color:#333;line-height:18px; border-left: #FFF 1px solid; padding:0 0 10px 10px;}
h2 span {font-size:100%;}
.h2OutBorder {
	margin-bottom:26px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}
h3 {font-weight:bold;font-size:100%; color:#333}

li { text-shadow: 0px 1px 0px #FFFFFF; filter: dropshadow(color=#FFFFFF,offX=1,offY=1);}

#gm {
	width:219px;
}
#gm { position:absolute; top:0px; left: auto;}/*フローティングメニューポジション*/

#gm li {margin-bottom:5px; }

#gm li a {text-decoration:none; font-weight:bold; color:#333}
#gm li a:hover {text-decoration:none; font-weight:bold; color:#333}

.mbNon { margin-bottom:0px;}

	
#gm1 {
	background-image:url(../img/gm_1.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:215px;
	height:103px;
	display:block;
	text-indent:-9999px;
	}

	
#gm2 {
	background-image:url(../img/gm_2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}

#gm2:hover {
	background-image:url(../img/gm_2.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}
	
#gm2on {
	background-image:url(../img/gm_2.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}

#gm3 {
	background-image:url(../img/gm_3.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}

#gm3:hover {
	background-image:url(../img/gm_3.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}
	
#gm3on {
	background-image:url(../img/gm_3.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}
	
#gm4 {
	background-image:url(../img/gm_4.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}

#gm4:hover {
	background-image:url(../img/gm_4.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}

#gm4on {
	background-image:url(../img/gm_4.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}

#gm5 {
	background-image:url(../img/gm_5.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}

#gm5:hover {
	background-image:url(../img/gm_5.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}
	
#gm5on {
	background-image:url(../img/gm_5.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}
	
#gm6 {
	background-image:url(../img/gm_6.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}

#gm6:hover {
	background-image:url(../img/gm_6.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}

#gm6on {
	background-image:url(../img/gm_6.jpg);
	background-repeat:no-repeat;
	background-position:-219px 0px;
	width:131px;
	height:35px;
	display:block;
	padding:17px 0 0 84px;
	}
	
#gmon {}
	
/*header*/

#header {
	height:auto;
	width:715px;
	padding:10px 15px 8px 15px;
	background-color:#F2D695
}
#newsTtlBox {width:100px; height:20px; display:block}
.newsDateBox {
	width:75px;
	height: auto;
}
.newsTxtBox {/*width:525px; */ width:auto; height: auto; padding-top:10px; margin-bottom:2px;}
#juitter {
	width:615px;
	height: auto;
}

table { line-height:15px;}
.roundtable {}
.recycleTable {background-color: #CCC; padding:15px 0; border-top:1px solid #EEE; border-bottom:1px #ABABAB solid; width: 744px;}
.tableTtlH { line-height:15px; background-color: #CCC; /*border-top:1px #999 solid;*/}
.tableRightDotted { border-right:1px #CCC dotted;}
.tableTtlRightDotted { border-right:1px #EEE dotted;}
.tableTtl { text-align:center; padding:10px 0;}
.tableLeftTtl1 {padding:20px 6px; font-size:93%; text-align:center; background-color:#eaeaea; text-shadow: 0px 1px 0px #FFFFFF; filter: dropshadow(color=#FFFFFF,offX=1,offY=1); border-right:1px #CCC dotted;}
.tableLeftTtl2 {padding:20px 6px; font-size:93%; text-align:center; background-color:#dbdbdb; text-shadow: 0px 1px 0px #FFFFFF; filter: dropshadow(color=#FFFFFF,offX=1,offY=1); border-right:1px #CCC dotted;}
.tableInnr {text-align:center; padding:20px 6px; font-size:93%; border-right:1px #CCC dotted;}
table tr td span{ font-size:85%;}
.tableLine1 { background-color:#EFEFEF; border-top:1px #FFF solid; border-bottom:1px #999 solid;}
.tableLine2 { background:#E1E1E1}
.tableRightEnd {border-right:none}
.tableBold {font-size:100%; font-weight:bold}