@charset "UTF-8";

/*------------------------- 見出し・テキスト---------------------------*/
.ttl2{ clear:both; line-height:1.5; margin:25px 0 12px; }
.ttl3{ clear:both; color:#0099CC; line-height:1; }
.ttl4{font-weight:bold;}

.circleGray{ background:url(/parts/img/circle_gray_04.gif) no-repeat left 1px; padding:1px 0 1px 20px; }


/*------------------------- テキスト---------------------------*/
#right p{margin-bottom:10px;}

p.add{ text-indent:-1em; margin-left:1em; }
p.add2{ text-indent:-2.6em; margin-left:2.6em; }


/*------------------------- アイコン---------------------------*/
.squareRed{ font-size:11px; color:#FFF; border-radius:2px; background:#FF0000; display:inline-block; padding:1px 5px; }


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


/*-------------------------テーブル---------------------------*/
.domainName{ font-weight:bold; text-align:left; background:#EEE; }

td.subtitle{ font-weight:bold; background:#DDD; padding:7px 5px 5px; }
td.yen{ width:120px; text-align:center; }

.bgBlue th,
.bgBlue td{background:#F5F5FF;}


/*-------------------------検索ボックス---------------------------*/
.inputText{ height:24px; border:solid 1px #999; border-radius:3px; margin:0 4px 0 0; padding:0 1px; }
.btnSubmit{ height:26px; color:#FFF; background:url(/parts/img/btn_search_bg.gif) repeat-x bottom #8A8A8A; border:solid 1px #666; border-radius:3px; cursor:pointer; padding:0 5px; }


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

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

.boxGray ol{margin:0 10px 10px 25px;}
.boxGray.bgGris{ background:#EEE; border:solid 2px #CCC; }

.boxBlue{ border:solid 1px #6699CC; margin:15px 0; padding:12px 15px 0; }


/*------------------------- とりあえず検索結果のみ---------------------------*/
.boxCategory.boxBottom{padding-bottom:20px;}
.boxCategory img{vertical-align:middle;}


/*-------------------------セレクター---------------------------*/
.selecter{ height:26px; text-indent: 1px; text-overflow: ""; background: #FFF url(/parts/img/arrow_select.gif) no-repeat right; border:solid 1px #999999; border-radius:3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:1px 12px 2px 0; }
.selecter option{padding-top:1px;}


/*-------------------------ドメイン検索窓-------------------------*/
#toolSerchDom{ background:#F1F5FF; border-radius:4px; border: 1px solid #BECCEA; }

#toolSerchDom input#textBox[type="text"]{ border-radius:3px 0 0 3px; padding:0 3px; }
#toolSerchDom .btnSeach[type="submit"]{ font-size:16px; height:42px; text-shadow:none; background:#037AB8; border-left:none; border-radius:0 3px 3px 0; padding:0 12px; }

#toolSerchDom input{ float:left; border:solid 1px #037AB8; margin:0; }


/*------------------------- 個別ページ---------------------------*/

/*----------ドメイン検索（regdom）----------*/
.boxRegdom{ background:#FFF; border:solid 1px #CCC; border-radius:8px; padding:15px 10px 12px; }
.boxRegdom h3{font-size:21px;}

.tbRegdom input,
.listRegdom input{margin-right:3px;}


/*----------ドメイン一覧・料金表----------*/
.btnDomPrice{ float:left; background:#FFF; border:solid 1px #999; border-radius:3px; }

.btnDomPrice li{float:left;}
.btnDomPrice a,
.btnDomPrice a:visited{ display:block; color:#333; text-decoration:none; }

.btnDomPrice a:hover{ color:#FFF; background:#A7A7A7; }
.btnDomPrice a.current{ color:#FFF; background:#005884; }


/*----------新ドメイン----------*/
#otherNewDomain{ text-align:center; margin-top:10px; }
#otherNewDomain ul{margin:25px 0 0 35px;}

#otherNewDomain ul li.midashi{ font-size:13px; font-weight:bold; margin:8px 10px 0 0; }
#otherNewDomain ul li{ float:left; list-style:none; margin:0 4px 0 0; }


/*----------ドメイン一覧・料金----------*/
.navDomainlist li{ float:left; list-style:none; margin-right:4px; }
.navDomainlist li a{ display:block; background:#B0B0B0; color:#FFF; text-decoration:none; border-radius:2px; padding:6px 7px 3px; }

.navDomainlist li a:hover{background:#999;}
.navDomainlist li.current a{background:#006990;}

.boxDomList{ text-align:center; background:#EEE; border-radius:4px; margin-top:40px; padding:20px 0 23px; }


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


  /*----------アンカー----------*/
  .anchor{ margin-top:-30px; padding-top:30px; }


  /*------------------------- 見出し・テキスト---------------------------*/
  .ttl2{font-size:20px;}
  .ttl3{ font-size:18px; margin:35px 0 8px; }
  .ttl4{ font-size:15px; margin:20px 0 3px; }


  /*-------------------------ドメイン検索窓-------------------------*/
  #toolSerchDom{ margin:25px 0; padding:28px 15px; }
  #toolSerchDom input#textBox[type="text"]{ width:360px; height:42px; font-size:16px; margin:0 0 0 68px; }


  /*----------ボックス----------*/
  .boxWhite{ background: #FFF; border: 1px solid #CCC; border-radius: 4px; padding:25px 20px 0; }


  /*----------ドメインキャンペーン----------*/
  .limitCampaign{ font-size:15px; font-weight:bold; background:#FFFF00; background-size:auto 50%; padding:10px; }
  .limitCampaign span{ background: url("/parts/img/icon_watch_gray.png") no-repeat left center; padding:5px 0 5px 29px; }


  /*----------ドメイン一覧・料金表----------*/
  .domLump{ border:solid 1px #CCC; border-radius: 4px; margin-bottom:25px; padding:20px 20px 9px; }

  .btnDomPrice{ float:left; margin-left:13px; }
  .btnDomPrice a, .btnDomPrice a:visited{padding:5px 6px 3px;}

  .domSerachBox{float:right;}

  .domSerachBox input[type="text"]{ float:left; width:130px; height:30px; border:solid 1px #999; border-right:none; border-radius:3px 0 0 3px; margin:0 !important; padding:1px; }
  .domSerachBox input[type="submit"]{ height:30px; border-radius:0 3px 3px 0; margin-top:0; }

  .boxDomList li{ width:320px; font-size:18px; }


  /*----------お知らせ----------*/
  #infoTopic #topics{ width:668px; border: 1px solid #ccc; margin-bottom: 10px; padding: 12px 15px 5px; }
  #infoTopic #topics h2{font-size:20px;}

  #infoTopic #topics dl{ border:none; margin:6px 0 0; }
  #infoTopic #topics dt{ float:left; margin:0 13px 0 0; }

  .infoAttention{ background: url(/parts/img/icon_attention.gif) no-repeat 7px 4px; padding-left:37px; }
  #openPastInfo{ clear:both; padding-top:20px; }

  .farstShow{ overflow:hidden; height:3em; }

  .infoPast dt{ clear:both; float:left; width:14%; font-weight:bold; color:#666; }
  .infoPast dd{ float:left; width:85%; }
}


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


/*----------見出し・テキスト----------*/
.ttl2{ font-size:16px; margin-bottom:5px; }
.ttl3{ font-size:15px; margin:20px 0 5px; }
.ttl4{ font-size:13px; margin:15px 0 3px; }


/*-------------------------ドメイン検索窓-------------------------*/
#toolSerchDom{ margin:20px 0; padding:20px 2% 20px 3%; }

#toolSerchDom input#textBox[type="text"]{ width:56.5%; height:30px; font-size:12px; padding:0 1%; }
#toolSerchDom .btnSeach[type="submit"]{ width:40%; font-size:12px; height:32px; border-left:none; padding:0; }

#toolSerchDom input{ float:left; border:solid 1px #037AB8; }


/*----------ボックス----------*/
.boxWhiteSmoke{padding:20px;}


/*----------ドメインキャンペーン----------*/
.limitCampaign{ font-size:12px; font-weight:bold; background: #FFFF00; padding:8px 5px 3px; }
.limitCampaign span{ background: url("/parts/img/icon_watch_gray.png") no-repeat scroll 8px; background-size:auto 60%; padding-left:24px; }


/*----------お知らせ----------*/
.infoAttention{ background: url(/parts/img/icon_attention.gif) no-repeat 6px 1px; padding-left:35px; }


/*----------ドメイン検索（regdom）----------*/
.boxRegdom h3{font-size:16px;}


/*----------ドメイン一覧・料金表----------*/
.domLump{ border:solid 1px #CCC; margin-bottom:20px; padding:14px 10px 4px; }

.navDomainlist{ float:left; padding-bottom:10px; }
.navDomainlist li a{ font-size:12px; padding:4px 7px 3px; }

.domSerachBox{ float:left; font-size:12px; }

.domSerachBox input[type="text"]{ float:left; width:120px; height:32px; border-right:none; border-radius:3px 0 0 3px; margin:0 !important; padding:0; }
.domSerachBox input[type="submit"]{ height:34px; border-radius:0 3px 3px 0; margin-top:0; padding:0 5px; }

.btnDomPrice{ clear:both; font-size:12px; line-height:1.6; margin:0 10px 0 0 !important; }

.btnDomPrice a,
.btnDomPrice a:visited{padding:5px 4px;}
.btnDomPrice span{display:none;}

.boxDomList{ margin-top:35px; padding:15px; }
.boxDomList li{ width:100%; font-size:16px; margin:0 0 7px 0; }


/*----------お知らせ----------*/
#infoTopic #topics{ border: 1px solid #ccc; border-radius:0; margin-bottom: 10px; padding: 12px 15px 5px; }

#infoTopic .past{display:none;}
#infoTopic h2{display:none;}

#infoTopic #topics dl{ border-bottom:dotted 1px #CCC; padding:0 0 5px; margin:7px 0 0; }
#infoTopic #topics dl.lastPost{border:none;}

#openPastInfo{ clear:both; padding-top:20px; }
.farstShow{ overflow:hidden; height:3em; }

.infoPast dt{ font-weight:bold; color:#666; }
}