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.back {
display:block;
text-align:center;
font-size:0.8rem;
background:#f9f9f9;
color : #444;
border:#ccc 1px solid;
padding:8px;
margin:40px 20px 40px auto;
width:100px;
}
a.back:hover, a.back:active {
text-align:center;
color : #444; 
background-color : #f2f2f2;
}
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:6px 18px 0 6px;
} 
h3, h3.bord, h4.bord{
font-size:0.86rem;
margin: 0;
}
h4{
font-size : 100%;
margin-bottom: 1px;
}
hr{
text-align:center;
height : 1px;
border: none;
border-top: 1px #999 solid;
margin-top: 45px;
margin-bottom: 45px;
}
p {
margin-top: 28px;
margin-bottom: 28px;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
vertical-align:text-bottom;
}
img.menun {
vertical-align:-18px;
}
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;
}
.naviimg a, .naviimg a:hover, .naviimg a:active, .naviimg a:visited{
display: block;
width: 100%;
height:100%;
}
.search{
clear:both;
color : #121212;
margin-left:465px;
border-color: #fff;
border-collapse:collapse;
width:540px;
height: 38px;
padding:0 0 16px 0;
}
.search2{
margin-left:auto;
margin-right:auto;
width:620px;
height: 38px;
padding:0 0 16px 0;
}
#searchform .gsc-input-box,
#searchform2 .gsc-input-box {
font-size: 0.79rem;!important;
margin-left: 0;!important;
border: 1px solid #C4DCEE;!important;
height: 31px;!important;
border-radius: 5px;!important;
-moz-border-radius: 5px;!important;
-webkit-border-radius: 5px;!important;
-webkit-appearance: none;!important;
width:100%;!important;
}
.gsc-input {
padding-right: 7px!important;
}
.gsc-search-button {
position: relative;!important;
height: 8px;!important;
border-radius: 5px;!important;
-moz-border-radius: 5px;!important;
-webkit-border-radius: 5px;!important;
-o-border-radius: 5px;!important;
-ms-border-radius: 5px;!important;
border: 1px solid #C4DCEE;!important;
background: #257EC2;!important;
cursor: pointer;
}
.gsc-search-button:before{
position: absolute;
top: 12%;
left: 28%;
content: '検索' !important;
color: #fff;
font-size: 15px;
}
.gsc-search-button-v2{
opacity:0;!important;
}
svg {
visibility:hidden;!important;
}
#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{
font-size :0.94rem;
width:100%;
}
.left{
float:left;
font-size :0.95rem;
border-right:#D8D9D9 2px dashed;
vertical-align:top;
padding-right:2px;
width:735px;
}
.sentence{
font-size:0.94rem;
padding:14px 26px 14px 18px;
}
.cardbox{
display: flex;
border:solid #DBDCDB;
border-width:0 0 1px 0;
border-collapse: collapse;
padding:36px 8px;
}
.newitembox{
flex-basis: 70%;
padding-right:34px;
}
.textbox{
flex-basis: 70%;
padding-right:34px;
padding-left: 2.0em;
text-indent: -2.0em;
}
.textbox:before {
font-size : 1.4rem;
color: #257EC2;
content: "\f473";
font-family: "WebHostingHub-Glyphs";
padding-right:8px;
}
.textbox ul.mgn{
list-style:none;
}
.imgbox{
flex-basis: 30%;
}
.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;
}
.cateimage{
opacity: 0.6;
text-align : center;
padding : 10px 0 1px;
}
.field {
font-size : 1.0rem;
color:#446477;
font-weight : bold; 
padding:0 0 0 4px;
border:solid;
border-color:#446477; 
border-width:0 0 1px;
width:600px;
} 
.sector{
font-size : 0.95rem;
margin-left:50px;
padding:18px 10px 6px 10px;
width:670px;
line-height:180%; 
}
.page{
border:solid;
border-width:0 0 1px;
border-color:#CDCECE;
font-size:1.1rem;
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;
}
.relation{
list-style: none;
position: relative;
border: 3px solid #ccc;
border-radius: 5px;
background: #fbfbfb;
margin: 28px 10px 36px;
padding: 24px 24px 24px 10px;
}
.relation::before {
font-size :1.1rem;
content: "関連";
position: absolute;
background:linear-gradient(180deg,#fff 0%,#fff 50%,#fbfbfb 50%,#fbfbfb 100%);
color: #033;
font-weight: bold;
left: 20px;
top: -23px;
padding: 10px 14px;
}
.relation li:before {
color: #257EC2;
font-size :1.3rem;
content: "\f5d9";
font-family: "WebHostingHub-Glyphs";
padding:12px;
}
.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;
}
#tool3{
font-size:90%;
margin:0 10px 0 auto;
position:relative;
width:100%;
padding-left:5px;
padding-bottom:10px;
}
#tool3 dl{
width:31%;
float:left;
margin:0 5px 5px 10px;
}
#tool3 dt {
font-size:110%;
font-weight : bold;
padding:0;
margin-top:18px;
margin-bottom:4px;
}
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%;
}
.infeed{
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;
}
.shot img:hover{
transform: scale(1.01);
transition-duration: 0.3s;
}
.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: #1F6DA8;
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;
}
.cate-feature{
padding:24px 4px 4px 4px;
}
.featureone{
font-size :1.1rem;
padding:9px 12px;
}
.featureone:hover{
background: #EDF2FA;
}
.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("https://img.gigafree.net/catename.png"); 
border-color:#d3d3d3;
border-width:1px 0 0 1px;
width:610px;
} 
.heading {
font-size : 1.2rem;
color: #fff;
font-weight : bold;
padding:16px 16px 16px 22px;
background:#257EC2;
margin-top:40px;
margin-right:8px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
}
p.theme {
font-size : 1.2rem;
color: #fff;
font-weight : bold;
padding:16px 16px 16px 22px;
background:#257EC2;
margin-top:40px;
margin-right:8px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
}
.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.1rem;
color : #333;
font-weight : bold; 
padding : 14px 0px 4px 12px;
background-color : #f6f6f6;
}
.sni2 {
font-size :1.1rem;
color : #333;
font-weight : bold; 
padding : 14px 0px 4px 12px;
}
.box {
color : #666; 
font-weight : bold; 
} 
.box2 {
color : #999; 
font-weight : bold; 
}
.overview {
font-size:0.9rem;
background:#f6f6f6;
color : #444;
padding:18px;
margin:20px 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width:92%;
}
.undr{
text-decoration:underline;
}
.bottomsection{
border-width:0px;
margin-top:40px;
margin-bottom:40px;
text-align:center; 
width:100%;
}
.bottom-responsive{
margin-top:44px;
padding-bottom:8px;
}
div.bord {
clear:both;
text-align:right;
font-size:0.86rem;
position: relative;
color: #fff;
background: #257ec2;
margin:2px 0 12px;
padding:10px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
width:100%;
}
.download{
color: #fff;
font-size:0.90rem;
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.3rem;
}
.download:link{
text-decoration: none;
color: #fff;
}
.download:visited {
text-decoration: none;
color: #fff;
}
.download:hover {
text-decoration: none;
border-top-color: #257ec2;
background: #1F6DA8;
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.90rem;
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 0 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("https://img.gigafree.net/back.png");
width:480px;
margin-top:18px;
}
div.detail{
font-size :0.85rem; 
padding:14px 5px 14px 10px;
border:solid;
background-color:#f5f5f5;
border-color:#ccc; 
border-width:0 1px 1px 0;
}
#preview{
position: absolute;
border: 1px solid #ccc;
background-color:#fff;
padding: 12px;
display: none;
color: #000;
text-align: center;
}
.section{
display:inline-block;
font-weight: bold;
font-size:1.0rem;
color: #fff;
background: #257ec2;
padding:10px 20px;
margin:12px 0 0 24px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
}
.btn-default:after{
font-size:0.9rem;
color: #257EC2;
content: "\f320";
font-family: "WebHostingHub-Glyphs";
padding:3px;
}
.bord2 {
text-align:right;
font-size:0.86rem;
position: relative;
color: #ffffff;
background: #257ec2;
margin:2px 0 12px;
padding:10px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
width:100%;
}
.in-article{
text-align :center;
margin-left:auto;
margin-right:auto;
margin-top:46px;
margin-bottom:50px;
}
.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:2px 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:#383838;
font-size:1.0rem;
font-weight : bold;
margin-bottom:20px;
padding:10px 0 8px 10px;
position: relative;
border-bottom: 1px solid #257EC2;
box-shadow: 0 9px 12px -8px rgba(48,56,47,0.2);
}
.relatedtitle:after {
position: absolute;
bottom: -1px;
left: 0;
z-index: 2;
content: '';
width: 45%;
height: 1px;
background-color: #252A24;
}
.rightgunit{
border: 0;
padding:3px 0 18px 20px;
margin:4px 0;
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) ;
}
.contentsname{
padding:12px 8px;
}
.skyama2{
margin-top:0;
}
.skyrec{
font-size :0.95rem;
padding:9px 8px;
}
.skyrec:hover{
background: #F0F7F9;
}
.reclink-head{
font-weight : bold;
font-size:0.97rem;
color: #fff;
background: #257ec2;
padding:12px 8px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
margin-bottom:20px;
padding-left:30px;
}
.reclink{
font-size :0.95rem; 
padding:10px 8px;
cursor: pointer;
position: relative;
border:solid #DBDCDB;
border-width:0 0 1px 0;
}
.reclink:hover{
background: #F0F7F9;
}
.reclink a, .reclink a:hover, .reclink a:active, .reclink a:visited{
display: block;
width: 100%;
height:100%;
text-decoration: none;
}
.rectheme{
font-size :0.95rem; 
padding:10px 8px;
cursor: pointer;
border:0;
}
.rectheme:hover{
background: #F0F7F9;
}
.rectheme a, .rectheme a:hover, .rectheme a:active, .rectheme a:visited{
display: block;
width: 100%;
height:100%;
text-decoration: none;
}
.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) ;
}
.announce{
color : #898989;
margin-bottom:6px;
}
.bottombox{
margin-top:24px;
margin-bottom:10;
}
.bottomlabel{
text-align:center;
margin-top:8px;
}
.bottombanner{
text-align:center;
margin:18px 0 28px 0;
}
.bottomama, .bottomama2{
font-size :0.90rem;
display: table;
table-layout: fixed;
padding:8px;
width: 100%;
}
.bottomrec{
display: table-cell;
font-size :0.95rem; 
padding:9px 8px;
cursor: pointer;
position: relative;
vertical-align: top;
}
.bottomrec:hover{
background: #F0F7F9;
}
.bottomrec a, .bottomrec a:hover, .bottomrec a:active, .bottomrec a:visited{
display: block;
width: 100%;
height:100%;
text-decoration: none;
}
.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;
width:49.1%;
}
.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
color: #fff;
background-color: #257EC2;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
}
.tab-content .tab-box {
width: 100%;
height: auto;
border: 0;
box-sizing: border-box;
padding-top:20px;
}
.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.9rem;
padding : 8px 24px 5px 12px;
background-color : #f6f6f6;
} 
.detaili2{
font-size: 0.9rem;
padding : 8px 24px 5px 12px;
}
#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:#f9f9f9;
color : #444;
vertical-align:top;
border:#ccc 2px solid;
border-radius: 10px;
padding:15px 14px 14px 14px;
margin:5px 8px 14px 2px;
width:97%;
z-index: 0;
}
.annotate:before {
border-right: 10px solid transparent;
border-bottom: 15px solid #f9f9f9;
border-left: 10px solid transparent;
border-top-width:0;
top:-14px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}
.annotate:after {
border-right: 10px solid transparent;
border-bottom: 15px solid #ccc;
border-left: 10px solid transparent;
border-top-width:0;
top:-17px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}
.require {
color :#446477;
}
.component{
padding:25px;
}
.grey {
color : #898989;
}
.note {
display: inline-block;
position: relative;
background:#f0f0f0;
color : #444;
vertical-align:top;
border:#ccc 2px solid;
border-radius: 10px;
padding:15px 14px 14px 14px;
margin:5px 8px 14px 2px;
width:97%;
z-index: 0;
}
.note:before {
border-right: 10px solid transparent;
border-bottom: 15px solid #f0f0f0;
border-left: 10px solid transparent;
border-top-width:0;
top:-14px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
z-index:1;
}
.note:after {
border-right: 10px solid transparent;
border-bottom: 15px solid #ccc;
border-left: 10px solid transparent;
border-top-width:0;
top:-17px;
content:"";
display:block;
left:30px;
position:absolute;
width:0;
}
.dlannotate {
color : #898989;
}
.sup {
font-size:0.81rem;
color: #636363;
font-weight: bold;
vertical-align: top;
position: relative;
top: -0.3em;
}
.asterisk {
font-weight: bold;
color: #636363;
border-bottom: 1px solid #ccc;
}
.asterisk:before {
content:"※"
}
.emphasis {
display:inline-block;
font-weight: bold;
font-size:1.0rem;
color: #fff;
background: #257ec2;
padding:10px 20px;
margin-bottom:18px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
border:none;
}
.accent {
font-weight: bold;
font-size:1.0rem;
color :#446477;
}
.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:#7E8388;
font-size:0.75rem;
margin-top:1px;
margin-right:12px;
text-align:right;
width:100%;
}
p.detail{
margin-top:0;
}
.apptitle{
font-weight: bold;
font-size:0.97rem;
text-decoration : underline;
}
ul.mgn{
margin-top:15px;
margin-bottom:15px;
}
ul.index{
list-style: none;
color : #444;
vertical-align:top;
border:1px solid #257EC2;
border-radius: 8px;
padding:30px;
width:70%;
}
ul.index:before {
display: inline-block;
content: "目次";
font-weight: bold;
font-size:1.0rem;
color: #fff;
background: #257ec2;
padding:10px 20px;
margin-bottom:22px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
}
ul.index li:before {
color: #257EC2;
content: "\f488";
font-family: "WebHostingHub-Glyphs";
padding:8px;
}
#index{
list-style: none;
color : #444;
vertical-align:top;
border:1px solid #257EC2;
border-radius: 8px;
padding:30px;
width:70%;
}
#index:before {
display: inline-block;
content: "目次";
font-weight: bold;
font-size:1.0rem;
color: #fff;
background: #257ec2;
padding:10px 20px;
margin-bottom:22px;
box-shadow:1px 3px 7px 0  #666 ;
text-shadow:1px 1px 2px #333;
}
#index li:before {
color: #257EC2;
content: "\f488";
font-family: "WebHostingHub-Glyphs";
padding:8px;
}
ol, ol.mgn{
margin-top:38px;
margin-bottom:38px;
}
ol.main{
margin-top:26px;
margin-bottom:38px;
}
ul li, ol li {
padding-top:2px; 
padding-bottom:2px;
}
td.name{
border:1px solid #999;
background-color:#f5f5f5;
width:30%;
padding:4px;
}
.contents{
border : 1px solid #999; 
width:70%;
padding : 5px;
}
.indexbottom{
text-align:center;
margin:17px 0 16px;
}
.com2{
padding:10px; 
background-color:#e2e2e2;
border:0 solid #e4e4e4;
width:80%;
}
.bottomlink{
margin:17px 0 16px 20px;
}
.genre{
font-weight : bold;
color :#305971;
border-style:double;
border-color:#305971;
border-width: 0 0 1px;
margin:38px 0 20px;
}
.others{
margin:6px 0 0 0;
}
.themes {
font-size : 115%; 
color:#383838;
font-weight : bold; 
padding:8px 0 8px 12px; 
border:solid;
background-color :#fafafa; 
border-color:#d3d3d3;
border-width:1px 0;
width:890px;
}
.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
 * Copyright 2017, Noel Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

@font-face {
    font-family: 'WebHostingHub-Glyphs';
    src: url('https://www.gigafree.net/font/webhostinghub-glyphs.eot');
    src: url('https://www.gigafree.net/font/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
         url('https://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-hot:before{content:'\f63d'}
.icon-hot{
	vertical-align:middle;
	color :#257EC2;
	font-size : 1.5rem;
}
.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.5rem;
	margin-bottom:12px;
}
.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;
}

@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%;
}
.page{
margin-left:auto;
margin-right:auto;
}
#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%;
}
.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{
text-align: center;
margin-left: auto;
margin-right: auto;
border:solid;
border-color:#C8D9EB;
border-width:1px 0;
}
.skyama{
float:left;
border:none;
width:49%;
}
.skyama2{
float:right;
margin-top:98px;
width:49%;
}
.rightmenu{
clear:both;
}
.new1{
float:left;
width:49%;
}
.new2{
float:right;
width:49%;
}
.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%;
}
.outi, outi2{
width:100%;
}
.fea, .fea2{
display: none;
}
.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;
}
#tool3 dl{
float:none;
width:100%;
}
.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;
}
}