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


/* タブレット用 */
@media only screen and (max-width:959px){

/*************
/* メインナビ
*************/
	#mainNav{
	clear:both;
	width:96%;
	margin:0 auto;
	margin-bottom:10px;
	padding:0;
	background:#FFFFFF;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fff), color-stop(0.00, #f7f7f7));
	background: -webkit-linear-gradient(top, #f4fcf5 0%, #fff 100%);
	background: -moz-linear-gradient(top, #f4fcf5 0%, #fff 100%);
	background: -o-linear-gradient(top, #f4fcf5 0%, #fff 100%);
	background: -ms-linear-gradient(top, #f4fcf5 0%, #fff 100%);
	background: linear-gradient(top, #f4fcf5 0%, #fff 100%);*/
	/*border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4;*/
	border-bottom:3px solid #13901a;
	border-radius: 0.4em 0.4em 0em 0em;
	}

	#mainNav ul li a span{padding-left:1px; font-size:9px;
	display:block;
	}

	#mainNav a.menu{
	color:#555;
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	}

	#mainNav a#menu_box span{
	padding-left:10px;
	}
	#mainNav a.menu span:before{content:"≡ ";}
	#mainNav a.menuOpen span:before{content:"× ";}

	#mainNav a#menu_box:hover{cursor:pointer;}

	nav .mypanel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}
	
	#mainNav ul{margin:0;padding:0;}

	#mainNav li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	#mainNav li a/*,#mainNav li.current-menu-item li a*/{
	color:#FFFFFF;
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px solid #FFFFFF;
	background: #13901a/*-webkit-gradient(linear, left top, left bottom, color-stop(1, #fff), color-stop(0.00, #f7f7f7))*/;
	}
	
	#mainNav ul.sub li a /*,#mainNav li.current-menu-item li a*/{
	color:#FFFFFF;
	background-color: #13901a/*#fff3f3*/ /*#f7f7f7*/;
	}
	
	/*#mainNav ul li a,#mainNav ul li.current-menu-item li a{
	display: block;
	padding:9px 10px;
	text-align:left;
	border-bottom:1px dotted #FFF;
	background-color: #00b52c;
	color:#FFF;
	}*/
	
 	/*#mainNav li a span{padding-left:10px;}*/
		
	/*#mainNav ul li:last-child a{border:0;}*/
	/*#mainNav li li:last-child a{border-bottom:1px dotted #ccc;}*/
 
	/*#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item a,#mainNav li a:active, #mainNav li li.current-menu-item a, #mainNav li.current-menu-item li a:hover, #mainNav li.current-menu-item li a:active,*/

	#mainNav ul li a:hover,#mainNav ul.sub li a:hover{
	color:#fff1a7;
	background-color:#08680d;
	}

	#mainNav li li{
	float:left;
	border:0;
	}

	#mainNav li li a/*, #mainNav li.current-menu-item li a, #mainNav li li.current-menu-item a*/{
	padding-left:40px;
	background:url(../images/sub1.png) no-repeat /*20px 18px*/20px -65px;
	}

	nav div.mypanel{float:none;}

/*************
/* 企業管理メインナビ
*************/
nav#mainNav_cl{
clear:both;
width:96%;
margin:0 auto;
margin-bottom:20px;
padding:0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fff), color-stop(0.00, #f7f7f7));
background: -webkit-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -moz-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -o-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%, #fff 100%);
background: linear-gradient(top, #f7f7f7 0%, #fff 100%);
border-left:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
border-top:1px solid #e4e4e4;
border-bottom:2px solid #13901a;
}

nav#mainNav_cl a.menu{
width:100%;
display:block;
height:40px;
line-height:40px;
font-weight: bold;
text-align:left;
}

nav#mainNav_cl a#menu_box span{padding-left:10px;}
nav#mainNav_cl a.menu span:before{content: "→ ";}
nav#mainNav_cl a.menuOpen span:before{content: "↓ ";}

nav#mainNav_cl a#menu_box:hover{cursor:pointer;}

nav#mainNav_cl .mypanel{
display: none;
width:100%;
position: relative;
right:0;
top:0;
z-index:1;
}

nav#mainNav_cl ul li{
float: none;
clear:both;
width:100%;
height:auto;
line-height:1.5;
}

nav#mainNav_cl ul li a,nav#mainNav ul li.current-menu-item li a{
display: block;
padding:9px 10px;
text-align:left;
border-bottom:1px dotted #FFF;
background-color: #00b52c;
color:#FFF;
}

nav#mainNav_cl ul li a span{padding-left:1px; font-size:9px;
display:block;
}

nav#mainNav_cl ul li:first-child a{
border-top:2px solid #13901a;
}

nav#mainNav_cl ul li:last-child a{border:0;}

nav#mainNav_cl ul li.active a{
color:#FF9;
background-color:#51c0f1;
}

nav#mainNav_cl ul li a:hover{
color:#FF9;
background-color:#51c0f1;
}

nav#mainNav_cl div.mypanel{float:none;}

/**************************
/* メイン画像
**************************/
#mainBanner{
margin:20px auto;
padding:0;
width:96%;
position:relative;
line-height:0;
}

/*************
/* パンくずリスト
*************/
.pankuzu {
padding-left: 0px;
margin: 0px 0px 15px 0px;
}

/*************
/* メイン コンテンツ
*************/

/* index.html/セクションブロック左側 */
section.content div.left {
float:left;
width:49%;
}

/* index.html/セクションブロック右側 */
section.content div.right {
float:right;
width:49%;
}

/* service.html/ブロック */
ul.block_list li{
float: left;
width: 46%;
margin: 10px 0px 8px 17px;
height:250px;
}

/* sitemap.html/ブロック */
div.sitemapList ul li.boxs{
float: left;
width: 46%;
margin: 10px 0px 8px 15px;
}

/* cps-j.html/ブロック */
.cps-j-zu img{
padding:15px 20px 10px 0px;
}

.cps-j div.menu img, .cps-j_wtd div.menu img{
padding:16px 12px 4px 12px;
}

.cps-j_wtd div.menu img{
width:48%;
}

ul.block_list3 li{
float: left;
width: 46%;
margin: 10px 0px 8px 17px;
}

/* 破線 */
hr.hasen2{
margin:0px 0px 0px 0px;
border-width:1px 0 0 0; /* 太さ */
border-style:dotted;     /* 線の種類 */
border-color:#FFF;      /* 線の色 */
}

/* --- コンテンツ下の会員登録ボタンエリア --- */
#contact {
display:none;
}


/*************
/* サイドバー
*************/
#sidebar{padding-bottom:30px;}

#sidebar article{
padding:7px 12px 7px 12px;
margin-bottom:20px;
}

#sidebar p{text-align:center;}

#menber {
width:90%;
}

#menber div.id {
width:46%;
float:left;
}

#menber div.pass {
width:46%;
float:right;
}

#menber .login-text {
height:35px;
}


/*************
/* ページトップ
*************/
.to_top {
text-align: center;
clear: both;
margin: 0px 0px 20px 0px;
}


/*************
/* フッター
*************/
#myfooter .grid,#myfooter ul.footnav{
float:none;
width:100%;
text-align:center;
}

#myfooter .grid img, #myfooter .info{float:none;}

#myfooter #info .info{
float:none;
text-align:center;
}

#myfooter.logo,#myfooter .info{
width:100%;
float:none;
}

ul.footnav li{float:none;display:inline-block;}

/*************
テーブル
*************/
table td.td_odd li.touroku {
width:200px;
}
table td.td_odd li.kensaku {
width:220px;
}

}

@media screen and (min-width:768px){

/*************
/* メインナビ
*************/
#kouza .mv img {
width:30%;

}

@media screen and (max-width:768px){

/*************
/* メインナビ
*************/
#kouza .mv img {
width:32%;
}

}