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

/*---- メインビジュアル ----*/
#mv {
	padding: 20px 0 20px;
	width:950px;
	margin:0 auto;
}
#maincontents {
	padding: 0 0 45px 0;
}
/*グローバルナビ
----------------------------------------*/

/*左コンテンツ
----------------------------------------*/
#leftcontainer {
	width: 685px;
	background:#eee;
	padding:15px 20px 80px 0;
	min-height:845px;
}

nav.on8 ~ .maincontainer #leftcontainer {
	min-height:940px;
}

/*----- パンナビ -----*/
p#pannavi {
	font-size: 85%;
	margin: 0 0 10px;
	padding: 0;
}
/*----- コンテンツ内段落基本設定 -----*/
/*右コンテンツ
----------------------------------------*/
#rightcontainer {
	padding: 15px 0 0 15px;
	width: 230px;
}

#submenu {
	margin-bottom:30px;
}
#submenu header{
	padding:14px 10px;
	color:#fff;
	background:#5A3A8F;
	font-size:120%;
	font-weight:bold;
}
#submenu ul{
	margin:0;
	background:#EEE;
	border:1px #ccc solid;
	padding:2px;

}
#submenu li {

}
#submenu li a:hover, #submenu li.subon a {
	background-color:#DBDBDB;
}
#submenu li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	padding: 10px 10px 10px 22px;
	border-top:1px solid #BBB;
	border-left:1px solid #BBB;
	border-right:1px solid #BBB;
	color:#333;
	background: url(../imgs/kasou/ic_subnav.png) no-repeat 10px 20px;
}
#submenu li:last-child a{
		border-bottom:1px solid #BBB; 
}

/* ページビュート */
.pagebute{
	padding-top:20px;
	text-align:center;
	padding-bottom:20px;
}
.pagebute a{
	text-decoration:none;
}

a.link_before,
a.link_next,
a.link_page,
.current_page{
	border:5px solid #99BB9A;
	padding:5px 10px;
}
a.link_before,
a.link_next,
a.link_page{
	background-color:#D0DFD1;
}
a.link_before:hover,
a.link_next:hover,
a.link_page:hover{
	background-color:#666;
	color:#FFF;
}
a.link_before{
	margin-right:10px;
}
a.link_next{
	margin-left:10px;
}
/*扉ページ*/
.indexlist h2,
.indexlist h3{
   background-image: none;
    border: medium none;
    margin-top: 20px;
    padding: 0 !important;
}
.indexlist h2 a,
.indexlist h3 a,
.indexlist span{
	display:block;
	padding:8px 10px 6px 15px;
	background:#E5E2F0;
	color:#4A1F70;
	border-bottom:2px solid #4A2070;
}
.protect{
	  touch-callout:none;
	  user-select:none;
	  -webkit-touch-callout:none;
	  -webkit-user-select:none;
	  -moz-touch-callout:none;
	  -moz-user-select:none;
}

@media screen and (max-width: 950px) {
	/* メインビジュアル */
	#mv{
		width:100%;
	}
	#mv img{
		width:100%;
		height:auto;
	}
	/* サブメニュー */
	
	#submenu{
	margin:20px 0;
	}
	#submenu ul{
		padding:0;
		background:#fff;
		 border: 1px solid #bbb;
			padding:1px;
			box-sizing:border-box;
	}
	
	#submenu ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
	}

	#submenu li{
		    display: table;
    float: left;
    width: 50%;
	}
	
#submenu li a {
   background: #fff url("../imgs/kasou/ic_subnav.png") no-repeat scroll 10px 20px;
    border-bottom: 1px solid #bbb;
				border-top: 0;
    box-sizing: border-box;
    color: #333;
    display: table-cell;
    height: 100%;
    width: 100%;
				border-collapse:collapse;
}
#submenu li:first-child a,#submenu li:nth-child(2) a{
    border-top: 1px solid #bbb;
}
#submenu li:nth-child(even) a{
	    border-left: none;
}

}
@media screen and (max-width: 640px) {
		#submenu li{
		    display: table;
    float: none;
    width: 100%;
	}
	#submenu li:first-child a{
    border-top: 1px solid #bbb;
}
#submenu li:nth-child(2) a{
    border-top: 0;
}
#submenu li:nth-child(even) a{
	    border-left: 1px solid #bbb;
}
#leftcontainer,nav.on8 ~ .maincontainer #leftcontainer{
	min-height:100px;
}
.full{
	width:100% !important;
}
}