@charset "EUC-JP";

/*----------リンク----------*/
#left a{ color: #333; text-decoration: none; }
#left a:hover { color: #003399; text-decoration: underline; }

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

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

a.noDeco { text-decoration: none; }
a:hover .opacity { filter: alpha(opacity=75); opacity: 0.75; }


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


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


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

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

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


/*---------------------------アイコン---------------------------*/
.squareRed { font-size: 11px; color: #FFF; background: #FF0000; border-radius: 2px; padding: 3px 4px; }


/*---------------------------リスト---------------------------*/
.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; }

.disc .noDisc { list-style: none; }
.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; }

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

.listCenter.margin05 li { margin-left: 5px; margin-right: 5px; }
.listCenter.margin15 li { margin-left: 15px; margin-right: 15px; }


/*----------リスト左寄せ----------*/
.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; }
.tabMenu.marginR20 li { margin-right: 20px; }


/*----------リストテーブル----------*/
.listTable { table-layout: fixed; }
.listTable li { float: left; width: 21.6%; display: table-cell; background: #EEE; border: solid 1px #FFF; padding: 6px 1.5%; }


/*----------リスト右寄せ----------*/
.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,
.pluralSelect a{ color: #FFF; }


/*------------------------- ボタングラデーション---------------------------*/
.buttonBlue a,
button.buttonBlue,
.buttonGreen a,
button.buttonGreen,
.buttonRed a,
button.buttonRed,
.buttonGray a,
.buttonSmoke a{ display: block; text-align: center; text-decoration: none; color: #FFF; border-radius: 2px; padding: 7px 8px 5px 8px; }

.buttonBlue a,
button.buttonBlue,
.buttonGreen a:hover,
button.buttonGreen:hover,
.buttonRed a:hover,
input.buttonRed,
.buttonGray a:hover,
.buttonSmoke a:hover,
.buttonWhite a:hover,
.buttonWhite .here a { color: #FFF; }


/*----------ボタン青----------*/
.buttonBlue a,
button.buttonBlue {
  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, #66CCFF 0%, #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);
}
.buttonBlue a:hover,
button.buttonBlue:hover { background: #005884; }


/*----------ボタン緑----------*/
.buttonGreen a,
button.buttonGreen {
  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 0%, #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 */
}
.buttonGreen a:hover,
button.buttonGreen:hover { background: #006600; }


/*----------ボタン赤----------*/
.buttonRed a,
input.buttonRed {
  background: -moz-linear-gradient(top, #FF3300 0%, #CC0000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #CC0000), color-stop(0.00, #FF3300)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FF3300 0%, #CC0000 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #FF3300 0%, #CC0000 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3300', endColorstr='#CC0000', GradientType=0); /* IE7,8,9 */
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.21);
}
.buttonRed a:hover { background: #A52A2A; }


/*----------ボタングレー---------- */
.buttonGray a{
  background: -moz-linear-gradient(top, #BBB 0%, #909090 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #BBB), color-stop(0.00, #909090)); /* Chrome,Safari4+ */
  background: linear-gradient(top, #BBB 0%, #909090 100%);
  background: -ms-linear-gradient(top, #BBB 0%, #909090 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBB', endColorstr='#909090', GradientType=0); /* IE7,8,9 */
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.21);
}
.buttonGray a:hover { background: #BBB; }


/*----------ボタンスモーク----------*/
.buttonSmoke a{ background: #B0B0B0; border-radius: 2px; transition: background 0.3s ease-in-out 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.buttonSmoke a:hover { background: #ccc; }

.buttonSmoke.current a,
.buttonSmoke .current a { color: #FFF; background: #005884; }


/*----------ボタン白----------*/
.buttonWhite a{
  display: block; padding: 4px 10px 3px; color: #666; text-decoration: none; text-shadow: 1px 1px 1px #FFF; border: solid 1px #CCC; border-radius: 2px;
  background: -moz-linear-gradient(top, #EEE 0%, #EEE 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EEE), color-stop(0.00, #CCC)); /* Chrome,Safari4+ */
  background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%); /* IE10+ */
}
.buttonWhite a:hover,
.buttonWhite .here a { text-shadow: none; background: #999; border: solid 1px #999; }


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

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


/*------------------------- ボタンフラット---------------------------*/
.clickBlue a,
.clickBlue input,
.clickGreen a,
.clickGreen input,
.clickGray a,
.clickGray input { display: block; text-align: center; text-decoration: none !important; color: #FFF !important; border: none; border-radius: 3px; cursor: pointer; padding: 8px 10px 6px; }

.clickLarge a { padding: 13px 5px 10px !important; }


/*----------フラット青----------*/
.clickBlue a,
.clickBlue input { background: #037AB8; }

.clickBlue a:hover,
.clickBlue.current a,
.clickBlue input:hover { background: #0BBFFB; }


/*----------フラット緑----------*/
.clickGreen a,
.clickGreen input { background: #5FAC03; transition: background 0.3s ease-in-out 0s; }

.clickGreen a:hover,
.clickGreen.current a,
.clickGreen input:hover { background: #94C731; }


/*----------フラットグレー----------*/
.clickGray a,
.clickGray input { background: #999; }

.clickGray a:hover,
.clickGray.current a,
.clickGray input:hover { background: #BBB; }


/*----------フラット現在地----------*/
.clickCurrent { color: #FFF; background: #FF0000; border-radius: 3px; padding: 8px 10px 6px; }


/*----------送信ボタン黒---------- */
.inputSend { height: 36px; color: #FFF; background: #666; border-radius: 3px; -webkit-appearance: none; cursor: pointer; padding: 0 7px; }
.inputSend:hover,
.inputSend.inputGray:hover { opacity: 0.8; }


/*----------送信ボタン グレイ---------- */
.inputSend.inputGray {
  background: -moz-linear-gradient(top, #BBB 0%, #666 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #666), color-stop(0.00, #BBB)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #BBB 0%, #666 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #BBB 0%, #666 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBB', endColorstr='#666', GradientType=0); /* IE7,8,9 */
  border: solid 1px #666;
}


/*----------送信ボタン 青---------- */
.inputSend.inputBlue {
  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, #66CCFF 0%, #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 */
  border: solid 1px #005884;
}

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


/*----------送信ボタン 戻る---------- */
.inputSend.backGray { font-size: 15px; background: #999; border: solid 1px #999; }
.inputSend.backGray:hover { background: #BBB; }


/*----------送信ボタン　サイズ----------*/
.inputSend.grande { height: auto; font-size: 20px; padding: 5px 15px; }
.inputSend.btnLarge { height: auto; font-size: 17px; padding: 4px 24px; }


/*---------- タイトル---------- */
.ttlBlack { color: #FFF; background: #666; margin-bottom: 10px; padding: 3px 7px; }
.ttlRed { color: #FFF; margin-bottom: 10px; background: #FF6666; padding: 3px 7px; }

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


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

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


/*---------テーブル（価格表）---------- */
.tbPrice { width: 100%; line-height: 1.5; border-collapse: separate; border-spacing: 2px; margin-top: 10px; }
.tbPrice th.bgSky { font-weight: bold; color: #FFF; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset; border-radius: 3px; background: #0099CC; }

.tbPrice th.bgBalloon { font-weight: bold; color: #FFF; border-radius: 4px; background: #0099CC; position: relative; }
.tbPrice th.bgBalloon.sky { font-weight: normal; color: #000; 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 #DDD; }
.tbPrice td small { font-weight: normal; }


/*---------ボーター---------- */
.noBorder { border: none !important; }
.noBorderTop { border-top: none !important; }
.noBorderBtm { border-bottom: none !important; }
.topBorder { border-top: solid 1px #CCC; }
.topBorderLight { border-top: solid 1px #EEE; }
.btmBorder { border-bottom: solid 1px #CCC; }
.btmBorderBold { border-bottom: solid 2px #CCC !important; }


/*---------背景色---------- */
.bgNone { background: none !important }
.bgWhite { background: #FFF !important; }
.bgDarkGray { background: #666 !important; }
.bgGray { background: #EEE !important; }
.bgSmaky { background: #F3F3F3 !important; }
.bgSteel { background: #336699 !important; }
.bgMarine { background: #0099CC !important; }
.bgAqua { background: #CFE8F7 !important; }
.bgAqua02 { background: #e7f5ff !important; }
.bgSnow { background: #F0FBFF; }
.bgYellow { background: #FFFFCC !important; }
.bgIvory { background: #FFFFF0 !important; }
.bgLemon { background: #FFFCD5; }
.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 !important; }
.right { text-align: right !important; }
.left { text-align: left; }

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


/*---------- 回り込み---------- */
.fLeft { float: left; }
.fRight { float: right !important; }
.fRightMl15 { float: right; margin-left: 15px; }


/*---------- フォント---------- */
.small { font-size: 11px !important; }
.bold { font-weight: bold; }
.normal { font-weight: normal !important; }


/*---------- カラー---------- */
.white { color: #FFF !important; }
.orange { color: #FF9900 !important; }
.red,
.chuui,
.red a { color: #FF0000 !important; }
.green { color: #009900; }
.skyblue { color: #3399CC; }
.navy { color: #005884 !important; }
.whitesmoke { color: #CCC; }
.silver { color: #999; }
.gray { color: #888; }
.black { color: #333 !important; }


/*----------幅調整用---------- */
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w51 { width: 51px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w72 { width: 72px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w120 { width: 120px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !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% !important; }
.w20per { width: 20% !important; }
.w23per { width: 23% !important; }
.w25per { width: 25% !important; }
.w30per { width: 30% !important; }
.w33per { width: 33% !important; }
.w35per { width: 35% !important; }
.w40per { width: 40%; }
.w43per { width: 43% !important; }
.w50per { width: 50% !important; }
.w60per { width: 60% !important; }
.w70per { width: 70% !important; }
.w80per { width: 80%; }
.w90per { width: 90%; }
.w100per { width: 100%!important; }


/*----------高さ調整用---------- */
.h205 { height: 205px; }
.lh240 { line-height: 2.4; }
.lh15 { line-height: 1.5; }


/*---------- マージン調整---------- */
.noMargin{margin:0 !important;}

.mt00{margin-top:0!important; }
.mt03{margin-top:3px!important; }
.mt04{margin-top:4px!important; }
.mt05{margin-top:5px!important; }
.mt06{margin-top:6px!important; }
.mt07{margin-top:7px!important; }
.mt08{margin-top:8px!important; }
.mt10{margin-top:10px!important; }
.mt12{margin-top:12px!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; }
.mt45{margin-top:45px!important; }
.mt50{margin-top:50px!important; }
.mt55{margin-top:55px!important; }
.mt60{margin-top:60px!important; }
.mt65{margin-top:65px!important; }
.mt70{margin-top:70px!important; }
.mt75{margin-top:75px!important; }
.mt80{margin-top:80px!important; }

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

.mb00{margin-bottom:0 !important; }
.mb02{margin-bottom:2px !important; }
.mb03{margin-bottom:3px !important; }
.mb05{margin-bottom:5px !important; }
.mb08{margin-bottom:8px !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; }
.mb35{margin-bottom:35px !important; }
.mb40{margin-bottom:40px !important; }
.mb50{margin-bottom:50px !important; }

.ml00{margin-left:0!important;}
.ml03{margin-left:3px!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;}
.mr03{margin-right:3px!important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}

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

.pb00{padding-bottom:0 !important}
.pb01{padding-bottom:1px !important}
.pb02{padding-bottom:2px !important}
.pb03{padding-bottom:3px !important}
.pb04{padding-bottom:4px !important}
.pb05{padding-bottom:5px !important}
.pb15{padding-bottom:15px !important}

.pl10{padding-left:10px !important}
.pr10{padding-right:10px !important}


/*---------------------------左カラム（ログイン未）---------------------------*/
.topicNew { text-indent: 60px; background: url(/parts/img/icon_news.gif) no-repeat left 2px; }
.topicImportant { text-indent: 60px; background: url(/parts/img/icon_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 a { text-decoration: none; }

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


/*----------ユーザー登録----------*/
.addition { font-size: 10px; color: #888; margin:5px 5px 0 0; line-height: 1.5!important; }
.iconRequired { margin: 3px 6px 0 0; vertical-align: top !important; }


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

#aphabet p.btnSwitch { font-size: 15px; font-weight: bold; text-align: center; color: #FFF; background: #FF0000; border: solid 1px #CC0000; border-radius: 4px; display: block; margin: 25px 0 10px; padding: 10px 10px 8px; }
#aphabet p.btnSwitch:hover { background: #FF6600; }

.switchOn { display: block; }
span.switchOn { display: inline; }
#aphabet p.closeBtnHat { float: right; background: #FFF; border: none; margin: 10px 5px 10px 2px; }

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

.closeBtnHat span { background: #FFF; padding: 2px 4px; border: 1px solid #999; border-radius: 3px; }

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

.closeBtnHat span { color: #666; }
.closeBtnHat:hover span { color: #FFF; background: #999; }

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


/*----------利用規約----------*/
.agree { width: 100%; height: 500px;  border: solid 1px #CCC; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
.searchNewDom { background: #EEE; border: 1px solid #CCC; border-radius: 8px; clear: both; margin: 35px 0 15px; padding: 10px 0 20px; text-align: center; }

.searchNewDom.bgWhite { background: #FFF; }
.searchNewDom h4 { font-size: 24px; margin-bottom: 7px; }
.searchNewDom .big input { height: 35px; }


/*----------サポート----------*/
.supportSubBox { font-size: 12px; line-height: 1.5; margin: 15px 0 0; padding: 10px; color: #ef0000; background: #f3f3f3; }
.comments_list li { text-indent: -1em; padding-left: 1em; }


/*----------------------------------------PC ＆ タブレット　641px以上----------------------------------------*/
@media only screen and (min-width: 641px) {
  .w150Pc { width: 150px !important; }
  .w320Pc { width: 320px !important; }

  .w6perPc { width: 6% !important; }
  .w15perPc { width: 15% !important; }
  .w20perPc { width: 20% !important; }
  .w35perPc { width: 35% !important; }
  .w80perPc { width: 80% !important; }

  .mt30Pc { margin-top: 30px !important; }
  .mt35Pc { margin-top: 35px !important; }

  .hidePc { display: none; }

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

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


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


  /*----------WHOIS----------*/
  #left #whois a{ display: block; text-decoration: none; color: #FFF; background: #999; border-radius: 3px; margin: 8px 0 25px; padding: 8px 7px 6px 15px; }
  #left #whois a:hover { background: #666; }


  /*---------- 関連サービス----------*/
  .serviceBanner { clear: both; margin: 0 0 20px 16px; }
  .serviceBanner li { float: left; margin-right: 5px; }


  /*---------- 右カラム----------*/
  #right { float: right; width: 700px; min-height: 400px; margin: 0 0 80px; }
  /* 左カラムなし時 */
  body.nolmenu #right { float: none; width: 100%; }


  /*----------ボックス----------*/
  .boxGray { border: solid 1px #CCC; margin: 15px 0; padding: 15px; }
  .boxSilver { border: dotted 1px #999; margin-top: 15px; padding: 10px; }
  .boxGrayRound { border: solid 1px #CCC; border-radius: 4px; margin: 15px 0; padding: 15px; }
  .boxBlueRound { background: #F4FAFD; border: solid 1px #4682B4; border-radius: 4px; margin: 15px 0; padding: 15px; }
  .boxRed { border: solid 1px #FF9999; margin: 15px 0; padding: 12px 15px; }


  /*----------テキストボックス----------*/
  input.inputStandard { height: 28px; width: 200px; border: solid 1px #999; margin-right: 4px; padding: 0 1px; }

  .sizeShort,
  .sizeMedium,
  .sizeLong { height: 28px; }

  input.sizeShort { width: 150px; }
  input.sizeMedium { width: 280px; }
  input.sizeLong { width: 350px; }


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

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


  /*----------tb01----------*/
  .tb01 { width: 100%; background: #FFF; border-top: solid 1px #CCC; margin: 3px 0 15px; }
  .tb01 th { padding: 4px 3px; border: solid 1px #CCC; }
  .tb01 td { line-height: 1.5; vertical-align: middle; border: solid 1px #CCC; padding: 6px 5px; }


  /*----------tb02----------*/
  .tb02 { width: 100%; }
  .tb02 th, .tb02 td { border: solid 1px #CCC; }


  /*----------tb03----------*/
  .tb03 th, .tb03 td { border: solid 1px #CCC; padding: 6px 12px; }


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


  /*----------tb2----------*/
  .tb2 { margin: 10px 0 15px; }
  .tb2 th { height: 45px; padding: 9px 12px 7px; text-align: left; white-space: nowrap; background: #F6F7F7; border: solid 1px #DDD; box-sizing: border-box; }

  .tb2 th.wsNormal { white-space: normal !important; }
  .tb2 td { border: solid 1px #DDD; padding: 7px 15px; }


  /*----------tbSign----------*/
  .tbSignup { width: 100%; }
  .tbSignup td { text-align: left; vertical-align: middle; border-bottom: solid 1px #CCC; padding: 11px 4px 11px 7px; }

  .tbSignup input[type="text"],
  .tbSignup input[type="password"] { height: 28px; border: solid 1px #999; margin: 0 5px 0 3px; }


  /*----------tbRegdom----------*/
  .tbRegdom { width: 100%; margin-top: 10px; }
  .tbRegdom th { font-size: 16px; font-weight: bold; }
  .tbRegdom th,
  .tbRegdom td { text-align: left; vertical-align: middle; border-bottom: solid 1px #CCC; padding: 9px 0; }

  .tbRegdom img { vertical-align: middle; margin-left: 7px; }
  .tbRegdom .skyblue { color: #3399CC; text-decoration: underline; }


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


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


  /*---------- 調整用---------- */
  .w350 { width: 350px !important; }
  .w350 { width: 350px !important; }
  .w400 { width: 400px !important; }
  .w44perPc { width: 44% !important; }
  .w50perPc { width: 50% !important; }
}


/*------------------------- ボタンフラット---------------------------*/
.point_layout { border-top: 1px #ccc solid; padding: 15px 0 0; }


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

  body { width: 100%; background: #FFF; overflow: hidden; }
  img { max-width: 100%; height: auto; }

  .heightLine { height: auto !important; }
  .hideMobile { display: none !important; }

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

  .w100Mobile { width: 100px !important; }
  .w30perMobile { width: 30% !important; }
  .w50perMobile { width: 50% !important; }
  .w100perMobile { width: 100% !important; }

  .mb10Mobile { margin-bottom: 10px; }


  /*----------ボーダー----------*/
  .noBorderMobile { border: none !important; }


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


  /*----------ボタンスモーク----------*/
  .buttonSmoke a { margin-right: 2px; padding: 3px 5px; }


  /*------------------------- ボタンフラット---------------------------*/
  .clickBlue li,
  .clickGreen li,
  .clickSmoke li { margin: 0 0 10px; }

  .clickBlue a,
  .clickGreen a,
  .clickSmoke a{ width: 99%; padding: 8px 0 6px; }


  /*----------リスト----------*/
  .listCenter li { margin: 2px; }
  .tabMenu li { font-size: 12px; }

  .tabMenu.marginL li { margin-right: 20px; }
  .tabMenu.marginR05 li { margin-right: 4px; }
  .tabMenu.marginR15 li { margin-right: 15px; }

  .listTable li { width: 47%; padding: 4px 1%; }


  /*----------テキストボックス----------*/
  input.inputStandard { width: 70%; height: 28px; border: solid 1px #999; padding: 0 1px; }

  input.sizeShort { width: 70%; }
  input.sizeMedium { width: 85%; }
  input.sizeLong { width: 95%; }

  .inputSend {
    color: #FFF;
    background: -moz-linear-gradient(top, #999 0%, #333 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #333), color-stop(0.00, #999)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #999 0%, #333 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #999 0%, #333 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999', endColorstr='#333', GradientType=0); /* IE7,8,9 */
    border: solid 1px #333; border-radius: 3px; -webkit-appearance: none; cursor: pointer; margin: 1px 0; padding: 0 7px;
  }
  .inputSend:hover {
    background: -moz-linear-gradient(top, #CCC 0%, #999 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #999), color-stop(0.00, #CCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #CCC 0%, #999 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #CCC 0%, #999 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC', endColorstr='#999', GradientType=0); /* IE7,8,9 */
    border: solid 1px #999;
  }


  /*----------送信ボタン 青---------- */
  .inputSend.inputBlue {
    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, #66CCFF 0%, #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 */
    border: solid 1px #005884;
  }
  .inputSend.inputBlue:hover {
    background: -moz-linear-gradient(top, #BBE8FF 0%, #0098CE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0098CE), color-stop(0.00, #BBE8FF)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #BBE8FF 0%, #0098CE 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #BBE8FF 0%, #0098CE 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BBE8FF', endColorstr='#0098CE', GradientType=0); /* IE7,8,9 */
    border: solid 1px #0098CE;
  }


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


  /*----------ボックス----------*/
  .boxGray { border: solid 1px #CCC; margin: 15px 0; padding: 10px 8px; }
  .boxGrayRound { border: solid 1px #CCC; border-radius: 4px; margin: 20px 0; padding: 10px 8px; }
  .boxBlueRound { background: #F4FAFD; border: solid 1px #4682B4; border-radius: 4px; margin: 15px 0; padding: 10px 4%; }
  .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; word-break: break-all; }

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

  .tbPrice tr th:nth-child(2),
  .tbPrice tr td:nth-child(2) { display: none; }


  /*-----tb01-----*/
  .tb01 { width: 100%; font-size: 11px; background: #FFF; margin: 3px 0 15px; }
  .tb01 th,
  .tb01 td { line-height: 1.5; vertical-align: middle; border: solid 1px #CCC; padding: 4px 0; }


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


  /*----------tb2----------*/
  .tb2 { font-size: 12px; margin: 10px 0 15px; }
  .tb2 th { text-align: left; background: #F3F3F3; }
  .tb2 th,
  .tb2 td { border: solid 1px #DDD; padding: 1.5%; }


  /*----------tbSignup----------*/
  .tbSignup { width: 100%; font-size: 12px; }
  .tbSignup td { text-align: left; vertical-align: top; border-bottom: solid 1px #CCC; padding: 8px 2px 7px; }

  .tbSignup input[type="text"],
  .tbSignup input[type="password"] { width: 85%; border: solid 1px #999; }

  .tbSignup select { font-size: 11px; }
  .tbSignup span:before { content: "\A"; white-space: pre; }


  /*----------tbRegdom----------*/
  .tbRegdom { width: 100%; margin-top: 10px; }
  .tbRegdom td { border-bottom: solid 1px #CCC; padding: 3px 3px 3px 0; }


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


/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/


/* login.php
  **********************************************************************/
.loginPage * { box-sizing: border-box; }
.loginPage a,
.loginPage input { outline: none; }

.loginType li { background: #f2f6f5; overflow: hidden; border-radius: 3px; }
.loginType li > p { background: #04a7ba; padding: 8px 0; font-size: 15px; color: #fff; text-align: center; letter-spacing: 1px; }
.loginType li > div { padding: 14px 10px 20px; }

.loginType li div dl { width: 100%; }
.loginType li div dl dt img { display: inline-block; margin: 0 0 0 6px; }
.loginType li div dl dd { margin: 4px 0 0; }
.loginType li div dl dt:first-child + dd { margin: 4px 0 10px; }

.loginType li div dl dd input { width: 100%; padding: 0 10px; height: 34px; font-size: 14px; border: #ccc 1px solid; -webkit-appearance: none; }
.loginType li div dl dd span { margin: 10px 0 0; font-size: 12px; }

.loginType li .btn { background: #04a7ba; width: 173px; height: 40px; margin: 16px auto 0; }
.loginType li .btn:hover { background: #04a7ba !important; }


/*amazon*/
.loginType .amazon { background: #f5f5f5; margin: 20px 0 0; }
.loginType .amazon > p { background: #707070 !important; }

.loginType .amazon #AmazonPayButton { display: table; margin: 16px auto 0; }
.loginType .amazon #AmazonPayButton img { width: 174px !important; max-height: 46px !important; }

.loginType .amazon div .attentionBox { background: #ececec; padding: 14px 10px 14px 24px; margin: 20px 0 0; position: relative; }
.loginType .amazon div .attentionBox p{ font-size: 12px!important;}
.loginType .amazon div .attentionBox p a{ color: #838383;}

.startTxt { margin: 30px 0 0; }
.startTxt .btn { width: 180px; height: 34px; padding: 11px 0 0 14px!important; margin: 10px auto 0; position: relative; font-size: 13px !important; line-height: 1; }
.startTxt .btn:before { content: ""; display: block; background: url(../img/common/icon_applyuser.png) no-repeat; background-size: cover; width: 12px; height: 15px; position: absolute; top: 9px; left: 13px; }

.pwStart { margin: 45px 0 0; }
.pwStart h2 { background: #f5f5f5; padding: 10px; font-size: 14px; font-weight: bold; }

.pwStart > p { margin: 10px 0 0; }
.pwStart ul { margin: 20px 0 0; }
.pwStart ul li:first-child { padding: 0 0 20px; margin: 0 0 20px; border-bottom: #ccc 1px solid; }

.pwStart ul li h3 { margin: 0 0 12px; font-size: 15px; font-weight: bold; color: #1d965c; }
.pwStart ul li h3 span { display: block; width: 70px; height: 20px; margin: 0 0 6px; padding: 3px 0 0; font-size: 12px; line-height: 1; text-align: center; border: #1d965c 1px solid; border-radius: 10px; }

.pwStart ul li dl { background: #f5f5f5; padding: 4px 10px 14px; margin: 20px 0 0; overflow: hidden; }
.pwStart ul li dl dt,
.pwStart ul li dl dd { margin: 10px 0 0; font-size: 12px; }

.pwStart ul li dl dt { width: 28%; max-width: 112px; height: 34px; float: left; clear: both; line-height: 34px; }
.pwStart ul li dl dd { width: 72%; float: left; }
.pwStart ul li dl dd input { width: 100%; height: 34px; padding: 0 10px; font-size: 14px }

.pwStart ul li .btn { width: 150px; height: 34px; margin: 20px auto 0; font-size: 13px; line-height: 1; text-align: center; }


/*gmoLogin*/
.gmoLogin{ text-align: center;}
.gmoLogin > span{ display: block; margin:4px auto 0; font-size: 12px; color: #838383; }


/*gmoBtn*/
.gmoBtn { display: block; background: url("https://id.gmo.jp/gp/common/btn/login_17446.png") no-repeat left top, #fff; background-size: cover; width: 174px; height: 46px; margin: 10px auto 0; overflow: hidden; text-indent: 100%; white-space: nowrap; }


/*pg/bank.php
**********************************************************************/
.accountBox { margin: 35px 0 15px; }
.accountBox .fLeftPc,
.accountBox .fRightPc { padding: 12px 0; border-top: solid 1px #CCCCCC; }


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width: 641px) {


  /* login.php
  **********************************************************************/
  .loginPage { padding: 0 20px 60px; }
  .loginType { display: table; min-width: 450px; margin: 0 auto; overflow: hidden; }

  .loginType li { width: 47%; float: left; }
  .loginType li:first-child { margin: 0 6% 0 0; }

  .loginType li > p { padding: 20px 0 18px; font-size: 17px; line-height: 1; }
  .loginType li > div { padding: 34px 50px; min-height: 414px; }


  /*only*/
  .loginType .only { width: 100%; margin: 0; }
  .loginType .only > div { min-height: auto; }

  .loginType li div dl dt { font-size: 14px; }
  .loginType li div dl dt:first-child + dd { margin: 4px 0 16px; }

  .loginType li div dl dd input { height: 36px; padding: 0 14px; }
  .loginType li div dl dd input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }

  .loginType li .btn { margin: 30px auto 0; font-size: 16px; }

  .loginType .amazon { margin: 0; }
  .loginType .amazon div p { font-size: 14px; }

  .loginType .amazon #AmazonPayButton { margin: 22px auto 0; }
  .loginType .amazon div .attentionBox { padding: 12px 17px 10px 32px; }
  .loginType .amazon div .attentionBox:before { top: 12px; left: 17px; }

  .startTxt { display: table; margin: 46px auto 0; padding: 0 206px 0 0; position: relative; font-size: 14px; }
  .startTxt .btn { margin: 0; position: absolute; top: -4px; right: 0; }

  .pwStart { margin: 56px 0 0; }
  .pwStart h2 { padding: 12px 15px 10px; font-size: 16px; }
  .pwStart > p { margin: 22px 0 0; }

  .pwStart ul { margin: 36px 0 0; overflow: hidden; }
  .pwStart ul li { width: 440px; float: right; }
  .pwStart ul li:first-child { padding: 0; margin: 0; float: left; position: relative; border-bottom: none; }
  .pwStart ul li:first-child:before { content: ""; display: block; background: #ccc; width: 1px; height: 100%; position: absolute; top: 0; right: -20px; }

  .pwStart ul li h3 { font-size: 16px; }

  .pwStart ul li dl { padding: 10px 20px 20px; margin: 26px 0 0; }
  .pwStart ul li dl dt,
  .pwStart ul li dl dd { margin: 10px 0 0; }

  .pwStart ul li dl dt { height: 36px; line-height: 36px; font-size: 14px; }
  .pwStart ul li dl dd input { height: 36px; padding: 0 14px; }


  /* pg/bank.php
  **********************************************************************/
  .accountBox { margin: 35px 0 0; }
  .accountBox .fLeftPc,
  .accountBox .fRightPc { width: 297px; padding: 10px; margin: 15px 0 0; border: solid 1px #CCC; border-radius: 4px; }
}


/*************************************************************************************************************************
* 960px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width: 960px) {

  /* login.php
  **********************************************************************/
  .loginPage { padding: 0 0 60px; }

  .pwStart ul li:first-child:before { right: -40px; }

  .loginType li .btn:hover { background: #10b9cd !important; }
  .loginType .amazon #AmazonPayButton:hover { opacity: 0.8; }

  /*gmoBtn*/
  .gmoBtn:hover { background: url("https://id.gmo.jp/gp/common/btn/login_17446-hover.png") no-repeat left top; background-size: cover; }
}