/*ヘッダー*/
#header {
	position: relative;
	background: #001166;
	height: 80px;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #FFCC33;
	}
#top_image {
	width:100%;
	margin:0;
	height:280px;
}
#top_image img{
	width:100%;
	height:auto;
	margin: 0;
}

#top_leftbt {
	float: left;
}
#main {
	float: left;
	margin: 18px 0px;
}

#sidebar {
	float: right;
	margin-right: 12px;
	margin-left: 0px;
}
#main  #intoro {
	font-size: 95%;
	font-weight: normal;
	border-left: 4px solid #FFCC33;
	padding-left: 10px;
	margin-left: 5px;
	margin-top: 10px;
	clear:both;
}
#main #intoro h2 {
	font-size: 100%;
	font-weight: bold;
	color: #FF9900;
	padding-bottom: 5px;
}
.column ul li{
	/*width:30%;*/
	float:left;
	display:block;
	margin-right: 2px;
	margin-bottom: 5px;
}
.column ul li:last-child{
	margin-right: 0px;
}
/*.column p{
	padding:6px;
	font-size:90%;
	line-height:1.3;
	
}
.column p#pink{
	color:#C5567F	
}
.column p#green{
	color:#438628	
}
.column p#purple{
	color:#72367C	
}
.column a:hover{
	opacity:0.6;
	
}*/

ul.slide {
  /*overflow: hidden;*/
  width: 100%;
  margin: 0;
}
ul.slide li {
  position: absolute;
  list-style: none;
}
#kawaraban {
	margin: 10px auto 0px;
	padding: 0px;
	height: auto;
	width: 313px;
}

 /* table styles
--------------------------*/
.top
  {
	border-collapse: collapse;
	border-style: none;
}
.top td {
	margin: 0px;
	padding: 2px;
	border-style: none;
}

#main #topics {
	margin: 0px;
	padding: 30px 0px;
}
#main #topics h4 {
	background-image: url(../images/main_icn_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 90%;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#main #topics p {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 10px;
	border-bottom: 1px dashed #CCCCCC;
	font-size: 90%;

}
#thought {
 margin: 0px;
 padding: 0px 0px 20px;
	border-bottom: 1px dashed #CCCCCC;
 }
#main #thought ol li{
 margin: 0px 0px 14px 15px;
 padding: 0px 0px 0px 33px;
 color: #042474;
 font-size: 15px;
 font-weight: bold;
 background: url(/images/kira.jpg) no-repeat left 4px;
 background-size: 14px;
    }
#commitment {
 margin: 0px 0px 10px;
 padding: 30px 0px 0px;
 }
#main #commitment .commitment_box .bold {
 color: #042474;
 height: 54px;
 font-size: 15px;
    }
#main #commitment .commitment_box .bold span {
 background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;
 }
#main #commitment .commit1 .bold {
 background: url(/images/commitment1_1.gif) no-repeat left top;
 padding-left: 38px;
 height: 78px;
}
#main #commitment .commit2 .bold {
 background: url(/images/commitment2_1.gif) no-repeat left top; 
 padding-left: 38px;
 height: 78px;
}
#main #commitment .commit3 .bold {
 background: url(/images/commitment3_1.gif) no-repeat left top;
 padding-left: 38px;
 height: 54px;
}
#main #commitment .commit4 .bold {
 background: url(/images/commitment4_1.gif) no-repeat left top; 
 padding-left: 38px;
 height: 54px;
}
#main #commitment .commit5 .bold {
 background: url(/images/commitment5_1.gif) no-repeat left top; 
 padding-left: 38px;
}
#main #commitment .commit6 .bold {
 background: url(/images/commitment6_1.gif) no-repeat left top; 
 padding-left: 38px;
}
#main #commitment .commit7 .bold {
 background: url(/images/commitment7_1.gif) no-repeat left top; 
 padding-left: 38px;
}
#main #commitment .commit8 .bold {
 background: url(/images/commitment8_1.gif) no-repeat left top; 
 padding-left: 38px;
}
#main #commitment .commit9 .bold {
 background: url(/images/commitment9_1.gif) no-repeat left top; 
 padding-left: 38px;
}
#main #commitment .commit10 .bold {
 background: url(/images/commitment10_1.gif) no-repeat left top; 
 padding-left: 38px;
}

.commitment_box {
 width: 250px;
 padding: 12px;
 box-shadow: 4px 2px 9px 0px #dbdbdb;
 margin-bottom: 10px;
 font-size: 94%;
}
#commitment .center {
 text-align: center;
}
.commit1,
.commit3,
.commit5,
.commit7,
.commit9 {
 float: left;
 }

.commit2,
.commit4,
.commit6,
.commit8,
.commit10 {
 float: right;
 }
.commit1,
.commit2 {
 height: 300px;
 }
.commit1 .commitxt,
.commit2 .commitxt {
 height: 120px;
}
.commit3,
.commit4 {
 height: 260px;
 }
.commit3 .commitxt,
.commit4 .commitxt {
 height: 100px;
}
.commit5,
.commit6 {
 height: 280px;
 }
.commit5 .commitxt,
.commit6 .commitxt {
 height: 120px;
}
.commit7,
.commit8 {
 height: 260px;
 }
.commit7 .commitxt,
.commit8 .commitxt {
 height: 100px;
}
.commit9,
.commit10 {
 height: 260px;
 }
.commit9 .commitxt,
.commit10 .commitxt {
 height: 100px;
}
.wf-mplus2p { font-family: "Mplus 2p"; } 
.commitment_box img{
 width: 136px;
}
#subscribe_sp{
	display:none;
}
/*三段組み右*/
#top_right {
	width: 190px;
	float: left;
	font-size: 11px;
	padding-top: 12px;
	}
	#top_right h3 {
		background: none;
		width: 180px;
		font-size: 100%;
		margin: 0;
		padding: 0;
		border: none;
		}
#map {
	margin-top: 10px;
}


#map   dl {
	padding: 10px 15px 10px 15px;
	background-repeat:no-repeat;
	background-position: 50% bottom;
	background-image: url(../../images/top_right_map_bg.gif);
		}
#map   dt {
			color: #ff5d00;
			}
#map   dd {
			border-bottom: dashed 1px #999;
			margin-bottom: 10px;
			padding-bottom: 5px;
			}
#map   dd.no_bdr {
			border-bottom: none;
			}
#map   dd   li {
	background: url(../../images/top_right_map_icon_gray.gif) left 50% no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
	width: 68px;
	float: left;
				}
#map    dd    li.top_icn_senyou {
	background-image: url(../../images/icon_senyou.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	margin-right: 2px;
	width: 63px;
	padding-left: 13px;
					}
#map  em {
	float: right;
	padding: 0 0 0 13px;
	background-image: url(../../images/icon_senyou.gif);
	background-repeat: no-repeat;
	background-position: left 40%;
					}
		#top_right #top_mobile {
			line-height: 1.2em;
			clear: both;
			}
			#top_right #top_mobile li {
				margin-bottom: 10px;
				}
			#top_right #top_mobile li img {
				margin-bottom: 5px;
				}
#top_right   #map   dt  a {
	color: #ff5d00;
	text-decoration: none;
			}
#top_right_navi {
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
	}
	#top_right_navi li {
		margin-bottom: 7px;
		}
.banner{
	float:left;
	width:33%;
	margin:10px 0 5px 0;
}
/* Only Smartphone
----------------------------------------------------------------------*/
@media screen and (max-width:600px){
#top_image {
	width:100%;
	height:auto;
	margin:0;
}

ul.slide {
    overflow: hidden;
    width: 100%;
    margin: 0;
}
#main{
	float:none;
	margin:36% 0 0 0;
	
	
}

/*三段組み右*/
#top_right {
	display:none;
	}
.sub_bt img{
	width:100%;
}
	#top_right h3 {
		background: none;
		width: 100%;
		font-size: 100%;
		margin: 0;
		padding: 0;
		border: none;
		}
	#map   dl {
	padding: 10px 15px 0 15px;
	background-repeat:repeat;
	background-position:0 0;
	background-image: url(../../images/top_right_map_bg2.gif);
	font-size:110%;
		}
	#map img{
			width:100%;
			height:auto;
		}
		
	.banner{
		width:48%;
		margin:1%;
	}
	.banner#qr{
		display:none;
	}
	.banner img{
		width:100%;
		margin:6px 0;

	}
.column ul li img{
	width:100%;
	float:none;
	display:block;
	overflow: hidden;
	position:inherit !important;
	clear:both;
}

/*.column p a{
	padding:6px;
	font-size:100%;
	
}*/
#subscribe_sp{
	display:block;
}
#subscribe_sp img{
	width:100%;

}
#subscribe_sp a:hover{
	opacity:0.6;
	
}
#main  #intoro {
	display:none;
}
#main #topics h3 {
	overflow:hidden;
	width:100%;
	margin-bottom:0px;
	padding-bottom:0px;
}
#main #thought h3,
#main #commitment h3 {
	overflow:hidden;
	width:100%;
	margin-bottom:12px;
	padding-bottom:0px;
}
.commit1, 
.commit2,
.commit3,
.commit4,
.commit5,
.commit6,
.commit7,
.commit8,
.commit9,
.commit10 {
 height: auto;
 float: none;
 }
.commit1 .commitxt,
.commit2 .commitxt,
.commit3 .commitxt,
.commit4 .commitxt,
.commit5 .commitxt,
.commit6 .commitxt,
.commit7 .commitxt,
.commit8 .commitxt,
.commit9 .commitxt,
.commit10 .commitxt {
 height: auto;
}
.commitment_box {
 width: 92%;
 margin: 0px 0px 10px ;
 }
}