@charset "utf-8"; 

html {
overflow-y: scroll;
height:100%;
}
@font-face {
    font-family: 'WebHostingHub-Glyphs';
    src: url('../font/webhostinghub-glyphs.eot');
    src: url('../font/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
         url('../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-livejournalalt:before{content:'\f757'}
.icon-livejournalalt{
	padding-right:0.4em;
	font-size:88%;
color:rgba(230,0,16,1);
}
.icon-upload:before {
    content: '\f47a';
}
.icon-upload {
font-size:36px;
}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,th,td {
	color: #000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Vidaloka", sans-serif ;
	margin:0;
	padding:0;
	line-height:1.6;
}
th {
	font-weight: normal;
}
p {
	line-height: 1.6;
}
li {
	list-style: none;
}
em{
	font-style:normal;
}
img {
	border: 0;
	vertical-align: bottom;
}
body {
font-size:14px;
}
table {
	border-collapse: collapse;
}
a {
	text-decoration: underline;
	color:#000;
-webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a:hover{
	text-decoration:none;
color:rgba(1,72,157,1);
}
a:focus{
	outline: none;
}
* html body {
	text-align: center; /* IE6.0 */
}
.clear {
	clear: both;
}
.clearfix {
    zoom:1;  /* for IE 5.5-7 */
}
.clearfix:after{  /* for modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.grecaptcha-badge {
visibility: hidden;
}
.recaptcha-area span{
font-size:0.7rem;
padding-top:1.5rem;
display:inline-block;
}
.recaptcha-area span a{
color: rgba(255,255,255,.7);
}


#all {
min-height:100vh;
border-bottom:5px solid rgba(1,72,157,1);
background:rgba(1,72,157,0.7);
}
a img {
-webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a img:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
.center {
	text-align:center !important;
}
#header{
height:100px;
border-top:5px solid rgba(1,72,157,1);
border-bottom:2px solid rgba(1,72,157,1);
background:rgba(235,244,255,1);
z-index:-1;
}
#header h1{
font-size:16px;
line-height:21px;
color:rgba(102,102,102,1);
float:left;
}
#header h1 img{
padding-right:14px;
vertical-align:middle;
}
#header .header-area,
#contents #contents-area,
#footer-wrap{
margin:0 auto;
width:980px;
}
#contents #contents-area{
font-size:15px;
}
#contents #contents-area p,
#contents #contents-area dl dd{
text-align:justify;
}
#header .header-area{
padding-top:39px;
}
#mainmenu{
float:right;
}
#mainmenu ul li {
float:left;
padding-left:1.2em;
}
#mainmenu ul li a{
display:block;
padding:0 3px;
text-decoration:none;
}
#mainmenu ul li a:hover{
background:rgba(1,72,157,1);
color:rgba(255,255,255,1);
filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#mainmenu ul.child{
display: none;
position: absolute;
margin-top:0px;
margin-left:-1em;
line-height:1.5;
padding:12px;
z-index:9999;
}
#mainmenu ul.child li{
float:none;
padding:0.8em;
background:rgba(255,255,255,1);
border-left:1px solid rgba(1,72,157,1);
border-right:1px solid rgba(1,72,157,1);
z-index:9999;
}
#mainmenu ul.child li a{
display: block;
z-index:9999;
}
#mainmenu ul.child li:nth-child(1){
border-top:1px solid rgba(1,72,157,1);
}
#mainmenu ul.child li:nth-child(2){
padding-top:0;
padding-bottom:0;
}
#mainmenu ul.child li:nth-child(3){
padding-bottom:1em;
border-bottom:1px solid rgba(1,72,157,1);
}


#contents{
background:rgba(255,255,255,1);
}
#contents #contents-area{
padding-top:60px;
padding-bottom:70px;
}
#contents #contents-area h2{
padding-bottom:5px;
margin-bottom:30px;
font-size:24px;
letter-spacing:2px;
color:rgba(1,72,157,1);
border-bottom:2px solid rgba(1,72,157,1);
}
#contents #contents-area h3{
margin-bottom:20px;
font-size:18px;
letter-spacing:2px;
color:rgba(1,72,157,1);
}
#contents #contents-area table th,
#contents #contents-area table td{
vertical-align:top;
padding:20px 0 0 0;
}
#contents #contents-area table th{
vertical-align:top;
padding:20px 20px 0 0;
text-align:left;
white-space:nowrap;
}
#contents #contents-area iframe{
margin-top:40px;
}
#contents #contents-area .aligncenter{
text-align:center;
}

#contents #contents-area #area2{
margin-top:40px;
padding-top:40px;
margin-bottom:40px;
padding-bottom:40px;
border-top:1px dashed #999999;
border-bottom:1px dashed #999999;
}
#contents #contents-area #area2 img{
float:right;
padding-left:1em;
}
#contents #contents-area #area4{
margin-top:40px;
padding-top:40px;
border-top:1px dashed #999999;
}

#contents #contents-area .wpcf7-submit {
	padding:10px 20px;
	font-size:116%;
	border:1px solid rgba(1,72,157,1);
	background:rgba(1,72,157,1);
	color:#FFF;
	border-radius:8px;
	cursor:pointer;
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
#contents #contents-area .wpcf7-submit:hover {
	background:#fff;
	color:#333;
	border:1px solid rgba(1,72,157,1);
}
#contents #contents-area .wpcf7 p {
	margin-bottom:1em;
}
#contents #contents-area .wpcf7 textarea {
	width:690px;
	max-width:700px;
	padding:5px;
	border:1px solid rgba(1,72,157,1);
	border-radius:8px;
}
#contents #contents-area .wpcf7 .wpcf7-text {
	padding:5px;
	border:1px solid rgba(1,72,157,1);
	border-radius:8px;
}

#contents #contents-area img{
max-width: 100%;
height: auto;
min-height: auto;
width /***/:auto;
}
#contents #contents-area #index-area{
float:left;
width:800px;
}
#contents #contents-area #index-area .post{
padding-bottom:60px;
}
#contents #contents-area .sidearea{
float:right;
width:130px;
}
#contents #contents-area .sidearea ul{
padding-left:2em;
text-align:right;
letter-spacing:1px;
}
#contents #contents-area .sidearea ul li{
padding-bottom:0.5em;
}



#footer{
min-height:100px;
border-top:5px solid rgba(1,72,157,1);
}
#footer p.copyright{
padding-top:60px;
padding-bottom:30px;
letter-spacing:1px;
font-size:12px;
text-align:center;
color:rgba(255,255,255,0.8);
}
#footer p.copyright a{
letter-spacing:0;
font-size:9px;
text-decoration:none;
}
p.pagetop {
position:fixed;
bottom:150px;
right:20px;
}
p.pagetop a{
text-decoration:none;
}