@charset "euc-jp";
/*---------------------------------

・共通設定
・枠設定
・ヘッダ
・グローバルナビ
・サイドナビ
・コンテンツ部
・フッタ

---------------------------------*/

/*####################　共通設定　####################*/

body {
    background: url(../img/bg-all.gif) left top repeat;
    color: #222;
    font-size: 14px;
    text-align: center;
    }
p {
    margin: 0 0 10px;
    line-height: 1.5;
    text-align: justify;  
    text-justify: inter-ideograph;  
    }

a {color: #222; text-decoration: underline;}
a:hover {color: #818181;
    text-decoration: none;}
    
hr { display: none; }

img { vertical-align: top; }

/*　pngFix
-------------------------------------*/
/*img, div, input { behavior: url(/common/pngfix/iepngfix.htc)  }*/
/*img, div, input { behavior: url(http: //ドメイン/common/pngfix/iepngfix.htc)  }*/

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

.text-through { text-decoration: line-through; }

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

.IndentAjust {
    padding-left: 1em;
    text-indent: -1em;
}

.BorderBox {
    padding: 8px 1em 8px 1em;
    border: 1px solid #ccc;
}

.BorderBoxS {
    margin: 5px 0;
    padding: 3px 5px;
    border: 1px solid #b3b3b3;
}

.Assist { font-size: 80%; }

.indent-adjust {
    font-size: 80%;
    text-indent: -2em;
	padding-left: 2em;
	margin-bottom: 0;
}

.note {
    margin-bottom: 8px;
    padding: 8px 1em 8px 3em;
    border: 1px solid #b3b3b3;
    text-indent: -2em;
}

.ico_target_blank_gray {
    display: inline-block;
    width: 10px;
    height: 9px;
    margin: 0 3px;
    background: url(../img/ico_target_blank_gray.png) no-repeat 0 0;
}

.ico_target_blank_blue {
    display: inline-block;
    width: 10px;
    height: 9px;
    margin: 0 3px;
    background: url(../img/ico_target_blank_blue.png) no-repeat 0 0;
}

.ico_present {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 6px 0 0;
    background: url(../img/ico_present.png) no-repeat 0 0;
    vertical-align: bottom;
}


.left { float: left; }

.right { float: right; }

.Block { display: block; }

ul.error { margin-bottom: 15px; }

ul.error li {
    color: red;
    font-weight: bold;
}

.red { color: red; }

/* margin */

.m0 { margin: 0; }

/* margin-top */

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt40 { margin-top: 40px; }

/* margin-left */

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml35 { margin-left: 35px; }

.ml40 { margin-left: 40px; }

/* margin-right */

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr35 { margin-right: 35px; }

.mr40 { margin-right: 40px; }

/* margin-bottom */

.mb0 { margin-bottom: 0px!important; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }


/* padding-top */

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt25 { padding-top: 25px; }

.pt30 { padding-top: 30px; }

.pt35 { padding-top: 35px; }

.pt40 { padding-top: 40px; }

/* paddign-left */

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl25 { padding-left: 25px; }

.pl30 { padding-left: 30px; }

.pl35 { padding-left: 35px; }

.pl40 { padding-left: 40px; }

/* padding-right */

.pr5 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr25 { padding-right: 25px; }

.pr30 { padding-right: 30px; }

.pr35 { padding-right: 35px; }

.pr40 { padding-right: 40px; }

/* padding-bottom */

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb25 { padding-bottom: 25px; }

.pb30 { padding-bottom: 30px; }

.pb35 { padding-bottom: 35px; }

.pb40 { padding-bottom: 40px; }


/*####################　枠設定　####################*/

#Header {
    position: relative;
    height: 60px;
    padding: 0 25px 24px;
    text-align: left;
    }

#Navi {
    padding: 0 22px;
    text-align: left;
    }
#SubNavi {
    _position: relative;
    width: 946px;
    _width: 1020px;
    height: 60px;
    padding: 0 24px 0 40px;
    }
#PageRule #SubNavi,
#MainTitle {
    _position: relative;
    width: 939px;
    _width: 1010px;
    height: 60px;
    padding: 0 24px 0 47px;
    }
#ContainerWall {
    width: 1010px;
    _width: 1020px;
    margin: 0 auto;
    padding: 0 5px;
    background: url(../img/contents/bg-cont-wall.png) left top repeat-y;
    text-align: left;
}

#Container{ padding: 20px 0 100px; }

#PageIndex #Container { padding: 18px 22px 45px; }
    
#Main {
    _height: 400px;
    min-height: 400px;
    padding: 0 25px;
}

#PageIndex #Main {
    float: right;
    width: 738px;/*★★*/
    padding: 0;
}
#ContentsBox02{ padding: 0 25px; }
#ContentsBox02 #Main{
    float: right;
    width: 735px;
    padding: 0;
}

#Sub {
    float: left;
    width: 200px;/*★★*/
    margin-left:3px;
}


#Footer {
    width: 1010px;
    _width: 1020px;
    margin: 0 auto;
    padding: 0 5px 20px;
    background: url(../img/contents/bg-cont-bottom.png) left bottom no-repeat;
    text-align: left;
    }
    
    
#FooterBottom {
    width: 1010px;
    _width: 1020px;
    margin: 0 auto;
    padding: 10px 5px 30px;
    text-align: left;
}
    
    
#PageReissue #ContainerWall {
    width: 810px;
    _width: 820px;
    background: url(../img/contents/bg-cont-wall_reissue.png) left top repeat-y !important;
}

#PageReissue #Container { padding: 0 25px; }

#PageReissue #Footer {
    width: 810px;
    _width: 820px;
    background: url(../img/contents/bg-cont-bottom_reissue.png) left bottom no-repeat !important;
}


/*####################　ヘッダ　####################*/

#Header h1{
    position: relative;
    top: 16px;
    left: 11px;
    float: left;
    width: 380px;
    _width: 251px;
}

#PageReissue #Header h1 { left: 0; }

#Header h1 a, 
#Header h2 a { display: block; }

#logo_sub {
    float: left;
    box-sizing: border-box;
    font-size: 10px;
    color: #666666;
    line-height: 1.2;
    margin: 48px 0 0 5px;
    padding: 0 0 0 15px;
}

#header_info {
    position: absolute;
    top: 17px;
    right: 25px;
}

.inner_header_info{
    display: flex;
	background: #1c5e9c;
	padding: 7px 9px 4px;
}

.inner_header_info_left{
    color: #fff;
	font-size: 11px;
	margin: 2px 9px 0 0;
}

#header_info p {
    margin: 0;
    text-align: right;
    font-size: 85.7%;
}

#header_info p small { font-size: 10px; }


/*####################　グローバルナビ　####################*/


#Navi li{ float: left; }

/*####################　サブナビ　####################*/
#SubNavi .title{    
    float: left;
    display: inline;
    _width: 220px;
    height: 43px;
    line-height: 43px;
}

#SubNavi h2{
    position: relative;
    top: 6px;
}
#MainTitle h2{
    position: relative;
    top: 6px;
}

#SubNavi,
#MainTitle {
    background-position: 24px top;
    background-repeat: no-repeat;
}

#pageRegister #SubNavi, 
#pageBulkRegister #SubNavi, 
#pageRegisterTransfer #SubNavi,
#registerJunction #SubNavi, 
#registerPayment #SubNavi, 
#registerMemberinfo #SubNavi, 
#registerConfirm #SubNavi, 
#registerFinish #SubNavi, 
#PageFunctions #SubNavi,
#PageFeature #SubNavi, 
#PageFeatureServer #SubNavi, 
#PageFeatureBlog #SubNavi, 
#PageFeatureMail #SubNavi,
#PageRelService #SubNavi, 
#PagePrice #SubNavi,
#PageOrder #SubNavi,
#PageMan #SubNavi,
#PageSupport #SubNavi,
#PageReissue #SubNavi,
#PageRule #SubNavi,
#PagePrivacy #MainTitle,
#PageOpinion #MainTitle,
#PageSitemap #MainTitle,
#PageCompany #MainTitle,
#PageLanding #MainTitle,
#NotFound #MainTitle, 
#PageLogin #SubNavi { background-image: url(../img/contents/sub-navi-title.gif); }

#SubNavi .menu{
    float: right;
    display: inline;
    _margin-right: 2px;
    padding: 0 2px 0 0;
}
#SubNavi ul li{
    float: left;
    display: inline;
}

#SubNavi ul li a{
    display: block;
    height: 50px;
    background-position: left top;
    background-repeat: no-repeat;
}




/*####################　メインコンテンツ　####################*/

#CategoryPath{
    clear: both;
    margin: 0 0 16px 14px;
    padding: 0 0 0 20px;
    background: url(../img/icon-circle04.gif) left 4px no-repeat;
}
#CategoryPath ol:after{
    content: ".";
    clear: both;
    visibility: hidden;
    display: block;
    height: 0;
}
#CategoryPath ol li.home {
    padding-left: 0;
    background: none repeat scroll 0 0 transparent;
}
#CategoryPath ol li {
       float: left;
    margin-right: 8px;
       padding-left: 12px;
       list-style-type: none;
       background: url(../img/icon-arrow-gray03.gif) left 4px no-repeat;
       font-size: 12px;
}
#CategoryPath ol li.current { font-weight: bold; }

.fwB{ font-weight: bold; }
.mb0{ margin-bottom: 0; }
.mb15{ margin-bottom: 15px; }

#Main .contentsBox p,
#Main .contentsBox dt,
#Main .contentsBox dd{ line-height: 1.7; }

input[type=text]:focus ,
input[type=password]:focus ,
textarea:focus { outline: none; }

/*#Main .contentsBox a{ text-decoration: underline; }*/
#Main .contentsBox a:hover{ text-decoration: none; }

#Main ul.bnr li a:hover img{
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

#Main .contentsBox h3{
    padding: 3px 0 10px 25px;
    background: url(../img/ttl-line01.gif) 7px top no-repeat;
    font-size: 16px;
    font-weight: bold;
}

.caution-box {
    background-color: #FBEDED;
    padding: 15px 25px !important;
    margin: 20px 0 !important;
    border: 1px solid #ebd5d5;
}

.caution-box h3 {
	padding: 0px !important;
	margin: 0 0 8px !important;
	background-image: none !important;
}

.caution-box_ttl {
	color: #BF1517;
	font-size: 116.66% !important;
}

.attention-box {
    background-color: #FBF8EA;
    padding: 15px 25px!important;
    margin: 20px 0!important;
    border: 1px solid #E7E3D3;
}

.attention-box h3 {
	padding: 0px!important;
	margin: 0 0 8px!important;
	background-image: none!important;
}

.attention-box_ttl {
	color: #eca700;
	font-size: 116.66%!important;
}

ul.disc { list-style: disc!important; }

/*####################　サイドナビ　####################*/

#SubApplication {
    margin-bottom: 15px;
    padding-bottom: 15px;
    background: url(../img/dot_line_x.gif) left bottom repeat-x;
}

#SubApplication h4 { margin-bottom: 6px; }

#SubApplication p.assist {
    margin-bottom: 3px;
    color: #666;
    font-size: 80%;
    text-align: center;
}

#SubApplication ul {
    margin-bottom: 10px;
    padding: 0 5px;
}

#SubApplication ul li { margin-bottom: 3px; }

#SubApplication ul li:last-child { margin-bottom: 0; }

#SubApplication li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

#SubSupportLink { margin-bottom: 15px; }

#SubSupportLink li { margin-bottom: 5px; }

#SubSupportLink ul li:last-child { margin-bottom: 0; }

#SubSupportLink li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

#Sub .SubBanner { margin-bottom: 15px; }

#Sub .SubBanner a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}


/*####################　フッタ　####################*/
#Footer .menu{
    padding: 11px 60px 14px;
    border-top: 1px solid #e2e2e2;
}
#Footer .menu #privacy_mark{
    float: left;
    margin: 0 60px 0 0;
    padding: 0;
}

#Footer .price-note{
    background: #f7f7f7;
}

#Footer ul{
    float: left;    
    padding: 30px 0 0 0;
}

#Footer .price-note ul{
    padding: 20px 0 20px 13px;
}

#Footer ul li{
    float: left;
    padding: 0 13px;    
    border-right: 1px solid #c0c0c0;
    font-size: 11px;
    line-height: 1.1;
}

#Footer .price-note ul li{
    font-size: 12px;
    border: none;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 5px;
    float: none;
}

#Footer .price-note ul li:last-child{
    margin-bottom: 0;
}

#Footer ul li.menu01{ padding-left: 0; }
#Footer ul li.menu07{
    padding-right: 0;
    border: none;    
}

#Footer .footer_pr_area{
    padding: 0 25px;
    margin-top: 10px;
}

#Footer .pr_area {
    display: flex;
    justify-content: space-between;
    padding: 10px 45px 0;
    font-size: 12px;
    align-items: center;
    border-top: 1px solid #e2e2e2;
}

#Footer .pr_area dt {
	padding-right: 10px;
}

#Footer .pr_area dd {
	margin-right: 25px;
}

#Footer .pr_area dd:last-child {
	margin-right: 0;
}

address{
    float: right;
    padding: 30px 0 0 0;
    color: #b5c3d0;
    font-size: 12px;
}

#PageReissue #Footer address {
    float: none;
    text-align: center;
}

#pageTop{
    float: right;
    padding: 0 25px 13px 0;
}
#pageTop a{
    display: block;
    width: 95px;
    height: 19px;
}
#pageTop a:hover{
     filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

#FooterBottom ul li{
    float: left;
    width: auto;
    height: 20px;
    padding: 2px 13px 2px 20px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 11px;
    line-height: 20px;
}
#FooterBottom ul li.menu06{ padding-right: 0; }

#FooterBottom ul li.menu01{ background-image: url(../img/footer/icon-foot01.png) }
#FooterBottom ul li.menu02{ background-image: url(../img/footer/icon-foot07.png) }
#FooterBottom ul li.menu03{ background-image: url(../img/footer/icon-foot03.png) }
#FooterBottom ul li.menu04{ background-image: url(../img/footer/icon-foot04.png) }
#FooterBottom ul li.menu05{ background-image: url(../img/footer/icon-foot05.png) }
#FooterBottom ul li.menu06{ background-image: url(../img/footer/icon-foot06.png) }
#FooterBottom ul li.menu07{ background-image: url(../img/footer/icon-foot07.png) }
#FooterBottom ul li.menu08{ background-image: url(../img/footer/icon-foot08.png) }
#FooterBottom ul li.menu09{ background-image: url(../img/footer/icon-foot09.png) }

#FooterBottom ul li a{ color: #666; }
#FooterBottom ul li a:hover{ color: #818181 }


/*####################　パンくずリスト　####################*/

.topic-path {
    margin: 0 0 30px 0;
	padding: 0 25px;
    font-size: 12px;
    background: url(../img/icon_breadcrumb.png) no-repeat 26px 4px;
}
.topic-path ol { margin-left: 20px; }
.topic-path li { 
    margin-right: 5px;
    display: inline-block;
 }
.topic-path li a{ margin-right: 5px; }
.topic-path li span.is-current {
    background: none;
    font-weight: bold;
}
.topic-path li span.no-current { margin-right: 5px; }


/*####################　reCAPTCHA　####################*/

.grecaptcha-badge { 
    margin-bottom: 100px; 
}


/*####################　おやみだし　####################*/


/*　こみだし
-------------------------------------*/

/* まごみだし */


/*end*/