@charset "utf-8";
/* CSS Document */

#flash {
	height: 310px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 5px;
	background-image: url(../img/top/flash_shadow.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#flash p {
	height: 280;
	width: 880px;
	border: 1px solid #E9E9E9;
	background-color: #FFF;
	padding: 10px;
}
#midT {
}
#midT .L {
	width: 498px;
}
#boxA {
	height: auto;
	width: auto;
	background-color: #47924D;
	padding-bottom: 5px;
}
#boxA #menuEX {
	background-color: #FFF;
	height: auto;
	width: auto;
}
#menuEX li,#menuEX li a {
	display: block;
	background-repeat: no-repeat;
	height: 50px;
}
#menuEX li {
	float: left;
	width: 164px;
	background-color: #FFF;
}
#menuEX li a {
	text-indent: -9999px;
	overflow: hidden;
}
#menuEX li.menu01,#menuEX li.menu01 a {
	width: 166px;

}
#menuEX li.menu02,#menuEX li.menu02 a {
	background-position: right top;

}
#menuEX li.menu03,#menuEX li.menu03 a {
	background-position: right top;

}
#menuEX li.menu01 a {
	background-image: url(../img/top/menu_A01.jpg);

}
#menuEX li.menu02 a {
	width: 149px;
	padding-left: 15px;
	background-image: url(../img/top/menuA_02.jpg);
	height: 43px;

}
#menuEX li.menu03 a {
	height: 43px;
	width: 149px;
	padding-left: 15px;
	background-image: url(../img/top/menu_A_03.jpg);

}
#menuEX li.menu01,#menuEX li.menu01 a:hover {
	background-image: url(../img/top/menu_A01_f2.jpg);

}
#menuEX li.menu02,#menuEX li.menu02 a:hover {
	background-image: url(../img/top/menuA_02_f2.jpg);

}
#menuEX li.menu03,#menuEX li.menu03 a:hover {
	background-image: url(../img/top/menu_A_03_f2.jpg);

}
#boxA .exbox {
	background-color: #FFF;
	height: auto;
	width: 488px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
#boxA .exbox .box {
	height: auto;
	width: 359px;
	padding-left: 116px;
	padding-bottom: 10px;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: 30px 15px;
}
#boxA .exbox .box .box02 {
	float: left;
	height: auto;
	width: 118px;
}
#boxA .exbox .box .box02 .img {
	padding: 2px;
	border: 1px solid #C2C2C2;
	height: 60px;
	width: 88px;
	margin-bottom: 5px;
}
#boxA .exbox .box .box02 .txt {
	border-left-width: 3px;
	border-left-style: solid;
	padding-left: 4px;
	font-size: 0.7em;
}
.exbox .box .box02 .txt a {
	color: #999;
	text-decoration: none;
}
.exbox .box .box02 .txt a:hover {
	text-decoration: underline;

}

#boxA .exbox #wa {
	background-image: url(../img/top/A_title_wa.gif);

}
#boxA .exbox #wa .box02 .txt {
	border-left-color: #857A66;
}
#boxA .exbox #you {
	background-image: url(../img/top/A_title_you.gif);
}
#boxA .exbox #you .box02 .txt {
	border-left-color: #A8D424;
}
#boxA .exbox .menuB {
	background-image: url(../img/top/title_A.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	background-position: 25px top;
}
#boxA .exbox .menuB h2 {
	text-indent: -9999px;
	height: auto;
	width: auto;
	line-height: 0px;
	font-size: 0px;
	float: left;

}
#boxA .exbox .menuB ul {
	height: auto;
	width: 124px;
	float: right;
}

#boxA .exbox .menuB li {
	background-image: url(../common/point_arrow_G.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-bottom: 5px;
}
#boxA .exbox .menuB li a {
	color: #5A9828;
	text-decoration: none;
}
#boxA .exbox .menuB li a:hover {
	text-decoration: underline;
}
#boxB {
	height: auto;
	width: auto;
	padding-top: 12px;
}
#boxB .txtT {
	color: #999;
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-bottom: 8px;
}
#menuBA p {
	float: left;
	height: 98px;
	width: 165px;
	display: block;
}
#menuBA p a {
	display: block;
	height: 95px;
	width: 162px;
}
#menuBA p a:hover {
	padding-top: 1px;
}

#menuBA p.bannerB {
	width: 331px;
}
#menuBA p.bannerB a{
	width: 331px;
}




#midT .R {
	width: 328px;
}
.R .box {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #F0F0F0;
	height: auto;
	width: auto;
}
.R .box h3 {
	background-repeat: no-repeat;
	height: 30px;
	width: 326px;
	text-indent: -9999px;
	background-position: center top;
}
#event {
}
#event h3 {
	background-image: url(../img/top/event_title.jpg);
	padding-bottom: 5px;
}
#event .box02 {
	height: auto;
	width: auto;
	margin: 2px;
	background-color: #F8FBEC;
	padding: 5px;
}
#event .box02 .img {
	height: auto;
	width: 120px;
	display: block;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #D8D8D8;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#event .box02 h4 {
	color: #5B992A;
	font-size: 0.85em;
	font-weight: lighter;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #A5A5A5;
	border-bottom-color: #A5A5A5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#event .box02 .txt {
	color: #999;
}
#event .box02 .txt a{
	color: #5B992A;
	text-decoration: none;
}
#event .box02 .txt a:hover{
	color: #308004;
	text-decoration: underline;
}
.BB {
	background-image: url(../img/top/bg_B.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 10px;
}
.BB p a {
	display: block;
	height: 25px;
	text-indent: -9999px;
	background-image: url(../img/top/event_link.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



#whatsNew {
	margin-bottom: 10px;
}
#whatsNew h3 {
	background-image: url(../img/top/new_title.jpg);
}
#whatsNew .new {
	background-color: #FFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	height: auto;
	width: auto;
	padding-bottom: 2px;
	background-image: url(../common/dotted_gray.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#whatsNew .new p {
	background-color: #F7FBEB;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 27px;
	margin-bottom: 2px;
	background-image: url(../img/top/point_button_G02.jpg);
	background-repeat: no-repeat;
	background-position: 8px center;
}
#whatsNew .new p a {
	color: #999;
	text-decoration: none;
}
#whatsNew p a:hover {
	color: #00C;
	text-decoration: underline;
}
#whatsNew .list {
	background-image: url(../img/top/bg_B.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#whatsNew .list p {
	text-align: right;
	height: auto;
	width: auto;
	padding-right: 15px;
	background-image: url(../common/point_button_G.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 0.7em;
}
#whatsNew .list p a {
	color: #999;
	text-decoration: none;
}

#pickup {
	background-image: url(../img/top/bg_B.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
}
#pickup h3 {
	background-image: url(../img/top/pickup_title.jpg);
	margin-bottom: 15px;
}
#pickup li,#pickup li a {
	display: block;
	width: 305px;
}
#pickup li {
	height: 83px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
#pickup li  a{
	height: 81px;
}
#pickup li a:hover {
	padding-top: 1px;
}
#pickup li.txtLink {
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
#pickup li.txtLink a{
	height: auto;
}
#pickup li.txtLink a:hover {
	padding-top: 0px;
	color: #C00;
}



#midB {
	margin-top: 20px;
}
#midB h2 ,#midB h3{
	background-color: #DFCCAC;
	text-align: center;
	margin-bottom: 8px;
}
#midB h2 {
	padding-top: 5px;
	padding-bottom: 5px;
}
#midB h3 {
	font-size: 0.8em;
	font-weight: lighter;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
}
#midB p {
	margin-bottom: 10px;
	color: #999;
}
#midB #contactbox {
}
#contactbox .mitumori,#contactbox .mitumori a {
	display: block;
	height: 62px;
	background-repeat: no-repeat;
}
#contactbox .mitumori  {
	width: 240px;
	float: left;
}
#contactbox .mitumori a {
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../common/banner_estimate.jpg);
	width: 213px;
}
#contactbox .mitumori,#contactbox .mitumori a:hover {
	background-image: url(../common/banner_estimate_f2.jpg);
}
#contactbox .address {
	height: auto;
	width: auto;
}
#contactbox .address p {
	margin-bottom: 2px;
}
