@charset "EUC-JP";

@import url("/parts/css/disp.css");


/*-------------------------共通-------------------------*/
body{
font-size:13px;
color:#333333;
line-height:1.8;
font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
background:url(/parts/img/bg.gif) repeat-x left 120px;
margin:0;
padding:0;
}


/*----------リンク----------*/
#globalNavi a, #naviMobile a, #serviceOther a, #footer a{color:#FFFFFF; text-decoration:none;}
#globalNavi a:hover, #naviMobile a:hover{color:#CCCCCC;}

#serviceOther a:hover, #footer a:hover{color:#003399; text-decoration:underline;}

#left a, #left a:visited{color:#333333; text-decoration: underline;}
#left a:hover{color:#003399; text-decoration:none;}

a.linkWhite, a:hover.linkWhite{color:#FFFFFF !important;}

a.noDeco{text-decoration:none;}

a:hover .opacity{
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}


/*----------区切り線----------*/
hr{
clear:both;
height:1px;
background:#CCCCCC;
border:none;
margin:30px 0;
}


/*----------ページャー----------*/
.pager{
text-align:center;
border-top:dotted 1px #CCCCCC;
border-bottom:dotted 1px #CCCCCC;
padding:2px;
margin:10px 0;
}

.pager a{margin:0 2px;}


/*---------------------------矢印---------------------------*/
.arrowBlue{
background:url(/parts/img/arrow_blue01.gif) no-repeat left center;
padding-left:9px;
}

.arrowWhite{
background:url(/parts/img/arrow_white.png) no-repeat left center;
padding-left:10px;
}


/*---------------------------ボックス---------------------------*/
.caution{
background:url(/parts/img/caution_bg.png) no-repeat left top;
padding:20px 10px 10px 18px;
}

.attention{
border: dotted 1px #FF0000;
padding: 8px 12px;
}

.attention.addMark{
background: url(/parts/img/icon_attention.gif) no-repeat 10px 10px;
padding: 8px 12px 8px 43px;
}

.notice{
background:#FFFFFF;
border:solid 1px #999999;
margin:15px 0 5px 0;
padding:5px 5px 8px 5px;
}


/*---------------------------アイコン---------------------------*/



/*---------------------------リスト---------------------------*/
.discGray{margin: 8px 0 0 8px;}

.discGray li{
background:url(/parts/img/circle_gray_01.gif) no-repeat left 7px;
margin-bottom:5px;
padding-left:13px;
}

.disc{
list-style:disc;
margin: 8px 0 0 25px;
}

.disc li{margin-bottom:5px;}

.decimal{
margin: 10px 0 10px 30px;	
}

.discGray li li, .disc li li{
list-style:circle;
background:none;
margin-left:18px;
padding:0;
}

.counter{margin-left:30px;}

.counter li{margin-bottom:5px;}

/*----------リストセンター合わせ----------*/
.listCenter{
position: relative;
overflow: hidden;
margin:16px 0 7px 0;
}

.listCenter ul{
float: left;
position: relative;
left: 50%;
}

.listCenter li{
float:left;
list-style:none;
margin:3px;
position: relative;
left: -50%;
}

/*----------リスト左寄せ----------*/
.tabMenu li{
float:left;
list-style:none;
line-height:160%;	
}

.tabMenu.marginL li{margin-right:20px;}

.tabMenu.marginR05 li{margin-right:5px;}
.tabMenu.marginR15 li{margin-right:15px;}


/*----------リスト右寄せ----------*/
.tabMenuR ul{float:right;}

.tabMenuR li{
float:left;
list-style:none;
line-height:160%;
margin:0 0 5px 5px;
}


/*----------デザイン切替え----------*/
.disignSelect, .pluralSelect{
float:right;
font-size:10px;
margin-top:3px;
}

.disignSelect li, .pluralSelect li{
float:left;
text-align:center;
margin-left:4px;
}

.disignSelect a, .disignSelect a:visited,
.pluralSelect a, .pluralSelect a:visited{color:#FFFFFF;}


/*------------------------- ボタン---------------------------*/
/*----------ボタン青----------*/
.buttonBlue a, .buttonBlue a:visited, button.buttonBlue{
text-align: center;
text-decoration:none;
color:#FFFFFF;
background: -moz-linear-gradient(top, #66CCFF 0%, #005884 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #005884), color-stop(0.00, #66CCFF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #66CCFF0%, #005884 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #66CCFF 0%, #005884 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66CCFF', endColorstr='#005884', GradientType=0); /* IE7,8,9 */
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.21);
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
display: block;
padding: 7px 8px 5px 8px;
}

.buttonBlue a:hover, button.buttonBlue:hover{background:#005884;}


/*----------ボタン緑----------*/
.buttonGreen a, .buttonGreen a:visited, button.buttonGreen{
text-align: center;
text-decoration:none;
color:#FFFFFF;
background: -moz-linear-gradient(top, #86EA5A 0%, #006600 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #006600), color-stop(0.00, #86EA5A)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #86EA5A%, #006600 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #86EA5A 0%, #006600 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86EA5A', endColorstr='#006600', GradientType=0); /* IE7,8,9 */
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
display: block;
padding: 7px 8px 5px 8px;
}

.buttonGreen a:hover, button.buttonGreen:hover{
color:#FFFFFF;
background:#006600;
}


/*----------ボタングレー---------- */
.buttonGray a, .buttonGray a:visited{
color:#FFFFFF;
text-decoration:none;
background: -moz-linear-gradient(top center, #BBBBBB 0%, #909090 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#BBBBBB), to(#909090));
background: linear-gradient(top center, #BBBBBB 0%, #909090 100%);
background: -ms-linear-gradient(top, #BBBBBB 0%, #909090 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBBBBB', endColorstr='#909090', GradientType=0); /* IE7,8,9 */
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.21);
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
display: block;
padding: 7px 8px 5px 8px;
}

.buttonGray a:hover{background:#BBBBBB;}


/*----------ボタンスモーク----------*/	
.buttonSmoke a, .buttonSmoke a:visited{
display:block;
color:#FFFFFF;
text-decoration:none;
background:#B0B0B0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
padding: 7px 8px 5px 8px;
}

.buttonSmoke a:hover{
color:#FFFFFF;
background:#66CCFF;
}

.buttonSmoke.current a{background:#005884;}


/*----------ボタン白----------*/
.buttonWhite a, .buttonWhite a:visited{
color:#666666;
text-decoration:none;
text-shadow:1px 1px 1px #FFFFFF;
display:block;
border: solid 1px #CCCCCC;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
background: -moz-linear-gradient(top center, #EEEEEE 0%, #CCCCCC 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#EEEEEE), to(#CCCCCC));
background: linear-gradient(top center, #EEEEEE 0%, #CCCCCC 100%);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
padding: 4px 10px 3px 10px;
}

.buttonWhite a:hover, .buttonWhite .here a{
color:#FFFFFF;
text-shadow:none;
background:#999999;
border: solid 1px #999999;
}


/*----------ボタン透明----------*/	
.buttonTrans a, .buttonTrans a:visited{
display:block;
color:#666666;
text-decoration:none;
border:solid 1px #CCCCCC;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
padding: 6px 8px 4px 8px;
}

.buttonTrans a:hover{
color:#FFFFFF;
border:solid 1px #0099CC;
background:#0099CC;
}


/*----------送信ボタン黒---------- */
.inputSend{
height:36px;
color:#FFFFFF;
text-shadow:1px 1px 1px #333333;
background: -moz-linear-gradient(top, #999999 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #333333), color-stop(0.00, #999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #999999 0%, #333333 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #999999 0%, #333333 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#333333', GradientType=0); /* IE7,8,9 */
border:solid 1px #333333;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-webkit-appearance:none;
cursor:pointer;
padding:0 7px;
}

.inputSend:hover{
text-shadow:1px 1px 1px #666666;
background: -moz-linear-gradient(top, #CCCCCC 0%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #999999), color-stop(0.00, #CCCCCC)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #CCCCCC 0%, #999999 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #CCCCCC 0%, #999999 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#999999', GradientType=0); /* IE7,8,9 */
border:solid 1px #999999;
}


/*---------- タイトル---------- */
.ttlBlack{
color:#FFFFFF;
background:#666666;
margin-bottom:10px;
padding:3px 7px;
}

.ttlRed{
color:#FFFFFF;
margin-bottom:10px;
background:#FF6666;
padding:3px 7px;
}

.subCaution{
border-bottom: 1px solid #999999;
margin: 20px 0 13px 0;
padding-left: 3px;
}


/*---------テーブル---------- */
caption{
font-weight:bold;
margin:10px 0 3px 0;
}

.item th{
font-weight:bold;
color:#FFFFFF;
background:#0099CC !important;
border-left:solid 1px #DDDDDD;
}

.item th a{color:#FFFFFF;}


/*---------テーブル（価格表）---------- */
.tbPrice{
width:100%;
line-height:1.5;
border-collapse: separate;
border-spacing: 2px;
}

.tbPrice th.bgSky{
font-weight:bold;
color: #FFFFFF;
box-shadow: 0px 0px 1px rgba(0,0,0,0.1) inset;
border-radius: 3px;
background: #0099CC;
}

.tbPrice th.bgBalloon{
font-weight:bold;
color: #FFFFFF;
box-shadow: 0px 0px 1px rgba(0,0,0,0.3) inset;
border-radius: 4px;
background: #0099CC;
position: relative;
}

.tbPrice th.bgBalloon:before{
width: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #0099CC;
bottom: -3px;
content: "";
height: 0;
left: 50%;
position: absolute;
margin-left: -5px;
}

.tbPrice th.bgBalloon.sky{
font-weight:normal;
color:#000000;
background:#B8DCF6;
}

.tbPrice th.bgBalloon.sky:before{border-top: 4px solid #B8DCF6;}

.tbPrice th.bgBalloon.bgRed:before{border-top:4px solid #FF0000;}

.tbPrice td{
background:#F8F9F9;
border-bottom:solid 1px #DDDDDD;
}

.tbPrice td small{
font-weight:normal;
}


/*---------ボーター---------- */
.noBorder{border:none !important;}
.noBorderTop{border-top:none !important;}
.topBorder{border-top:solid 1px #CCCCCC;}

.bgWhite{background:#FFFFFF;}
.bgGray{background:#EEEEEE !important;}
.bgSteel{background:#336699 !important;}
.bgAqua{background:#CFE8F7 !important;}
.bgYellow{background:#FFFFCC !important;}
.bgRed{background:#FF0000 !important;}
.bgOrange{background:#FF9900 !important;}


/*---------改行---------- */
.nowrap{white-space:nowrap;}

.breakAll{
word-wrap:break-word;
word-break:break-all;
}


/*---------- クリア---------- */
.clear{clear:both;}

/*---------- clearfix ----------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*----------位置---------- */
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.middle{vertical-align:middle;}
.top{vertical-align:top !important;}


/*---------- 回り込み---------- */
.fLeft{float:left;}
.fLeftMr20{float:left; margin-right:20px;}
.fLeftMr50{float:left; margin-right:50px;}

.fRight{float:right !important;}
.fRightMl15{float:right; margin-left:15px;}


/*---------- フォント---------- */
.small{font-size:11px;}

.bold{font-weight:bold;}
.normal{font-weight:normal;}


/*---------- カラー---------- */
.white{color:#FFFFFF;}
.whitesmoke{color:#CCCCCC;}
.red, .chuui{color:#FF0000 !important;}
.orange{color:#FF9900;}
.green{color:#009900;}
.skyblue{color:#3399CC;}
.navy{color:#005884 !important;}
.gray{color:#666666;}
.black{color:#333333 !important;}


/*---------- 調整用---------- */
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w120{width:120px !important;}
.w150{width:150px !important;}
.w170{width:170px !important;}
.w200{width:200px !important;}
.w230{width:230px !important;}
.w320{width:320px !important;}
.w340{width:340px !important;}
.w500{width:500px !important;}
.w700{width:700px !important;}

.w10per{width:10% !important;}
.w13per{width:13% !important;}
.w15per{width:15%;}
.w20per{width:20%;}
.w25per{width:25%;}
.w30per{width:30%;}
.w33per{width:33%;}
.w40per{width:40%;}
.w43per{width:43% !important;}
.w50per{width:50% !important;}
.w60per{width:60% !important;}
.w80per{width:80%;}
.w100per{width:100%;}

.mt00 { margin-top:0!important; }
.mt03 { margin-top:3px!important;}
.mt04 { margin-top:4px!important;}
.mt05 { margin-top:5px!important; }
.mt08 { margin-top:8px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }

.mt-40 { margin-top:-40px!important; }

.mb00 {margin-bottom:0 !important; }
.mb05 {margin-bottom:5px !important; }
.mb10 {margin-bottom:10px !important; }
.mb15 {margin-bottom:15px !important; }
.mb20 {margin-bottom:20px !important; }
.mb25 {margin-bottom:25px !important; }
.mb30 {margin-bottom:30px !important; }

.ml00 { margin-left:0!important;}
.ml05 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px!important;}
.ml20 { margin-left:20px!important;}

.mr00 { margin-right:0!important;}
.mr05 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}

.pt00{padding-top:0 !important}
.pt05{padding-top:5px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}


/*---------------------------左カラム（ログイン未）---------------------------*/
/*----------お知らせ・メンテナンス----------*/
#topics dt{
font-weight:bold;
color:#666666;
margin-top:8px;
}

#left #topics .red a{color:#FF0000;}

.topicNew{
text-indent:60px;	
background:url(/parts/img/icon_news.gif) no-repeat left 2px;
}

.topicMainte{
text-indent:60px;
background:url(/parts/img/icon_maintenance.gif) no-repeat left 2px;
}

.topicImportant{
text-indent:60px;
background:url(/parts/img/icon_important.gif) no-repeat left 2px;
}

.topicNewImport{
text-indent:115px;
background:url(/parts/img/icon_news_important.gif) no-repeat left 2px;
}


/*----------ナビゲーション----------*/
#left .pickup li{margin-top:4px;}

#left .others{margin-top:30px;}

#left .others ul{
margin:12px 0 0 5px;
}

#left .others li{
background:url(/parts/img/circle_gray_03.png) no-repeat left 8px;
margin-top:3px;
padding-left:11px;
}

#left .others li.noBg{background:none;}

#left .others a{text-decoration:none;}


/*----------空きドメイン検索----------*/
#domainSearch{
text-align:center;
background:#66CCFF;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin-top:8px;
padding:16px 0 16px 0;
}

#domainSearch #textBox{
float:left;
height:25px;
border: solid 1px #333333;
border-right:none;
border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
-webkit-appearance:none;
margin:0;
padding:0 2px;
}

#btnDomainSearch{
float:left;
height:27px;
color:#FFFFFF;
text-shadow:1px 1px 1px #333333;
background: -moz-linear-gradient(top, #999999 0%, #333333 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #333333), color-stop(0.00, #999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #999999 0%, #333333 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #999999 0%, #333333 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#333333', GradientType=0); /* IE7,8,9 */
border:solid 1px #333333;
border-radius:0 3px 3px 0;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
-webkit-appearance:none;
cursor:pointer;
margin:0;
padding:2px 3px;
}

#btnDomainSearch:hover{
text-shadow:1px 1px 1px #666666;
background: -moz-linear-gradient(top, #CCCCCC 0%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #999999), color-stop(0.00, #CCCCCC)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #CCCCCC 0%, #999999 100%); /* Chrome10+,Safari5.1+ */
background: -ms-linear-gradient(top, #CCCCCC 0%, #999999 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#999999', GradientType=0); /* IE7,8,9 */
border:solid 1px #999999;
}

#domainSearch option{
width:125px;
font-size:11px;
}


/*------------------------- パンくず---------------------------*/
#breadcrumbs{
font-size: 10px;
line-height:1;
background:#DDDDDD;
border-bottom:solid 1px #BBBBBB;
margin-bottom:30px;
}

#breadcrumbs li.home{
background: url("/parts/img/bread_home.png") no-repeat left center;
padding-left:20px;
}

#breadcrumbs .pageHere{font-weight:bold;}

#breadcrumbs li.present{
color:#FFFFFF;
background:url("/parts/img/bread_present_bg.png") no-repeat left center;
margin:0 0 0 6px;
padding-left:12px;
padding-right:9px;
}

#breadcrumbs li a{text-decoration:none; color:#000000;}
#breadcrumbs li a:hover{text-decoration:none; color:#006990;}


/*----------ユーザー登録----------*/
 .addition{
font-size:10px;
color:#666666;
margin-right:5px;
}

.iconRequired{margin-right:5px;}

/*--------------- アルファベット入力 ---------------*/
.allOpenBtn,
.switchHat {
display: none;
}

#aphabet p.btnSwitch {
font-size:12px;
font-weight:bold;
color:#FFFFFF;
display:block;
background:#FF0000;
border:solid 1px #666666;
margin: 5px 12px 10px 12px;
padding:6px 10px;
}

#aphabet p.btnSwitch:hover{background:#FF6600;}

.switchOn {
display: block;
}

span.switchOn {
display: inline;
}

#aphabet p.closeBtnHat{
float:right;
background:#FFFFFF;
border:none;
margin:10px 5px 10px 2px;
}

.allOpenBtn,
.closeBtnHat span,
.switchHat {
color: #FFFFFF;
}

.closeBtnHat span {
background:#FFFFFF;
padding: 2px 4px;
border: 1px solid #666666;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
}

.allOpenBtn:after,
.switchHat:after {
content: "Open";
color:#FF0000;
background:#FFFFFF;
margin-left:10px;
padding:2px 4px;
border-radius: 3px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
}

.closeBtnHat span{
color:#666666;
}

.nowOpen {
color: #FFFFFF;
}

.nowOpen:after {
content: "Close";
margin-left:10px;
}


/*----------利用規約----------*/
.agree{
width:100%;
height:500px;
font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size:13px;
border:solid 1px #CCCCCC;
white-space: pre-wrap;
word-wrap: break-word;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}

.searchNewDom{
background: #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 8px;
clear: both;
margin: 35px 0 15px;
padding: 10px 0 20px 0;
text-align: center;
}

.searchNewDom.bgWhite{background: #FFFFFF;}

.searchNewDom h4{
font-size: 24px;
margin-bottom: 7px;
}


/*----------------------------------------PC ＆ タブレット　641px以上----------------------------------------*/
@media only screen and (min-width: 641px) {

#wrapper{
min-width:960px;
overflow:hidden;
margin:0px auto;
}

.zeroMarginPc{margin-left:0;}

.w150Pc{width:150px !important;}

.hidePc{display:none;}

.rightPc{text-align:right;}

.fLeftPc{float:left;}
.fRightPc{float:right;}

.regular{font-size:13px;}

.big{font-size:15px !important;}
.bigger{font-size:18px !important;}
.biggest{font-size:21px !important;}
.masgrande{font-size:23px;}

/*--------------------グローバルナビ PC--------------------*/
#globalNavi{
clear: both;
width:100%;
height:46px;
min-width:960px;
background:#333333;
z-index:1;
position:relative;
}

#menuIcon{
display: none; /* hide menu icon initially */
}

/* nav dropdown */
#nav li:hover > ul {
display: block; /* show dropdown on hover */
}

#nav{
width:960px;
min-width:960px;
margin:0 auto;
}

#nav ul{
top:45px;
position: absolute;
display: none; /* hide dropdown */
}

#nav li{
float: left;
font-size:14px;
line-height:1;
position: relative;
}

#nav li a{
display:block;
color:#FFFFFF;
text-shadow: 0.5px 0.5px 1px #000000;
padding:17px 28px 15px 0;
}

#nav li a:hover{
color:#FFFFFF;
text-decoration:none;
}

#nav #controlpanelPc a{
background:#006990;
padding:17px 15px 15px 15px;
}

#controlpanelSp{display:none;}


/*----------プルダウン----------*/
#nav li ul{
display: none;
position: absolute;
background:#FFFFFF;
border: solid 1px #333333;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
margin-left:-1px;
}

#nav li ul li{
float:left;
width:160px;
font-size:12px;
border-top:solid 1px #CCCCCC;
}

#nav li ul li a{
color:#FFFFFF;
text-shadow:none;
background:#666666;
padding:9px 5px 9px 5px;
display:block;
}

#nav li ul li a:hover{background:#999999;}

#nav li ul li ul{
top:-1px;
left:161px;
box-shadow: none;
}

#nav li ul li ul li{
line-height:1.4;
}

#nav li ul li.firstItem{border-top:none;}


/*----------コンテンツ全体----------*/
#main{
clear: both;
width:960px;
margin:0 auto 20px auto;
z-index:0;
position:relative;
}


/*----------ヘッダー----------*/
#header{
width: 960px;
height:86px;
margin: 0 auto;
}

#headLeft{float: left;}

#header h1{
width:650px;
font-size:11px;
margin:15px 0 2px 0;
}


/*---------- ヘッド右----------*/
#headRight{
float:right;
font-size:12px;
}

#headRight li{float:left;}

#headRight a{text-decoration:none; color:#000000;}
#headRight a:hover{color:#BBBBBB;}

#sslSwitch{
float:right;
background:url(/parts/img/icon_key.png) no-repeat left 3px;
margin:7px 8px 0 0;
padding-left:21px;
}

#sslSwitch li{
list-style:none;
margin-right:7px;
padding:0px 1px 0 0;
}

#sslSwitch li a{
margin:1px 0 0 0;
display:block;
}

/*---------- ログインボタン----------*/
#login{float:right;}

#login a{
display:block;
height:22px;
padding:7px 11px 4px 11px;
}

#login a, #login a:hover{color:#FFFFFF;}

.btnSignup a{background:#FF0000;}
.btnSignup a:hover{background:#FF9900;}

.btnLogin a{background:#005884; margin-left:1px;}
.btnLogin a:hover{background:#66CCFF;}


/*----------パンくず----------*/
#breadcrumbs ul{
width:960px;
margin:0 auto;
}

#breadcrumbs ul li{
float:left;
list-style:none;
background: url("/parts/img/bread_arrow.png") no-repeat left center;
padding:11px 6px 9px 22px;
height:10px;
}


/*---------- 左カラム----------*/
#left{
float:left;
width:228px;
margin:2px 0 40px 0;
}

.ttlLeft{
font-size:14px;
text-align:center;
color:#FFFFFF;
background:#006990;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin:0 0 2px 0;
padding:5px 0 2px 0;
}

/*----------お知らせ----------*/
#topics, #maintenance{
position:relative;
display: inline-block;
z-index:0;
background:#FFFFFF;
border:solid 1px #CCCCCC;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
width:228px;
}

#topics h2, #maintenance h2{
font-size:16px;
text-align:center;
background:#006990;
color:#FFFFFF;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
margin:4px;
padding:8px 0 5px 0;
position: relative;
}

#topics h2:before, #maintenance h2:before{
content: "";
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-top: 6px solid #006990;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}

#topics dl{
border-bottom:dotted 1px #CCCCCC;
margin:10px 10px 0 10px;
padding-bottom:10px;
}

#topics .lastPost, #maintenance .lastPost{border-bottom:none;}

#topics p,  #maintenance p{
text-align:center;
margin:2px 0 14px 0;
}

#maintenance ul{margin:15px 10px 7px 10px;}

#maintenance li{
border-bottom:dotted 1px #CCCCCC;
margin: 7px 0 0 0;
padding-bottom:5px;
}


/*----------ドメイン検索----------*/
#domainSearch #textBox{
width:158px;
height:25px;
margin-left:12px;
}

#domainSearch #btnDomainSearch{
background-size:cover 100%;
}


/*----------WHOIS----------*/
#whois{
background:#CCCCCC;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin:8px 0 25px 0;
padding:8px 7px 6px 15px;
}

 .staff{
background:#CCCCCC;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin-top:10px;
padding:7px 5px 5px 8px; 
 }


/*---------- 関連サービス----------*/
#relationService{
clear:both;
width:100%;
border-top:solid 1px #BBBBBB;
border-bottom:solid 1px #BBBBBB;
padding:18px 0;
}

#relationService a{text-decoration:none; color:#3F3F3f;}
#relationService a:hover{color:#003399;}

#relationService h3{
font-size:15px;
color:#666666;
}

.serviceBanner{
clear:both;
margin:0 0 20px 16px;
}

.serviceBanner li{
float:left;
margin-right:5px;
}

.serviceText{
clear:both;
margin:25px 0 12px 16px;
}

.serviceText li{
float:left;
border-right:solid 1px #BBBBBB;
line-height:1;
margin-right:13px;
padding-right:13px;
}

#serverDomain{display:none;}

/*---------- フッター----------*/
#footer{
clear:both;
width:100%;
color:#FFFFFF;
background:#666666;
margin:20px auto 10px auto;
padding:25px 0;
}

#footer ul{
list-style:none;
font-size:11px;
}

#footer .applyBottom{display:none;}

#footer .footContent{
width:960px;
margin:auto;
}

#footer h2{font-size:16px;}

#footer #contentNavi{padding:10px 0 25px 0;}

#footer #contentNavi h3{
font-size:12px;
font-weight:bold;
margin-bottom:10px;
}

#footer #contentNavi ul{
float:left;
width:225px;
margin-right:20px;
}

#footer #contentNavi li{margin-top:3px;}

#footer hr{
background:#BBBBBB;	
margin:0 0 25px 0;
}

#footer #footNavi li{
float:left;
line-height:1.2;
border-left:solid 1px #FFFFFF;
margin-right:15px;
padding:1px 0 0 18px;
}

#footer #copy{
clear:both;
font-size:9px;
text-align:center;
margin-top:12px;
}

.loadTime{
font-size:10px;
text-align:center;
color:#666666;
margin:0 0 10px 0;
}

#footer a{text-decoration:none; color:#FFFFFF;}
#footer a:hover{text-decoration:none; color:#66CCFF;}

#gmofooter{border:none !important;}


/*---------- 右カラム----------*/
#right{
float:right;
width:700px;
min-height:400px;
margin:2px 0 40px 0;
}

/*----------ボックス----------*/
.boxGray{
border:solid 1px #CCCCCC;
margin:15px 0;
padding:12px 15px;
}

.boxRed{
border:solid 1px #FF9999;
margin:15px 0;
padding:12px 15px;
}


/*----------テーブル----------*/
/*----------価格----------*/
.tbPrice{
width:100%;
line-height:1.5;
border-collapse: separate;
border-spacing: 2px;
}

.tbPrice th{padding:5px 2px;}
.tbPrice td{padding:5px;}

.tbPrice .itemOneLine th{padding:9px 0 !important;}

/*----------tb01----------*/
.tb01{
width:100%;
background:#FFFFFF;
border-top:solid 1px #CCCCCC;
margin:3px 0 15px 0;
}

.tb01 th{
padding: 4px 3px;
border:solid 1px #CCCCCC;
}

.tb01 td{
line-height:1.5;
vertical-align:middle;
border:solid 1px #CCCCCC;
padding: 6px 5px;
}


/*----------tb02----------*/
.tb02{
width:100%;
}

.tb02 th, .tb02 td{
border:solid 1px #CCCCCC;
}

/*----------tb03----------*/
.tb03 th, .tb03 td{
border:solid 1px #CCCCCC;
padding:5px 15px;
}

/*----------tb1----------*/
.tb1 td{
padding:3px;
}

/*----------tb2----------*/
.tb2{margin:10px 0 15px 0;}

.tb2 th{
text-align:left;
white-space:nowrap;
background:#F6F7F7;
}

.tb2 th, .tb2 td{
border:solid 1px #DDDDDD;
padding:7px 15px;
}

/*----------tbRegdom----------*/
.tbRegdom{
width:100%;
margin-top:10px;
}

.tbRegdom td{
vertical-align:top;
border-bottom:solid 1px #CCCCCC;
padding:7px 0 7px 8px;
}

.tbRegdom .skyblue{
color:#3399CC;
text-decoration:underline;
}


/*----------tbRegdom----------*/
.tbRegdom td {
border-bottom: 1px solid #cccccc;
padding: 7px 0 7px 8px;
vertical-align: top;
}


/*----------ボタン----------*/
.inputSend.grande{
height:auto;
font-size:24px;
padding:5px 15px;
}


/*----------利用規約----------*/
.agree{width:700px;}


/*----------ドメイン----------*/
.lang{
font-size:9.5px;
font-weight:normal;
background:#cae9ff;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
margin:-4px 0 0 7px;
padding:2px 3px;
}

.newAdd{
background: #FF0000;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius: 2px; 
color: #ffffff;
font-size: 9px;
margin-left: 5px;
padding: 1px 5px;
}


/*---------- 調整用---------- */
.w350{width:350px !important;}

.w350{width:350px !important;}
.w400{width:400px !important;}

.w44perPc{width:44% !important;}
.w49perPc{width:49% !important;}

}


/*----------------------------------------スマートフォン　640px以下----------------------------------------*/
@media only screen and (max-width: 640px) {

body{
width:100%;
background:#FFFFFF;
overflow:hidden;
}

img{
max-width:100%;
height:auto;
}

.zeroMarginMobile{margin-left:0;}

.mt00Mobile{margin-top:0 !important;}
.mb10Mobile{margin-bottom:10px;}

.hideMobile{display:none !important;}

.regular{font-size:12px;}

.big{font-size:14px !important;}
.bigger{font-size:16px !important;}
.biggest{font-size:18px !important;}
.masgrande{font-size:20px;}

.w100perMobile{width:100% !important;}

.mt08Mobile{margin-top:8px;}
.mt10Mobile{margin-top:10px;}


/*----------全体----------*/
#wrapper{width:100%;}


/*----------ヘッダー----------*/
#header{
float:left;
width:85%;
margin: 14px auto;
}

#header #logo{
float:left;
width:180px;
margin-left:2%;
}

#login{
float: left;
margin:3px 0 0 5px;
}

#login li{
float:left;
margin-left:3px;
}

#login img{
height:21px;
vertical-align:top;
}

#login .btnLogin a, #login .btnLogin a:visited{
height:15px;
display:block;
font-size:10px;
text-shadow:0 0 2px #005884;
text-decoration:none;
color:#FFFFFF;
background: -moz-linear-gradient(top center, #258EC7 0%, #01557F 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#258EC7), to(#01557F));
background: linear-gradient(top center, #258EC7 0%, #01557F 100%);
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
padding:2px 3.5px 4px 3.5px;
}

#login .btnLogin a:hover{
background: -moz-linear-gradient(top center, #A7DEEF 0%, #3B91BB 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#A7DEEF), to(#3B91BB));
background: linear-gradient(top center, #A7DEEF 0%, #3B91BB 100%);
}


/*--------------------グローバルナビ（MeanMenu）--------------------*/
#nav{
clear: both;
right:0;
top:50px;
position: absolute;
z-index:1000;
font-size:12px;
background: #333333;
border-top:none;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-bar {
float:right;	
height:52px;
}

.mean-container a.meanmenu-reveal{
width: 22px;
height: 22px;
top: 10px;
right: 3px;
position: absolute;
cursor: pointer;
font-size: 1px;
text-decoration: none;
text-indent: -9999em;
line-height: 22px;
display: block;
padding: 5px;
}

.mean-container a.meanmenu-reveal.meanclose{
color:#006699;
font-size:22px !important;
}

.mean-container a.meanmenu-reveal span{
height: 3px;
display: block;
background:#006699;
margin-top: 4px;
}

.mean-container .mean-nav{
float: left;
width: 100%;
margin-top: 44px;
}

.mean-container .mean-nav ul{
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}

.mean-container .mean-nav ul li{
position: relative;
float: left;
width: 100%;
}

.mean-container .mean-nav ul li a{
display: block;
float: left;
width: 96%;
text-align: left;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
border-top: 1px solid #CCCCCC;
margin: 0;
padding: 8px 2%;
}

.mean-container .mean-nav ul li li a {
width: 90%;
text-shadow: none !important;
background:#666666;
border-top: 1px solid #CCCCCC;
padding: 8px 5%;
visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a{
border-bottom: none;
margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a{
width: 84%;
background:#999999;
border-top:solid 1px;
padding: 8px 8%;
}

/*
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%;
}
*/

.mean-container .mean-nav ul li a:hover {
background: #999999;
}

.mean-container .mean-nav ul li li li a:hover {
background: #CCCCCC;
}

.mean-container .mean-nav ul li a.mean-expand{
margin-top: 1px;
width: 26px;
padding: 3px 2px 2px 2px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
border: none !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
background:#333333;
}

.mean-container .mean-nav ul li li a.mean-expand{
margin-top:1px;
}

.mean-container .mean-nav ul li li a.mean-expand:hover{
background:#666666;
}

.mean-container .mean-push {
float: left;
width:100%;
clear: both;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.mean-remove {display: none !important;}


/*--------------------スマホ専用ナビ--------------------*/
#naviMobile{
clear:both;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
background:#333333;
border-top:solid 1px #CCCCCC;
}

#naviMobile li{
float:left;
width:33%;
text-align:center;
border-left:solid 1px #CCCCCC;
padding:5px 0;
}


/*---------- パンくず----------*/
#breadcrumbs{
clear:both;
font-size:12px;
font-weight:bold;
text-align:center;
line-height:1.3;
background:#DDDDDD;
padding:9px 2% 7px 2%;
}

#breadcrumbs ul li{background:none;}

#breadcrumbs{margin-bottom:0;}


/*----------コンテンツ----------*/
#main{
clear: both;
margin:0 auto 25px auto;
z-index:0;
position:relative;
}


/*----------フッター----------*/
#footer{
clear:both;
width:100%;
margin-top:0px;
}

#footer .applyBottom a, #footer .applyBottom:visited{
width:100%;
display:block;
text-align:center;
color:#FFFFFF;
background:#666666;
padding:10px 0 8px 0;
}

#footer .applyBottom a:hover{
text-decoration:none;
background:#FF0000;
}

#footer #copy{
clear:both;
font-size:9px;
text-align:center;
margin-top:12px;
}

#footNavi{
list-style:none;
font-size:10px;
background:#B0B0B0;
}

#footNavi li{
margin:7px;
}

#footNavi .twitter img{
height:16px;
margin-bottom:1px;
}

#footNavi a{color:#FFFFFF; text-decoration:none;}
#footNavi a:hover{color:#000000;  text-decoration:none;}

#footNavi li.contactUs a{border-left:none;}

.loadTime{display:none;}


/*----------左カラム----------*/
/*----------空きドメイン検索----------*/
#domainSearch{
text-align:center;
margin:20px 1.5% 0 1.5%;
padding:18px 0 18px 4.5%;
}

#domainSearch #textBox{
width:77%;
}

#domainSearch #btnDomainSearch{width:15%;}


/*----------関連サービス----------*/
#serverDomain{
clear:both;
font-size:12px;
background:#EEEEEE;
margin-top:25px;
padding:18px 0 21px 0;
}

#serverDomain li{margin:3px 2% 0 2%;}

#serverDomain a, #serverDomain a:visited{
display:block;
text-decoration:none;
color:#FFFFFF;
background:url(../img/arrow_white.png) no-repeat 2.5% #999999;
padding:5px 1.5% 4px 6%;
}

#serverDomain a:hover{background:url(../img/arrow_white.png) no-repeat 2.5% #666666;}

#serverDomain img{width:100%;}


/*----------右カラム----------*/
.disignSelect{display:none;}

.listCenter li{margin:2px;}


/*----------リストセンター合わせ----------*/
.buttonSmoke a{
marign-right:2px;
padding:3px 5px;
}

/*----------ボックス----------*/
.boxGray{
border:solid 1px #CCCCCC;
margin:15px 0;
padding:10px 8px;
}

.boxRed{
border:solid 1px #FF9999;
margin:15px 0;
padding:10px 8px;
}


/*----------テーブル----------*/
/*----------価格表----------*/
.tbPrice{font-size:11px;}

.tbPrice th.sky{padding:3px;}

.tbPrice td{padding:4px 0;}

.tbPrice .itemOneLine th{padding:7px 0 !important;}


/*-----tb01-----*/
.tb01{
width:100%;
font-size:11px;
background:#FFFFFF;
margin:3px 0 15px 0;
}

.tb01 th, .tb01 td{
line-height:1.5;
vertical-align:middle;
border:solid 1px #CCCCCC;
padding: 4px 0;
}	


/*----------tb03----------*/
.tb03 th, .tb03 td{
border:solid 1px #CCCCCC;
padding:2px 0;
}


/*----------tb2----------*/
.tb2{
font-size:12px;
margin:10px 0 15px 0;
}

.tb2 th{
text-align:left;
background:#F3F3F3;
}

.tb2 th, .tb2 td{
border:solid 1px #DDDDDD;
padding:1.5%;
}


/*----------tbRegdom----------*/
.tbRegdom{
width:100%;
margin-top:10px;
}

.tbRegdom td{
border-bottom:solid 1px #CCCCCC;
padding:3px 3px 3px 0;
}

/*----------ドメイン----------*/
.lang{
font-size:8px;
font-weight:normal;
color:#FFFFFF;
background:#999999;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
margin-left:4px;
padding:2px;
}

.newAdd{
background: #FF0000;
border-radius: 2px;
-webkit-border-radius:2px;
-moz-border-radius: 2px; 
color: #ffffff;
font-size: 9px;
margin-left: 5px;
padding: 0 3px;
}


}