@charset "utf-8";
/* CSS Document */
#main_image1{
	display:none;
	background-repeat:repeat;
}

#main_image2{
	padding-top:55px;
}

#h1_top{
	font-weight:bold;
	text-align:center;
}

#h1_top a{
	text-decoration:none;
	color:#000;
	display:block;
	margin-top:0.5em;
	margin-bottom:0.5em;
	border:solid 1px #666666;
	padding:0.8em;
}

#h1_top a:hover{
	text-decoration:none;
	color:#FFF;
	background-color:#666666;
	border:solid 1px #000000;
}



.overview_s,.blog_title{
	margin-top:1em;
	margin-bottom:1em;
	border:#CCC solid 1px;
	padding:0.5em;
	position: relative;
	text-shadow: 1px 1px 2px #FFFFFF,-1px 1px 2px #FFFFFF,1px -1px 2px #FFFFFF,-1px -1px 2px #FFFFFF;
}



.overview_s h1,.blog_title h1{
	font-size:1.1em;
	font-weight:bold;
	border-bottom:2px dashed #666;
}

.overview_s h2,.blog_title h2{
	font-weight:bold;
	padding-bottom:0.5em;
}

.h1_1{
	color:#060;
}

.h1_2{
	color:#009;
}

.h1_3{
	color:#F30;
}

#overview_web{
	background-image:url(../images/top/web.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	background-size:cover;
	transition:0.5s;
}


#overview_peaper{
	background-image:url(../images/top/peaper.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transition:0.5s;
}

#overview_lesson{
	background-image:url(../images/top/lesson.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transition:0.5s;
}

.blog_title{
	background-image:url(../images/top/blog.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transition:0.5s;
}

.more_detail{
	text-align:right;
	padding-top:0.5em;
	color:#999;
}

.more_detail a{
	color:#333;
	text-decoration:none;
	padding-right:0.5em;
}

.more_detail a:hover{
	color:#999;

}

.padding_t{
	padding-top:0.5em;
}

.news{
	border:solid 1px #666666;
	padding:0.5em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.news h1{
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	background-color:#666;
	color:#FFF;
	padding:0.3em;
	border:solid #FFF 2px;
}

.news_contents{
	background-color:#FFF;
	padding:0.5em;
	margin-top:0.5em;
	border:solid #CCC 1px;
}

.news_contents h2{
	border:solid #CCC 2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
	padding-left:10px;
	font-size:0.8em;
	display:table;
	color:#FFF;
	background-color:#666;
	line-height:1.3em;
	text-align:center;
}

.news_contents h3{
	border-bottom:dashed #999 1px;
	font-weight:bold;
}



.news_web a{
	color:#060;
	text-decoration:none;
}

.news_web a:hover{
	color:#6C3;
	text-decoration:none;
}

.news_peaper a{
	color:#009;
	text-decoration:none;
}

.news_peaper a:hover{
	color:#09C;
	text-decoration:none;
}

.news_lesson a{
	color:#F30;
	text-decoration:none;
}

.news_lesson a:hover{
	color:#F90;
	text-decoration:none;
}

.news_link{
	text-align:right;
	padding-top:0.5em


}

.news_link a{
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	background-color:#666;
	padding-right:0.5em;
	padding-left:0.5em;
	padding-bottom:0.2em;
	border:solid #666 1px;
	border-radius:1em;
}

.news_link a:hover{
	border:solid #666 1px;
	background-color:#FFF;
	color:#666;
}

/* タブレット向けのスタイル */

@media only screen and (min-width:481px){
#main_image1{
	display:block;
	padding-top:55px;
}

#main_image2{
	display:none;
}

.overview_s h2,.blog_title h2{
	font-size:1.3em;
	padding-bottom:0.1em;
}




}
/* PC向けのスタイル */

@media only screen and (min-width:769px){
#main_image1{
	padding-top:0px;
}

.main_box{
	display:table;
	background-color:#FFF;
	padding-right:10px;
	padding-left:10px;
}

.overview_s,.blog_title{
	display:table-cell;
	width:50%;
	margin:1em;
	border:solid #FFF 10px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}

.overview_s a,.blog_title a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#overview_web:hover{
	background-image:url(../images/top/web_a.jpg);
}

#overview_peaper:hover{
	background-image:url(../images/top/peaper_a.jpg);
}

#overview_lesson:hover{
	background-image:url(../images/top/lesson_a.jpg);
}

.blog_title:hover{
	background-image:url(../images/top/blog_a.jpg);

}

.more_detail{
	display:none;
}

.news h2{
	font-size:1.2em;
}

.news_contents hgroup{
	display:table;
	border-bottom:dashed 1px #666666;
	width:100%;
	padding-bottom:0.5em;
}

.news_contents hgroup h2{
	display:table-cell;
	font-size:1em;
	width:30%;
}

.news_contents hgroup h3{
	display:table-cell;
	padding-left:1em;
	border-bottom:none;
	vertical-align:middle;
	font-size:1.1em;
}

}

@media only screen and (min-width:1200px){
#h1_top{
	font-size:1.2em;
}
}

@media only screen and (min-width:1500px){
#header_in,#width_over,#header_title,#contents,#main_image1{
	width:1500px;
	margin-left:auto;
	margin-right:auto;
}
}