@charset "UTF-8";
@import url("divstyle.css");

@media (max-width: 699px) 
{
	.top{border-bottom: 5px solid #33cc33;}
	.menu{display: none!important;}
	.menu_sp_buton{display: block!important;}	
	.content{margin-top: 10px;}
	.pc{display: none!important;}
	.sp{display: block!important;}
	.span_pc{display:initial!important;}
	.span_sp{display: inline-block!important;}
	.go_top:hover{opacity: 0.5!important;}
	.footer_info{margin-top: 20px!important;}
	.logo .top_info{display: none!important;}

	.ct{padding-left: 0px!important;}
}
body {
   margin:0;
   padding:0;
   line-height:1.8;
   letter-spacing:1px;
   font-size:14px;
   color: #333;
   font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;   
}
.body{
	position: relative;
}

.logo{
	height: 90px;
	position: relative;
	margin-top: 10px;
}
.logo a{
	color: #333;
	text-decoration: none;
}
.logo a span{
	display: block;
	width: 250px;
	text-align: center;
}
.logo a .name{
	font-size: 26px;
}
.logo a .slogan{
	font-size: 16px;
}

.logo .top_info{
	font-size: 15px;
	position: absolute;
	right: 0px;
	bottom: 20px;
}

/*PC menu*/
.menu_pc{
	cursor: pointer;
	background-color: #33cc33;
	border-top: 1px solid #00CC99;
	border-bottom: 1px solid #00CC99;	
}
.menu{
}
.menu ul{
	margin: 0px; 
	padding: 0px;
}
.menu ul li{	
	float: left;
	display: block;
}
.menu ul li a{
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 35px;
	display: block;	
}
.menu ul li a:hover{
	opacity: 0.7;
}
.menu ul li a img{
	position: absolute;
	margin-top: 5px;
	width: 25px;
}
.menu ul li a span{
	margin-left: 30px;
}

/*smartphone*/
.menu_sp_buton{
	display: none;
	width: 45px;
	height: 45px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.menu_sp_buton:active{bottom: 3px;right: 3px}
.menu_sp_buton img{max-width: 100%;cursor: pointer;}
.menu_sp{
	cursor: pointer;
	position: absolute;
	background-color: #F6F6F6;
	top:-999px;
}
.menu_sp ul{
	margin: 0px; 
	padding: 0px;
}
.menu_sp ul li{
	display: block;
	cursor: pointer;	
	border-bottom: 1px solid #33cc33;
}
.menu_sp ul li a{
	display: block;
	width: 100%;
	color: #333; 
	text-decoration: none;
	text-align: left;
	padding-left: 30px;
	line-height: 45px;
}

.menu .menu_active{
	background: url("../image/common/selected_menu.png") bottom center no-repeat;
	background-size: 15px;
}
.menu_sp .menu_active{
	background: url("../image/common/selected_menu_sp.png") center left no-repeat;
	background-size: 10px;
}

.content{	
	padding: 0px 5px 30px 5px;
}

.footer_full{
	background-color: #FFF;
	border-top: 5px solid #33cc33;
	margin-bottom: 50px;
	margin-top: 30px;
}

.footer{margin-top: 20px;}
.footer .footer_title{color: #33cc33; padding-bottom: 10px;font-weight: bold;}
.footer_menu{padding-left: 5px;}
.footer_menu a{
	color: #333;
	text-decoration: none;
	display: inline-block;
	width: 90px;
}

.footer_info{padding-left: 5px;}
.footer_info .info_name{font-size: 22px; font-weight: bold;}

.go_top{
	z-index: 9999; 	
	opacity: 0.5; 		
	position:fixed;	
	bottom:5px;
	right:5px;	
	cursor:pointer;
	width: 45px;
	display: none;
	border: 1px solid #FFF;
	border-radius: 8px;
}
.go_top:hover{opacity: 1;}

.mincho{font-family: "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

.sp{display: none;}
.pc{display: block;}
.span_pc{display: inline-block;}
.span_sp{display:initial;}

.shadow{
	box-shadow: 5px 5px 2px #888888;
	-moz-box-shadow: 5px 5px 2px #888888;
	-webkit-box-shadow: 5px 5px 2px #888888;
}

.tt{
	font-size: 22px;
	margin-top: 35px;
	/*border-bottom: 1px solid #33cc33;*/
}
.tt::before{
	content: "■ ";
	color: #33cc33;
	text-shadow: 1px 1px 2px #000;	
}
.ct{
	margin-top: 10px;
	padding-left: 20px;
}
.sub_tt{
	font-size: 17px;
	font-weight: bold;
}

a img:hover{opacity: 0.7;}

.default_table {
	margin: 10px auto;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.default_table tr th{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: #F2F2F2;
	padding: 3px 10px;
}
.default_table tr td{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 3px 10px;
}