@charset "utf-8";
@import url(clearfix.css);
@import url(table.css);
@import url(print.css);
@import url(popup.css);


/* -----------------------------------------------common */
body { font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; background:url(../img/body-bg.png) top left repeat; font-size: inherit;}
 a { text-decoration:none; color:#84c857;}
 a:hover { color:#a1db76;}
 /*a:hover img {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}*/
  
/* -----------------------------------------------common */

#wrapper { width:1024px; margin:0 auto;}

#menu { width:100%; margin-bottom:20px; text-align:center; background:url(../img/menu-bg.png) no-repeat center;}
 #menu ul { width:840px; margin:0 auto;}
  #menu ul li { display:inline-block; margin:0 5px;}
   #menu ul li a { display:block; width:100px; height:38px; text-indent:-500px; overflow:hidden; background-image:url(../img/menu-sprite.png); background-repeat:no-repeat; background-position:0px 0px;}
   #menu ul li a#menu-top {background-position:-600px 0px;}
   #menu ul li a#menu-top:hover {background-position:-600px -38px;}
   #menu ul li a#menu-info {background-position:0px 0px;}
   #menu ul li a#menu-info:hover {background-position:0px -38px;}
   #menu ul li a#menu-item {background-position:-100px 0px;}
   #menu ul li a#menu-item:hover {background-position:-100px -38px;}
   #menu ul li a#menu-message {background-position:-200px 0px;}
   #menu ul li a#menu-message:hover {background-position:-200px -38px;}
   #menu ul li a#menu-company {background-position:-300px 0px;}
   #menu ul li a#menu-company:hover {background-position:-300px -38px;}
   #menu ul li a#menu-inquiry {background-position:-400px 0px;}
   #menu ul li a#menu-inquiry:hover {background-position:-400px -38px;}
   #menu ul li a#menu-access {background-position:-500px 0px;}
   #menu ul li a#menu-access:hover {background-position:-500px -38px;}
   #menu ul li a#menu-mypage {background-position:-700px 0px;}
   #menu ul li a#menu-mypage:hover {background-position:-700px -38px;}


#subColumn { width:230px; float:left;}
.subColumn-parts { margin-bottom:30px; padding:10px; text-align:center; background-color:#FFFFFF;}
.subColumn-parts h3 { margin-top:-15px; margin-left:-10px; margin-right:-10px;}
.subColumn-parts p { margin:5px auto; text-align:left; font-size:0.8em; color:#4D4D4D; line-height:1.4em;}
.subColumn-parts img { width: 100%; margin:5px auto;}

.pdf-icon {
	background: url(../img/icon-pdf24.png) left top no-repeat;
	color: #000;
	font-size: 13px;
	display: block;
	width: 210px;
	height: 30px;
	margin: 10px 0 0 0;
	padding: 5px 0 0 24px;
	text-align: left;
}

#news { padding:20px; background-color:#FFFFFF;}
#news h4 { color: #000000; font-weight:bold; letter-spacing:0.2em;}
.news-area { height:200px; overflow:auto;}
.news-area dt { display:block; margin-bottom:10px; padding:10px; font-size:0.8em; background-color:#f1f0f0; color:#84c857;}
/*.news-area a:hover { color:#4D4D4D; background-color:#ffffff;} */
.news-area dt span {font-size:0.6em; color:#84c857;}
.news-area dt.news-new { background-image: url(../img/info-icon-newOn.gif); background-position:10px 10px; background-repeat:no-repeat;}
.news-area dt.news-new:hover { background-image: url(../img/info-icon-newOff.gif);}
.news-area dt.news-info { background-image: url(../img/info-icon-infoOn.gif); background-position:10px 10px; background-repeat:no-repeat;}
.news-area dt.news-info:hover { background-image: url(../img/info-icon-infoOff.gif);}
.news-area dt.news-item { background-image: url(../img/info-icon-itemOn.gif); background-position:10px 10px; background-repeat:no-repeat;}
.news-area dt.news-item:hover { background-image: url(../img/info-icon-itemOff.gif);}
.mini { font-size: 12px;}

.btn-left { text-align:left;}
.btn-center { text-align:center;}
.btn-right { text-align:right;}
.btn-left a, .btn-center a, .btn-right a { display: inline-block; width:77px; height:11px; text-indent:500px; overflow:hidden; background-image:url(../img/btn-more.png); background-repeat:no-repeat; background-position:0px 0px;}a.btn-onGreen:hover { background-position:0px -11px;}
a.btn-onWhite:hover { background-position:0px -22px;}
a.btn-item { display: inline-block; margin-top:10px; margin-left:6px; padding:10px; color:#FFFFFF; text-align:center; background-image: url(../img/bg-green.png); background-repeat:no-repeat; background-position:0px 0px;}

.cont-shadow { -webkit-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.2); -o-box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 4px 0px rgba(0, 0, 0, 0.2);}

/* -----------------------------------------------top */

.top-mv { width:996px; margin-bottom:30px; position:relative; z-index:10; background-color:#84c857; border-bottom:#84c857 15px solid; border-left:#84c857 15px solid; border-right:#84c857 15px solid; -moz-border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; -ms-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; -ms-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;}
#slider9 { -moz-border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; -ms-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; -ms-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;}
.top-mv-bg { -moz-border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; -ms-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; -ms-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;}
.top-mv-logo { position:absolute; z-index:20; top:49px; left:28px;}
.top-mv-cap { position:absolute; z-index:20; top:465px;	left:26px;}

.top-mainColumn { width:764px; padding-bottom:30px;}
.top-about { margin-bottom:30px;}
.top-item { margin-bottom:30px;}
.top-item a { display:block; margin-bottom:10px; padding:15px; background-color:#FFFFFF;}
.top-item a .info { width:490px; margin-left:20px; float:left;}
.top-item a:hover { background:url(../img/bg-green.png) repeat top left;}
.top-item a h4 { margin-bottom:20px; color: #000000; font-weight:bold; letter-spacing:0.2em;}
.top-item a:hover h4 { color: #ffffff;}
.top-item a p { font-size:0.8em; color: #000000; line-height:1.4em;}
.top-item a:hover p { color: #ffffff;}
.top-item a img { float:left;}

/* -----------------------------------------------side */
.block_outer {
   padding: 0;
   margin: 0 0 20px;
   background-color: #fff;
}
ul.button_like li {
   margin: 0;
   padding: 0 0 1px 0;
   background: url(../img/bg_btn_list.jpg) bottom repeat-x;
}
ul.button_like li a {
   margin: 0;
   padding: 10px 15px 10px 10px;
   border: 1px solid;
   border-bottom: none;
   border-color: #ccc;
   display: block;
   background: url(../img/ico_arrow_02.gif) no-repeat right;
   text-decoration: none;
   outline: none;
}

/* -----------------------------------------------under */
.under-mv { width:996px; margin-bottom:30px; position:relative; z-index:10; background-color:#84c857; border-bottom:#84c857 15px solid; border-left:#84c857 15px solid; border-right:#84c857 15px solid; -moz-border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; -ms-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; -ms-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;}
.under-mv-bg { -moz-border-bottom-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -o-border-bottom-left-radius: 20px; -ms-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -moz-border-bottom-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -o-border-bottom-right-radius: 20px; -ms-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;}
.under-mv-logo { position:absolute; z-index:20; top:121px; left:29px;}
.under-mv-cap { position:absolute; z-index:20; top:116px; left:530px;}

.under-mainColumn { width:704px; margin-bottom:30px; padding:30px; background-color:#FFFFFF; float: right;}
.under-mainColumn h3 { padding:10px; font-weight:bold; letter-spacing:0.2em; border-bottom:#EFEAE3 5px solid;}
.under-mainColumn h4 { padding:10px; font-weight:bold;}
.under-mainColumn p { padding:10px 10px 10px 10px; font-size:0.8em; line-height:1.6em;}
.under-mainColumn p span.date { font-size:0.7em;}
.under-mainColumn img { margin-bottom:20px;}
.under-mainColumn img.left { margin-right:20px; float:left;}
.under-mainColumn img.right { margin-right:20px; float:right;}
.under-mainColumn table { width:100%; margin-top:30px; border-collapse: collapse; font-size:0.76em;}
.under-mainColumn table td { padding:3px;/* text-align:left;*/ border:#CCCCCC 1px solid;}
.under-mainColumn table td.grey { padding:5px; text-align:center; font-weight:bold; background-color:#e5e5e5;}

.under-mainColumn  ul.itemlist li { width:342px; margin:4px; padding-top:15px; text-align:center; border:#6CBA56 1px solid; background-color:#ffffff; float:left;}
.under-mainColumn  ul.itemlist li h4 { margin-top:10px; font-size:1.2em; color:#6CBA56;}
.under-mainColumn  ul.itemlist li .item-cap { width:320px; height:110px; margin:10px auto; text-align:left; font-size:0.7em; line-height:1.5em; color: #000000;}

.under-mainColumn  ul.itemlist li.fullculum { width:692px; padding-top:0; border: #990000 1px solid;}
.under-mainColumn  ul.itemlist li.fullculum h4 { margin-top:0px; font-size:1.1em; color:#990000;}
.under-mainColumn  ul.itemlist li.fullculum .item-cap { width:650px; height: auto; margin:0px auto;}

.under-mainColumn .cap-bgGreen {margin:30px auto; padding:10px; color:#FFFFFF; text-align:center; font-weight:bold; background-image: url(../img/bg-green.png); background-repeat:no-repeat; background-position:0px 0px;}
.under-mainColumn  ul.itemlist li .cap-bgGreen {margin:0px auto;}
.under-mainColumn a.btn-bgGreen { display:block; margin-bottom:30px; padding:10px; color:#FFFFFF; text-align:center; font-weight:bold; background-image: url(../img/bg-green.png); background-repeat:no-repeat; background-position:0px 0px;}

.kiyaku textarea {
width: 700px;
}

/* -----------------------------------------------footer */
#footer { padding-top:10px; padding-bottom:30px; color:#FFFFFF; background:url(../img/bg-green.png) repeat top left;}
.footer-innner { width:1024px; margin:0 auto;}
.footer-left { width:400px; float:left;}
.footer-left-copy { margin-bottom:10px; font-size:0.6em;}
.footer-right { width:600px; float:right;}
.footer-right-link { margin-bottom:10px; text-align:right; font-size:0.8em;}
.footer-right-link a { margin-left:20px; color:#FFFFFF;}
.footer-right-link a:hover { border-bottom:#FFFFFF 1px dashed;}
.footer-right-info { font-size:0.7em; text-align:right;}