/*---------------------------------------------------
　フレーム　共通
----------------------------------------------------*/
.mt150{
	margin-top:150px;	
}

.mt10{
	margin-top:10px;	
}

.mt15{
	margin-top:15px;	
}

.mt20{
	margin-top:20px;	
}

.mt30{
	margin-top:30px;	
}

.mt40{
	margin-top:40px;	
}

.mb30{
	margin-bottom:30px;	
}

.mb10{
	margin-bottom:10px;	
}

.mb15{
	margin-bottom:15px;	
}

.mb20{
	margin-bottom:20px;	
}


.text-right{
	text-align:right;	
}


.wrap {
	width:100%;
	min-width: 1200px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}

.section {
	width: 980px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

.inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
	min-height: 50px;
	padding:85px 0px 30px 0px;
}

.inner:after {
	  content: "";
	  display: table;
	  clear: both;
}


.red{
	color:#ff0000;	
}



/*---------------------------------------------------
　header
----------------------------------------------------*/
.header {
	min-height: 200px;
	background:#fff;
	width: 1200px;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

.logo{
	width:420px;
	float:left;
}

.hdInfo{
	width:420px;
	float:left;
	text-align:center;
}

.cartButton{
	width:270px;
	float:right;
	margin-top:20px;
	margin-right:30px;
}

.cartButton img{
	margin-bottom:8px;
}


/*---------------------------------------------------
　セクション
----------------------------------------------------*/

.section h3 {
	background-image: url(../com/title.png);
	padding-left: 40px;
	line-height: 54px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 6px;
	height: 50px;
	width: 940px;
	background-repeat: repeat-y;
	margin-bottom: 30px;
}

.section h3 span{
    font-size:13px;
    letter-spacing: 3px;
}

.section h4 {
	background-image: url(../com/title_sub.png);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #0288D1;
	padding-left: 40px;
	line-height: 51px;
	letter-spacing: 5px;
	border: 1px solid #03A9F4;
	border-radius: 8px;
	width: 650px;
	height: 50px;
	margin-bottom: 40px;
	
}

.section.s4 h4 {
	background-image: url(../com/title_sub2.png);
	background-repeat: repeat-x;
	font-size: 16px;
	font-weight: bold;
	color: #0288D1;
	padding-left: 40px;
	line-height: 51px;
	letter-spacing: 5px;
	border: 1px solid #03A9F4;
	border-radius: 8px;
	width: 938px;
	height: 50px;
	margin-bottom: 40px;
	
}




/*--------------------------------
　sTop news 新着情報
---------------------------------*/
.news dl{
	color:#000000;
	border:1px #757575 solid;
	width:740px;
	margin:0 auto;
	padding:30px;
	clear:left;
}

.news dt{
	float:left;	
	width:120px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
}

.news dd{
	border-bottom:1px #757575 dotted;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:130px;
}


/*--------------------------------
　s2 FUJI BlUEとは
---------------------------------*/
.s2 .cntwrap{
	margin-bottom:40px;
}

.s2 .comment{
	width:480px;
	line-height:25px;
	font-size:15px;
}

.s2 .left{
	float:left;
}

.s2 .right{
	width:450px;
	float:right;
}

.s2 figure{
	text-align:center;
	margin-bottom:40px;
}

.s2 .sLink{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #B3E5FC;
	margin-top: 10px;
	margin-bottom: 10px;
		
}

.s2 .star3{
	width:980px;
	margin:0 auto 10px;
	border-top: 1px solid #03A9F4;
	border-bottom: 1px solid #03A9F4;
	padding-top:20px;
	padding-bottom:20px;
}


.s2 .haccp{
	width:480px;
	float:left;
	border-top: 1px solid #03A9F4;
	border-bottom: 1px solid #03A9F4;
	padding-top:20px;
	padding-bottom:20px;
	margin-right:10px;
}

.s2 .fuji_b{
	width:480px;
	float:right;
	border-top: 1px solid #03A9F4;
	border-bottom: 1px solid #03A9F4;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:10px;
}

.s2 .haccp img,
.s2 .fuji_b img,
.s2 .star3 a img{	
	border: 1px solid #757575;
}

.s2 .star3 span{	
	font-weight:bold;
}



/*--------------------------------
　s3 サーバー紹介
---------------------------------*/
.server01{
	/*background-image: url(../images/server_backline.png), url(../images/server_backline2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 0px 600px, 0px 1380px;
	margin-bottom:60px, 60px;*/
	background-image: url(../images/server_back02.png);
	background-repeat: repeat;
}

.s3 table{
	text-align: center;
	border: 1px solid #448AFF;
	width:905px;
	margin:0 auto 30px;
}

.s3 th{
	border: 1px solid #448AFF;
}

.s3 .tSide{
	background-color: #0288D1;
	color:#fff;
	border:0px;
    width:120px;
}

.s3 .sName{
	padding-top:15px;
	padding-bottom:15px;
	width:260px;
	background-color: #0288D1;
	color:#fff;
}

.s3 .sSpec{
	width:120px;
	background-color: #03A9F4;
	color:#fff;
}

.s3 .sDetail{
	width:520px;
}

.s3 .sMente{
	font-size:16px;	
	font-weight:bold;
	color:#0B82FF;
}


.s3 td{
	border: 1px solid #448AFF;
	padding-top:15px;
	padding-bottom:15px;
}

.s3 .blue{
	color:#03A9F4;
}

.s3 .red{
	color: #F4023E;
}



/*----------------------
　サーバー紹介
-----------------------*/

.server_detail{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	margin-bottom:120px;
}

.server_detail::after {
   position: absolute;
   content: url(../images/server_backline.png);
   height:120px;
}


.server_detail .left{
	width:490px;
	float:left;
}

.server_deail .right{
	width:490px;
	float:right;	
}

.title_block2{
	width:468px;
	float:left;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	text-align: left;
	font-size: 16px;
	border: 1px dotted #03A9F4;
	color: #03A9F4;
	border-radius: 6px;
}

.title_block1{
	font-weight:bold;
	width:220px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	text-align: left;
	font-size: 16px;
	border: 1px dotted #03A9F4;
	color: #03A9F4;
	border-radius: 6px;
}


.title_block2 span,
.title_block1 span{
    line-height:38px;
}

.server_detail figure{
	width:240px;
	float:left;
	text-align:center;
	/*margin-top:10px;*/
	margin-bottom:15px;
	padding:0;
}


.server_detail .sClick{
	float:left;
	width:980px;
	text-align:center;
}


.server_link{
	display:inline-block;
    font-size:18px;
    font-weight:bold;
    padding-left:50px;
}



/*--------------------------------
　s4 料金・購入
---------------------------------*/
.s4 table{
	color:#000;	
	width:905px;
	margin:0 auto 30px;
	
}

.s4 th{
	background-color: #b3E5FC;
	border-top: 1px solid #03A9F4;
	border-bottom: 1px solid #03A9F4;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 17px;
	width:4em;
}

.s4 td{
	border-top: 1px solid #03A9F4;
	border-bottom: 1px solid #03A9F4;
	border-top: 1px solid #03A9F4;
}

.s4 .gImage{
	text-align:center;
}

.s4 .gName{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

.s4 .gGet{
	border-top:0px;	
	text-align:center;
	line-height:40px;
	padding-bottom:20px;
}

.s4 .gGet dl{
	clear:both;	
}

.s4 .gGet dt{
	float:left;	
	width:170px;
}

.s4 .gGet dd{
	text-align:left;	
}

.s4 .gGet select,
.cart select{
	border:1px #757575 solid;
}

.s4 .gGet dd input{
	border:1px #757575 solid;
	width:30px;	
}

.s4 .gCap{
	padding-left:28px;
	padding-top:5px;
	padding-bottom:5px;
}

.s4 .gCap ul{
	text-align:left;
}

.s4 .gCap li{
	font-weight:bold;
	font-size:14px;
}

.plus{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

.right_b{
	border-right: 1px solid #03A9F4;
}

.bottle_link{
	font-size:15px;
}

ul.bottle_link{
	text-align:center;
}

.bottle_link li{
	display:inline-block;
	padding-right:20px;
	padding-left:20px;
	margin-bottom:20px;
}

/*--------------------------------
　s5 よくある質問
---------------------------------*/
.QAmenu{
	margin-bottom:40px;
	font-size:16px;
	text-align:center;
}

.QAmenu li{
	display:inline;	
	margin-right:10px;
	margin-left:10px;

}

#QA1,
#QA2,
#QA3{
	padding-top:280px;
	margin-top:-280px;
}


/*--------------------------------
　s6 利用規約
---------------------------------*/
.s6 p{
	width:905px;
	margin:10px auto;
}

.s6 dl{
	width:905px;
	margin:0 auto;	
	line-height:23px;
}

.s6 dt{
	font-weight:bold;	
	margin-bottom:10px;
	margin-top:40px;
}

.s6 dd{
	margin-bottom:15px;
}


.s6 ul{
	width:850px;
	margin:10px auto;	
	line-height:23px;
}

.s6 .right{
	text-align:right;
	width:905px;
	margin:20px auto;
}

/*
.s6 .textr{
	color:#CC0003;	
}*/

/*--------------------------------
　s7 特定商取引法に基づく表記
---------------------------------*/
.s7 table{
	color:#000;	
	width:905px;
	margin:0 auto;
	
}

.s7 th{
	background-color: #b3E5FC;
	border-top: 1px solid #03A9F4;
	border-bottom: 1px solid #03A9F4;
	width:180px;
	font-size: 14px;
}

.s7 td{
	border-top: 1px solid #03A9F4;
	border-bottom: 1px solid #03A9F4;
	border-top: 1px solid #03A9F4;
	border-left: 1px solid #03A9F4;
	padding-right:20px;
	padding-left:20px;
	padding-top:15px;
	padding-bottom:15px;
}


/*--------------------------------
　s8 プライバシーポリシー
---------------------------------*/
.s8 p{
	width:905px;
	margin:10px auto;
}

.s8 p span{
	font-weight:bold;
}

.s8 dl{
	width:905px;
	margin:0 auto;	
	line-height:23px;
}

.s8 dt{
	font-weight:bold;	
	margin-bottom:10px;
}

.s8 dd{
	margin-bottom:20px;
}


.s8 ul{
	width:850px;
	margin:10px auto;	
	line-height:23px;
}

.s8 .left{
	text-align:left;
	width:905px;
	margin:20px auto;	
}

.s8 .right{
	text-align:right;
	width:905px;
	margin:20px auto;	
}

.s8 .post{
	width:500px;
	margin:20px auto;
	padding:20px;
	line-height:25px;
	border: 1px solid #03A9F4;
}

.s8 .post span{
	font-weight:bold;	
}


/*--------------------------------
　s9 キャンペーン
---------------------------------*/
.s9{
	padding-top:150px;
}

.s9 .campaign{
	margin-top:40px;
	border:1px #03A9F4 solid;
}


.s9 h5{
	text-align:center;
	font-weight:bold;
	font-size:18px;	
	color:#ffffff;
	background-color:#03A9F4;
	padding-top:5px;
	padding-bottom:5px;
}

.s9 .campaign dl{
	font-size:16px;
	width:800px;
	margin:20px auto;
}

.s9 .campaign dt{
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}

.s9 .campaign dd{
	margin-bottom:10px;
}


.s9 .campaign ul{
	padding-right:20px;
	padding-left:20px;
}


/*---------------------------------------------------
　footer
----------------------------------------------------*/
.ftButton{
	text-align:center;	
}




#footer{
	background-color: #03A9F4;
	color:#fff;
	text-align:center;
	padding-top:30px;
}

#footer a{
	color:#fff;	
	padding:0px 18px 0px 18px;
}

#footer li{
	display:inline;
}

.copyright{
	margin-top:100px;
	background:#0288D1;
	padding:3px 0px 5px 0px;
}


.server_copyright{
    color:#ffffff;
    text-align:center;
	background:#0288D1;
	padding:3px 0px 5px 0px;
}

button.cart_in_text{
    background:#ffffff;
    border:0;
    border-bottom:1px solid #000000;
    color:#828282;
}

button.cart_in_text:hover{
    border-bottom:1px solid #000000;
    color:#000000;
}


/*------------------------------------------------------------
  side-menu(banner)
------------------------------------------------------------*/

.side-menu{
	padding-top: 40px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 100;
	background-color: rgba(255,255,255,0.59);
	border: 2px solid #C6DDFF;
	background-image: url(../com/bsp_s.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	text-align:center;
}

.side-menu li{
	margin-bottom:10px;
}

@media screen and (max-width:1024px){
.side-menu{
	padding-top: 40px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	position:static;
}

.side-menu li{
	display:inline;
	width:100%;
	margin-bottom:10px;	
}

}

/*@media screen and (max-width:480px){
.meerkat{
	display: none;
}

}*/



/*------------------------------------------------------------
  注意喚起
------------------------------------------------------------*/
.section.s5{
	padding-top:120px;
}

.caution{
	width:780px;
	margin:40px auto;
	border:1px #03A9F4 solid;
	font-size:16px;
	padding:10px 10px 10px 10px;
}

.caution span,
#caution_detail span{
    font-size: 16px;
    font-weight: bold;
    color: #FBAF42;
}

.caution a,
.caution a:hover{
	color: #FBAF42;
	text-decoration:none;
	border-bottom:1px solid #FBAF42;
}

#caution_detail{
	width:780px;
	margin:70px auto;
	border:1px #03A9F4 solid;
	font-size:16px;
	padding:40px 99px 40px 99px;

}
