@charset "utf-8";
/* CSS Document */

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){

/*************
/* ヘッダー
*************/
#header,#wrapper,.inner_c{
width:960px;
padding:0;
margin:0 auto;
position: relative;
}

#wrapper{padding-bottom:20px;}

/*************
/* メインナビ
*************/
	nav div.mypanel{
	display:block !important;
	float:left;
	}

	a#menu_box{display:none;}
	
	#mainNav{
	clear:both;
	z-index:200;
	position:relative;
	width:936px;
	margin:0 auto;
	margin-bottom:20px;
	height:57px;
	/*overflow: hidden;*/
	background:#fff;
	/*border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	border-top:1px solid #dadada;*/
	border-bottom:4px solid #13901a;
	border-radius: 0.5em 0.5em 0em 0em;
	}

	#mainNav li{
	float:left;
	position:relative;
	}

	#mainNav li a{
	/*color:#555;*/
	color:#333;
	display: block;
	text-align: center;
	float:left;
	font-size:13px;
	/*width:160px;
	height:30px;*/
	/*width:187px;
	height:45px;*/
	width:233px;
	height:45px;
	padding-top:12px;
	border-right:1px solid #dadada;
	/*border-top:2px solid #ebebeb;
	border-bottom:2px solid #ebebeb;*/
	}

	#mainNav li.end a{
	border-right: none;
	}

	#mainNav li a span,#mainNav li a strong{display:block;}

	#mainNav li a span{
	color:#bababa;
	font-size:10px;
	}
	
	/*#mainNav li.current-menu-item a, #mainNav li.active a,*/ #mainNav li a:hover{
	color:#909090;
	padding-top:12px;
	border-bottom:1px solid #13901a;
	height:44px;
	}

	#mainNav li ul{
	display:none;
	width:188px;
	/*background:#fff;*/
	}
	
	#mainNav li li{
	margin:0;
	float:none;
	width:188px;
	/*border:0;*/
	}
	
	#mainNav li li a{
	width:auto;
	height:auto;
	padding:10px;
	font-size:95%;
	text-align:left;
	/*border:0;*/
	text-align:center;
	border-top:0px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;	
	}

	#mainNav li li span{padding:0 10px;}
	
	/*#mainNav li.current-menu-item a{
	border-color:#555;
	}*/

	#mainNav li li:last-child{border:0;}

	#mainNav li:hover ul.sub{
	width:166px;
	z-index:500;
	display:block;
	position: absolute;
	top:56px;
	/*left:0px;*/
	}

	#mainNav ul.sub li{
	width:186px;
	}

	#mainNav ul.sub li a{
	display:block;
	width:212px;
	color:#FFFFFF;
	background-color:#13901a;
	padding-top:15px;
	height:25px;
	left:0px;
	border-top:0px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;	
	}

	#mainNav ul.sub li a:hover{
	color:#fff1a7;
	background-color:#08680d;
	height:25px;
	}

	/*#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item li a:hover{
	color:#999;
	}*/
	
	*,
	*:after{
	box-sizing: content-box;
	}

/*************
/* 企業管理メインナビ
*************/
nav#mainNav_cl{
clear:both;
width:936px;
margin:0 auto;
margin-bottom:20px;
overflow:hidden;
position:relative;
background:#fff;
border-bottom:2px solid #13901a;
}

#sub-page nav#mainNav_cl{
margin-bottom:10px;
}

nav#mainNav_cl ul li{
float: left;
position: relative;
}

nav#mainNav_cl li:last-child{
border-right:1px solid #dadada;
}

nav#mainNav_cl ul li a{
display: block;
text-align: center;
float:left;
font-size:13px;
width:310.7px;
height:40px;
padding-top:8px;
color:#333;
border-left:1px solid #dadada;
}

nav#mainNav_cl ul li a span,nav#mainNav_cl ul li a strong{
display:block;
}

nav#mainNav_cl ul li a span{
color:#afafaf;
font-size:10px;
}

nav#mainNav_cl div.mypanel{
display:block !important;
float:left;
}

*,
*:after{
box-sizing: content-box;
}

nav#mainNav_cl a#menu_box{display:none;}

nav#mainNav_cl li.active a, nav#mainNav_cl li a:hover{
color:#909090;
padding-top:8px;
border-bottom:1px solid #13901a;
height:39px;
}

/**************************
/* メイン画像
**************************/
#mainBanner{
margin:0 0 20px 0px;
padding:0;
width:100%;
position:relative;
line-height:0;
}

/*************
/* パンくずリスト
*************/
.pankuzu {
padding-left:15px;
margin:0px 0px 15px 0px;
}

/*************
/* メイン コンテンツ
*************/
#main{
float:right;
width:667px;
/* width:69.5%; */
padding-right:15px;
}

/* index.html/セクションブロック左側 */
section.content div.left{
float: left;
width: 49%;
}

/* index.html/セクションブロック右側 */
section.content div.right{
float: right;
width: 49%;
}

/* #kouza .mv img {
width:32%;
}  */

/* service.html/ブロック */
ul.block_list li{
float: left;
width: 46%;
margin: 10px 0px 8px 15px;
height:240px;
}

/* 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:12px 8px 0px 8px;
}

.cps-j div.menu, .cps-j_wtd div.menu{
float:none;
text-align:center;
}

.cps-j img {
width: 30%;
float: none;
}

.cps-j_wtd img {
width: 45%;
float: none;
}

ul.block_list3 li{
float: left;
width: 46%;
margin: 10px 0px 8px 15px;
}

/* 破線 */
hr.hasen2{
margin:0px 0px 0px 0px;
border-width: 1px 0 0 0; /* 太さ */
border-style: dotted;     /* 線の種類 */
border-color: #FFF;      /* 線の色 */
}

/* コンテンツ下の会員登録ボタンエリア */
#helpBox div.btn-l_box {
float: left;
width: 48%;
}

#helpBox div.btn-r_box {
float: right;
width: 48%;
}

/*************
/* サイドバー
*************/
#sidebar{
float:left;
width:245px;
/* width:25.5%; */
padding:0px 0 0 15px;
overflow:hidden;
}

#sidebar article{
padding:7px;
margin-bottom:20px;
/*border:1px solid #ebebeb;*/
overflow:hidden;
}

#menber {
width:80%;
}

/*************
/* ページトップ
*************/
.to_top {
text-align: right;
padding-right: 15px;
clear: both;
margin: 10px 0px 0px 0px;
}


/*************
/* フッター
*************/
.grid{
float:left;
width:300px;
margin-left:20px;
}

ul.footnav {
float: right;
width: 650px;
padding: 10px 0;
}

/*************
テーブル
*************/
table.table_info th {
width:22%;
}


/*************
ユーザー管理
*************/

/* member/index.html */
#mypage-top div.menu img {
padding: 0px 7px 12px 7px;
}

#mypage-top div.menu input, #mypage-top div.menu img{
padding: 0px 7px 12px 7px;
width: 47%;
float: left;
}
}

/* top mediaQueries */
@media screen and (min-width:1040px){
}

@media screen and (min-width:768px){
}

@media only screen and (min-width: 769px){
}