@charset "utf-8";
body{
	font-size: 12px;
	font-family: ’ヒラギノ角ゴ Pro W3’, ‘Hiragino Kaku Gothic Pro’, メイリオ, Meiryo, Osaka, ‘MS Pゴシック’, ‘MS PGothic’, sans-serif;
	line-height:35px;/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! *//* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! *//* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! *//* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! *//* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	background-color: #A54500;
	background-image: url("http://www.transparenttextures.com/patterns/skulls.png");/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
*{
	padding:0;
	margin:0;
}
 a{
	 color: #D00E00;
	 text-decoration:none;
	}
 a:hover{
	 text-decoration: underline;
	}


h2 {
    padding:5px;
    position:relative;
    margin-bottom: 10px;
    /* background: #F19955; */
    border-bottom: 2px solid #DA566A;
    padding-left:50px;
    color: #DA566A;
}
h2:after{
    content:"";
    width:20px;
    position:absolute;
    border: 3px solid #DA566A;
    height: 20px;
    border-radius:50%;
    left: 5px;
    top:0;
    margin-top: 10px;
}
h2:before{
    content:"";
    width: 14px;
    position:absolute;
    border: 3px solid #F19955;
    height:15px;
    border-radius:50%;
    left: 0px;
    top:0;
    margin-top: 6px;
}
h3{
	margin-top:20px;
	margin-bottom:5px;
	overflow:hidden;
	/* border-bottom: 1px solid #158ACD; */
}

/* start header */
.header_section{
	width:100%;
	margin:auto;
	overflow:hidden;
	/* background: #579EE6; */
}
.page_banner{
	width: 100%;
	margin:auto;
	/* background: #D3D87C; */
	overflow:hidden;
}
.box_title h1{
	text-align:center;
	font-size:28px;
	width: 1000px;
	margin: 0 auto;
	border-bottom: 3px solid #E6F4AE;*/;
	background: rgb(218, 86, 106);
	padding: 12px 0;
}
.box_title h1 a{
	color: #FFFFFF;
	font-size: 22px;
}
.box_title h1 a:hover{
	text-decoration: underline;
}
/* end header */


/* start menu */
	.nav_navigation{
		width: 1000px;
		margin:auto;
		background: rgb(218, 86, 106);
		overflow: hidden;
	}
	.nav_navigation ul{
		margin: auto;
		padding: 10px 0px;
		display: flex;
		justify-content: center;
	}
	.nav_navigation ul li{		
		display: inline-block;
	}
	.nav_navigation ul li a{
		padding: 3px 61px;
		display:block;
		border-radius: 10px;
		margin: 0px 2px 0 0;
		box-shadow: 0 8px 14px -8px #8C0015;
		color: #FFFFFF;
		border-left: 3px solid #E7F5AF;
		border-right: 3px solid #E7F5AF;
		background: #F19955;
	}	
	.nav_navigation ul li a:hover{
		background: #C3C20C;
		text-decoration: none;
	}

/* end menu */


/*	start BLOCK_original_image	*/
	.BLOCK_original_image{
		width:100%;
		margin:auto;
		overflow:hidden;
		margin-bottom: -14px;
	}
	.original_image {
    width: 1000px;
    margin: auto;
    overflow: hidden;
    padding-top: 10px;
    margin-bottom: -6px;
}

	.original_image img {
		width: 100%;
	}
/*	end BLOCK_original_image	*/


/*	start main_template	*/
	#main_template{
		width: 1000px;
		margin:0 auto;
		overflow:hidden;
	}
	.navbar_static{
		width: 98.5%;
		margin:auto;
		margin-top: 5px;
		margin-bottom: 10px;
		overflow:hidden;
		background: rgb(255, 255, 255);
		padding: 10px;
	}
	.mainContetTooltip_left{
		width: 255px;
		margin:auto;
		float: left;
		overflow:hidden;
		background: #47DDDE;
		padding: 10px;
		box-shadow: 0 0 10px #000;
	}
	.mainContetTooltip_left .prlink_article{
		width: 100%;
	}
	
	
	.static_right {
	  padding:10px;
	  margin: 5px 0;
	  overflow: hidden;
	  clear: both;
	  background: #FFFFFF;
	}
	.static_right ul{
	  padding:0;
	  margin:0;
	}
	.static_right ul li {
	  list-style-type: none;
	  text-align: center;
	}
	.static_right ul li a{
	  text-align: center;
	  font-weight: bold;
	  text-decoration: none;
	  display: block;
	  line-height: 40px;
	  /* color: #000; */
	  box-shadow: 0 0 6px #C7C7C7;
	  margin-bottom: 8px;
	}
	.static_right ul li a:hover{
	  background: #44DCDD;
	  color: #fff;
	}

	
	.mainContetTooltip_right{
		width: 980px;
		margin:auto;
		padding: 0px;
		float: right;
		overflow:hidden;
		background: #FFFFFF;
		/* box-shadow: 0 0 10px #26C4C7; */
	}
/*	end	main_template	*/


/* start block_view */
	.block_view{
		overflow:hidden;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.specail_block{
		margin-top: 10px;
		border: 1px solid #DA566A;
		padding: 10px;
		background: #fff;
		margin-right: 10px;
	}

	.specail_block_1{
		width: 95%;
		padding: 10px;
		margin: 15px 5px;
		background: #fff;
		overflow:hidden;
		box-shadow: 0 0 10px #676767;
		border: 1px solid #FDFDFD;
		margin-bottom: 5px;
	}
	.specail_block_1 img{
		width: 40%;
		float: left;
		padding:10px;
		background: #FFFFFF;
		margin: 5px;
		margin-left: 0;
		border: 1px solid #58AEE0;
	}
	.maker_title01{
		width: 96.7%;
		overflow:hidden;
	}
	.maker_title01 img{
		float:left;
		width: 30%;
		background:#fff;
		margin:5px;
		margin-right:10px;
		/* border: 1px double #2D829E; */
	}
	.maker_title02 {
		width: 49%;
		float:left;
		margin-right: 10px;
		overflow: hidden;
		box-sizing: border-box;
	}
	.maker_title02:nth-child(2) {
		margin-right:0;
	}

	.maker_title02:nth-child(4) {
		margin-right:0;
	}
	
	.maker_title02 img{
		width: 100%;
		background: #FFFFFF;
		/* border: 1px double #2D829E; */
	}
	
	.topic_block_3{
		width: 27.2%;
		float:left;
		padding: 10px;
		background:#fff;
		box-shadow: 0 0 10px #676767 inset;
		border: 1px solid #FDFDFD;
	}
	.topic_block_3:nth-child(3){
		margin-right:0;
	}
	.topic_block_3 img{
		background: #FFF;
		width: 100%;
	}
	
	.more_about{
		float: right;
		margin:10px 0;
	}
	.more_about a{
		padding: 9px 15px;
		background: #F19955;
		border-left: 3px solid #DA566A;
		border-right: 3px solid #DA566A;
		border-radius: 10px;
		color: #FFFFFF;
		/* box-shadow: 0 0 8px #9E9E9E; */
		transition: all 0.3s linear;
	}

	.more_about a:hover{
		background: #C3C20C;
		color: #FFF;
		text-decoration: none;
		/* transition: all 0.3s linear; */
	}
	
	
	.innner_body{
		border: 1px solid #FFFFFF;
		padding:10px;
		margin-bottom:10px;
		overflow: hidden;
		background: #fff;
	}
	.innner_body img{
		width:100%;
	}
/* end block_view	*/


/*	start block_innner	*/
	
	.block_innner img{
		width: 49%;
		float:right;
		margin:10px;
		background: #FFFFFF;
		/* border: 1px double #2D829E; */
	}
	.prlink_article {
		background:#fff;
		/* border: 1px solid #E4E4E4; */
		width: 100%;
		margin: auto;
	}
	.prlink_article ul li {
		list-style:none;
		/* border-bottom: 1px dotted #DADADA; */
		line-height: 30px;
	}
/*	end block_innner	*/


/*	start Flexible_footer */
	.Flexible_footer{
		width: 1000px;
		margin: 0  auto;
		overflow:hidden;
		padding: 5px 0;
		border-top: 3px solid #E7F5AF;
		background: rgb(218, 86, 106);
		text-align:center;
		color: #000000;
	}
	
	.Flexible_footer a{
		color: #FFFFFF;
	}
	
	.Flexible_footer a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
/*	end Flexible_footer*/



/* social media */
#boxArea{
	margin:auto;
	margin-top:10px;
}
#boxArea div:nth-child(3) {
    margin-right: -3px;
    margin-top:1px;
}
/* End Social */

@media screen and (max-width:480px){
	.header_section, .page_banner, #main_template{
		width: 100%;
		margin:auto;
		overflow:hidden;
	}
	
	.box_title h1 {
		width: 100%;
		min-width: 100%;
		font-size: 24px;
	}
	.nav_navigation{
		width: 100%;
	}
	.nav_navigation ul{
		display:block;
	}
	.nav_navigation ul li{
		display:block;
	}

	.nav_navigation ul li a{
		text-align:center;
		border-bottom: 1px solid #E6F4AE;
		padding: 4px 0;
	}
	
	.navbar_static{
		width: 96%;
	}

	.mainContetTooltip_left{
		width: 100%;
		float: none;
		padding: 0;
	}
	.mainContetTooltip_right{
		width: 100%;
		float: none;
	}
	
	.original_image{
		width:100%;
	}
	.BLOCK_original_image img{
		width:100%;
	}
	
	.maker_title01 img{
		width: 99%;
		float: none;
		margin:0;
		padding:0;
	}
	.maker_title02 img{
		width: 99%;
		margin:0;
		padding:0;
		float: none;
	}
	.topic_block_3 img{
		width:100%;
		margin:0;
		padding:0;
	}

	.block_innner img{
		width: 99%;
		margin:0;
		padding:0;
		float: none;
	}
	
	.block_view{
		width: 100%;
		overflow: hidden;
		margin: auto;	
	}
	.maker_title02, .topic_block_3{
		clear:both;
		width: 96%;
		margin: 0;
		margin-bottom: 10px;
	}
	.block_innner, .prlink_article{
		width: 100%;
	}
	.specail_block{
		width: 96%;
		border: 0;
		box-sizing: inherit;
	}
	.block_innner{
		border:none;
		background: #FFF1E4;
	}
	.Flexible_footer{
		width:100%;
	}
	h1 a{
		font-size:14px;
	}
}