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


button.btn-primary a{
	color:white;
}


/* for PC */
@media only screen and (min-width:1200px),print{
	.container{
		width:1280px;
		display: block;
	}
	
	.container:after{
		clear:both;
		content:"";
		display:block;
	}
	
	main{
		float: right;
		width:1000px;
/*		border:1px solid #ccc;*/
	}
	
	
	
nav#sidenavi{
  float: left;
  width: 220px;
}

nav#sidenavi .cate-title {
  padding: 26px 20px;
  background-color: #122889;
	background-color:#2E008B;
  color: #fff;
  font-size: 125%;
  line-height:1.1em;
  text-align:center;
}

nav#sidenavi .cate-title a{
  color:#fff;
  text-decoration: none;
}

/*	
nav#sidenavi dl.group {
  margin: 0 0 20px;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1);
}

nav#sidenavi dl.group dt {
  padding: 15px 10px;
  border: 1px solid #ddd;
  border-bottom: none;
  background-color: #f3f3f3;
  text-align:center;
  line-height: 1.3em;
}

nav#sidenavi dl.group dt a {
  text-decoration: none;
}

nav#sidenavi dl.group dd {
  width: 218px;
  border-top: 1px solid #ddd;
}
	
nav#sidenavi dl.group dd ul {
padding-left:0;
}
	
	

nav#sidenavi dl.group dd > ul > li > a {
  display: block;
  padding: 15px 10px 15px 32px;
  border-top: 1px dotted #ddd;
  background: #fff url("../img/btn_navi.gif") no-repeat 9px center;
  line-height:1.2em;
  text-decoration:none;
	color:black;
}

nav#sidenavi dl.group dd > ul > li:first-child > a {
  border-top: none;
}

nav#sidenavi dl.group dd > ul > li > a:hover {
  background-color: #fafafa;
  color:#000;
}

nav#sidenavi dl.group dd > ul > li > a.active {
  background-color:#e7e9f3;
  color:#000;
  text-decoration:underline;
}

nav#sidenavi dl.group dd > ul > li.current > a {
  background-color: #e7ef9f3;
  color:#000;
  text-decoration: underline;
}

nav#sidenavi dl.group dd ul.child {
  margin: 2px 0 0;
}

nav#sidenavi dl.group dd ul.child > li > a {
  display: block;
  margin: 0;
  padding: 9px 8px 8px 23px;
  background: #fff url("../img/btn_navi_2.gif") no-repeat 13px 11px;
  font-size: 86%;
  line-height:1.2em;
  text-decoration:none;
}

	
nav#sidenavi dl.group dd ul.child > li > a.active {
  background-color: #e7e9f3;
  color:#000;
  text-decoration:underline;
}

nav#sidenavi .sub-navi {
  margin: 0 0 20px;
  padding: 18px 15px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 3px 1px rgba(0,0,0,0.1);
  font-size: 86%;
}

nav#sidenavi .sub-navi li a {
  display: block;
  margin: 15px 0 0;
  padding: 0 10px 0 21px;
  background: #fff url("../img/btn_navi_2.gif") no-repeat 2px center;
  line-height:1.2em;
  text-decoration:none;
}

nav#sidenavi .sub-navi li:first-child a {
  margin: 0;
}
*/

	nav#sidenavi ul.list-group li.list-group-item{
		padding:0;
		
	}	

	nav#sidenavi ul.list-group li.list-group-item a{
  display: block;
  padding: 15px 0 15px 32px;
  background: #fff url("../img/btn_navi.gif") no-repeat 9px center;
  line-height:1.2em;
  text-decoration:none;
	color:black;
	}	

	nav#sidenavi ul.list-group li.list-group-item a.active{
		background-color: #e7e9f3;

	}	

}

@media screen and (max-width:1399.98px){
	nav#sidenavi{
		display:none;		
	}
}


/* for mobile */
@media only screen and (max-width:1199.98px){
	.container{
		width:100%;
		padding:2%;
		padding:1rem;
/*		padding-top:70px;*/
	}

	
	nav#sidenavi{
		display:none;
	}
	
	
}