a:link {
text-decoration : underline; 
color : #3366cc; 
}
a.idx:link {
text-decoration : underline; 
color : #3366cc;
border : 1px solid #f4f6f7;
padding : 14px; 
}
a:visited {
text-decoration : underline;
color : #2e5d90;
}
a.idx:visited, a.idx:active {
text-decoration : underline;
border : 1px solid #f4f6f7;
padding : 14px; 
}
a:active {
text-decoration : underline; 
color : #cc66cc; 
}
a:hover {
text-decoration : underline; 
color : #204165; 
}
a.idx:hover {
text-decoration : underline;
color : #204165; 
background-color : #ecf5fa;
padding : 14px; 
}
a.icon:link, a.icon:hover, a.icon:active, a.icon:visited{
text-decoration : none;
}
a.btn-default:link, a.btn-default:active, a.btn-default:visited{
color :#242923;
text-decoration : none; 
}
a.btn-default:hover{
color :#242923;
background-color:#e3e3e3;
text-decoration : none; 
}
a.sidelink:link {
text-decoration : none;
}
a.transparency:hover, a.transparency2:hover{
opacity:0.8;
}
html, body{
margin-left:auto;
margin-right:auto;
width:1055px;
}
#wrapper{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;
font-size: 62.5%; 
line-height:1.75rem;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
width:1055px;
} 
h1{
font-size : 0.95rem;
color : #363F48;
border: 0 solid #d3d3d3; 
margin-bottom: 0;
padding-left:6px;
}
h2{
font-size : 1.0rem;
color :#404040;
padding-left:6px;
}
h3{
clear:both;
font-size : 1.05rem;
text-align: right;
margin-top:21px;
padding:10px 16px 10px 0;
background: #257EC2;
color:#FFF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);width:97%;
width:97%;
}
h3.bord, h4.bord{
font-size:0.8rem;
margin: 0;
}
h4{
font-size : 100%;
margin-bottom: 1px;
}
p {
margin-top: 28px;
margin-bottom: 28px;
}
hr{
text-align:center;
height : 1px;
border: none;
border-top: 1px #999 solid;
margin-top: 45px;
margin-bottom: 45px;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;�@
vertical-align:text-bottom;
}
small{
font-size:0.8rem;
}
.dash{
line-height: 0;
border-bottom: #999 1px dashed;
}
.dashb{
clear:both;
line-height: 0;
border-bottom: 1px solid #CDCECE;
box-shadow: 0 2px 20px rgba(48,56,47,0.6);
}
.dashc{
border-style:dashed;
border-width:1px 0 0;
border-color:#446477 #fff #fff;
padding:14px 0;
width:88%;
}
.dashe{
line-height: 0px;
border-bottom: #999 1px dashed;
margin-top: 8px;
margin-bottom: 8px;
}
.catedash{
line-height: 0;
border-bottom: 1px solid #CDCECE;
box-shadow: 0 -6px 20px 0.4px rgba(48,56,47,0.4) ;
}
.topmenu{
border:0;
padding:0.1em;
width:95%;
}
.title{
float:left;
vertical-align:top;
width:30%;
padding:16px 0 0 14px;
}
.topright{
float:right;
position:relative; right:0;
opacity: 0.7;
vertical-align:top;
text-align: center;
font-size:0.78rem;
padding:9px 0 9px;
width:55%;
}
.navileft{
float: left;
width:50%;
}
.naviright{
float: left;
width:50%;
}
.naviimg{
float:left;
width:33.3%;
}
.naviimg:hover{
opacity:0.8;
}
.search{
clear:both;
color : #121212;
margin-left:465px;
border-color: #fff;
border-collapse:collapse;
width:620px;
height: 38px;
padding:0 0 16px 0;
}
.search2{
margin-left:auto;
margin-right:auto;
width:620px;
height: 38px;
padding:0 0 16px 0;
}
input#searchform, #searchform2{
font-size: 0.79rem;
margin-left: 0;
border: 1px solid #C4DCEE;
height: 29px;
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-webkit-appearance: none;
width:75%;
}
input#searchbutton{
font-size: 0.79rem;
margin-left: 0;
background-color: #257EC2;
border: 1px solid #C4DCEE;
color: #FFF;
height: 35px;
width: 60px;
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-webkit-appearance: none;
}
input#searchbutton2{
font-size: 0.79rem;
margin-left:0;
background-color: #257EC2;
border: 1px solid #C4DCEE;
color: #FFF;
height: 32px;
width: 60px;
border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-webkit-appearance: none;
}
#toparea{
text-align:center;
margin:20px 25px;
width:100%;
}
.toplink{
text-align:center;
margin: auto;
width:75%;
}
.topunit{
text-align:center;
margin:24px 0 24px;
height: 90px;
}
#main{
width:100%;
}
.left{
float:left;
border-right:#D8D9D9 2px dashed;
vertical-align:top;
padding-right:4px;
width:735px;
}
.tese{
font-size :0.85rem;
border:solid;
border-color : #f5f5f5;
border-width:0 0 1px;
width:100%;
padding: 1px 0 6px 6px;
margin:2px 0 2px;
}
.breadcrumb {
line-height: 30px;
padding: 1px;
margin:0;
list-style: none;
}
ol.breadcrumb li{
display: block;
height: 30px;
float:left;	
}
ol.breadcrumb li:before {
color: #257EC2;
content: "\f488";
font-family: "WebHostingHub-Glyphs";
padding:8px;
}
ol.breadcrumb li:first-child:before{
display:none;
}
.bookmark{
text-align:right; 
margin:8px 5px 0 0;
}
.bookmarkbottom{
text-align:center;
margin:8px;
}
.sentence{
font-size:0.94rem;
padding:14px 26px 14px 18px;
}
.page{
border:solid;
border-width:0 0 1px;
border-color:#CDCECE;
font-size:0.95rem;
padding:30px 0 22px 0;
margin:0 150px;
text-align:center;
}
div.idx{
font-size:0.90rem; 
text-align:right;
margin-top:6px;
margin-right:16px;
}
span.idx {
border : 1px solid #f4f6f7; 
padding : 14px; 
background-color : #f5f5f5;
}
.pagination{
font-size:0.95rem;
padding:16px 0 22px 0;
text-align:center;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
span.pagination {
border : 1px solid #f4f6f7; 
padding : 14px; 
background-color : #F0F0F0;
}
#soft{
font-size :0.9rem;
width:100%;
margin-bottom:15px;
display:table;
}
.ss {
position: relative;
display:table-cell;
vertical-align: middle;
text-align:center;
width:57%;
}
.out{
position:relative;
display:table-cell;
text-align:left;
vertical-align: middle;
width :43%;
}
table.path{
font-size :0.84rem;
border-color: #fff;
border-spacing:5px;
border-collapse:separate;
width:100%;
}
.breadc{
font-size :0.84rem;
border-color: #fff;
border-spacing:5px;
border-collapse:separate;
width:100%;
margin-top:32px;
margin-bottom:0;
}
.breadc2{
font-size :0.84rem;
border-color: #fff;
border-spacing:0px;
border-collapse:separate;
width:100%;
margin-top:42px;
margin-bottom:0;
padding-left:6px;
}
#line{
font-size :0.9rem;
display: table;
background-color:#f6f6f6;
border-style:solid;
border-color: #f6f6f6 #f6f6f6 #CDCECE;
border-width:1px;
width:100%;
}
#line2{
font-size :0.9rem;
display: table;
border: solid;
border-color: #fff #fff #CDCECE;
border-width:1px;
width:100%;
}
table.default{
width:100%;
}
.pathl{
vertical-align:top;
width:75%;
}
.pathr{
vertical-align:top;
width:25%;
}
.item {
font-weight: bold;
background-color : #F9F9F9;
border : 1px solid #333; 
width: 30%;
}
.des {
background-color : #f5f5f5; 
border : 1px solid #333; 
width: 70%;
}
.shot:hover{
opacity: 0.8;
}
.shot:active{
opacity: 0.7;
}
.oute{
width :33%;
vertical-align:top;
}
.outi{
display: table-cell;
vertical-align: middle;
font-size:95%;
width:69%;
background-color :#f6f6f6;
padding:12px 0 10px 12px;
}
.fea{
display: table-cell;
vertical-align: middle;
width :24%;
background-color:#f6f6f6;
}
.outi2{
display: table-cell;
vertical-align: middle;
font-size : 95%; 
width:69%;
padding:12px 0 10px 12px;
}
.fea2{
display: table-cell;
vertical-align: middle;
width :24%;
}
.detailedpage{
color: #fff;
font-size:0.85rem;
border-top: 1px solid #257ec2;
background: #257ec2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
text-decoration: none;
font-weight : bold;
vertical-align: middle;
padding: 10px 32px;
line-height:2.1rem;
}
.detailedpage:link, .detailedpage:visited {
text-decoration: none;
color: #fff;
}
.detailedpage:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #4D92C3;
color: #fff;
}
.detailedpage:active {
text-decoration: none;
border-top-color: #257ec2;
background: #257ec2;
}
.thir{
width :30%;
vertical-align:top;
}
.seven{
width :70%;
vertical-align:top;
}
.helf{
width :50%;
vertical-align:top;
}
.sitm{
width:10%;
vertical-align:top;
}
.itm{
width:25%;
vertical-align:top;
}
td.content{
width:75%;
vertical-align:top;
}
.contents{
width:200px;
vertical-align:top;
}
#ri {
float:right;
font-size:0.9rem;
padding-left:6px;
vertical-align:top;
width:306px;
} 
dl,dd,dt{
padding:0; margin:0;
} 
.leftbox{
float:left;
width :50%;
vertical-align:top;
}
.rightbox{
float:right;
width :50%;
vertical-align:top;
}
.leftone{
float:left;
width :50%;
vertical-align:top;
}
.rightone{
float:right;
width :50%;
vertical-align:top;
}
.clear{
clear:both;
}
.leftg{
float:left;
margin:17px 0 16px;
width:74px;
}
.rightg{
float:right;
margin:17px 0 16px;
padding-top:17px;
width:110px;
}
div.theme {
font-size : 110%;
color : #333;
font-weight : bold; 
padding : 7px; 
background-color : #f5f5f5;
border:solid;
background-color:#f5f5f5;
border-color:#ccc; 
border-width:0 2px 2px 0;
}
div.menu {
font-size : 100%; 
color:#383838;
font-weight : bold; 
padding:8px 0px 8px 58px;
border:solid;
background-image : url("http://img.gigafree.net/catename.png"); 
border-color:#d3d3d3;
border-width:1px 0 0 1px;
width:610px;
} 
p.theme {
font-size :1.0rem;
color:#383838;
font-weight : bold; 
padding:10px 0 8px 10px;
position: relative;
border-bottom: 1px solid #257EC2;
width:95%;
}
p.theme:before {
font-size : 1.6rem;
color: #257EC2;
content: "\f650";
font-family: "WebHostingHub-Glyphs";
vertical-align:bottom;
padding:8px;
}
p.theme:after {
position: absolute;
bottom: -1px;
left: 0;
z-index: 2;
content: '';
width: 45%;
height: 1px;
background-color: #252A24;
}
.softico {
padding:6px;
opacity: 0.9;
border:1px solid #f0f0f0;
box-shadow: 1px 1px 1px rgba(50,58,49,0.2);
vertical-align:middle;
}
.appico {
padding:8px;
opacity: 0.8;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
vertical-align:-55%;
margin-right:4px;
}
.sni {
font-size :1.0rem;
color : #333;
font-weight : bold; 
padding : 14px 0px 4px 12px;
background-color : #f6f6f6;
} 
.sni2 {
font-size :1.0rem;
color : #333;
font-weight : bold; 
padding : 14px 0px 4px 12px;
} 
.box {
color : #666; 
font-weight : bold; 
} 
.box2 {
color : #999; 
font-weight : bold; 
}
.undr{
text-decoration:underline;
}
.bottomsection{
border-width:0px;
margin-top:30px;
margin-bottom:50px;
text-align:center; 
width:100%;
}
div.bord {
clear:both;
text-align:right;
font-size:0.8rem;
position: relative;
color: #ffffff;
background: #257ec2;
margin:2px 0 12px;
padding:5px 10px 5px 0;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
width:100%;
}
.sn {
font-size:1.15rem;
color:#383838;
font-weight:bold;
padding :10px 0px 8px 12px;
border:solid;
border-color:#004078;
border-width:0 0 1px;
margin-top:14px;
margin-bottom:24px;
width:95%;
box-shadow: 0 6px 14px -10px rgba(0,64,120,0.3) ;
}
.sn:before {
font-size : 1.5rem;
color: #257EC2;
content: "\f73e";
font-family: "WebHostingHub-Glyphs";
margin-right: 4px;
}
.download{
color: #fff;
font-size:0.85rem;
border-top: 1px solid #257ec2;
background: #257ec2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);width:97%;
text-decoration: none;
font-weight : bold;
vertical-align: middle;
padding: 8px 11px 6px 7px;
line-height:2.1rem;
}
.download:link{
text-decoration: none;
color: #fff;
}
.download:visited {
text-decoration: none;
color: #fff;
}
.download:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #4D92C3;
color: #fff;
}
.download:active {
text-decoration: none;
border-top-color: #257ec2;
background: #257ec2;
}
.download:before {
font-size : 1.1rem;
color: #fff;
content: "\f11a";
font-family: "WebHostingHub-Glyphs";
padding:3px 4px 0 3px;
}
.shortcut{
color: #fff;
font-size:0.85rem;
border-top: 1px solid #257ec2;
background: #257ec2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);width:97%;
text-decoration: none;
font-weight : bold;
vertical-align: middle;
padding: 8px 11px 6px 7px;
line-height:2.1rem;
}
.shortcut:link{
text-decoration: none;
color: #fff;
}
.shortcut:visited {
text-decoration: none;
color: #fff;
}
.shortcut:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #4D92C3;
color: #fff;
}
.shortcut:active {
text-decoration: none;
border-top-color: #257ec2;
background: #257ec2;
}
.shortcut:before {
font-size : 1.1rem;
color: #fff;
content: "\f043";
font-family: "WebHostingHub-Glyphs";
padding:3px 4px 0 3px;
}
.spll{
font-size:0.8rem;
color:#717171;
margin-left:42px;
margin-top:20px;
}
.lefts{
border-width:0px;
margin-top:12px;
padding:10px 0px 22px 38px;
width:91%;
}
.bkmbtn:hover{
-webkit-box-shadow: 0px 0px 6px 1px #A8C6DB;
-moz-box-shadow: 0px 0px 6px 1px #A8C6DB;
box-shadow: 0px 0px 6px 1px #A8C6DB;
	opacity: 0.8;
}
.bkmbtn:active{
    box-shadow: 0px 0px 6px 1px rgba(48, 119, 168,0.80);
    -moz-box-shadow: 0px 0px 6px 1px rgba(48, 119, 168, 0.80);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(48, 119, 168,0.80);
	opacity: 0.7;
   }
div.name{
color : #f5f5f5;
font-weight : bold;
background-image : url("http://img.gigafree.net/back.png");
width:480px;
margin-top:18px;
}
div.detail{
font-size :0.90rem; 
padding:14px 26px 14px 17px;
border:solid;
background-color:#f5f5f5;
border-color:#ccc; 
border-width:0px 1px 1px 0;
}
#preview{
position: absolute;
border: 1px solid #ccc;
background-color:#fff;
padding: 12px;
display: none;
color: #000;
text-align: center;
}
.btn-default:after{
font-size:0.9rem;
color: #257EC2;
content: "\f320";
font-family: "WebHostingHub-Glyphs";
padding:3px;
}
.bord2 {
text-align:right;
font-size:0.8rem;
position: relative;
color: #ffffff;
background: #257ec2;
margin:2px 0 12px;
padding:5px 10px 5px 0;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
width:100%;
}
.article_bottom{
text-align :center;
border-top: #ccc 1px dashed;
margin:5px 0 0 0;
padding:24px 0 20px;
}
.related{
border-top: #ccc 1px dashed;
margin:5px 0 0 0;
padding:24px 0 20px;
}
.related-cate{
margin:5px 0 0 8px;
padding:24px 0 20px;
width:95%;
}
.relatedtitle:before {
font-size : 1.5rem;
color: #257EC2;
content: "\f022";
font-family: "WebHostingHub-Glyphs";
padding:8px;
}
.relatedtitle{
color :#446477;
font-size:1.0rem;
font-weight : bold;
margin-bottom:20px;
}
.cate-feature{
padding:16px 4px 4px 4px;
}
.featureone{
font-size : 0.95rem;
padding:9px 12px;
}
.featureone:hover{
background:#e6e6e6;
}
.standardone{
font-size : 0.95rem;
padding:9px 12px;
}
.standardone:hover{
background:#F0F0F0;
}
.skyscraper{
text-align: center;
margin-top:8px;
margin-left: auto;
margin-right: auto;
padding:6px 0 14px 3px;
}
.skyscraper2{
text-align: center;
margin-left: auto;
margin-right: auto;
padding:0 0 14px 3px;
}
.rightgunit{
border:solid;
border-color:#C9E1F4;
border-width:1px 0 0;
padding:20px 0 18px 14px;
margin-top:10px;
box-shadow: 0 -6px 20px -8px rgba(200,217,235,0.4) ;
}
.skyama{
color:#232323;
border:solid;
border-color:#C8D9EB;
border-width:1px 0 0;
padding-top:16px;
margin-top:10px;
margin-bottom:0;
box-shadow: 0 -6px 20px -8px rgba(200,217,235,0.4) ;
}
.skyama2{
margin-top:0;
}
.contentsname{
padding:9px 8px;
}
.skyrec{
padding:9px 8px;
}
.skyrec:hover{
background: #F0F7F9;
}
.rightmenu{
color:#232323;
border:solid;
border-color:#C8D9EB;
border-width:0 0 1px;
padding-bottom:20px;
margin-top:20px;
box-shadow: 0 6px 20px -8px rgba(200,217,235,0.4) ;
}
.bottombox{
margin-top:24px;
}
.bottomlabel{
text-align:center;
margin-top:8px;
}
.bottombanner{
text-align:center;
margin:10px 0 26px 0;
}
.bottomama, .bottomama2{
font-size :0.90rem;
display: table;
table-layout: fixed;
padding:8px;
width: 100%;
}
.bottomrec{
display: table-cell;
padding:9px 8px;
vertical-align: top;
}
.bottomrec:hover{
background: #F0F7F9;
}
.adslot_1{
width: 300px;
height: 250px;
}
.tab-content input[type="radio"] {
display: none;
}
.tab-content label {
display: inline-block;
padding: 8px;
font-weight: bold;
color: #fff;
text-align: center;
background-color: #8AB9DE;
cursor: pointer;
box-sizing: border-box;
text-shadow:1px 1px 2px #333;
width:49.1%;
}
.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
color: #fff;
background-color: #257EC2;
}
.tab-content .tab-box {
width: 100%;
height: auto;
border: 0;
box-sizing: border-box;
padding-top:16px;
}
.tab-content > .tab-box > div {
display: none;
}
#tab1:checked ~ .tab-box > #tabView1 {
display: block;
}
#tab2:checked ~ .tab-box > #tabView2 {
display: block;
}
.twitter-timeline{
padding-left:6px !important;
height:700px !important;
width: 98% !important;
}
.newarrivals{
padding:9px 8px;
}
.newarrivals:hover{
background: #F0F7F9;
}
.sidetext{
font-size:0.8rem;
margin:4px 0 0 0;
color:#000;
}
.more{
text-align :center;
margin-top:20px;
padding:6px;
}
.bluebutton{
color: #fff;
font-size:0.85rem;
border-top: 1px solid #257ec2;
background: #257ec2;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
text-shadow:1px 1px 2px #333;
text-decoration: none;
font-weight : bold;
vertical-align: middle;
padding: 10px 28px;
line-height:2.1rem;
}
.bluebutton:link, .bluebutton:visited{
text-decoration: none;
color: #fff;
}
.bluebutton:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #4D92C3;
color: #fff;
}
.bluebutton:active {
text-decoration: none;
border-top-color: #257ec2;
background: #257ec2;
}
.detaili{
font-size: 0.84rem;
padding : 8px 6px 5px 8px;
background-color : #f6f6f6;
} 
.detaili2{
font-size: 0.84rem;
padding : 8px 6px 5px 8px;
}
#navi{
font-size:0.8rem;
margin:0 auto;
position:relative;
color :#ccc;
-webkit-background-size: 6px 6px;
-moz-background-size: 6px 6px;
background-size: 6px 6px;
background-color: #2E342D;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #333B32), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #333B32),
            color-stop(.75, #333B32), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
background-image: linear-gradient(-45deg, #333B32 25%, transparent 25%,
          transparent 50%, #333B32 50%, #333B32 75%,
          transparent 75%, transparent);
width:100%;
padding-left:10px;
padding-bottom:10px;
}
#navi a:link,
#navi a:visited {
color:#ccc;
}
#navi a.main:link,
#navi a.main:visited {
color:#fff;
}
#navi a:hover,
#navi a:active {
color:#fff;
}
#navi a.main:hover,
#navi a.main:active {
color:#f5f5f5;
}
#navi dl{
width:15%;
float:left;
margin:0 5px 10px 10px;
}
#navi dt {
font-size:0.94rem;
font-weight : bold;
padding:0;
margin-top:10px;
margin-bottom:4px;
color:#fff;
}
#navi dd {
font-size:0.84rem;
}
.splr{
text-align:center;
font-size:0.8rem;
color :#446477;
margin-top:12px;
margin-left:8px;
}
.bottomarea{
text-align:center;
margin:15px;
}
.sitenavi{
text-align:center;
padding:26px 16px 16px;
color:#fff;
}
.navi1{
}
.navi2{
clear:both;
font-size:0.85rem;
font-weight : bold;
text-align:center;
margin-top:20px;
}
.footernavi {
list-style: none;
line-height: 30px;
padding: 1px;
margin:0;
text-align: center;
}
ul.footernavi li{
display: inline-block;
height: 30px;
}
ul.footernavi li:before {
content: "-";
padding:8px;
}
ul.footernavi li:first-child:before{
display:none;
}
.footer{
margin-left:5px;
margin-top:20px;
text-align:center;
}
.copy {
font-weight: bold;
color :#ccc;
text-align:center;
margin-top:16px;
}
.reference{
font-weight : bold;
color :#40473F;
}
.gree {
color :#446477;
}
.annotate {
display: inline-block;
position: relative;
background:#f0f0f0;
color : #444;
padding:10px;
vertical-align:top;
border:#ddd 1px solid;
border-radius: 8px;
padding:10px;
margin:2px 8px 8px 0;
width:98%;
z-index: 0;
}
.annotate:before {
border:15px solid transparent;
border-bottom-color:#f0f0f0;
border-top-width:0;
top:-14px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}
.annotate:after {
border:15px solid transparent;
border-bottom-color:#ddd;
border-top-width:0;
top:-15px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}
.require {
color :#446477;
}
.emphasis {
font-weight: bold;
font-size:0.95rem;
color :#446477;
padding-bottom:2px;
border-bottom: 1px solid #f0f0f0;
}
.emphasis:before {
font-weight: bold;
color :#446477;
content: "\f666";
font-family: "WebHostingHub-Glyphs";
margin-right: 10px;
}
.accent {
font-weight: bold;
font-size:0.95rem;
color :#446477;
}
.grey {
color : #898989;
}
.note {
display: inline-block;
position: relative;
background:#f0f0f0;
color : #444;
vertical-align:top;
border:#ddd 1px solid;
border-radius: 8px;
padding:10px;
margin:2px 8px 8px 0;
width:98%;
z-index: 0;
}
.note:before {
border:15px solid transparent;
border-bottom-color:#f0f0f0;
border-top-width:0;
top:-14px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}
.note:after {
border:15px solid transparent;
border-bottom-color:#ddd;
border-top-width:0;
top:-15px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}
.dlannotate {
color : #898989;
}
.bgr {
background-color:#FDF2DE;
padding:2px; 
}
.red {
color : #730000;
} 
.blue {
color : #336699;
}
.yel{
background-color : #F5F5DC;
padding : 8px;
}
.em {
background-color:#e3e3e3;
}
.spl{
font-size:0.8rem;
color:#717171;
}
.strike{
text-decoration:line-through;
}
.big{
font-size:1.4rem;
}
.intro{
color:#2A496B;
font-size:0.75rem;
margin-top:1px;
margin-right:12px;
text-align:right;
width:100%;
}
p.detail{
margin-top:0;
}
ul, ul.mgn{
margin-top:15px;
margin-bottom:15px;
}
.nonestyle{
list-style-type:none;
}
ol, ol.mgn{
margin-top:38px;
margin-bottom:38px;
}
.nonestyle li{
margin-top:10px;
margin-bottom:10px;
}
.scrnshot{
text-align:center;
margin-top:8px;
margin-bottom:8px;
}
.code{
background-color:#eee;
margin:8px;
padding:16px;
}
.clearfix:after {
content:"."; 
display:block;
height:0.1px;
visibility:hidden;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix {
display:inline-block;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noel Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch;overflow-y:scroll}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noel Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

@font-face {
    font-family: 'WebHostingHub-Glyphs';
    src: url('http://www.gigafree.net/font/webhostinghub-glyphs.eot');
    src: url('http://www.gigafree.net/font/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
         url('http://www.gigafree.net/font/webhostinghub-glyphs.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -moz-font-feature-settings: "calt=0,liga=0";
}
[class^="icon-"], [class*=" icon-"] {font-family:'WebHostingHub-Glyphs';background:none;width:auto;height:auto;font-style:normal}
.icon-roadsign-roadsignright:before{content:'\f21b'}
.icon-roadsignleft:before{content:'\f240'}
.icon-bookmarkfour:before{content:'\f5d9'}
.icon-bookmarkfour{
	color :#257EC2;
	font-size : 1.4rem;
}
.icon-flagalt:before{content:'\f232'}
.icon-flagalt{
	color :#257EC2;
}
.icon-commentroundtypingempty:before{content:'\f158'}
.icon-commentroundtypingempty{
	color :#257EC2;
	font-size : 1.4rem;
}
.icon-openfolderalt:before{content:'\f73e'}
.icon-openfolderalt{
	color :#257EC2;
	font-size : 1.4rem;
}
.icon-download-alt:before{content:'\f11a'}
.icon-download-alt{
	color :#257EC2;
	font-size : 1.4rem;
}
.icon-foldertree:before{content:'\f0f0'}
.icon-foldertree{
	color :#257EC2;
	font-size : 1.4rem;
}
.icon-shortcut:before{content:'\f043'}
.icon-squarestar:before{content:'\f696'}
.icon-squarestar{
	vertical-align:middle;
	color :#257EC2;
	font-size : 1.8rem;
	margin-bottom:10px;
}
.icon-linkalt:before{content:'\f333'}
.icon-linkalt{
	vertical-align:middle;
	color :#257EC2;
	font-size : 1.8rem;
	margin-bottom:10px;
}
.icon-circle-arrow-right:before{content:'\f473'}
.icon-circle-arrow-right{
	vertical-align:middle;
	color :#257EC2;
	font-size : 1.8rem;
	margin-bottom:10px;
}
.icon-twitter:before{content:'\f16a'}
.icon-twitter{
	color :#257EC2;
	font-size : 2.0rem;
}
.icon-circlefacebook:before{content:'\f78d'}
.icon-circlefacebook{
	color :#257EC2;
	font-size : 2.0rem;
}
.icon-rss:before{content:'\f17b'}
.icon-rss{
	color :#257EC2;
	font-size : 1.7rem;
}
.icon-feedly:before{content:'\f693'}
.icon-feedly{
	color :#257EC2;
	font-size : 1.7rem;
}
.icon-importfile:before{content:'\f32e'}
.icon-importfile{
	vertical-align:middle;
	color :#257EC2;
	font-size : 1.9rem;
	margin-bottom:6px;
}
.icon-mailinglists:before{content:'\f090'}
.icon-mailinglists{
	vertical-align:middle;
	color :#257EC2;
	font-size : 1.5rem;
}
.icon-playvideo:before{content:'\f03d'}
.icon-playvideo{
	vertical-align:middle;
	color :#257EC2;
	font-size : 2.0rem;
}
.icon-securityalt-shieldalt:before{content:'\f02e'}
.icon-securityalt-shieldalt{
	vertical-align:middle;
	color :#257EC2;
	font-size : 2.0rem;
}
.icon-tools:before{content:'\f4a7'}
.icon-tools{
	vertical-align:middle;
	color :#257EC2;
	font-size : 2.0rem;
}
.icon-servers:before{content:'\f027'}
.icon-servers{
	vertical-align:middle;
	color :#257EC2;
	font-size : 2.0rem;
}
.icon-websitealt:before{content:'\f01c'}
.icon-websitealt{
	vertical-align:middle;
	color :#257EC2;
	font-size : 2.0rem;
}
.icon-brush:before{content:'\f1b8'}
.icon-brush{
	vertical-align:middle;
	color :#257EC2;
	font-size : 2.0rem;
}
.icon-hot:before{content:'\f63d'}
.icon-hot{
	vertical-align:middle;
	color :#257EC2;
	font-size : 1.5rem;
}

@media screen and (max-width: 800px) {
html, body, #wrapper{
width:100%;
}
.intro{
width:98%;
}
.title{
float:none;
text-align: center;
padding:20px;
margin-left:auto;
margin-right:auto;
width:100%;
}
.topright{
float:none;
padding:20px;
margin-left:auto;
margin-right:auto;
width:100%;
}
.search, .search2{
padding:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
width:80%;
}
input#searchform, #searchform2{
width: 73%;
text-align:center;
}
#toparea, .topunit{
text-align:left;
}
div.bord, div.bord2{
width:97%;
}
.left{
float:none;
border:none;
padding:0px;
width:100%;
}
#soft{
display:block;
font-size :0.9rem;
width:100%;
margin-bottom:15px;
}
.ss {
display:block;
text-align:center;
width:100%;
}
.out{
display:block;
width:100%;
margin-top:20px;
position: relative;
left:33%;
}
#ri {
float:none;
font-size:1.0rem;
margin-left:auto;
margin-right:auto;
margin-top:30px;
padding-left:0;
border-top:#D8D9D9 2px dashed;
width:93%;
}
.rightgunit{
text-align: center;
margin-left: auto;
margin-right: auto;
border:solid;
border-color:#C8D9EB;
border-width:1px 0;
}
.skyama{
float:left;
border:none;
width:48%;
}
.skyama2{
float:right;
margin-top:60px;
width:48%;
}
.rightmenu{
clear:both;
}
.new1{
float:left;
width:48%;
}
.new2{
float:right;
margin-top:30px;
width:48%;
}
.more{
clear:both;
padding-top:28px;
}
.adslot_1{
width: 336px;
height: 280px;
}
.twitter-timeline{
padding-left:0 !important;
width:100% !important;
height:400px !important;
}
.bottomama{
display: block;
}
.bottomrec{
display: block;
}
#navi{
font-size:0.9rem;
margin-left: auto;
margin-right: auto;
width:98%;
}
#navi dl{
width:45%;
}
}
@media screen and (max-width: 690px) {
.navileft{
float:none;
display: block;
width:100%;
}
.naviright{
float:none;
display: block;
width:100%;
}
.topunit{
height: auto;
}
.toplink{
display: none;
}
.out{
left:25%;
}
.fea, .fea2{
display: none;
}
.outi, outi2{
width:100%;
}
.leftbox{
float:none;
width:100%;
}
.rightbox{
float:none;
width:100%;
}
.path tr{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.breadc tr{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.breadc2 tr{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.path td{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.breadc td{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.breadc2 td{
display: block;
padding-left:6px;
margin-top:6px;
width:100%;
}
.adslot_1{
width: 300px;
height: 250px;
}
.skyama{
float:none;
width:100%;
}
.skyama2{
float:none;
width:100%;
margin-top:0;
}
.bottomama{
padding: 8px 8px 0 8px;
}
.bottomama2{
padding: 0 8px 8px 8px;
}
.new1{
float:none;
width:100%;
}
.new2{
float:none;
width:100%;
margin-top:10px;
}
.bottomarea{
display: none;
}
}