@charset "utf-8";
   body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,th {
text-align: left;
}
q:before,q:after {
content: '';
}
object,
embed {
vertical-align: top;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,abbr,acronym,fieldset {
border: 0;
}
li {
list-style-type: none;
} body {
background: #FFF;
color: #555566;
font-size: 14px;
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 1.5;
}
* html body { font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
} body {
}
a:link {
color:#6baa40;
text-decoration: none;
}
a:visited {
color:#6baa40;
text-decoration: none;
}
a:hover {
color:#91d465;
text-decoration: underline;
}
a:active {
color:#91d465;
text-decoration: none;
} .imgR {
float: right;
margin: 0 0 0 10px;
}
.imgL {
float: left;
margin: 0 10px 0 0;
}
.btn {
text-align: center;
} .clearfix:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}/*\*/* html .clearfix {height: 1%;}
.clearfix {display: block;}/**/  .MG-T0 { margin-top: 0 !important; }
.MG-T5 { margin-top: 5px !important; }
.MG-T10 { margin-top: 10px !important; }
.MG-T15 { margin-top: 15px !important; }
.MG-T20 { margin-top: 20px !important; }
.MG-T25 { margin-top: 25px !important; }
.MG-T30 { margin-top: 30px !important; } .MG-B0 { margin-bottom: 0 !important; }
.MG-B5 { margin-bottom: 5px !important; }
.MG-B10 { margin-bottom: 15px !important; }
.MG-B15 { margin-bottom: 15px !important; }
.MG-B20 { margin-bottom: 20px !important; }
.MG-B25 { margin-bottom: 25px !important; }
.MG-B30 { margin-bottom: 30px !important; }  .PD-L5 { padding-left: 5px !important; }
.PD-L10 { padding-left: 10px !important; }
.PD-L15 { padding-left: 15px !important; }
.PD-L20 { padding-left: 20px !important; }
.PD-L25 { padding-left: 25px !important; }
.PD-L30 { padding-left: 30px !important; } .PD-R5 { padding-right: 5px !important; }
.PD-R10 { padding-right: 10px !important; }
.PD-R15 { padding-right: 15px !important; }
.PD-R20 { padding-right: 20px !important; }
.PD-R25 { padding-right: 25px !important; }
.PD-R30 { padding-right: 30px !important; } .TXT-S { font-size:12px;}
.TXT-M { font-size:14px;}
.TXT-L { font-size:16px;}
.TXT-RED { color:#FF3333;}
.TXT-ORG { color:#f7931e;} #header {
width: 960px;
margin: 0 auto;
}
#header #logo {
clear: both;
float: left;
font-size: 14px;
font-weight: bold;
height: 50px;
width: 160px;
background: #fff;
margin: 20px 0;
}
#headerDesc {
background: #ededed;
height: 20px;
}
#headerDescArea {
width: 960px;
margin: 0 auto;
}
#headerDescArea h1 {
font-size: 10px;
font-weight: normal;
float: left;
margin: 2px 0 0 10px;
height: 20px;
}
#headerDescArea h2 {
font-size: 10px;
font-weight: normal;
float: right;
margin: 2px 10px 0 0;
height: 20px;
} #header #utilityNav {
float: right;
text-align: right;
padding-top: 60px;
}
#header #utilityNav li {
display: inline;
list-style-type: none;
margin-right: 5px;
padding:0 0 5px 8px;
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/list-arw.png) no-repeat;
background-position:0% 30%;
} #navi {
clear: both;
height: 60px;
} #navi #gNav {
clear: both;
overflow: hidden;
}
* html #navi #gNav {
height: 1%;
}
#naviArea {
width: 960px;
margin: 0 auto;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ddd;
}
#navi #gNav li {
float: left;
text-align: center;
}
#navi #gNav li a:link,
#navi #gNav li a:visited,
#navi #gNav li a:active {
color:#333;
font-size: 12px;
text-decoration:none;
display:block;
width: 159px;
height: 50px;
padding-top: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #ddd;
}
#navi #gNav span {
color:#6baa40;
font-size: 10px;
}
#navi #gNav li a:hover{
color:#989898;
background-position:0 -60px;
text-decoration:none;
} #footer {
clear: both;
background: #ededed;
padding: 15px 0 0 0;
}
#footer .copyright {
color: #fff;
background: #666;
text-align: center;
margin-top: 20px;
padding: 15px 0 0 0;
height: 30px;
}
#footerContents ul {
text-align: center;
padding: 10px 0 0 0;
}
#footerContents ul li {
display: inline;
border-right: solid 1px #999;
padding: 0 10px 0 10px;
}
#footerContents ul li.end {
display: inline;
border: none;
padding: 0 10px 0 10px;
}
#footerContents .box {
width: 280px;
float: left;
border: none;
margin-right: 10px;
padding: 10px;
}
#footerContents h3 {
font-weight: normal;
} #footerContents {
width: 960px;
margin: 0 auto;
} #page {
} #mainImg {
background: #fff url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/mainImg_bg.png);
height: 300px;
}
#imgArea {
width: 960px;
margin: 0 auto;
} #contents {
width: 960px;
margin: 20px auto 0 auto;
padding-bottom: 60px;
text-align: left;
}
#contents .pageTop {
clear: both;
text-align: right;
} .contentsBox {
margin: 0 0 20px 15px;
min-height:1px;
}
.contentsBox .box {
font-size: 12px;
width: 280px;
float: left;
border: solid #CCC 1px;
margin-right: 10px;
padding: 10px;
} #main {
float: right;
width: 700px;
}
#main p{
padding: 15px 10px 15px 10px;
}
#main h2{
font-size: 16px;
font-weight: normal;
width: 700px;
height: 40px;
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/bg-h2.png) no-repeat;
padding: 8px 0 0 32px;
}
#main h3{
font-size: 16px;
font-weight: normal;
width: 700px;
height: 31px;
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/bg-h3.png) no-repeat;
padding: 9px 0 0 32px;
margin-bottom: -1px;
}
#main h4{
color: #6baa40;
font-size: 14px;
font-weight: normal;
margin: 0 0 10px 0;
}
#main .section{
margin: 0 0 20px 0;
padding: 10px 5px;
}
#main .sectionBorder{
margin: 0 0 20px 0;
padding: 20px 20px;
border: solid #ccc 1px;
min-height:1px;
}
#main .box {
width: 190px;
float: left;
border-right: solid #CCC 1px;
margin-right: 5px;
padding: 0 15px 0 10px;
}
#main .box-end {
width: 190px;
float: left;
margin-right: 5px;
padding: 0 0 0 10px;
}
#main ul li{
list-style-type: none;
padding: 0 0 5px 8px;
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/list-arw.png) no-repeat;
background-position:0% 30%;
}
#date {
text-align: right;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
font-weight:bold;
color:#858585;
}
#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
} #main h4 {
font-size: 14px;
line-height: 32px;
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/h4.gif) no-repeat ;
padding-left: 15px;
padding-bottom: 10px;
margin-top: 20px;
letter-spacing: 0.2em;
color: #009900;
}
#main h5 {
font-size: 14px;
line-height: 32px;
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/h5.gif) no-repeat ;
padding-left: 15px;
padding-bottom: 10px;
margin-top: 20px;
letter-spacing: 0.2em;
color: #009900;
}
#main h6 {
font-size: 14px;
line-height: 30px;
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/h6.gif) no-repeat ;
padding-left: 15px;
padding-bottom: 10px;
margin-top: 20px;
letter-spacing: 0.2em;
color: #009900;
} #main .t-head {
border-collapse: collapse;
border: solid 1px #ddd;
padding: 10px;
background-color: #efefef;
width: 80px;
}
#main .t-item {
border-collapse: collapse;
border: solid 1px #ddd;
padding: 10px;
width: 535px;
} #sub {
float: left;
width: 230px;
}
#sub h3{
font-size: 14px;
font-weight: normal;
width: 230px;
height: 35px;
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/bg-side-h3.png) no-repeat;
margin:0;
padding: 9px 0 0 32px;
}
#sub ul {
margin: -10px 0 2px;
font-size: 12px;
margin: -5px 0 20px 0;
padding: 5px 10px 10px 10px;
border: solid #ccc 1px;
}
#sub ul li{
list-style-type: none;
padding: 5px 0 5px 8px;
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/list-arw.png) no-repeat;
background-position:0% 49%;
border-bottom: dashed #ccc 1px;
margin: 5px 0 5px;
}
#sub .sectionBorder{
font-size: 12px;
margin: -5px 0 20px 0;
padding: 10px 10px 10px 10px;
border: solid #ccc 1px;
}
#sub .box {
border-bottom: solid #CCC 1px;
padding: 5px;
}
#sub .box-end {
padding: 5px;
} #topics {
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/topics_bg.gif) 0 0 repeat;
width: 700px;
}
#topics #topics-inner {
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/topics_head.gif) 0 0 no-repeat;
}
#topics #topics-inbox {
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/topics_foot.gif) 0 bottom no-repeat;
padding: 2px;
width: 696px;
_width: 700px;
}
#topics h7 a {
background: url(//startic.co.jp/wp-content/themes/cloudtpl_080/images/h7_topics.gif) 0 0 no-repeat;
width: 696px;
height: 40px;
text-indent: -9999px;
display: block;
}
#topics dl {
clear: both;
width:696px;
background-color: #fff;
}
#topics dt {
clear: both;
float: left;
width: 120px;
padding: 10px 10px 10px;
color: #333;
/border-bottom: 1px dotted #fff;
}
#topics dd {
width: 496px;
padding: 10px 10px 10px;
padding-left: 190px;
border-bottom: 1px dotted #6baa40;
/float: left;
/padding: 10px;
/width: 486px;
}
#topics dt.odd,
#topics dd.odd {
background-color: #6baa40;
} #topics dd:after {
content:'';
display: block;
clear: both;
}
#topics dd a {
color: #6baa40;
text-decoration: none;
} .coder {
border-spacing: 0;
border: 1px solid #CCC;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 1px 1px #CCC;	
}
.coder th,
.coder td {
padding:10px;
background:#FFF;
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
}
.coder th {
background: #8DC665;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
color: #FFFFFF;
} .coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
-webkit-border-radius: 6px 0 0 0;
-moz-border-radius: 6px 0 0 0;
-o-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;
} .coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
-webkit-border-radius: 0 6px 0 0;
-moz-border-radius: 0 6px 0 0;
-o-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0;
} .coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 6px;
-moz-border-radius: 0 0 0 6px;
-o-border-radius: 0 0 0 6px;
border-radius: 0 0 0 6px;
} .coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
-webkit-border-radius: 0 0 6px 0;
-moz-border-radius: 0 0 6px 0;
-o-border-radius: 0 0 6px 0;
border-radius: 0 0 6px 0;
} .coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}  .coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
-webkit-border-radius: 6px 0 0 0;
-moz-border-radius: 6px 0 0 0;
-o-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;
} .coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
-webkit-border-radius: 0 6px 0 0;
-moz-border-radius: 0 6px 0 0;
-o-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0;
} .coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:0px;
} .coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 6px;
-moz-border-radius: 0 0 0 6px;
-o-border-radius: 0 0 0 6px;
border-radius: 0 0 0 6px;
} .coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
-webkit-border-radius: 0 0 6px 0;
-moz-border-radius: 0 0 6px 0;
-o-border-radius: 0 0 6px 0;
border-radius: 0 0 6px 0;
}
.waku1 {
padding: 20px;
color: #333333;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #A4CB8A;
width:200px;
} #main.single_content h2 {font-size: 18px; font-weight: bold; height: auto; background: none; padding: 0 0 8px 4px; border-bottom: 3px #6baa40 solid; margin-bottom: 20px; letter-spacing: 2px;}
#main.single_content .single_meta_box {display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 40px;}
#main.single_content .single_meta_box ul {display: flex; flex-wrap: nowrap;}
#main.single_content .single_meta_box ul li {list-style-type: none; padding: 0; background: none; background-position: 0%;}
#main.single_content .single_meta_box ul li:not(:last-child) {margin-right10px;}
#main.single_content .single_meta_box ul li a {display: inline-block; background: #6baa40; color: #FFF; padding: 6px 15px; line-height: 1; font-size: 12px; border-radius: 10px;}
#main.single_content .single_meta_box ul li a:hover {text-decoration: none;}
#main.single_content .single_meta_box #date {text-align: left; padding: 0; font-weight: bold; color: #858585;}
#main.single_content .single_content_box h3 {font-size: 16px; font-weight: bold; height: auto; background: #6baa40; color: #FFF; padding: 10px 15px; margin: 2em 0 1em; box-sizing: border-box; letter-spacing: 2px;}
#main.single_content .single_content_box h4 {color: #000; font-size: 14px; font-weight: bold; margin: 0 0 .5em 0; background: none; padding: 0; letter-spacing: 2px;}
#main.single_content .single_content_box p {padding: 0; margin: .5em 0 1.5em;}
#main.single_content .single_content_box img {width: 100%; margin-bottom: 2em;}