/* CKEDITOR CSS */
.ceckmark {
display: inline-block;
background: url(https://www.alphanet.co.jp/mtos_02/image/checkmark.gif) no-repeat 0 7px;
font-size: 17px;
padding-top: 5px;
padding-left: 30px;
margin-bottom:  5px;
line-height: 190%;
}
.ured { background: url(https://www.alphanet.co.jp/mtos_02/image/ured.gif) no-repeat right bottom; padding: 0 10px 8px 5px; margin-bottom: 5px;-moz-background-size:100% 50%;
background-size:100% 50%; }
.wred { background: url(https://www.alphanet.co.jp/mtos_02/image/wred.gif) repeat-x right bottom; padding: 0 10px 8px 5px; margin-bottom: 5px; }
.enclose3w { padding: 5px;
font-family: "HGP創英角ｺﾞｼｯｸUB", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";  font-size: 30px; line-height: 180%;
text-shadow:0px 3px 1px white,0px 2px 1px white,1px 2px 1px white,2px 2px 1px white,2px 1px 1px white,2px 0px 1px white,3px 0px 1px white,2px -1px 1px white,2px -2px 1px white,2px -3px 1px white,1px -3px 1px white,0px -3px 1px white,-1px -3px 1px white,-2px -3px 1px white,-3px -3px 1px white,-3px -2px 1px white,-3px -1px 1px white,-3px 0px 1px white,-3px 1px 1px white,-3px 2px 1px white,-2px 2px 1px white,-1px 2px 1px white,0px 0px  5px #d6d6d6,0px 0px 10px #d6d6d6,0px 0px 12px #d6d6d6;
letter-spacing: 6px;
}
.enclose1b { text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000; }
.gradfont { position: relative; display: block; }
.gradfont:before { content: "";
background: url(https://www.alphanet.co.jp/mtos_02/image/gradient-white.png) repeat-x top left; position: absolute; display: block; width: 100%; height: 100%;
z-index:-2;
}
.gradfont span { background: url(https://www.alphanet.co.jp/mtos_02/image/gradient-white.png) repeat-x top left; position: absolute; display: block; width: 100%; height: 100%; }
.rotate15 { transform: rotate(-15deg); }
.circle {
display: inline-block;
float: left;
margin-right: 14px;
text-align: center;
overflow: hidden;
box-shadow:0 1px #ccc;
box-shadow:0 -1px #ccc inset;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-transition: all 400ms linear;
-o-transition: all 400ms linear;
-ms-transition: all 400ms linear;
transition: all 400ms linear;
position: relative;
behavior: url(https://test.kunen-miyazaki.com/js/PIE.htc);
}
.circle>.inner { display:table; }
.ctext { display:table-cell;
width: 90%; height: 90%;
text-align: center;
vertical-align: middle;
line-height: 1.3;
font-size: 17.5px; color: #fff;
}
.boxTitle { font-size: 24px; margin-bottom: 7px; }
.wh120 { width:120px; height: 120px; }
.wh120>.inner { width:106px; height: 106px; margin-top: 7px; margin-left: 7px; }
.wh160 { width:160px; height: 160px; }
.wh160>.inner { width:146px; height: 146px; margin-top: 7px; margin-left: 7px; }
.wh180 { width:180px; height: 180px; }
.wh180>.inner { width:166px; height: 166px; margin-top: 7px; margin-left: 7px; }
.wh200 { width:200px; height: 200px; }
.wh200>.inner { width:186px; height: 186px; margin-top: 7px; margin-left: 7px; }
.fcred { color:#BF0000; }
.fcgreen { color:#149600;}
.fcblue { color:#0000EE; }
.fcgold { color:goldenrod; }
.bgred { background-color: rgba(255,40,0,1); }
.bgyellow { background-color: rgba(255,245,0,1); }
.bggreen { background-color: rgba(53,161,107,1); }
.bgblue { background-color: rgba(0,65,255,1); }
.bgsky { background-color: rgba(102,204,255,1); }
.bgpink { background-color: rgba(255,153,160,1); }
.bgorange { background-color: rgba(255,153,0,1); }
.bgpurple { background-color: rgba(154,0,121,1); }
.bgbrown { background-color: rgba(102,51,0,1); }
.bdr3s{ border:solid #66CCFF 3px; }
.bdr3bk{ border:solid #000000 3px; }
.bdr3r{ border:solid #FF2800 3px; }
.bdr3bl{ border:solid #0041FF 3px; }
.bdr3pi{ border:solid #FF99A0 3px; }
.bdr3y{ border:solid #FFF500 3px; }
.bdr3o{ border:solid #FF9900 3px; }
.bdr3br{ border:solid #663300 3px; }
.bdr3g{ border:solid #35A16B 3px; }
.bdr3pu{ border:solid #9A0079 3px; }
.bdr5s{ border:solid #66CCFF 5px; }
.bdr5bk{ border:solid #000000 5px; }
.bdr5r{ border:solid #FF2800 5px; }
.bdr5bl{ border:solid #0041FF 5px; }
.bdr5pi{ border:solid #FF99A0 5px; }
.bdr5y{ border:solid #FFF500 5px; }
.bdr5o{ border:solid #FF9900 5px; }
.bdr5br{ border:solid #663300 5px; }
.bdr5g{ border:solid #35A16B 5px; }
.bdr5pu{ border:solid #9A0079 5px; }
.rad8>p, .rad5>p { margin-bottom: 0; }
.rad8>hr, .rad5>hr { margin-top: 3.5px; margin-bottom: 3.5px; }
.cke_panel_listItem h1, .hdlt-ck1 { position: relative; font-size: 1.5em; line-height: 1;
margin: 1em 0; padding: 7px 16px;
border-left: 9px double #777; }
.cke_panel_listItem h1 { margin: 0; }
.cke_panel_listItem h1:after, .hdlt-ck1:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
height: 0;
width: 100%;
border-bottom: 1px solid #555;
}
.hdlt-ck2 { font-size: 16px; }
.cke_panel_listItem h2, .hdlt-ck2 {
position: relative;
color: #111;
line-height: 1;
margin: 1em 0 0 0;
padding: 14px 5px 10px 1.5em;
}
.cke_panel_listItem h2:before,
.hdlt-ck2:before {
content: "";
position: absolute;
background: #999;
top: 0;
left: 5px;
height: 10px;
width: 10px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cke_panel_listItem h2:after, .hdlt-ck2:after {
content: "";
position: absolute;
background:#777;
top: 15px;
left: 0;
height: 6px;
width: 6px;
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.cke_panel_listItem h3, .hdlt-ck3 { border:solid #333 1px; padding: 0.3em 1em; margin: 1em 0; }
.cke_panel_listItem h4, .hdlb-ck1 { background-color: #F3F3F3; padding: 0.5em 1em; margin: 1em 0; text-shadow: 1px 0.5px 0 #fff,-1px 0.5px 0 #fff,1px -0.5px 0 #fff,-1px -0.5px 0 #fff; }
.cke_panel_listItem h5, .hdlb-ck2 {
position:relative;
padding:0.5em 2em;
background:#ffb53c;
color:#fff;
text-shadow:0 0 1px rgba(000,000,000,0.3);
}
.cke_panel_listItem h5:before,
.hdlb-ck2:before {
position: absolute;
top: 0px;
left: 0px;
display: block;
content: "";
border-width: 5px 6px;
border-style: solid;
border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgb(255, 255, 255);
}
.cke_panel_listItem h5 { margin-bottom: 21px; }
.hdlt-drcp1 { display: inline-block; font-size: 3em; float: left; line-height: 1; padding: 0; margin-right: 0.2em; }
.cureaka, .cureao, .cureore, .curepink, .curegreen, .curekuro,
.shalaka, .shalao, .shalore, .shalpink,.shalgreen, .shalkuro { padding: 0 1em 0.8em; margin-bottom:  0.8em; -moz-background-size:100% 50%;
background-size:100% 50%; display: inline-block; }
.ceckmark { background: url(https://test.kunen-miyazaki.com/image/checkmark.gif) no-repeat left center; }
.ured { background: url(https://test.kunen-miyazaki.com/image/ured.gif) no-repeat right bottom; }
.wred { background: url(https://test.kunen-miyazaki.com/image/wred.gif) repeat-x right bottom; }
.cureaka{ background: url(https://test.kunen-miyazaki.com/image/creyonred.png) no-repeat right bottom; }
.cureao{ background: url(https://test.kunen-miyazaki.com/image/creyonao.png) no-repeat right bottom; }
.cureore{ background: url(https://test.kunen-miyazaki.com/image/creyonorange.png) no-repeat right bottom; }
.curepink{ background: url(https://test.kunen-miyazaki.com/image/creyonpink.png) no-repeat right bottom; }
.curegreen{ background: url(https://test.kunen-miyazaki.com/image/creyongreen.png) no-repeat right bottom; }
.curekuro{ background: url(https://test.kunen-miyazaki.com/image/creyonrkuro.png) no-repeat right bottom; }
.shalaka{ background: url(https://test.kunen-miyazaki.com/image/shalineaka.gif) no-repeat right bottom; }
.shalao{ background: url(https://test.kunen-miyazaki.com/image/shalineao.gif) no-repeat right bottom; }
.shalore{ background: url(https://test.kunen-miyazaki.com/image/shalineorange.gif) no-repeat right bottom; }
.shalpink{ background: url(https://test.kunen-miyazaki.com/image/shalinepink.gif) no-repeat right bottom; }
.shalgreen{ background: url(https://test.kunen-miyazaki.com/image/shalinegrenn.gif) no-repeat right bottom; }
.shalkuro{ background: url(https://test.kunen-miyazaki.com/image/shalinekuro.gif) no-repeat right bottom; }
.cke_show_borders table, .content_body table { width: 95%;
margin: 1em 0;
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.cke_show_borders table th, .content_body table th,
.cke_show_borders table td, .content_body table td {
padding:0.3em 1em;
background:#FFF;
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
}
.cke_show_borders table tr:first-child td:first-child,
.content_body table 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;
}
.cke_show_borders table tr:first-child td:last-child,
.content_body table 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;
}
.cke_show_borders table tr:last-child td:first-child,
.content_body table 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;
}
.cke_show_borders table tr:last-child td:last-child,
.content_body table 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;
}
.cke_panel_listItem h3, .hdlt-ck3, .cke_panel_listItem h4, .hdlb-ck1 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-pie-border-radius: 5px;
position: relative;
behavior: url(https://test.kunen-miyazaki.com/js/PIE.htc);
}
.cke_panel_listItem h3, .hdlt-ck3 {
-webkit-box-shadow: 1px 1px 1px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 1px 1px 1px  #CCC; /* Firefox用 */
box-shadow: 1px 1px 1px #CCC; /* CSS3 */
-pie-box-shadow: 1px 1px 1px #CCC;
position: relative;
behavior: url(https://test.kunen-miyazaki.com/js/PIE.htc);
}
/******************** parts css ***********************/
#footercbox { text-align: left; width: 100%; height: 100%; padding: 7px 0; margin: 0; overflow: hidden; }
#footer-cols1 { background-color: #EAC6D9; }
#footer-cols2 { background-color: #C6D9EA; }
#footer-cols3 { background-color: #D9EAC6; }
.footer-cols { float: left; width:30.3%; height: 100%; padding: 1.5%; }
.footer-cols {
padding-bottom: 800px;
margin-bottom: -800px;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.footer-cols { width:90%; padding: 5%; height: auto; padding-bottom: 0p; margin-bottom: 0px; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.footer-cols { width:46%; padding: 2%; height: auto; padding-bottom: 0; margin-bottom: 0; }
}
@media screen and (min-width: 769px) and (max-width: 979px) {
.footer-cols { width:30%; height: 100%; padding: 1.5%; height: 100%; padding-bottom: 800px; margin-bottom: -800px; }
}
@media screen and (min-width: 980px) {
.footer-cols { width:30%; height: 100%; padding: 1.5%; height: 100%; padding-bottom: 800px; margin-bottom: -800px; }
}
.fc_title { margin-bottom: 1.5em; }
.footerclorsnav a, .footerclorsnav a:visited { color: #51565b; }
dl.addressbox { display: bloack; }
dl.addressbox dt { margin-bottom: 0.5em; }
dl.contactbox { clear: both;  margin-top: 10px; width: 100% }
dl.contactbox dt { float: left; width: 6em; clear: both; padding: 0; margin-bottom: 0.5em; font-weight: bold; height: auto; }
dl.contactbox dd { margin-bottom: 0.5em; margin-left: 6em; height: auto; }
#footer_bottom { margin: 0; padding: 20px; width: 100%; text-align: center; }
#copyright { font-size: 11px; padding: 0; }
#copyright, #copyright a, #copyright a:visited { color: #ccc; }
#poweredby { font-size: 11px; padding: 0 10px; font-family: "Monotype Corsiva"; }
#poweredby, #poweredby a, #poweredby a:visited { color: #ccc; }
#wrap_hgroup { width: 100%; position: absolute; top: 0; left: 0; }
#wrap_hgroup + * >.wrap_head { padding-top: 52px; }
header hgroup { padding: 5px 20px; margin: 0; max-width: 720px; float: left; }
header h1,header h2 { display:inline; margin: 0; padding: 0; font-size: 0.75em; color: #CCC; }
#fontnavi {  margin: 0; min-width: 220px; float: right; }
ul#fontSizer { mini-height: 2.5em; float: right; display: inline-block; margin: 0.25em; clear:both; }
ul#fontSizer li { text-align: center; float: left; padding: 0.5em; line-height: 1;
background-color: #fff; color:#333; text-shadow: #fffff8 1px 1px 0;}
ul#fontSizer li.active { background-color: #C0C6C9; color:#fff; text-shadow: #333 1px 1px 0;}
.font-s { font-size: 80%; }
.font-m { font-size: 100%; }
.font-l { font-size: 130%; }
#font-s, #font-m, #font-l { margin-left: 2px; cursor: pointer; font-weight: normal; border:solid #ccc 1px; background-color: #fff; }
@media screen and (min-width: 0px) and (max-width: 979px) {
header hgroup { width: 90%; padding: 0 5%; margin: 7px 0; float: none; }
#fontnavi { width: 90%; padding: 0 5%; margin: 7px 0; float: none; }
}
@media screen and (min-width: 980px)  {
}
#topnav { width: 100%; margin: 0; }
#toplogo a, #toplogo a:visited { color: #3E78FD; }
#logoTitle { font-size: 35px; font-family: "HGP創英角ｺﾞｼｯｸUB", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅"; color: #3E78FD; }
#topinfo { text-align: right; }
#topinfo a, #topinfo a:visited { color: #51565b; }
#topinfo i { margin:0 1em; }
#sliderarea { width: 100%; margin: 0; padding: 0; }
/* The slider */
.iviewSlider {
overflow: hidden;
}
/* The timer in the Slider */
#iview-timer {
position: absolute;
z-index: 100;
border-radius: 5px;
cursor: pointer;
}
#iview-timer div {
border-radius: 3px;
}
/* The Preloader in the Slider */
#iview-preloader {
position: absolute;
z-index: 1000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: #000 1px solid;
padding: 1px;
width: 100px;
height: 3px;
}
#iview-preloader div {
float: left;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 3px;
background: #000;
width: 0px;
}
/* The strips and boxes in the Slider */
.iview-strip {
display:block;
position:absolute;
z-index:5;
}
.iview-block {
display:block;
position:absolute;
z-index:5;
}
/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.iview-prevNav {
left:0px;
}
.iview-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {
position:absolute;
z-index:9;
}
.iview-controlNav a {
z-index:9;
cursor:pointer;
}
.iview-controlNav a.active {
font-weight:bold;
}
.iview-controlNav .iview-items ul {
list-style: none;
}
.iview-controlNav .iview-items ul li {
display: inline;
position: relative;
}
.iview-controlNav .iview-tooltip {
position: absolute;
}
/* The captions in the Slider */
.iview-caption {
position:absolute;
z-index:4;
overflow: hidden;
cursor: default;
}
/* The video show in the Slider */
.iview-video-show {
background: #000;
position: absolute;
width: 100%;
height: 100%;
z-index: 101;
}
.iview-video-show .iview-video-container {
position: relative;
width: 100%;
height: 100%;
}
.iview-video-show .iview-video-container a.iview-video-close {
position: absolute;
right: 10px;
top: 10px;
background: #222;
color: #FFF;
height: 20px;
width: 20px;
text-align: center;
line-height: 29px;
font-size: 22px;
font-weight: bold;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.iview-video-show .iview-video-container a.iview-video-close:hover {
background: #444;
}
#iview {
position: relative;
display: block;
max-width: 980px;
min-width: 300px;
background: #fff;
background: rgba(255, 255, 255);
padding: 0;
margin: 20px auto;
overflow: hidden;
}
#iview .iviewSlider {
display: block;
width: 980px;
height: 300px;
overflow: hidden;
}
#iview div.iview-directionNav {
position: absolute;
top: 47%;
left: 0px;
z-index: 9;
width: 100%;
}
#iview div.iview-directionNav a {
display: block;
cursor: pointer;
position: absolute;
width: 27px;
height: 27px;
background-image: url(../../img/bg_direction_nav.png);
text-indent: -9999px;
-webkit-transition: left 0.3s ease-in-out;
-webkit-transition-property: left,right;
-moz-transition: left 0.3s ease-in-out;
-moz-transition-property: left,right;
-o-transition: left 0.3s ease-in-out;
-o-transition-property: left,right;
-ms-transition: left 0.3s ease-in-out;
-ms-transition-property: left,right;
transition: left 0.3s ease-in-out;
transition-property: left,right;
}
#iview div.iview-directionNav a.iview-nextNav {
right: -27px;
background-position: 27px 0px;
}
#iview div.iview-directionNav a.iview-prevNav {
left: -27px;
background-position: 0px 0px
}
#iview.iview-hover div.iview-directionNav a.iview-nextNav {
right: 20px;
}
#iview.iview-hover div.iview-directionNav a.iview-prevNav {
left: 20px;
}
.iview-caption {
color: #FFF;
border-radius: 3px;
padding: 10px 15px;
font-family: Verdana;
font-size: 21px;
text-shadow: #000 1px 1px 0px;
line-height: 1.3;
}
.iview-caption.caption1 {
text-shadow: none;
font-size: 35px;
text-shadow: 0px 0px 1px #333, 0px 0px  5px #333, 0px 0px 10px #333;
}
.iview-caption.red { color: #BF0000; text-shadow: 0px 0px 1px #fff, 0px 0px  5px #fff, 0px 0px 10px #fff; }
.iview-caption.pink { color: #EE8393; text-shadow: 0px 0px 1px #fff, 0px 0px  5px #fff, 0px 0px 10px #fff; }
.iview-caption.orange { color: #DC6C17; text-shadow: 0px 0px 1px #333, 0px 0px  5px #333, 0px 0px 10px #333; }
.iview-caption.blue { color: #0000EE; text-shadow: 0px 0px 1px #fff, 0px 0px  5px #fff, 0px 0px 10px #fff; }
.iview-caption.green { color: #149600; text-shadow: 0px 0px 1px #fff, 0px 0px  5px #fff, 0px 0px 10px #fff; }
.iview-caption.black { color: #000; text-shadow: 0px 0px 1px #fff, 0px 0px  5px #fff, 0px 0px 10px #fff; }
.iview-caption.caption2 {
background: #FFF;
color: #000;
text-shadow: none;
}
.iview-caption.caption3 {
background: #c4302b;
box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
text-shadow: none;
}
#iview-preloader {
border: #666 1px solid;
width: 150px
}
#iview-preloader div {
background: #666;
}
#iview-timer {
border-radius: 10px;
}
#iview-timer div {
border-radius: 10px;
}
ul#iconnav, ul#iconnav li {
background: #F6F1EB;
background: -moz-linear-gradient(top, #F6F1EB 0%, #ffffff 50%, #ffffff 51%, #B7B5B6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F1EB), color-stop(50%,#ffffff), color-stop(51%,#ffffff), color-stop(100%,#B7B5B6));
background: -webkit-linear-gradient(top, #F6F1EB 0%,#ffffff 50%,#ffffff 51%,#B7B5B6 100%);
background: -o-linear-gradient(top, #F6F1EB 0%,#ffffff 50%,#ffffff 51%,#B7B5B6 100%);
background: -ms-linear-gradient(top, #F6F1EB 0%,#ffffff 50%,#ffffff 51%,#B7B5B6 100%);
background: linear-gradient(top, #F6F1EB 0%,#ffffff 50%,#ffffff 51%,#B7B5B6 100%);
-pie-background: linear-gradient(#F6F1EB, #ffffff 50%, #B7B5B6);
behavior: url(https://test.kunen-miyazaki.com/js/PIE.htc); }
ul#iconnav li, ul#iconnav li a, ul#iconnav li a:visited { color: #222222; }
nav { width: 100%; margin: 0; padding: 0; }
ul#iconnav { margin-bottom: 14px; display: inline-block; width: 100%; }
ul#iconnav li { text-align: center; float:left; width: 16.48%; line-height: 1.1; }
ul#iconnav li i { font-size: 1.2em; margin-right: 0.6em; display: inline-block; }
ul#iconnav li span.line2 i { font-size: 1.3em; margin-top: 0.3em; margin-left: 1em; margin-right: 0; float:left; }
ul#iconnav li span.line2 span.navtext { margin-left: 1em; float:left; }
ul#iconnav li span.navtext { display: inline-block; }
ul#iconnav li a { padding-top: 0.8em; padding-bottom: 0.8em; width: 100%; display: inline-block; }
ul#iconnav li span.line2 a { padding-top: 0.5em; padding-bottom: 0.3em; width: 100%; display: inline-block; }
ul#iconnav li span.navtext br { display: inherit; }
@media screen and (min-width: 0px) and (max-width: 480px) {
ul#iconnav li span.line2 i+span br { display: none; }
ul#iconnav li  span.line2 i, ul#iconnav li span.line2 span.navtext { float: none; }
ul#iconnav li i, ul#iconnav li  span.line2 i { font-size: 1.5em; display: block; margin-top: 0.5em; margin-left: 0; margin-right: 0; }
ul#iconnav li { width: 16%; overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
white-space: nowrap;}
ul#iconnav li a, ul#iconnav li span.line2 a { padding-top: 0.2em; padding-bottom: 0.2em; }
ul#iconnav li span.navtext { font-size: 10px; display: block; margin-left: 1em; }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
ul#iconnav li span.line2 i+span br { display: none; }
ul#iconnav li  span.line2 i, ul#iconnav li span.line2 span.navtext { float: none; }
ul#iconnav li i, ul#iconnav li  span.line2 i { font-size: 1.5em; display: block; margin-top: 0.5em; margin-left: 0; margin-right: 0; }
ul#iconnav li { width: 16.22%; overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
white-space: nowrap; }
ul#iconnav li a, ul#iconnav li span.line2 a { padding-top: 0.2em; padding-bottom: 0.2em; }
ul#iconnav li span.navtext { font-size: 10px; display: block; margin-left: 1em; }
}
@media screen and (min-width: 769px) and (max-width: 979px) {
ul#iconnav li span.line2 i+span br { display: none; }
ul#iconnav li  span.line2 i, ul#iconnav li span.line2 span.navtext { float: none; }
ul#iconnav li i, ul#iconnav li  span.line2 i { font-size: 1.5em; display: block; margin-top: 0.5em; margin-left: 0; margin-right: 0; }
ul#iconnav li { width: 16.33%; }
ul#iconnav li a, ul#iconnav li span.line2 a { padding-top: 0.2em; padding-bottom: 0.2em; }
ul#iconnav li span.navtext { font-size: 12px; overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
white-space: nowrap;}
}
@media screen and (min-width: 980px)  {
}
#infolistbody { border:solid #CCC 1px; padding: 14px 0 14px 14px; }
#skrollbody {
position: relative;
overflow:hidden;
width: 97%;
margin-bottom: 7px;
height:100px;
}
#skrollbody ul { margin: 0; }
#infolistbody ul li { border-bottom:dotted #ccc 1px; margin-bottom: 0.5em; padding: 0.25em; }
/* clearfix */
.clearfix, .clearbefore { width:100%; }
.clearfix:after, .content_body:after, .rightbtn:after { content: ""; display: block; clear: both; }
.clearbefore:before { content: ""; display: block; clear: both; }