@charset "utf-8";

body{
	background: url(../img/bg.gif) repeat-y top center;
}

div#wrapper{
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 10px 0;
	line-height: 1.8;
}

div#leftContents{
	width: 200px;
	float: left;
}

div#mainContents{
	width: 700px;
	display: inline;
	float: right;
}

div#leftContents h1{
	font-size: 10px;
	line-height:1.2em;
	margin-bottom: 10px;
}

div#leftContents h2 {
	font-size: 100%;
	color: #FFFFFF;	/*文字色*/
	border-bottom: 4px solid #80A11B;	/*下部の線の幅、線種、色の設定*/
	background: #C5C5C5 url(../img/bg1.gif) repeat-x bottom;	/*背景色、背景画像の読み込み＆X軸(横軸)にリピート＆下部に配置*/
	padding: 5px;
	font-size:110%;
}
ul.submenu {
	margin-bottom: 20px;
	font-size:110%;
}
ul.submenu li a {
	display: block;
	padding: 8px 5px;	/*左から、上下、左右への余白*/
	text-decoration: none;
	border-bottom: 1px solid #c9c9c9;	/*下側の線の幅、線種、色*/
	border-right: 1px solid #c9c9c9;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #c9c9c9;		/*左側の線の幅、線種、色*/
	color: #666666;	/*文字色*/
	background: #F2F2F2 url(../img/bg2.gif) repeat-x bottom;	/*背景色、背景画像の読み込み＆X軸にリピートする(repeat-x)＆下部に配置(bottom)*/
}
ul.submenu li a:hover {
	background-color: #ffffff;	/*マウスオン時の背景色*/
	color: #80A11B;	/*マウスオン時の文字色*/
	background-image: none;
}
ul.submenu li a.active {
	background-color: #ffffff;
	color: #80A11B;
	background-image: none;
}

h3{
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.5em;
	margin: 0 0 20px 0;
	padding: 4px 0 4px 10px;
	display: block;
	color: #fff;
	background: url(../img/bg_green.gif) no-repeat 0 0;
}

p{
	margin-bottom: 15px;
}

#mail{
	margin: 15px 0 20px;
}
#bannerlink li  {
	list-style-type:none; /*リストマークの削除*/
	text-decoration:none;
	width:170px;
	height:60px;
	margin:5px auto;
}

#bannerlink a {
	text-indent: -9999px;  /*テキストを隠す*/
	height: 100%;  /*リンク領域を広げる*/
	display: block;
}

#bannerlink a:focus{
/*
	overflow: hidden;
*/
}

#bannerlink li a:hover{
	background:none !important;
}

#banner1{
	background-image:url(../img/banner_kusu_over.png);
} 
#banner2{
	background-image:url(../img/banner_kokonoe_over.png);
} 
#banner3{
	background-image:url(../img/banner_kenjin_over.png);
} 
#banner4{
	background-image:url(../img/banner_sapuri_over.png);
} 
#banner5{
	background-image:url(../img/banner_tra_over.png);
} 
#banner6{
	background-image:url(../img/banner_kusubrand_over.png);
} 
#banner7{
	background-image:url(../img/banner_yatsushika_over.png);
} 
#banner8{
	background-image:url(../img/banner_oimatsu_over.png);
} 
#banner9{
	background-image:url(../img/banner_shuzoukumiai_over.png);
} 

#banner1 a{
	background-image:url(../img/banner_kusu.png);
} 
#banner2 a{
	background-image:url(../img/banner_kokonoe.png);
} 
#banner3 a{
	background-image:url(../img/banner_kenjin.png);
} 
#banner4 a{
	background-image:url(../img/banner_sapuri.png);
} 
#banner5 a{
	background-image:url(../img/banner_tra.png);
} 
#banner6 a{
	background-image:url(../img/banner_kusubrand.png);
} 
#banner7 a{
	background-image:url(../img/banner_yatsushika.png);
} 
#banner8 a{
	background-image:url(../img/banner_oimatsu.png);
} 
#banner9 a{
	background-image:url(../img/banner_shuzoukumiai.png);
} 

div#footer{
	clear: both;
	color: #333;
	margin-top: 45px;
	padding: 30px 0;
	border-top: 1px solid #efefef;
}
div#footer p#copyright{
	padding: 8px 0;
	text-align: center;
	font-size:12px;
}

.f_right {
	margin:10px;
	float:right;
}

.f_left {
	margin:10px;
	float:left;
}

.t_right {
	padding:10px;
	text-align:right;
}

/*-------------------------------------*/
/* リストフォーマット */
/*-------------------------------------*/

ul.Number,
ul.imgList1,
ul.imgList2,
ul.bgList1,
ul.bgList2,
ul.bgList3,
ul.bgList4,
ul.bgList5,
ul.borderList1,
ul.borderList2{
	display: block;
	margin-bottom: 30px;
}

ul.Number{ list-style: decimal inside;}

ul.imgList1{ list-style: circle inside;}
ul.imgList2{ list-style: disc inside;}

ul.bgList1 li{ background: url(../img/bg_list1.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList2 li{ background: url(../img/bg_list2.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList3 li{ background: url(../img/bg_list3.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList4 li{ background: url(../img/bg_list4.gif) no-repeat left center; padding-left: 1.5em;}
ul.bgList5 li{ background: url(../img/bg_list5.gif) no-repeat left center; padding-left: 1.5em;}

ul.borderList1 li{ border-bottom: 1px solid #ccc; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }
ul.borderList2 li{ border-bottom: 1px dotted #ccc; padding-bottom:0.3em; margin-bottom: 0.9em; display: block; }

/*-------------------------------------*/
/* テーブル点罫 */
/*-------------------------------------*/
table.dot  {
	border-collapse: collapse;
	width:100%;
	margin-bottom:10px;

}
table.dot th {
	border-bottom: #ccc 1px dotted;
	text-align: left;
	padding: 10px;
	font-size:90%;
	color:#80A11B;
	font-weight:bold;
}
table.dot td {
	border-bottom: #ccc 1px dotted;
	text-align: left;
	padding: 10px;
}

/*-------------------------------------*/
/* テーブル１行目色付き */
/*-------------------------------------*/
table.color {
	width: 100%;
	border-collapse: collapse;
	margin-bottom:10px;
	border-left: #e3e3e3 1px solid;
	font-size:90%;
}
td.red {
	border-top: #be1309 4px solid;
	font-weight:bold;
	background:#efefef;
}
td.green {
	border-top: #80A11B 4px solid;
	font-weight:bold;
	background:#efefef;
}
td.orange {
	border-top: #ff9900 4px solid;
	font-weight:bold;
	background:#efefef;
}
td.grey {
	border-top: #b3b3b3 4px solid;
	font-weight:bold;
	background:#efefef;
}
table.color td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}

/*-------------------------------------*/
/* テーブル　TH背景グレー〜お知らせ　など */
/*-------------------------------------*/
table.info{
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #ccc;
	margin-bottom:10px;
}

table.info th,
table.info td{
	border-bottom: 1px solid #ccc;
	line-height:1.3em;
}

table.info th{
	padding:14px;
	background: #efefef;
}
table.info td{
	padding:14px;
	border-left: 1px solid #ccc;
}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 80%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 150px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/*-------------------------------------*/
/* 以下index.htmlに適用 */
/*-------------------------------------*/

p#mainImg{}

/* CHAPTER */
div.topicsBox{}

div.topicsBox h2{}

/*-------------------------------------*/
/* 以下index.html以外のページに適用 */
/*-------------------------------------*/

/*-------------------------------------*/
/* 見出し装飾 */
/*-------------------------------------*/

.chapter1{
	padding-bottom: 4px;
	border-bottom: 3px solid #80A11B;
	font-weight: bold;
}

/*-------------------------------------*/
/* テキストテンプレート */
/*-------------------------------------*/

/* 基本フォーマット */
div.txtTempSet{
	margin-bottom: 50px;
}

div.txtTempSet strong{
	font-weight: bold;
}

div#mainContents div.clearfix{
	width: 100%;
}

.ws {
	width: 50%;
	float:left;
}
.clear {
	clear: both;
}
.mb20 {
	margin-bottom:20px;
}