/*-------------------------------------------------------------------------

contents.css

--------------------------------------------------------------------------*/

/*
===== :: contents common================================================================*/
#contents #ttl_01 {
	clear: both;
	width: 814px;
	height: 30px;
	background-image: url(img/c_ttl_01.jpg)
}

#contents #ttl_02 {
	float: left;
	width: 433px;
	height: 30px;
	background-image: url(img/c_ttl_02.jpg);
	margin-top:15px;
}

#contents .ttl_03 {
	width: 814px;
	height: 30px;
	margin-bottom: 5px;
	background-image: url(img/c_ttl_03.jpg);
	background-repeat: no-repeat;
	font-size: 22px;
	text-indent: 30px;
	color: #FFFFFF;
	line-height: 32px;
}

#contents .ttl_04 {
	width: 814px;
	height: 24px;
	margin-bottom: 5px;
	background-image: url(img/c_ttl_04.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	text-indent: 8px;
	color: #016302;
	line-height: 28px;
}

#contents .ttl_05 {
	width: 814px;
	height: 24px;
	margin-bottom: 5px;
	background-image: url(img/c_ttl_05.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	text-indent: 8px;
	color: #016302;
	line-height: 28px;
}

#contents .textbox_01 {
	font-size: 12px;
	float: left;
	width: 428px;
	height: auto;
	padding: 10px 0 0 5px;
	line-height: 30px
}

#contents .textbox_02 {
	font-size: 12px;
	width: auto;
	height: auto;
	max-width: 814px;
	margin-bottom: 15px;
	padding: 0 5px 5px 5px;
	white-space: normal;
	word-break: break-all;
}

/*-------------------------------------------------------------------------
index用
--------------------------------------------------------------------------*/

/*
===== :: contents left================================================================*/
#contents #ic_left {
	float: left;
	width: 289px;
	height: 701px;
	margin-bottom: 10px;
	background-image: url(img/ic_left_bg.jpg)
}

#contents #ic_left ul#n_btn {
	float: left;
	margin-top: 10px;
}

#contents #ic_left ul#n_btn li {
	clear: both;
	margin-left: 10px;
	margin-top: 34px;
}

*html #contents #ic_left ul#n_btn li {
	clear: both;
	margin-left: 10px;
	margin-top: 30px;
}

#contents #ic_left ul#n_btn li.box1 {
	width: 269px;
	height: 46px;
	margin-top: 0px;
}

#contents #ic_left ul#n_btn li.box1 a {
	text-indent: -9999px;
	float: left;
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_01.png)
}

#contents #ic_left ul#n_btn li.box1 a:hover {
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_01_o.png)
}

#contents #ic_left ul#n_btn li.box2 {
	width: 269px;
	height: 46px;
	margin-top: 28px;
}

#contents #ic_left ul#n_btn li.box2 a {
	text-indent: -9999px;
	float: left;
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_02.png)
}

#contents #ic_left ul#n_btn li.box2 a:hover {
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_02_o.png)
}

#contents #ic_left ul#n_btn li.box3 {
	width: 269px;
	height: 46px;
}

#contents #ic_left ul#n_btn li.box3 a {
	text-indent: -9999px;
	float: left;
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_03.png)
}

#contents #ic_left ul#n_btn li.box3 a:hover {
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_03_o.png)
}

#contents #ic_left ul#n_btn li.box4 {
	width: 269px;
	height: 46px;
}

#contents #ic_left ul#n_btn li.box4 a {
	text-indent: -9999px;
	float: left;
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_04.png)
}

#contents #ic_left ul#n_btn li.box4 a:hover {
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_04_o.png)
}

#contents #ic_left ul#n_btn li.box5 {
	width: 269px;
	height: 46px;
}

#contents #ic_left ul#n_btn li.box5 a {
	text-indent: -9999px;
	float: left;
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_05.png)
}

#contents #ic_left ul#n_btn li.box5 a:hover {
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_05_o.png)
}

#contents #ic_left ul#n_btn li.box6 {
	width: 269px;
	height: 46px;
}

#contents #ic_left ul#n_btn li.box6 a {
	text-indent: -9999px;
	float: left;
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_06.png)
}

#contents #ic_left ul#n_btn li.box6 a:hover {
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_06_o.png)
}

#contents #ic_left ul#n_btn li.box7 {
	width: 269px;
	height: 46px;
}

#contents #ic_left ul#n_btn li.box7 a {
	text-indent: -9999px;
	float: left;
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_07.png)
}

#contents #ic_left ul#n_btn li.box7 a:hover {
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_07_o.png)
}

#contents #ic_left ul#n_btn li.box8 {
	width: 269px;
	height: 46px;
}

#contents #ic_left ul#n_btn li.box8 a {
	text-indent: -9999px;
	float: left;
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_08.png)
}

#contents #ic_left ul#n_btn li.box8 a:hover {
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_08_o.png)
}

#contents #ic_left ul#n_btn li.box9 {
	width: 269px;
	height: 46px;
}

#contents #ic_left ul#n_btn li.box9 a {
	text-indent: -9999px;
	float: left;
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_09.png)
}

#contents #ic_left ul#n_btn li.box9 a:hover {
	width: 269px;
	height: 46px;
	background-image:url(img/n_btn_09_o.png)
}

*:first-child+html #contents #ic_left ul#n_btn li {
	clear: both;
	margin-left: 10px;
	margin-top: 31px;
}

*:first-child+html #contents #ic_left ul#n_btn li.box1 {
	width: 269px;
	height: 46px;
	margin-top: 0px;
}

*:first-child+html #contents #ic_left ul#n_btn li.box2 {
	width: 269px;
	height: 46px;
	margin-top: 24px;
}

/*
===== :: contents right================================================================*/
#contents #ic_right {
	float: right;
	width: 510px;
	height: 701px;
	font-size: 12px;
	color: #333333;
	line-height: 22px;
}

#contents #rboxcase {
	width: 510px;
	height: 620px;
	margin-top: 10px;
	background-image: url(img/rboxcase_bg.jpg)
}

#contents #rboxcase .underlink {
	float: right;
	display:block;
	margin-top:6px;
	margin-right:4px;
	background : url("./img/new_cach.gif") no-repeat 0 .10em;
	padding-left : 17px;
}

#contents #rboxcase .rbox1 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0 5px 0 5px;
	margin-bottom: 13px;
}

#contents #rboxcase .rbox2 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0 5px 0 5px;
	margin-bottom: 13px;
}

#contents #rboxcase .rbox3 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0 5px 0 5px;
	margin-bottom: 13px;
}

#contents #rboxcase .rbox4 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0 5px 0 5px;
	margin-bottom: 13px;
}

#contents #rboxcase .rbox5 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0 5px 0 5px;
}

#contents #rboxcase .rbox6 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0 5px 0 5px;
}

*html #contents #rboxcase .rbox1 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0px;
	margin-bottom: 13px;
}

*html #contents #rboxcase .rbox2 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0px;
	margin-bottom: 13px;
}

*html #contents #rboxcase .rbox3 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0px;
	margin-bottom: 13px;
}

*html #contents #rboxcase .rbox4 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0px;
	margin-bottom: 13px;
}

*html #contents #rboxcase .rbox5 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0px;
}

*html #contents #rboxcase .rbox6 {
	float:left;
	width: 245px;
	height: 198px;
	padding: 0px;
}

/*
===== :: contents boxcase================================================================*/
#contents #boxcase_1 {
	color: #434343;
	width: 814px;
	height: 582px;
	margin-top: 4px;
	margin-bottom: 10px;
	background: url(img/boxcase_bg.jpg) no-repeat;
}

html>/**/body #contents #boxcase_1 {
	color: #434343;
	width: 816px;
	height: 582px;
	margin-top: 4px;
	margin-bottom: 10px;
	background: url(img/boxcase_bg.jpg) no-repeat;
}

#contents #boxcase_1 h5 {
	float: left;
}

#contents #boxcase_1 p {
	width: 236px;
	height: 135px;
	padding: 18px 10px 0 10px;
	white-space: inherit;
	word-break: break-all;
	line-height: 16px;
	cursor: pointer;
}

#contents #boxcase_1 a {
	color: #434343;
	float: left;
	width: 256px;
	height: 135px;
	cursor: pointer;
}

#contents #boxcase_1 a:hover {
	float: left;
	width: 256px;
	height: 135px;
	background-color: #eaf2dd;
}

#contents #boxcase_1 .underlink {
	float: right;
	color : #016302;
}

#contents #boxcase_1 .box1 {
	float: left;
	width: 256px;
	height: 135px;
	margin: 0 5px 0 3px;
}

#contents #boxcase_1 .box2 {
	float: left;
	width: 254px;
	height: 135px;
	margin: 0 5px 0 12px;
}

#contents #boxcase_1 .box3 {
	float: left;
	width: 256px;
	height: 135px;
	margin: 0 5px 0 12px;
}

#contents #boxcase_1 .box4 {
	float: left;
	width: 258px;
	height: 135px;
	margin: 9px 5px 0 3px;
}

#contents #boxcase_1 .box5 {
	float: left;
	width: 256px;
	height: 135px;
	margin: 9px 5px 0 10px;
}

#contents #boxcase_1 .box6 {
	float: left;
	width: 256px;
	height: 135px;
	margin: 9px 5px 0 12px;
}

*:first-child+html #contents #boxcase_1 .box1 {
	float: left;
	width: 253px;
	height: 135px;
	margin: 0 5px 0 6px;
}

*:first-child+html #contents #boxcase_1 .box2 {
	float: left;
	width: 251px;
	height: 135px;
	margin: 0 5px 0 15px;
}

*:first-child+html #contents #boxcase_1 .box3 {
	float: left;
	width: 251px;
	height: 135px;
	margin: 0 5px 0 17px;
}

*:first-child+html #contents #boxcase_1 .box4 {
	float: left;
	width: 253px;
	height: 135px;
	margin: 9px 5px 0 6px;
}

*:first-child+html #contents #boxcase_1 .box5 {
	float: left;
	width: 251px;
	height: 135px;
	margin: 9px 5px 0 15px;
}

*:first-child+html #contents #boxcase_1 .box6 {
	float: left;
	width: 251px;
	height: 135px;
	margin: 9px 5px 0 17px;
}

/*
===== :: contents banner================================================================*/
#contents #banner1 {
	float: right;
	width: 182px;
	height: 196px;
	margin-bottom: 10px;
	background-image:url(img/banner1-3.jpg);
	margin-top:15px;
	text-indent:-999999em;
	font-size:0.01em;
}

#contents #banner1 a {
	display: block;
	float:left;
	width: 182px;
	height: 62px;
	margin-bottom: 5px
}

#contents #banner1 a {
	display: block;
	float:left;
	width: 182px;
	height: 62px;
	margin-bottom: 5px
}

#contents #banner1 a {
	display: block;
	float:left;
	width: 182px;
	height: 62px;
}

#contents #banner2 {
	float: right;
	width: 183px;
	height: 86px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image:url(img/banner4.jpg);
	margin-top:15px;
	text-indent:-999999em;
	font-size:0.01em;
}

#contents #banner2 a {
	display: block;
	float:left;
	width: 183px;
	height: 86px;
}

/*-------------------------------------------------------------------------
index用　ここまで
--------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------
下層ページ用
--------------------------------------------------------------------------*/

/*
===== :: contents ================================================================*/

#in #contents {
	width: 780px;
	padding-left : 25px;
	padding-right : 25px;
}

#contents #low_layer {
	width: 814px;
}

#contents .title_bar {
	width: 814;
	height: auto;
	background-image:url(img/midashi_line.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 80%;
}