/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本構造（common.css）
=================================================================== */
body {
	background-color:#FFFFFF;
}
.contents p {
	margin-left: 2.5em;
	margin-right: 2.5em;
}
.contents li {
	margin-left: 2em;
}
.contents ul {
	margin-left: 2.5em;
}
/*ヘッダー外部リンク*/
.link_bt a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.28em 1em;
  width: 230px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  background-color: #006da0;
  transition: 0.3s;
}

.link_bt a::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #b7ddc8;
  transition: 0.3s;
}

.link_bt a:hover {
  text-decoration: none;
  background-color: #4c98bc;
}

.link_bt a:hover::after {
  transform: translateX(5px);
}
.bt a {
	display: block;
	text-decoration: none;
	height:30px;
	width: 110px;
	font-size: 12px;
    line-height: 30px;
	text-align: center;
	background: #b7ddc8;
	color: #006da0;
	margin:6px 0 0 auto;
	border:solid 1px #006da0;
	border-radius: 15px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	-ms-transition: 0.3s;
  	transition: 0.3s;
}
.bt a:hover{
  	border:solid 1px #006da0;
  	background: #006da0;
  	color: #fff;
}

/*PRアイコン*/
.flex_top {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.item_top {
  padding: 20px 6px;
  width: 17%;
  background-color: #fff;
}
.item_top img {
    display: block;
    height: 170px;
    object-fit: contain;
    width: 100%;
}
.item_top:not(:nth-child(5n+5)) {
  margin-right: 2%;
}
.item_top:nth-child(n+6) {
  margin-top: 20px;
}

/* お知らせ */
.update {
	width: 85%; /* 新着情報エリアの幅 */
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.update dl {
	width: 100%; /* 新着リストの幅 */
	margin: 0;
	border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}
.update dt {
	width: 6.7em; /* 日付エリアの幅 */
	float: left;
	padding: 12px 0 9px 3px; /* 日付エリアのパディング（上右下左） */
	line-height: 120%;
}
/*  本文エリア */
.update dd {
	margin: 0;
	padding: 12px 3px 9px 8.6em; /* 本文エリアのパディング（上右下左） */
	border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
	line-height: 120%;
}
/*  コンテンツ見出し */
.c_title img {
	width: 100%;
	object-fit: cover;
}

/*ボックス全体*/
.accbox {
    margin: 2em auto;
    padding: 0;
    max-width: 90%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #444444;
    font-weight: bold;
	background-color: #b7ddc8;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'FontAwesome';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#c5d2e2;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #ffffff;
    opacity: 1;
}

.accbox .accshow p {
    margin: 12px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}


.pr_box{
	padding: 5px;
	height: auto;
	width: 70%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 1px solid #266DA1;
	}
.pr_box img{
	height: 160px;
	width: 160px;
	}


.l_btn {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0em 0.5em;
	text-decoration: none;
	background: #FFC107;
	border-radius: 15px;
	transition: .4s;
	font-size: 12px;
}
.l_btn a {
	color: #FFF;
}
/*関連資料*/
.flex-col4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start; 
	margin: 1em;
}
.flex-col4 .txtBox {
	text-align: center;
	padding: 1em 1.7em;
}
.flex-col4 .txtBox img {
	border: #D0D0CD 1px solid;
}
.flex-col4 .txtBox p {
}
.flex-col4 .txtBox h4 {
	margin: 0;
	font-weight: bold;
}

/*N95リスト*/
h3.n95 {
	background: #b7ddc8;/*背景色*/
	padding: 0.25em;/*文字まわり（上下左右）の余白*/
	margin-left: 1em;
	margin-right: 2em;
}
.flex_card {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 30px;
}
.item {
  padding: 10px 10px;
  width: 29%;
  background-color: #fff;
}
.item img {
    display: block;
    height: 220px;
    object-fit: contain;
    width: 100%;
}

.item:not(:nth-child(3n+3)) {
  margin-right: 2%;
}

.item:nth-child(n+4) {
  margin-top: 20px;
}
/*防護具ボタン*/
.flex_btn {
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 10px;
	justify-content: space-between;
}
.item_btn {
  padding: 20px 10px;
  width: 46%;
  background-color: #fff;
}
/*ビデオ見出し*/
.video_box h3 {
	background: #006da0;/*背景色*/
	color: #fff;
	padding: 0.25em;/*文字まわり（上下左右）の余白*/
	margin: 0 2em 1em 0em;
	margin-right: 2em;
}
/*講義資料*/
.video_l {
	text-align: center;
	
}
video{
	width: 80%;
	border: 2px #006da0 solid;
}

@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
#wrapper {
	width:100%;
	margin:0 auto;
}
#header {
	background-color: #b7ddc8;
	width: 100%;
	height: 130px;
	float: left;
	margin: 0;
}
#header h1 {
	width: 960px;
	color: #006da0;
	margin: 0 auto;
	padding-top: 30px;
}
.headline {
	background-color: #006da0;
	height: 28px;
	width: 100%;
}
.headline p {
	width: 960px;
	margin: 0 auto;
	color: #FFF;
	font-size: 88%;
	padding-top: 2px;
}
.head {
	width: 960px;
	margin: 0 auto;
}
.left {
	width:700px;
	float:left;
	margin-bottom:20px;
}
.right {
	width:250px;
	float:right;
	margin-top:10px;
}
#main {
	width:100%;
	height:auto;
	margin-bottom:0px;
	float:left;
}
	.flexSec {
		display: flex;
	}
	.img_R {
		flex: 1;
		text-align: center;
	}
	.txt_R {
		flex: 3;
		
	}
	
/* PCメニュースタイル記述 */
#nav_ph {
	display:none;
}
#nav {
	background-color:#FFFFFF;
	width:100%;
	height:30px;
	margin:0;
	padding:10px;
	float:left;
}
#nav ul {
	width: 960px;
	height: 30px;
	text-align: right;
	margin: 0 auto;
}
#nav ul li {
	display: inline;
	border-left: 1px solid #ccc;
	padding: 0 10px;
	zoom: 1 /* IE7以下 */
}
.nav01, .nav02, .nav03, .nav04, .nav05 {
	margin-right:0px;
}
.nav06{
    border-right:1px solid #ccc;
	}
#nav a{
	color: #444444;
	text-decoration: none;
	}
#nav a:hover{
	color: #CCCCCC;
	text-decoration: none;
	}
/* PCコンテンツスタイル記述 */
#contents {
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.contents {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
/* --- スケジュールボックス --- */
.ws_box {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #1e90ff;
}
.ws_box .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 19px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #1e90ff;
    color: #ffffff;
    font-weight: bold;
}	
.ws_box h3 {
	background: #1e90ff;
	color: #fff;
	margin-top: 0px;
	margin-right: 20em;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.ws_box h3.first {
	background: #1e90ff;
	color: #fff;
	margin-top: -1.6em;
	margin-right: 20em;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.ws_box p.title {
	font-weight: bold;
    margin: 5px 5px -5px; 
    padding: 0;
}
.sc_box {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.sc_box .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 19px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.sc_box h3 {
	background: #FFC107;
	color: #fff;
	margin-top: 0px;
	margin-right: 16em;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.sc_box h3.first {
	background: #FFC107;
	color: #fff;
	margin-top: -1.6em;
	margin-right: 16em;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}

	.sc_box p {
    margin: 5px 5px 5px; 
    padding: 0 25px;
}
	.sc_box p.title {
	font-weight: bold;
    margin: 5px 5px -5px; 
    padding: 0;
}
#content_left {
	width:750px;
	float:left;
	margin-bottom:20px;
}
.left_box {
	width:750px;
	float:left;
	margin-bottom:10px;
}
.video_box {
	width: 900px;
	float: left;
	margin-bottom: 20px;
	margin-left: 40px;
}
.video_box p {
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	font-size: 90%;
	line-height: 1.5em;
}
.sub_content {
	width:750px;
	float:left;
	background-color:#BFCC76;
	height:130px;
}
.box01, .box02, .box03, .box04, .box05, .box06, .box07, .box08, .box09, .box10 {
	width:210px;
	height:230px;
	background-color: #b7ddc8;
	float:left;
	margin-bottom:10px;
}
.box01s, .box02s, .box03s, .box04s, .box05s, .box06s, .box07s, .box08s, .box09s, .box10s {
	width:210px;
	height:160px;
	background-color: #b7ddc8;
	float:left;
	margin-bottom:10px;
}
.box01, .box02, .box03, .box05, .box06, .box07, .box09, .box10, .box01s, .box02s, .box03s, .box05s, .box06s, .box07s, .box09s, .box10s {
	margin-right:10px;
}
#content_right {
	width:190px;
	float:right;
	background-color:#AAB67F;
	margin-bottom:20px;
}

#aside {
	width:190px;
	height:620px;
	float:left;
}
#footer {
	background-color: #b7ddc8;
	width:100%;
	height:160px;
	float:left;
}
#footer p {
	text-align: center;
}
}

@media screen and (max-width: 768px) {
/* タブレット用のスタイル記述 */
#wrapper {
	width:100%;
	margin:0 auto;
}
#header {
	background-color: #b7ddc8;
	width:100%;
	height:118px;
	margin:0px;
	float:left;
}
#header h1 {
	color: #006da0;
	padding-top: 25px;
}
.headline {
	background-color: #006da0;
	height: 28px;
	width: 100%;
}
.headline p {
	width: 748px;
	margin: 0 auto;
	color: #FFF;
	font-size: 88%;
	padding-top: 2px;
}
.head {
	width: 748px;
	margin: 0 auto;
}
.left {
	width:450px;
	float:left;
	margin-bottom:20px;
}
.right {
	width:260px;
	float:right;
	margin-top:10px;
}

#main {
	width:100%;
	height:180px;
	margin:0;
	float:left;
}
#nav_ph {
	display:none;
}
#nav {
	background-color:#FFFFFF;
	width:100%;
	height:30px;
	margin:0px;
	padding:10px;
	float:left;
}
#nav ul {
	text-align: center;
	margin: 0 auto;
	font-size: 90%;
}
#nav ul li {
	display: inline;
	border-left: 1px solid #ccc;
	padding: 0px 10px;
	zoom: 1 /*IE7以下*/
}
.nav01, .nav02, .nav03, .nav04, .nav05 {
	margin-right:0px;
}
.nav06{
    border-right:1px solid #ccc;
	}
#nav a{
	color: #444444;
	text-decoration: none;
	}
#nav a:hover{
	color: #CCCCCC;
	text-decoration: none;
	}
#contents {
	width:100%;
	float:left;
}
.contents {
	width: 748px;
	margin-right: auto;
	margin-left: auto;
}
/*PRアイコン*/
.flex_top {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.item_top {
  padding: 2px 1px;
  width: 18%;
  background-color: #fff;
}
.item_top img {
    display: block;
    height: 110px;
    object-fit: contain;
    width: 100%;
}
/*防護具ボタン*/
.flex_btn {
	display: flex;
	flex-wrap: wrap;
	margin: 30px auto 10px;
	justify-content: center;
}
.item_btn {
  padding: 20px 10px;
  width: 46%;
  background-color: #fff;
}


/* --- スケジュールボックス --- */
.ws_box {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #1e90ff;
}
.wc_box .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 19px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #1e90ff;
    color: #ffffff;
    font-weight: bold;
}
.ws_box h3 {
	background: #1e90ff;
	color: #fff;
	margin-top: 0px;
	margin-right: 10em;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.ws_box h3.first {
	background: #1e90ff;
	color: #fff;
	margin-top: -1.6em;
	margin-right: 10em;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.ws_box p.title {
	font-weight: bold;
    margin: 5px 5px 5px; 
    padding: 0;
}
.sc_box {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.sc_box .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 19px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.sc_box h3 {
	background: #FFC107;
	color: #fff;
	margin-top: 0px;
	margin-right: 10em;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.sc_box h3.first {
	background: #FFC107;
	color: #fff;
	margin-top: -1.6em;
	margin-right: 10em;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.sc_box p {
    margin: 5px 5px 5px; 
    padding: 0 25px;
}
.sc_box p.title {
	font-weight: bold;
    margin: 5px 5px 5px; 
    padding: 0;
}


#content_left {
	width:560px;
	float:left;
}
.left_box {
	width:560px;
	float:left;
	margin-bottom:10px;
}
.sub_content {
	display:none;
}

.video_box {
	width: 700px;
	float: left;
	margin-bottom: 10px;
	margin-left: 40px;
}
.video_box p {
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	font-size: 90%;
	line-height: 1.5em;
}
.box01, .box02, .box03, .box04, .box05, .box06, .box07, .box08, .box09, .box10 {
	width:210px;
	height:230px;
	background-color: #b7ddc8;
	float:left;
	margin-bottom:10px;
}
.box01s, .box02s, .box03s, .box04s, .box05s, .box06s, .box07s, .box08s, .box09s, .box10s {
	width:210px;
	height:160px;
	background-color: #b7ddc8;
	float:left;
	margin-bottom:10px;
}
.box01, .box02, .box04, .box05, .box07, .box08, .box10, .box01s, .box02s, .box04s, .box05s, .box07s, .box08s, .box10s {
	margin-right:10px;
}
#content_right {
	width:148px;
	float:right;
	background-color:#AAB67F;
	margin-bottom:20px;
}
#aside {
	width:148px;
	height:710px;
	float:left;
}
#footer {
	background-color:#b7ddc8;
	width:100%;
	height:150px;
	float:left;
}
#footer p {
	text-align: center;
}
}
@media screen and (max-width: 620px) {
/* スマートフォン用のスタイル記述 */
#wrapper {
	width:100%;
}
#header {
	background-color: #b7ddc8;
	width:100%;
	height:100px;
	margin:0;
	float:left;
}
#header h1 {
	color: #006da0;
	padding-top: 20px;
	font-size: 90%;
}
.headline {
	background-color: #006da0;
	height: 28px;
	width: 100%;
}
.headline p {
	width: 100%;
	margin: 0 auto;
	color: #FFF;
	font-size: 88%;
	padding-top: 2px;
}
.head {
	width: 100%;
	margin: 0 auto;
}
.left {
	width:100%;
	float:left;
	margin-bottom:20px;
}
.right {
	display:none;
}
.c_title{
	display:none;
	}
#main {
	width:100%;
	height:120px;
	margin-bottom:10px;
	float:left;
}
#nav {
	display:none;
}
#nav_ph {
	background-color: #FFFFFF;
	width:100%;
	margin-bottom:10px;
	float:left;
	display:block;
}
#nav_ph ul {
	width: 100%;
	float: left;
	text-align: center;
}
#nav_ph ul li {
	width:100%;
	height:35px;
	float: left;
	background-color: #006da0;
}
#nav_ph ul li a {
	color: #FFF;
}
.nav01, .nav02, .nav03, .nav04, .nav05, .nav06 {
	margin-bottom:1px;
}
#contents {
	width:100%;
	float:left;
	margin-bottom:10px;	
}
.contents {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
/*PRアイコン*/
.flex_top {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.item_top {
  padding: 2px 2px;
  width: 30%;
  background-color: #fff;
}
.item_top img {
    display: block;
    height: 120px;
    object-fit: ontacin;
    width: 100%;
}
.item_top:not(:nth-child(3n+3)) {
  margin-right: 2%;
}
.item_top:nth-child(n+4) {
  margin-top: 1px;
}
/*N95リスト*/

.flex_card {
	display: flex;
	flex-direction: column;
	margin: 0 auto 30px;
}
.item {
  padding: 10px 20px;
  width: 96%;
  background-color: #fff;
}
.item img {
    display: block;
    height: 220px;
    object-fit: contain;
    width: 100%;
}
/*防護具ボタン*/
.flex_btn {
	display: flex;
	flex-direction: column;
	margin: 30px auto 10px;
	justify-content: center;
}
.item_btn {
  padding: 20px 10px;
  width: 40%;
  background-color: #fff;
}

/* --- スケジュールボックス --- */
.ws_box {
    position: relative;
    margin: 2em 0;
    padding: 10px 5px 7px;
    border: solid 2px #1e90ff;
}
.ws_box .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 19px;
    height: 20px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 14px;
    background: #1e90ff;
    color: #ffffff;
    font-weight: bold;
}
.ws_box h3 {
	background: #1e90ff;
	color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.ws_box h3.first {
	background: #1e90ff;
	color: #fff;
	margin-top: -0.7em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.ws_box p.title {
	font-weight: bold;
    margin: 5px 5px 5px; 
    padding: 0;
}
.sc_box {
    position: relative;
    margin: 2em 0;
    padding: 10px 5px 7px;
    border: solid 2px #FFC107;
}
.sc_box .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 10px 19px;
    height: 20px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 14px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.sc_box h3 {
	background: #FFC107;
	color: #fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.sc_box h3.first {
	background: #FFC107;
	color: #fff;
	margin-top: -0.7em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -0.6em;
	padding-top: 0.5em;
	padding-right: 2.0em;
	padding-bottom: 0.5em;
	padding-left: 0.8em;
}
.sc_box p {
    margin: 5px 5px 5px; 
    padding: 0 12px;
}
.sc_box p.title {
	font-weight: bold;
    margin: 5px 5px 5px; 
    padding: 0;
}
.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFC107;
    background: #FFC107;
    transition: .4s;
  }

.square_btn:hover {
    background: #FFC107;
    color: white;
}
#content_left {
	width:100%;
	float:left;
	margin-bottom:10px;
}
.left_box {
	float:left;
	width: 100%;
	margin-bottom:0px;
}
.sub_content {
	display:none;
}
.video_box {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	margin-left: 40px;
}
.video_box p {
	margin-top: 5px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	font-size: 90%;
	line-height: 1.5em;
}
.box01, .box02, .box03, .box04, .box05, .box06, .box07, .box08 {
	width:200px;
	height:230px;
	background-color: #b7ddc8;
	float:left;
	margin-bottom:10px;
}
.box01, .box03, .box05, .box07, .box09, .box10, .box01s, .box03s, .box05s, .box07s, .box09s, .box10s {
	margin-right:10px;
}
.box01s, .box02s, .box03s, .box04s, .box05s, .box06s, .box07s, .box08s, .box09s, .box10s {
	width:200px;
	height:160px;
	background-color: #b7ddc8;
	float:left;
	margin-bottom:10px;
}
#content_right {
	width:100%;
	float:left;
	background-color:#AAB67F;
	margin-bottom:0px;
}
#aside {
	width:100%;
	height:480px;
	float:left;
	margin-bottom:10px;
}
#footer {
	background-color:#b7ddc8;
	width:100%;
	height:200px;
	float:left;
}
}