/*
Theme Name: Startup03-green
Description: Startup-theme　
Author: RADIX CO.
Author URI: http://www.radix.ad.jp/
*/

* {margin: 0; padding: 0;}

html{height: 100%;}

/* BODY */
body {margin: 0;padding: 0;text-align: center;color:#333;font-size: 80%;line-height: 175%;
  font-size:80%;line-height:175%;font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background: #FFF;}

/* strong */
strong {font-weight: bold;}

/* 画像属性 */
img {border: none;}
.img-l{float: left;margin: 5px 10px 5px 0;}
.img-r{float: right;margin: 5px 0 5px 10px;}
.img-c{;margin: 10px auto;}
.img-m{margin-right: 5px; vertical-align: middle;}
.img-t{margin-right: 5px; vertical-align: top;}
.img-b{margin-right: 5px; vertical-align: bottom;}

a:hover img.link{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  -ms-filter: "alpha( opacity=60 )";
  opacity:0.60;
  background:none!important;}

/* 初期化 */
h2,h3,h4{font-size: 14px;font-weight: normal;}
hr{display: none;}

/* テーブルの属性*/
table {margin: 0;padding: 0;}
td {padding: 0;}

/*引用属性*/
blockquote {
	width: 500px;
	height: 400px;
	overflow: auto;
	border: 1px solid #CCC;
	margin: 10px 20px 10px 20px;
	padding: 5px;
	text-align: left;}

/* リンクの属性（未指定の時） */
body a{color: #090;text-decoration: underline;}
body a:hover {color:#090;text-decoration: none;}
  
/* 基本設定 ----------------------------- */
#wrap{
	width:978px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0 auto;
}

#wrap-in{
	width:940px;
	margin:0 auto;
}

#head{
	_height:81px;
	min-height:81px;
	background:url(/wp-content/uploads/logo.jpg) no-repeat bottom;
	background-position:left; 
	text-align:left;
	padding-left: 70px;
	border-bottom:5px solid #1a962b;
}

#logo{
	line-height:81px;
	font-size:180%;
	float:left;
	padding-left:10px;
}

#gnav{
	float:right;
	white-space:nowrap;
	list-style:none;
	background:url(img/nav01.jpg) no-repeat left;
	padding-left:2px;
}

#gnav li{
	float:left;
	white-space:nowrap;
	line-height:normal;
	list-style:none;
	background:url(img/nav01.jpg) no-repeat right;}
#gnav li a:link,
#gnav li a:visited,
#gnav li a:active
{display:block; white-space:nowrap; _height:76px; min-height:76px; color:#333; text-decoration:none; font-weight:bold; border-bottom:3px solid #ccc;float:left;}

#gnav li a:hover
{display:block; white-space:nowrap; _height:76px; min-height:76px; color:#090; text-decoration:none; font-weight:bold; border-bottom:3px solid #090;float:left;}

#gnav li a span{
	display:block;
	padding:47px 12px 10px 12px;
	 float:left; white-space:nowrap;}

#logo a{text-decoration:none;color:#4d4d4d;}

#base{
  height: 120px;
  /*background: #6EB3F8;*/
  /*border-bottom: 1px solid #4DA4FA;*/
  /* CSS3 */
  /* shadow */
  /*  -moz-box-shadow: 0px 0px 10px #336699;
    -webkit-box-shadow: 0px 0px 10px #336699;
    box-shadow: 0px 0px 10px #336699;*/
background:url('img/bg1.jpg') repeat-x top;
}

#base-top{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 30px;
  width: 100%;
  background: #4DA4FA;
  display: block;}

/*ヘッダー*/
#header  {
  /*width: 800px;*/
  margin: 0 auto;
  height:155px;
  text-align: left;
  /*background: #6EB3F8;*/
  border: none;
  background:url(img/nav-bg.jpg) repeat-x bottom;}
#header-in  {
  width: 798px;
  margin: 0 auto;
  height:155px;
  text-align: left;
  border: none;
  position: relative;}

h1{
	background-color:#efefef;
	border-bottom:1px solid #ccc;
	padding:5px;
	line-height:normal;
	font-size:11px;
	color:#666;
	text-align:left;
	font-weight:normal;
	}
h1 div{
	display:block;
	float:right;
	white-space:nowrap;
}
h1:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
* html h1 { zoom: 1; } /* IE6 */
*:first-child+html h1 { zoom: 1; } /* IE7 */
#header h1 a{color: #039; text-decoration:none;}
#header h1 a:hover{color:#039; text-decoration:none;}

#header #des{
  position: absolute;
  top: 60px;
  left: 10px;
  width: 780px;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  text-align: left;
  line-height:normal;
  padding:5px 0;
  border-top:1px dotted #999;}

ul.h_navi{
  position: absolute;
  top: 0px;
  right: 10px;
  height: 30px;
  width: 100%;
  background: #4DA4FA;
  text-align: right;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  list-style: none;}

.h_navi li{
  margin: 4px 2px;
  width: 80px;
  height: 20px;
  float: right;
  display: inline;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 3px;   
    -moz-border-radius:: 3px;  
    border-radius: 3px;
  /* shadow */
    -moz-box-shadow: 0px 0px 2px #666;
    -webkit-box-shadow: 0px 0px 2px #666;
    box-shadow: 0px 0px 2px #666;
  /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4DA4FA), to(#016DD7));
    background: -moz-linear-gradient(#4DA4FA, #016DD7);
    background: linear-gradient(#4DA4FA, #016DD7);
    -pie-background: linear-gradient(#4DA4FA, #016DD7);}

#ie9 .h_navi li { background:url('img/index2.png') repeat-x left bottom;}  /* IE9 */
    
.h_navi li span{
  text-align:center;
  line-height: 20px;
  font-size: 12px;
  color: #FFF;
  display: block;}
.h_navi li a{text-decoration: none!important;position: relative; top: 0px; left: 0px;}
.h_navi li a:hover span {color:#F60;}
  
ul.navigation{
  position: absolute;
  top: 100px;
  height: 55px;
  width: 100%;
  background-color:#039;
  list-style: none;
  background:url(img/nav-bg.jpg) repeat-x;
}

#ie9 ul.navigation { background:url('img/t_menu.png') repeat-x left bottom;}  /* IE9 */

.navigation li{
  width: 188px;
  height:55px;
  text-align: center;
  text-decoration: none;
  padding:0 5px;
  display: inline;
  border-left: 1px solid #CCC;
  float: left;}
  
.navigation li:first-child{border-left:none;}
 
.navigation li a{text-decoration: none;}
.navigation li a span{
  color:#FFF;
  font-weight: bold;
  line-height: 30px;
  border-bottom: 5px solid #99CCEF;
  display:block;}

.navigation li a:hover span {color:#FFF;border-bottom: 5px solid #F88;}
.navigation li a:hover{position: relative; top: 0px; left: 0px;}

/*  パンくずリスト  */
.navi {
  margin :10px 0;
  font-size: 12px;
  padding-left: 5px;
  text-align: left;}

/*ブログの枠等の属性*/
#containar {
	/*background:url(img/bg2.jpg) repeat-x top;*/
  padding-top: 20px;
  text-align: left;}

/*コンテンツ*/
#contents {
  margin: 0 auto;
  padding: 0;
  font-size: 100%;
  background: #FFF;}
        
#contents h2 {
  margin-bottom: 10px;
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-color:#EEE #CCC #CCC #EEE;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}

#ie9 #contents h2 { background:url('img/h_back.png') repeat-x left bottom;}  /* IE9 */

#contents h2 span{
  padding-left:5px;
  color:#0066CC;
  font-size:145%;
  font-weight:bold;
  line-height:150%;
  border-left:solid 5px #4DA4FA;
  display:block;}

#contents h3,
#contents h3.com,
#contents h3.comments-open-header,
#contents h3.trackbacks-header,
#contents h3.comments-header{
  margin-bottom: 10px;
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-color:#EEE #CCC #CCC #EEE;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}

#ie9 #contents h3,
#ie9 #contents h3.com,
#ie9 #contents h3.comments-open-header,
#ie9 #contents h3.trackbacks-header,
#ie9 #contents h3.comments-header{ background:url('img/h_back.png') repeat-x left bottom;}  /* IE9 */

#contents h3 span,
#contents h3.com span,
#contents h3.comments-open-header span,
#contents h3.trackbacks-header span,
#contents h3.comments-header span{
  padding-left:5px;
  color:#0066CC;
  font-size:100%;
  font-weight:bold;
  line-height:135%;
  border-left:solid 5px #CC6699;
  display:block;}
  
  
/*リンク属性 */
#contents a{font-weight: normal;}
#contents a.c1{font-weight: bold;}
#contents a.more-link{font-weight: normal;}
#contents h2 a,#contents h3 a,#contents h4 a{font-weight: bold;}

#contents h4 {
  margin: 10px 10px 10px 0;
  color: #333;
  font-weight: bold;
  font-size: 100%;
  line-height: 150%;
  display: block;
  text-align: left;}

/*インフォメーション*/
#contents #info{
  margin-top: 10px;
  padding: 20px;
  border: 1px solid #CCC;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}
 	
/*検索*/
#s_box{
  margin: 20px;
  padding: 10px;
  border: 1px solid #CCC;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}

/*記事*/
#contents .doc{
  /*margin: 10px 10px 0 20px;*/
  text-align: left;}

#contents .doc p{padding-bottom: 10px;}

#contents ul{margin-left: 15px;}

#contents ul li{line-height: 135%;}

#contents .posted {
  text-align: right;
  font-size: 10px;
  margin: 0px 20px 10px 0;}

/*  関連記事リスト属性 */
#contents ol{margin: 0px 0px 0px 30px;}

#contents li{
  margin: 0;
  font-size: 100%;
  line-height: 19px;}

#contents .kanren{
  margin-top: 15px;
  padding: 10px;
  background: #EFEFEF;
  font-size: 12px;
  line-height: 150%;
  border: 1px solid #CCC;
  /* CSS3 */
    /* gradient */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;}

/*  相互リンクリスト属性 */
#contents .slink ul{
  margin: 10px 5px 20px 20px;}

#contents .slink ul li{
  margin: 0;
  font-size: 12px;
  line-height: 150%;}

/* ---- コメント----- */
.comments p{
  padding: 0 10px 0px 20px;
  text-align: left;}

#captchaImgDiv{
  margin: 0 10px 0px 20px;
  text-align: left;}

.comments ol{
  margin-left: 25px;
  color:#666;
  font-size: 85%;}

.comments li{margin: 5px 0;}

.t_back{margin: 10px 0 10px 20px;}

/* 続きを読む */
a.more-link{
  float: right;
  margin-bottom: 20px;
  padding: 3px 10px;
  font-size: 85%;
  line-height: 100%;
  text-decoration: none;
  border-style:solid;
  border-width:1px;
  border-color:#CCC #BBB #BBB #CCC;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 8px;  
    -moz-border-radius: 8px;
    border-radius: 8px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}
    
#ie9 a.more-link{ background:url('img/menu.png') repeat-x left bottom;}  /* IE9 */

a.more-link:hover{
    /* shadow */
    -moz-box-shadow: 0 0 8px #666; 
    -webkit-box-shadow: 0 0 8px #666; 
    box-shadow: 0 0 8px #666;}

/*　アドセンス　*/
.ads_rec{
  margin: 10px 0 10px 10px;
  text-align: left;}

.ads_sky{
  margin:0 auto;}

.ads_sqr{
  margin:10px 0;
  text-align: center;}

.ads_banner{
  margin: 15px 0;
  text-align: center;}

/* ---- サイトマップ属性----- */
.ddsg-wrapper h2{
  margin: 10px 0 5px 0;
  font-size: 100%;
  font-weight: bold;
  text-indent: 25px;
  line-height: 120%;
}

.ddsg-wrapper ul{
  margin: 5px 0 10px 20px;
  list-style-type: square;
  font-size: 100%;
  line-height: 150%;
}
.ddsg-wrapper li{
  margin-left: 10px;
}


/*フッターナビ*/
.f_space{clear: both;margin:10px 20px;height: 20px;}

ul.f_navi{
  font-size: 12px;
  list-style: none;}

.f_navi li{
  margin: 0 2px;
  width: 105px;
  height: 20px;
  float: right;
  display: inline;
  background: #FFF;
  /* CSS3 */
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 2px #666;
    -webkit-box-shadow: 0px 0px 2px #666;
    box-shadow: 0px 0px 2px #666;}

.f_navi li span{
  margin: 2px 4px;
  padding-left: 4px;
  text-align:left;
  line-height: 120%;
  display: block;}

.f_navi li a .red{border-left: 3px solid #FF9999;}
.f_navi li a .blue{border-left: 3px solid #6699FF;}
.f_navi li a .green{border-left: 3px solid #33CC66;}
.f_navi li a .yellow{border-left: 3px solid #FFCC33;}
.f_navi li a .purple{border-left: 3px solid #CC99CC;}
.f_navi li a .grey{border-left: 3px solid #BBB}

.f_navi li a{color: #666;text-decoration: none!important;}
.f_navi li a:hover span {color:#F30;border-left: 3px solid #FF3300!important;}

/*フッター*/
#footer{
  clear: both;
  margin: 0 auto;
  border-top: 1px solid #4DA4FA;
  color: #336699;
  font-size: 12px;
  padding: 15px 10px;
  text-align: center;
  background: #6EB3F8;
  /* CSS3 */
  /* shadow */
    -moz-box-shadow: 0px 0px 10px #336699;
    -webkit-box-shadow: 0px 0px 10px #336699;
    box-shadow: 0px 0px 10px #336699;}

#footer .copyright{
  margin: 0 10px;
  font-size: 12px;
  text-align: right;}


ul.f_list{margin; 0;padding-bottom: 10px;
  text-align: right;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  list-style: none;}

.f_list li{
  margin: 4px 2px;
  width: 90px;
  height: 20px;
  float: right;
  display: inline;
  /* CSS3 */
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 2px #666;
    -webkit-box-shadow: 0px 0px 2px #666;
    box-shadow: 0px 0px 2px #666;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4DA4FA), to(#016DD7));
    background: -moz-linear-gradient(#4DA4FA, #016DD7);
    background: linear-gradient(#4DA4FA, #016DD7);
    -pie-background: linear-gradient(#4DA4FA, #016DD7);}

#ie9 .f_list li { background:url('img/index2.png') repeat-x left bottom;}  /* IE9 */
    
.f_list li span{
  text-align:center;
  line-height: 20px;
  font-size: 12px;
  color: #FFF;
  display: block;}
.f_list li a{text-decoration: none!important;position: relative; top: 0px; left: 0px;}
.f_list li a:hover span {color:#F60;}

.copyright p{ clear: both;padding: 0; text-align: right;}
.copyright p a{color: #FFF;text-decoration: underline;}
.copyright p a:hover {color:#F30;text-decoration: none;}

/*その他属性*/
.line{clear: both;margin: 10px 0 20px 0;border-bottom: 1px solid #CCC;}
.red_uline{border-bottom: 3px solid #F30;}
.uline{border-bottom: 1px solid #99C4FF;}  
.dotline{clear: both;margin: 5px 0;border-bottom: 1px dotted #CCC;}
.clear{clear: both;}
hr{display: none;}

/* 線の属性 */
.dot{border-bottom:1px dotted #ccc;}
.solid{border-bottom:1px solid #ccc;}

/*フォント属性*/
.fon70{font-size: 75%;}
.fon85{font-size: 85%;}
.fon90{font-size: 92%;}
.fon100{font-size: 100%;}
.fon115{font-size: 115%;}
.fon130{font-size: 130%;}
.fon145{font-size: 143%;}
.fon150{font-size: 150%;}
.fon200{font-size: 200%;}
.tab10{padding-left: 10px;}
.tab20{padding-left: 20px;}
.tab30{padding-left: 30px;}
.bld{font-weight: bold;}

/* ボタン例 */
.button a{
  width : 300px;
  margin: 10px 0;
  padding : 8px;
  color : #FFF;
  font-size : 24px;
  text-align : center; 
  text-decoration : none; 
  background-color : orange;
  border : 3px solid #FFF;
  display : block;
  /* CSS3 */
    /* radius */
    -webkit-border-radius : .8em;
    -moz-border-radius : .8em;
    border-radius : .8em; 
    /* shadow */
    -moz-box-shadow: 0 0 5px #999; 
    -webkit-box-shadow: 0 0 5px #999; 
    box-shadow: 0 0 5px #999;
    text-shadow : 0px -1px 0px #ccc;}


.button a:hover{
  color : #FFF;
  background-color : #990066;
    /* shadow */
    -moz-box-shadow: 0 0 5px #C00; 
    -webkit-box-shadow: 0 0 5px #C00; 
    box-shadow: 0 0 5px #C00;}

.swt{
  position: absolute;
  left:5px;
  top: 5px;
  list-style: none;
}

.alignleft,.left {float:left;}
.alignright,.right{float:right;}
.w640{width:640px;}
.w280{width:280px;}
h2{
	background:url(img/titbg1.jpg) repeat-x top;
	padding:10px;
	line-height:normal;
	font-size:150%;
	color:#1a962b;
	border-bottom:2px solid #1a962b;
	margin-bottom:15px;
	font-weight:bold;
}
h3{
	background-color:#1a962b;
	padding:8px;
	line-height:normal;
	font-size:100%;
	color:#fff;
	margin-bottom:10px;
}
.news{
	padding:0 10px 10px 10px;
}
.news p{padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #666;}
.clear{clear:both;}
.mb20{margin-bottom:20px;}

.pagetop{
	width:60px;
	height:22px;
	overflow:hidden;
	background:url(img/pagetop.jpg) no-repeat;
	float:right;
}
.pagetop span{display:none;}
.footline{
	border-top:3px solid #1a962b;
	padding-top:5px;
	padding-bottom:15px;
	margin-top:5px;}
#foot{text-align:left; border-top:20px solid #fff; font-size:11px; line-height:normal;}
.in15{padding:0 15px;}
.color-a{color:#1a962b;}
.table1{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;width:100%;line-height:150%;}
.table1 th{background:#efefef;border-width:0 1px 1px 0;border-style:solid; border-color:#ccc;padding:6px;text-align:left;vertical-align:top;}
.table1 td{border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;padding:6px;vertical-align:top;}

.dtb{
	border-bottom:1px dotted #666;
	padding:5px 0px;
}
.dtb:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
.dth{
	width:200px;
	background-color: #1a962b;
	float:left;
	padding:5px;
	color: #fff;
}

.dtd{
	width:680px;
	background-color:#fff;
	float:right;
	padding:5px;
}
* html .dtb { zoom: 1; } /* IE6 */
*:first-child+html .dtb { zoom: 1; } /* IE7 */
.submit{text-align:center;
padding:10px;
background-color:#efefef;
margin-top:10px;
border-top:1px solid #ccc;}
.red{color:#e20031;}
.bt1{border-top:1px dotted #666; padding-top:10px; margin-top:10px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}
.mb160{margin-bottom:160px;}
.mb170{margin-bottom:170px;}
.mb180{margin-bottom:180px;}
.mb190{margin-bottom:190px;}

.mt4{margin-top:4px;}

.line2 {line-height: 200%;}

.haikei {background-color: #3cb371;
border-radius: 3px;
color: #fff;
padding:3px 6px 3px 6px;}

.box1 {
width:290px;
float:left; 
margin-right:33px;
border-style:none;
}

.box2 {
width:290px;
float:left; 
margin-right:33px;
}

.box3 {
width:290px;
float:left; 
}


.topics dl {
padding: 15px 5px 0px 0px;
border-bottom: 1px solid #ccc;
}

.topics dt {
padding-bottom:5px;
}

	
.tel {
	font-size: 230%;
	color: #000000;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	font-family: 'Oswald', Helvetica, sans-serif;
}
	
.box4 {
width:224px;
float:right;  
border-style:none;
}

.box5 {
width:240px;
float:right; 
margin-right:15px;
}

	
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
	
.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box6 p {
    margin: 1px; 
    padding: 6px;
	font-size:150%;
}
	
.box7 {
width:275px;
float:left; 
margin-right:40px;
border-style:none;
}

.box8 {
width:275px;
float:left; 
margin-right:40px;
}

.box9 {
width:275px;
float:left; 
}
	
.waku { border: 1px #696969 solid; }

.center {
    text-align: center;
}

.required {background-color: #e20031;
border-radius: 3px;
font-size: 80%;
float:right;
color: #fff;
padding:3px 6px 1px 6px;}
	
.img_center{
     display: block;
     margin:auto;
}
	

.box11 {
width:330px;
float:left; 
margin-right:10px;
border-style:none;
}
	
	
.box11b {
width:300px;
float:left; 
margin-right:10px;
border-style:none;
}

.box12 {
width:350px;
}

.box13 {
width:240px;
float:right; 
}
	
.clear { 
clear:both;
}
	
.left{
margin-left: auto; display:block;
}

.mr20{
margin-right:20px;
	}
	
li {
display:block;
float:right;
}
	
ul{
  padding-left:20;
}

.content {
padding: 0 0 0 220px; /* 75px being the width of the thumbnail + how much space you want to put between it and your text */
position: relative; /* So the thumbnail is relative to this */
}
 
.content img {
left: 0;
position: absolute;
top: 0;
	}
	
.flex-img-wrapper3 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.flex-img-wrapper3 a {
  width: calc(97% / 3);
}
	
.box20 {
width:290px;
float:left; 
margin-right:10px;
border-style:none;
}

.box21 {
width:290px;
float:left; 
margin-right:10px;
}

.box22 {
width:290px;
float:left; 
}