@charset "UTF-8"; /*IMG-float*/ .photo { text-align: center; } .ph_l { margin: 0 20px 20px 0; padding: 0; float: left ; } .ph_r { margin: 0 0 20px 20px; padding: 0; float: right; } /*Text-Color*/ .star { color: #f30; } .m0 { margin: 0 !important; } .t-left { text-align: left !important; } .t-center { text-align: center; } .t-right { text-align: right; } /*コンテンツ*/ /*共通*/ #contents h2 { width: 695px; text-indent:-99999px; font-size: 1px; line-height: 1px; margin-bottom: 10px; } #contents .h3bg { background: url(../img/h3bg.gif) no-repeat 0 100%; margin-bottom: 15px; } #contents h3 { font-size: 90%; line-height: 120%; font-weight: normal; color: #fff; background: url(../img/h3bg-head.gif) no-repeat; padding: 10px 20px; } #contents .w340 .h3bg { background: url(../img/h3bg02.gif) no-repeat 0 100%; margin-bottom: 5px; } #contents .w340 h3 { font-size: 90%; line-height: 120%; font-weight: normal; color: #fff; background: url(../img/h3bg-head02.gif) no-repeat; padding: 10px 20px; } #contents .h4bg { background: url(../img/h4bg.gif) repeat-x; border-top: 3px solid #484033; margin-bottom: 15px; } #contents h4 { font-size: 90%; line-height: 120%; font-weight: normal; padding: 8px 20px; background: url(../img/h4.gif) no-repeat 10px 50%; border-bottom: 1px solid #A8A39B; } #contents ul,#contents ol { margin: 0 0 1.5em; } #contents ul ul,#contents ol ol { margin: 0; } #contents ol li { list-style: decimal outside; margin: 0 0 0 1.8em; } #contents ul li { list-style: disc outside; margin: 0 0 0 1.8em; } #contents li ol li { list-style-type: lower-alpha; margin: 0; padding: 0; } #contents dl { padding: 10px 0; border-bottom: 1px solid #999; } #contents dt { float: left; width: 10em; } #contents dd { padding: 0 0 0 10.5em; } #contents dd span { font-size: 80%; } #contents dd span a { margin: 0 0 0 10px; padding: 0 0 0 5px; background: url(../img/arw03.gif) no-repeat 0 50%; } #contents dd ol { font-size: 100%; margin: 0; } #contents dd dl { font-size: 100%; border: 0; padding: 0; } #contents dd dt { float: left; width: 6em; } #contents dd dd { padding: 0 0 0 6.5em; } /*----テーブル*/ #contents table { width: 671px; font-size: 80%; line-height: 130%; border-collapse: collapse; empty-cells: show; margin: 0 0 6px; } #contents .nowrap td,#contents .nowrap th{ white-space: nowrap; } #contents th { border: 1px solid #999; } #contents th.tabletitle { border: 0; } #contents th.th-function { background: #efe7df url(../img/th-functionbg.gif) repeat-x; } #private #contents th.th-function { background: #e7e7e7 url(../private/img/th-functionbg.gif) repeat-x; } #contents td { text-align: center; padding: 6px 3px; border: 1px solid #999; } #contents td strike { text-decoration: line-through; padding: 0 0.5em; } #contents td span { font-size: 80%; line-height: 120%; } #contents td span.cp { color: #fff; background: #f30; padding: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-right: 2px; } #contents td span.op { color: #fff; background: #9B8D57; padding: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-left: 5px; } #contents td span.qs { color: #fff; background: #3E6A8E; padding: 1px 0.4em; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-left: 5px; } #contents td span.maru { text-align: center; display: block; width: 16px; height: 16px; color: #c00; margin: 2px auto; background: url(../img/maru.gif) no-repeat 50% 50%; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents td em { font-size: 100%; color: #f30; font-weight: bold; } #contents td i { font-size: 80%; font-style:normal; } #contents td ol,#contents td ul { font-size: 100%; margin: 0; padding: 0; } #contents td ol li { list-style-type: none; margin: 0; padding: 5px 0; } #contents td ul li { list-style-type: none; display: inline; margin: 0 0.3em 0 0; padding: 0; } /*----*/ #contents .paginate { text-align: center; font-size: 110%; margin-top: 40px; } /*----関連コンテンツ*/ #contents #relation { margin-top: 100px; } #contents #relation ul { padding: 0 20px 30px; background: url(../company/img/contents-bg.gif) no-repeat 0 100%; } #contents #relation li { list-style-type: none; margin: 0; padding: 0; padding: 10px 0; border-bottom: 1px solid #d1d1d1; } #contents #relation li a { display: block; padding-left: 20px; background: url(../img/arw04.gif) no-repeat 0 0.2em; } /*----新着記事*/ #contents .w330 { width: 330px; } #contents .w340 { width: 340px; } #contents .contents-l { float: left; } #contents .contents-r { float: right; } #contents .w340 .newentry { margin-bottom: 30px; } #contents .w340 .newentry dd { font-size: 80%; } #contents .w340 .newentry dd { font-size: 80%; } #contents h3#t-news { height: 23px; /height: 33px; margin: 0; background: url(../img/t-news02.gif) no-repeat; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents h3#t-trouble { height: 23px; /height: 33px; margin: 0; background: url(../img/t-trouble.gif) no-repeat; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents h3#t-contact { height: 23px; /height: 33px; margin: 0; background: url(../img/t-contact.gif) no-repeat; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents h3#t-support { height: 23px; /height: 33px; margin: 0; background: url(../img/t-support02.gif) no-repeat; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents h3#t-webmail { height: 23px; /height: 33px; margin: 0; background: url(../img/t-webmail.gif) no-repeat; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents .newentry dl { font-size: 100%; margin: 0; padding: 10px 10px 4px; border-bottom: 1px solid #DFDDD5; } #contents .newentry dt { float: none; font-size: 80%; width: auto; margin-bottom: 7px; color: #666; } #contents .newentry dt span { color: #333; padding-left: 0.5em; } #contents .newentry dt span.icn { color: #fff; margin-left: 0.5em; padding:0 0.5em; color: #fff; background: #716548; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #contents .newentry dd { float: none; font-size: 90%; padding: 0 0 0 17px; border: 0; background: url(../img/arw05.gif) no-repeat 4px 0.3em; } /*----MT*/ #contents .list-base { margin-bottom: 30px; } #contents .list { padding: 6px 12px; } #contents .list-l { float: left; display:inline; width: 330px; background: url(../faq/img/listbg.gif) no-repeat 0 100%; margin-bottom:12px; } #contents .list-r { float: right; display:inline; width: 330px; background: url(../faq/img/listbg.gif) no-repeat 0 100%; margin-bottom:12px; } #contents .list dl { font-size: 100%; margin: 0; padding: 15px 12px; border: 0; background: url(../faq/img/listbg-head.gif) no-repeat; } #contents .list dt { float: none; font-size: 90%; width: auto; margin: 0 0 8px; padding: 0 0 8px; border-bottom: 1px solid #999; } #contents .list dt a { display: block; padding-left: 20px; background: url(../img/arw04.gif) no-repeat 0 0.2em; } #contents .list dd { float: none; font-size: 80%; padding: 5px 0 5px 15px; border: 0; background: url(../img/arw05.gif) no-repeat 5px 0.8em; } #contents textarea { width: 673px; * width: 653px; height: 73px; font-size: 80%; margin: 0 0 28px !important; } #contents .categorylist { padding: 8px 12px; } #contents .categorylist dl { font-size: 100%; margin: 0; padding: 15px 12px; border-bottom: 1px solid #DFDDD5; } #contents .categorylist dt { float: left; font-size: 80%; color: #666; width: 5em; margin: 0 0 8px; padding: 0 0 8px; } #contents .categorylist dd { font-size: 90%; padding: 0 0 0 7.5em; border: 0; background: url(../img/arw05.gif) no-repeat 7em 0.3em; } #contents .categorylist dd a { display: block; margin: 0 0 10px; } #contents .categorylist dd p { font-size: 100%; margin: 0; } #contents .entry { } #contents .entry-body { } #contents .entry-more { margin-top: 40px; padding: 15px 15px 0; border: 4px solid #E1DBD4; } #contents .entry-body p,#contents .entry-body ol,#contents .entry-body ul, #contents .entry-more p,#contents .entry-more ol,#contents .entry-more ul { } #contents .entry-meta { text-align: right; font-size: 65%; } /*HOME*/ #home ul#home-link { position: relative; width: 715px; height: 346px; margin-bottom: 10px; background: url(../img/home-link.jpg) no-repeat; } #home #home-link li { list-style-type: none; margin: 0; padding: 0; } #home #home-link li a { text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; } #link-premium { } #link-premium a { position: absolute; left: 10px; top: 10px; width: 460px; height: 153px; background: url(../img/home-link.jpg) no-repeat -10px -10px; } #link-premium a:hover { background-position: -10px -410px; } #link-professional { } #link-professional a { position: absolute; left: 480px; top: 10px; width: 225px; height: 153px; background: url(../img/home-link.jpg) no-repeat -480px -10px; } #link-professional a:hover { background-position: -480px -410px; } #link-personal01 { } #link-personal01 a { position: absolute; left: 10px; top: 173px; width: 225px; height: 153px; background: url(../img/home-link.jpg) no-repeat -10px -173px; } #link-personal01 a:hover { background-position: -10px -573px; } #link-personal02 { } #link-personal02 a { position: absolute; left: 245px; top: 173px; width: 225px; height: 153px; background: url(../img/home-link.jpg) no-repeat -245px -173px; } #link-personal02 a:hover { background-position: -245px -573px; } #link-private { } #link-private a { position: absolute; left: 480px; top: 173px; width: 225px; height: 153px; background: url(../img/home-link.jpg) no-repeat -480px -173px; } #link-private a:hover { background-position: -480px -573px; } #contents-l { float: left; width: 235px; } #contents-l .column { background: url(../img/columnbg-235.gif) repeat-y !important; } #contents-l .column-head { background: url(../img/columnbg-head235.gif) no-repeat !important; } #contents-l .column-foot { background: url(../img/columnbg-foot235.gif) no-repeat 0 100% !important; padding: 10px 10px 60px; } #contents-l h2 { width: 210px; *width: 215px; height: 13px; margin-bottom: 8px; padding: 6px 7px; padding-left: 0; } #contents-l h2 span { display: block; float: left; width: 1px; height: 13px; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents-l h2 a { float: right; dislpay: block; width: 41px; height: 13px; background: url(../img/icn-list02.gif) no-repeat; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents-l h2 a:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } #contents-l h2#t-feature { background: url(../img/t-feature.gif) no-repeat; } #contents-l h2#t-feature span { height: 13px; } #contents-l h2#t-faq { background: url(../img/t-faq.gif) no-repeat; } #contents-l #feature { margin-bottom: 15px; } #contents-l #feature li { list-style-type: none; margin: 0 0 5px; } #contents-l #feature li a { text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; } #contents-l #feature li a:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } #contents-l #feature01 a { display: block; width: 215px; height: 55px; background: url(../img/lnk-feature.gif) no-repeat; } #contents-l #feature02 a { display: block; width: 215px; height: 55px; background: url(../img/lnk-feature.gif) no-repeat 0 -60px; } #contents-l #faq { font-size: 80%; margin: 0; } #contents-l #faq li { list-style-type: none; margin: 0; padding: 8px 0 8px 19px; background: url(../img/arw01.gif) no-repeat 7px 1em; border-bottom: 1px solid #c6beb9; } #contents-r { float: right; width: 470px; } #contents-r .column { background: url(../img/columnbg-470.gif) repeat-y !important; } #contents-r .column-head { background: url(../img/columnbg-head470.gif) no-repeat !important; } #contents-r .column-foot { background: url(../img/columnbg-foot470.gif) no-repeat 0 100% !important; } #contents-r h2 { width: 440px; height: 13px; margin-bottom: 8px; padding: 10px; padding-left: 0; } #contents-r h2 span { display: block; float: left; width: 1px; height: 1px; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents-r h2 a { dislpay: block; float: right; width: 41px; height: 13px; background: url(../img/icn-list.gif) no-repeat; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents-r h2 a:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } #contents-r h2#t-news { background: url(../img/t-news.gif) no-repeat; } #contents-r h2#t-support { background: url(../img/t-support.gif) no-repeat; } #contents-r #column-dl { margin-bottom: 20px; } #contents-r #column-dl dl { font-size: 80%; padding: 7px 10px; border-bottom: 1px solid #dfddd5; } #contents-r #column-dl dt { float: left; width: 6.5em; color: #666; } #contents-r #column-dl dd.icn { font-size:90%; float: left; text-align: center; width: 7em; padding: 0; color: #fff; background: #716548; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #contents-r #column-dl dd.title { padding-left: 14em; background: url(../img/arw03.gif) no-repeat 13.5em 0.5em; } #contents-r #column-dl2 { margin-bottom: 20px; } #contents-r #column-dl2 dl { font-size: 80%; padding: 7px 10px; border-bottom: 1px solid #dfddd5; } #contents-r #column-dl2 dt { float: none; width: auto; } #contents-r #column-dl2 dt span { font-size:90%; text-align: center; margin: 0 0.5em; padding: 0 0.8em; color: #fff; background: #716548; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #contents-r #column-dl2 dd { padding: 0 0 0 12px; background: url(../img/arw03.gif) no-repeat 0 0.5em; } /*共用サーバー・shared*/ #shared #contents h2 { height: 130px; background: url(../shared/img/title.jpg) no-repeat; } #shared #contents h2#title-detail { height: 139px; background: url(../shared/img/title-detail.jpg) no-repeat; margin-bottom: 23px; } #shared #contents h2#title-flow { height: 139px; background: url(../shared/img/title-flow.jpg) no-repeat; margin-bottom: 23px; } #shared #contents h2#title-terms { height: 139px; background: url(../shared/img/title-terms.jpg) no-repeat; margin-bottom: 23px; } #shared #contents h2#title-apply { height: 139px; background: url(../shared/img/title-apply.jpg) no-repeat; margin-bottom: 23px; } /*----プラン表*/ #shared #contents #plan-list { position: relative; width: 695px; height: 530px; margin-bottom: 65px; background: url(../shared/img/planbg.gif) no-repeat; } #shared #contents #plan-list li { list-style-type: none; margin: 0; padding: 0; } #shared #contents #plan-list li a { text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; } #shared #contents #plan-list li a:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } #plan01 a { position: absolute; left: 10px; top: 10px; width: 320px; height: 119px; background: url(../shared/img/plan.jpg) no-repeat -10px -10px; } #plan01d a { position: absolute; left: 69px; top: 219px; width: 86px; height: 22px; background: url(../shared/img/plan.jpg) no-repeat -69px -219px; } #plan01a a { position: absolute; left: 179px; top: 219px; width: 86px; height: 22px; background: url(../shared/img/plan.jpg) no-repeat -179px -219px; } #plan02 a { position: absolute; left: 365px; top: 10px; width: 320px; height: 119px; background: url(../shared/img/plan.jpg) no-repeat -365px -10px; } #plan02d a { position: absolute; left: 424px; top: 219px; width: 86px; height: 22px; background: url(../shared/img/plan.jpg) no-repeat -424px -219px; } #plan02a a { position: absolute; left: 534px; top: 219px; width: 86px; height: 22px; background: url(../shared/img/plan.jpg) no-repeat -534px -219px; } #plan03 a { position: absolute; left: 10px; top: 282px; width: 320px; height: 119px; background: url(../shared/img/plan.jpg) no-repeat -10px -282px; } #plan03d a { position: absolute; left: 69px; top: 491px; width: 86px; height: 22px; background: url(../shared/img/plan.jpg) no-repeat -69px -491px; } #plan03a a { position: absolute; left: 179px; top: 491px; width: 86px; height: 22px; background: url(../shared/img/plan.jpg) no-repeat -179px -491px; } #plan04 a { position: absolute; left: 365px; top: 282px; width: 320px; height: 119px; background: url(../shared/img/plan.jpg) no-repeat -365px -282px; } #plan04d a { position: absolute; left: 424px; top: 491px; width: 86px; height: 22px; background: url(../shared/img/plan.jpg) no-repeat -424px -491px; } #plan04a a { position: absolute; left: 534px; top: 491px; width: 86px; height: 22px; background: url(../shared/img/plan.jpg) no-repeat -534px -491px; } /*----タブ*/ #shared #contents #tabnavi { height: 41px; margin: 0; } #shared #contents #tabnavi li { list-style-type: none; float: left; display: inline; margin: 0 1px 0 0; padding: 0; } #shared #contents #tabnavi li a { text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } #shared #tab-personal_sub a { display: block; width: 103px !important; height: 41px !important; background: url(../shared/img/tab.gif) no-repeat; } #shared #tab-personal_sub a:hover,#shared.personal_sub #tab-personal_sub a { background-position: 0 -50px; } #shared #tab-personal_original a { display: block; width: 103px !important; height: 41px !important; background: url(../shared/img/tab.gif) no-repeat -104px 0; } #shared #tab-personal_original a:hover,#shared.personal_original #tab-personal_original a { background-position: -104px -50px; } #shared #tab-premium a { display: block; width: 103px !important; height: 41px !important; background: url(../shared/img/tab.gif) no-repeat -208px 0; } #shared #tab-premium a:hover,#shared.premium #tab-premium a { background-position: -208px -50px; } #shared #tab-professional a { display: block; width: 103px !important; height: 41px !important; background: url(../shared/img/tab.gif) no-repeat -312px 0; } #shared #tab-professional a:hover,#shared.professional #tab-professional a { background-position: -312px -50px; } #shared #tab-detail a { display: block; width: 103px !important; height: 41px !important; background: url(../shared/img/tab.gif) no-repeat -416px 0; } #shared #tab-detail a:hover,#shared.detail #tab-detail a { background-position: -416px -50px; } #shared #tab-flow a { display: block; width: 103px !important; height: 41px !important; background: url(../shared/img/tab.gif) no-repeat -520px 0; } #shared #tab-flow a:hover,#shared.flow #tab-flow a { background-position: -520px -50px; } #shared #tab-apply a { display: block; width: 104px !important; height: 41px !important; background: url(../shared/img/tab.gif) no-repeat -624px 0; } #shared #tab-apply a:hover,#shared.apply #tab-apply a { background-position: -624px -50px; } #shared #tab-terms a { display: block; width: 104px !important; height: 41px !important; background: url(../shared/img/tab.gif) no-repeat -728px 0; } #shared #tab-terms a:hover,#shared.terms #tab-terms a { background-position: -728px -50px; } /*----シーサイドネットが選ばれる理由*/ #shared #contents #chose-reason { margin-bottom: 65px; } #shared .personal_sub #contents #chose-reason { margin-bottom: 30px; } #shared #contents #chose-reason h3 { height: 33px; text-indent:-99999px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; background: url(../shared/img/chose-reason.gif) no-repeat; } #shared #contents #chose-reason dl { font-size: 80%; border: 3px solid #b0aa99; padding: 60px 0 15px; background: url(../shared/img/chose-reason-no.gif) no-repeat; } #shared #contents #chose-reason dt { display: none; } #shared #contents #chose-reason dd { float: left; display: inline; width: 215px; margin: 0 0 0 10px; padding: 0; } #shared #contents #chose-reason dd.dd03 { width: 225px;} /*専用サーバー・private*/ #private #contents h2 { height: 130px; background: url(../private/img/title.jpg) no-repeat; } #private #contents h2#title-detail { height: 139px; background: url(../private/img/title-detail.jpg) no-repeat; margin-bottom: 23px; } #private #contents h2#title-flow { height: 139px; background: url(../private/img/title-flow.jpg) no-repeat; margin-bottom: 23px; } #private #contents h2#title-terms { height: 139px; background: url(../private/img/title-terms.jpg) no-repeat; margin-bottom: 23px; } #private #contents h2#title-apply { height: 139px; background: url(../private/img/title-apply.jpg) no-repeat; margin-bottom: 23px; } /*----タブ*/ #private #contents #tabnavi { height: 41px; margin: 0; } #private #contents #tabnavi li { list-style-type: none; float: left; display: inline; margin: 0 1px 0 0; padding: 0; } #private #contents #tabnavi li a { text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } #private #tab-private a { display: block; width: 103px !important; height: 41px !important; background: url(../private/img/tab.gif) no-repeat; } #private #tab-private a:hover,#private.index #tab-private a { background-position: 0 -50px; } #private #tab-detail a { display: block; width: 103px !important; height: 41px !important; background: url(../private/img/tab.gif) no-repeat -104px 0; } #private #tab-detail a:hover,#private.detail #tab-detail a { background-position: -104px -50px; } #private #tab-flow a { display: block; width: 103px !important; height: 41px !important; background: url(../private/img/tab.gif) no-repeat -208px 0; } #private #tab-flow a:hover,#private.flow #tab-flow a { background-position: -208px -50px; } #private #tab-apply a { display: block; width: 104px !important; height: 41px !important; background: url(../private/img/tab.gif) no-repeat -312px 0; } #private #tab-apply a:hover,#private.apply #tab-apply a { background-position: -312px -50px; } #private #tab-terms a { display: block; width: 104px !important; height: 41px !important; background: url(../private/img/tab.gif) no-repeat -416px 0; } #private #tab-terms a:hover,#private.terms #tab-terms a { background-position: -416px -50px; } /*----こんなお客様にオススメ*/ #private #contents #recommend { margin-bottom: 65px; } #private #contents #recommend h3 { height: 33px; text-indent:-99999px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; background: url(../private/img/recommend.gif) no-repeat; } #private #contents #recommend dl { font-size: 80%; border: 3px solid #a4a4a4; padding: 60px 0 15px; background: url(../private/img/recommend-no.gif) repeat-x; } #private #contents #recommend dt { display: none; } #private #contents #recommend dd { float: left; display: inline; width: 330px; margin: 0 0 0 10px; padding: 0; } /*共用サーバー＆専用サーバー・shared & private*/ /*----各プランTOP*/ #plan-index { position: relative; width: 695px; height: 258px; margin-bottom: 28px; } #plan-index #apply { position: absolute; left: 241px; top: 212px; width: 86px; height: 22px; } #plan-index #apply a { display: block; width: 86px; height: 22px; background: url(../shared/img/btn-apply.gif) no-repeat; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } #plan-index #apply a:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } #plan-index #price { position: absolute; left: 479px; top: 230px; width: 200px; text-align: right; } #plan-index #price a { font-size: 80%; background: url(../img/arw04.gif) no-repeat 0 0; padding-left: 18px; } .personal_sub #plan-index { background: url(../shared/img/personal_sub.jpg) no-repeat; } .personal_original #plan-index { background: url(../shared/img/personal_original.jpg) no-repeat; } .premium #plan-index { background: url(../shared/img/premium.jpg) no-repeat; } .professional #plan-index { background: url(../shared/img/professional.jpg) no-repeat; } #private #plan-index { background: url(../private/img/private.jpg) no-repeat; } /*----ポイント*/ #contents #planpoint { margin-bottom: 35px; } #contents .planpoint { font-size: 90%; line-height: 140%; margin-bottom: 15px; padding: 0 10px 15px; border-bottom: 1px solid #999; } #contents .planpoint h4 { height: 18px !important; margin-bottom: 10px; padding: 0; background: none; border: 0; text-indent:-99999px; font-size: 1px; line-height: 1px; } #contents .planpoint-l { float: left; width: 88px; } #contents .planpoint-r { float: right; width: 577px; } #contents .planpoint-r a { font-size: 90%; background: url(../img/arw04.gif) no-repeat 0 50%; padding-left: 18px; } #contents .planpoint h4#t-today { background: url(../shared/img/t-today.gif) no-repeat; } #contents .planpoint h4#t-domain { background: url(../shared/img/t-domain.gif) no-repeat; } #contents .planpoint h4#t-reasonable { background: url(../shared/img/t-reasonable.gif) no-repeat; } #contents .planpoint h4#t-maltidomain { background: url(../shared/img/t-maltidomain.gif) no-repeat; } #contents .planpoint h4#t-urchin { background: url(../shared/img/t-urchin.gif) no-repeat; } #contents .planpoint h4#t-mt5 { background: url(../shared/img/t-mt5.gif) no-repeat; } #contents .planpoint h4#t-ssl { background: url(../shared/img/t-ssl.gif) no-repeat; } #contents .planpoint h4#t-management { background: url(../shared/img/t-management.gif) no-repeat; } #contents .planpoint h4#t-cscart { background: url(../shared/img/t-ssl.gif) no-repeat; } #contents .planpoint h4#t-package { background: url(../private/img/t-package.gif) no-repeat; } #contents .planpoint h4#t-security { background: url(../private/img/t-security.gif) no-repeat; } #contents .planpoint h4#t-support { background: url(../private/img/t-support.gif) no-repeat; } /*----流れ*/ .flow #contents .icn-user { font-size: 65%; line-height: 105%; color: #fff; text-align: center; width: 64px; padding: 0.9em 2px; background: url(../shared/img/spanbg-u.gif) repeat-x 0 50%; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .flow .icn-cs { font-size: 65%; line-height: 105%; color: #fff; text-align: center; width: 64px; padding: 0.2em 2px; background: url(../shared/img/spanbg-c.gif) repeat-x 0 50%; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .flow #contents .step { margin-bottom: 60px; } .flow #contents .step h4 { height: 20px; margin-bottom: 10px; padding: 0; background: none; border: 0; text-indent:-99999px; font-size: 1px; line-height: 1px; } .flow #contents .step h4#t-before { background: url(../shared/img/t-before.gif) no-repeat; } .flow #contents .step h4#t-pay { background: url(../shared/img/t-pay.gif) no-repeat; } .flow #contents .step h4#t-web { background: url(../shared/img/t-web.gif) no-repeat; } .flow #contents .step h5 { display: none; } .flow .u-step01 { background: url(../shared/img/u-stepbg01.gif) no-repeat 0 100%; } .flow .u-step02 { background: url(../shared/img/u-stepbg02.gif) no-repeat 0 100%; } .flow .c-step01 { background: url(../shared/img/c-stepbg01.gif) no-repeat 0 100%; } .flow .c-step02 { background: url(../shared/img/c-stepbg02.gif) no-repeat 0 100%; } .flow #b-step01 { background: url(../shared/img/b-step01.gif) no-repeat; padding: 13px 10px 14px; } .flow #b-step02 { background: url(../shared/img/b-step02.gif) no-repeat; padding: 13px 10px 14px; } .flow #b-step03 { background: url(../shared/img/b-step03.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step01 { background: url(../shared/img/p-step01.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step02 { background: url(../shared/img/p-step02.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step03 { background: url(../shared/img/p-step03.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step04 { background: url(../shared/img/p-step04.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step05 { background: url(../shared/img/p-step05.gif) no-repeat; padding: 13px 10px 14px; } .flow #o-step01 { background: url(../shared/img/o-step01.gif) no-repeat; padding: 13px 10px 14px; } .flow #o-step02 { background: url(../shared/img/o-step02.gif) no-repeat; padding: 13px 10px 14px; } .flow #o-step03 { background: url(../shared/img/o-step03.gif) no-repeat; padding: 13px 10px 14px; } .flow #o-step04 { background: url(../shared/img/o-step04.gif) no-repeat; padding: 13px 10px 14px; } .flow #o-step05 { background: url(../shared/img/o-step05.gif) no-repeat; padding: 13px 10px 14px; } .flow #pm-step01 { background: url(../shared/img/pm-step01.gif) no-repeat; padding: 13px 10px 14px; } .flow #pm-step02 { background: url(../shared/img/pm-step02.gif) no-repeat; padding: 13px 10px 14px; } .flow #pm-step03 { background: url(../shared/img/pm-step03.gif) no-repeat; padding: 13px 10px 14px; } .flow #pm-step04 { background: url(../shared/img/pm-step04.gif) no-repeat; padding: 13px 10px 14px; } .flow #pm-step05 { background: url(../shared/img/pm-step05.gif) no-repeat; padding: 13px 10px 14px; } .flow #o-step01 { background: url(../shared/img/o-step01.gif) no-repeat; padding: 13px 10px 14px; } .flow #w-step01 { background: url(../shared/img/w-step01.gif) no-repeat; padding: 13px 10px 14px; } .flow #w-step02 { background: url(../shared/img/w-step02.gif) no-repeat; padding: 13px 10px 14px; } .flow #w-step03 { background: url(../shared/img/w-step03.gif) no-repeat; padding: 13px 10px 14px; } .flow #w-step04 { background: url(../shared/img/w-step04.gif) no-repeat; padding: 13px 10px 14px; } .flow #w-step05 { background: url(../shared/img/w-step05.gif) no-repeat; padding: 13px 10px 14px; } .flow #w-step06 { background: url(../shared/img/w-step06.gif) no-repeat; padding: 13px 10px 14px; } .flow #w-step07 { background: url(../shared/img/w-step07.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step01 { background: url(../private/img/p-step01.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step02 { background: url(../private/img/p-step02.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step03 { background: url(../private/img/p-step03.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step04 { background: url(../private/img/p-step04.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step05 { background: url(../private/img/p-step05.gif) no-repeat; padding: 13px 10px 14px; } .flow #p-step06 { background: url(../private/img/p-step06.gif) no-repeat; padding: 13px 10px 14px; } .flow #contents .step .icn-user { float: left; margin: 70px 0 0; } .flow #contents .step .icn-cs { float: left; margin: 70px 0 0; } .flow #contents .step .step-text { float: right; width: 570px; } .flow #contents .step .step-text p { font-size: 80%; line-height: 140%; margin: 40px 0 0; } .flow #contents .step .step-text p span { color: #900; } .flow #contents .step .step-text p.kome { float: left; width: 450px; } .flow #contents .step .step-text img { float: right; width: 97px; } .flow #contents .step .arw01 { height: 50px; background: url(../shared/img/arw01.gif) no-repeat 24px 50%; text-indent:-99999px; font-size: 1px; line-height: 1px; } .flow #contents .step .arw02 { height: 50px; background: url(../shared/img/arw02.gif) no-repeat 24px 50%; text-indent:-99999px; font-size: 1px; line-height: 1px; } .flow #contents .step dl { font-size: 80%; margin: 7px 0 0; border: 0; } .flow #contents .step dt { float: left; width: 2.5em !important; color: #900; } .flow #contents .step dd { padding: 0 0 0 3em; } .flow #contents .step dl ul { font-size: 100%; margin: 0; border: 0; } /*----ドメイン手続きについて*/ .flow #contents .d-procedure { margin: 0 0 15px; padding: 10px 8px 15px; border: 2px solid #a39b8b; background: #f5f4f1; } .flow #contents .d-procedure h4 { height: 30px; margin: 0; padding: 0; border: 0; background: url(../shared/img/arw03.gif) no-repeat; text-indent:-99999px; font-size: 1px; line-height: 1px; } .flow #contents .d-procedure h4#t-dp01 { background: url(../shared/img/t-dp01.gif) no-repeat; } .flow #contents .d-procedure h4#t-dp02 { background: url(../shared/img/t-dp02.gif) no-repeat; } .flow #contents .d-procedure h4#t-dp03 { background: url(../shared/img/t-dp03.gif) no-repeat; } .flow #contents .d-procedure .arw { height: 27px; background: url(../shared/img/arw03.gif) no-repeat 50% 50%; text-indent:-99999px; font-size: 1px; line-height: 1px; } .flow #contents .procedurebg { background: url(../shared/img/procedurebg.gif) no-repeat 0 100%; } .flow #contents .procedure { padding: 10px; background: url(../shared/img/procedure-head.gif) no-repeat; } .flow #contents .procedure h5 { height: 25px; margin: 0; padding: 0; } .flow #contents .procedure h5#t-dp0101 { background: url(../shared/img/t-dp0101.gif) no-repeat 0 50%; } .flow #contents .procedure h5#t-dp0102 { background: url(../shared/img/t-dp0102.gif) no-repeat 0 50%; } .flow #contents .procedure h5#t-dp0201 { background: url(../shared/img/t-dp0201.gif) no-repeat 0 50%; } .flow #contents .procedure h5#t-dp0202 { background: url(../shared/img/t-dp0202.gif) no-repeat 0 50%; } .flow #contents .procedure h5#t-dp0203 { background: url(../shared/img/t-dp0203.gif) no-repeat 0 50%; } .flow #contents .procedure h5#t-dp0301 { background: url(../shared/img/t-dp0301.gif) no-repeat 0 50%; } .flow #contents .procedure h5#t-dp0302 { background: url(../shared/img/t-dp0302.gif) no-repeat 0 50%; } .flow #contents .procedure h5#t-dp0303 { background: url(../shared/img/t-dp0303.gif) no-repeat 0 50%; } .flow #contents .procedure h5#t-dp0304 { background: url(../shared/img/t-dp0304.gif) no-repeat 0 50%; } .flow #contents .procedure h5 span { display: block; float: left; width: 1px; text-indent:-99999px; font-size: 1px; line-height: 1px; } .flow #contents .procedure h5 .icn-user { float: right; } .flow #contents .procedure h5 .icn-cs { float: right; } .flow #contents .procedure p { font-size: 80%; margin: 8px 0 0; padding: 8px 0 0; border-top: 1px solid #999; } /*----FAX送信*/ .flow #contents #btn-fax { margin: 0 0 35px; padding: 0; border: 1px solid #999; } .flow #contents #btn-fax li { list-style-type: none; margin: 0; padding: 45px 230px; } .flow #contents #btn-fax li a { display: block; width: 205px !important; height: 51px !important; background: url(../shared/img/btn-fax.gif) no-repeat; text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } .flow #contents #btn-fax li a:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } /*お申し込み・apply*/ #apply #contents h2 { height: 80px; background: url(../apply/img/title.jpg) no-repeat; } #apply #contents #step { margin-bottom: 22px; } #apply #contents table { font-size: 90%; width: 675px; margin: 0; } #apply #contents th { text-align: left; width: 9em; text-indent: 0; line-height: 130%; font-weight: normal; padding: 8px; border: 1px solid #999; background: #f2f2f2; } #apply #contents th span { font-size: 80%; color: #900; } #apply #contents td { text-align: left; padding: 8px; } #apply #contents td p { font-size: 90%; line-height: 140%; color: #666; margin: 10px 0 0; } #apply #contents td span { font-size: 90%; } #apply #contents td span.ex { color: #666; } #apply #contents td dl { font-size: 100%; width: 100%; padding: 5px 0; border: 0; } #apply #contents td dt { float: left; width: 10em; } #apply #contents td dd { padding-left: 10.5em; } #apply #apply-domain { margin: 0 5px; } #apply #apply-jpdomain { font-size: 90%; margin: 38px 0 2px; } #apply textarea#apply-jpdomain-rule { width: 673px; * width: 653px; height: 176px; font-size: 80%; margin: 0 !important; } #apply #apply-agree { text-align: center; font-size: 90%; margin-bottom: 46px; padding: 8px; background: #E3DDC6; } #apply #apply-name01,#apply #apply-name02,#apply #apply-kana01,#apply #apply-kana02 { width: 95px; margin: 0 8px; } #apply #apply-comname,#apply #apply-comkana { width: 190px; margin-right: 8px; } #apply #apply-email,#apply #apply-email-re { width: 190px; margin-right: 8px; } #apply #apply-zip { width: 70px; margin: 0 8px; } #apply #apply-pref { margin: 0 8px; } #apply #apply-address01,#apply #apply-address02 { width: 150px; margin: 0 8px; } #apply #apply-tel { width: 190px; margin-right: 8px; } #apply #apply-next { text-align: center; font-size: 90%; padding: 18px; background: #E3DDC6; } #apply #apply-next input:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } #apply_main{ background:left top url(../apply/img/apply_back.jpg) no-repeat; padding:207px 0 13px 0;zoom:1; margin-bottom:300px;} #apply_main ul{width:685px; margin:0 0 0 -10px;zoom:1; padding:0; position:relative;} #apply_main li{ line-height:120%;zoom:1; float:left; display:inline; margin:0 0 0 19px!important; list-style-type:none!important; list-style-position:outside!important; text-align:center;} #apply_main li a:hover{filter: alpha(style=0,opacity=50); opacity: 0.8;zoom:1;} #apply_main .apply_icon{ line-height:120%; vertical-align:middle; background:left center url(../img/icon_m.gif) no-repeat; padding-left:10px; font-size:70%; text-align:center;zoom:1;} /*利用規約・terms*/ .terms p.a_right{ text-align:right;} /*お問い合わせ・contact*/ #contact #contents h2 { height: 80px; background: url(../contact/img/title.jpg) no-repeat; } #contact #contact-policytitle { font-size: 90%; margin-bottom: 2px; } #contact #contact-policy { margin-bottom: 40px; padding: 10px 10px 0; border: 1px solid #999; } #contact #contact-policy p { line-height: 120%; } #contact #contents dt span { font-size: 80%; color: #900; } #contact #contact-domain,#contact #contact-name,#contact-email { width: 190px; } #contact #contact-text { width: 490px; height: 180px; margin-bottom: 10px; } #contact #form-next { text-align: center; font-size: 90%; margin: 20px 0 0; padding: 15px; background: #E3DDC6; } #contact #form-next p { font-size: 100%; } #contact #form-next input:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } /*会社案内・company*/ #company #local-navi h2#t-categorytop { background: url(../company/img/lnavi.gif) no-repeat; } #company #contents h2 { height: 80px; background: url(../company/img/title.jpg) no-repeat; } #company #contents #com-photo { margin: 8px 0; } #company #contents #com-photo ul{ margin:0; padding:0; zoom:1;} #company #contents #com-photo ul li{ float:left; display:inline; margin:0 1px 0 0 ; padding:0; list-style-position:inside!important; list-style-type:none!important;} #company #contents #com-photo ul li a{zoom:1; padding:0; margin:0; border:0; background:none;} #company #contents #com-photo ul li span{ display:block; margin-bottom:0 0 1px 0!important; padding:0!important; background:none!important;zoom:1;} #company #contents #com-photo ul li img{ vertical-align:middle; margin:0 0 1px 0;} #company #contents #com-photo ul li.com-width{ width:131px;} /*会社案内・logo*/ #logo #local-navi h2#t-categorytop { background: url(../company/img/lnavi.gif) no-repeat; } #logo #contents h2 { height: 80px; background: url(../company/logo/img/title.jpg) no-repeat; } #logo #contents #aboutlogo-l { float: left; width: 450px; } #logo #contents #aboutlogo-l p { font-size: 90%; } #logo #contents #aboutlogo-r { float: right; width: 211px; border: 1px solid #999; padding: 1px; } #logo #contents #aboutlogo-r p#name { margin: 5px 7px 20px; } #logo #contents #aboutlogo-r p#profile { font-size: 80%; margin: 0 7px 10px; } /*お知らせ・information*/ #information #contents h2 { height: 80px; background: url(../information/img/title.jpg) no-repeat; } #information #contents dl { font-size: 100%; padding: 7px 10px; border-bottom: 1px solid #dfddd5; } #information #contents dt { float: left; font-size: 80%; width: 6.5em; color: #666; } #information #contents dd.icn { float: left; font-size: 80%; text-align: center; width: 6em; padding: 0; color: #fff; background: #716548; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #information #contents dd.title { font-size: 90%; padding-left: 13em; background: url(../img/arw03.gif) no-repeat 12.5em 0.5em; } /*障害情報・maintenance*/ #maintenance #contents h2 { height: 80px; background: url(../maintenance/img/title.jpg) no-repeat; } #maintenance #contents dl { font-size: 100%; padding: 7px 10px; border-bottom: 1px solid #dfddd5; } #maintenance #contents dt { float: left; font-size: 80%; width: 6.5em; color: #666; } #maintenance #contents dd.icn { float: left; font-size: 80%; text-align: center; width: 6em; padding: 0; color: #fff; background: #716548; -webkit-border-radius: 2px; -moz-border-radius: 2px; } #maintenance #contents dd.title { font-size: 90%; padding-left: 13em; background: url(../img/arw03.gif) no-repeat 12.5em 0.5em; } /*よくあるご質問・faq*/ #faq #local-navi h2#t-categorytop { background: url(../faq/img/lnavi.gif) no-repeat; } #faq.index #contents h2 { height: 130px; background: url(../faq/img/title.jpg) no-repeat; } #faq #contents h2 { height: 80px; background: url(../faq/img/title02.jpg) no-repeat; } /*サポート研究室・lab*/ #lab #local-navi h2#t-categorytop { background: url(../lab/img/lnavi.gif) no-repeat; } #lab #contents h2 { height: 184px; background: url(../lab/img/title.jpg) no-repeat; } #lab #contents #stafflist { font-size: 80%; margin: 0 0 50px 10px !important; padding: 0; } #lab #contents #stafflist li { list-style-type: none; float: left; width: 90px; text-align: center; margin: 0 10px 10px 0; padding: 6px 6px 2px; border: 1px solid #dfddd5; } #lab #contents #stafflist li a { display: block; text-align: center; } #lab #contents #stafflist li a:hover { text-decoration: none; } #lab #contents #stafflist li img { margin-bottom: 2px; border: 1px solid #e4e4e4; } #lab #contents .todayresult { margin-bottom: 50px; } #lab #contents .todayresult-l { float: left; width: 451px; } #lab #contents .todayresult-r { float: right; width: 215px; margin-top: 6px; } #lab #contents .todayresult-r dl { margin-bottom: 5px; padding: 3px 0; border-bottom: 1px solid #999; } #lab #contents .todayresult-r dt { float: left; width: 8em; } #lab #contents .todayresult-r dd { text-align: right; font-weight: bold; } #lab #contents .todayresult-r p { font-size: 80%; } #lab #contents .todayresult-r p.date { text-align: right; font-size: 65%; margin-bottom: 2em; } #lab #contents .todayresult-r .btn-pastresult {} #lab #contents .todayresult-r .btn-pastresult a { display: block; width: 205px; height: 51px; background: url(../lab/img/btn-pastresult.gif) no-repeat; text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; } #lab #contents .todayresult-r .btn-pastresult a:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } /*サイトマップ・sitemap*/ #sitemap #contents h2 { height: 80px; background: url(../sitemap/img/title.jpg) no-repeat; } #sitemap #contents .sitemap-l { float: left; width: 340px; padding: 0 0 0 10px; } #sitemap #contents .sitemap-r { float: right; width: 340px; padding: 0 0 0 0; } #sitemap #contents .sitemap-base { margin: 0 0 30px; background: url(../faq/img/listbg.gif) no-repeat 0 100%; } #sitemap #contents .sitemap { font-size: 100%; margin: 0; padding: 20px 12px 15px; border: 0; background: url(../faq/img/listbg-head.gif) no-repeat; } #sitemap #contents .sitemap h4 { font-size: 90%; margin: 0; padding: 0 0 0 20px; border: 0; background: url(../img/arw04.gif) no-repeat 0 0.1em; } #sitemap #contents .sitemap ul { font-size: 80%; margin: 8px 0 0; padding: 8px 5px 0; border-top: 1px solid #999; } #sitemap #contents .sitemap ul li { list-style-type: none; margin: 5px 0; padding: 0 0 0 10px; background: url(../img/arw05.gif) no-repeat 0 0.5em; } #sitemap #contents .sitemap ul ul { font-size: 100%; margin: 0 0 12px; padding: 5px 0 0; border: 0; } #sitemap #contents .sitemap ul ul li {list-style-type: none; margin: 0; padding: 0 0 0 10px; background: url(../img/arw05.gif) no-repeat 0 0.5em; } /*ユーザーページ・user*/ #user #contents h2 { height: 80px; background: url(../user/img/title.jpg) no-repeat; } #user #contents .login-base { margin: 0 10px 50px; background: url(../user/img/loginbg.gif) no-repeat 0 100%; } #user #contents .login { font-size: 100%; margin: 0; padding: 70px 12px 15px; background: url(../user/img/t-login.gif) no-repeat; } #user #contents .login h4 { display: none; } #user #contents .login-l { float: left; width: 290px; text-align: left; } #user #contents .login-r { float: right; width: 340px; } #user #contents .login-l form { } #user #contents .login-l dl {zoom:1; border:0; padding:0;} #user #contents .login-l dl dt{ float:left; width:8em; display:inline; vertical-align:middle; padding:3px 0 0 0;} #user #contents .login-l dl dd{zoom:1; float:right; width:170px!important; padding:0;} #user #contents .login-l dl dt span{ font-size:65%;} #user #contents .login-l .a_right{ text-align:right;} #user #contents .login p { font-size: 65%; } #user #contents .w340 p { font-size: 80%; } #user #contents #btn-contact { margin: 0 0 25px 60px; padding: 0; } #user #contents #btn-contact a { display: block; width: 205px !important; height: 51px !important; background: url(../img/btn-contact02.gif) no-repeat; text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } #user #contents #btn-support { margin: 0 0 35px 60px; padding: 0; } #user #contents #btn-support a { display: block; width: 205px !important; height: 51px !important; background: url(../img/btn-support.gif) no-repeat; text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } #user #contents #btn-webmail { margin: 0 0 35px 60px; padding: 0; } #user #contents #btn-webmail a { display: block; width: 205px !important; height: 51px !important; background: url(../img/btn-webmail.gif) no-repeat; text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } #user #contents #btn-contact a:hover,#user #contents #btn-support a:hover,#user #contents #btn-webmail a:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } #user #contents #user_select { width: 170px; margin:0 5px 5px 0; } #user #contents #login { width: 170px; margin:0 5px 5px 0; } .user_list{} .user_list li{ border:1px solid #cccccc; padding:5px!important; margin:0 0 10px 0!important;zoom:1;list-style-type:none!important; list-style-position:outside!important;} .user_list li span{ display:block; float:left; font-size:90%; margin:5px 20px 0 0; } .user_list li a{display:block; float:right;} .user_list li a:hover{display:block; float:right;filter: alpha(style=0,opacity=50); opacity: 0.8;} .user_att{ font-size:80%; border:1px solid #DFDDD5; background:#F6F5F0; padding:10px;} /*シーサイドネットの強み・feature*/ #feature #contents h2 { height: 130px; background: url(../feature/img/title.jpg) no-repeat; } #feature #contents h2#t-support { height: 80px; background: url(../feature/img/t-support.jpg) no-repeat; } #feature #contents h2#t-result { height: 80px; background: url(../feature/img/t-result.jpg) no-repeat; } #feature #local-navi h2#t-categorytop { background: url(../feature/img/lnavi.gif) no-repeat; } #feature #contents .feature-base { background: url(../feature/img/bg.gif) no-repeat 0 100%; } #feature #contents .feature { padding: 115px 6px 30px; } #feature #contents #feature01 { background: url(../feature/img/t01.jpg) no-repeat; } #feature #contents #feature02 { background: url(../feature/img/t02.jpg) no-repeat; } #feature #contents #feature03 { background: url(../feature/img/t03.jpg) no-repeat; } #feature #contents .feature h4 { height: 1px; text-indent:-99999px; font-size: 1px; line-height: 1px; background: none; padding:0; margin: 0; border: 0; } #feature #contents .feature p { font-size: 80%; } #feature #contents #btn-result,#feature #contents #btn-support { margin: 0; padding: 0; } #feature #contents #btn-result a { display: block; width: 206px !important; height: 50px !important; background: url(../feature/img/btn01.gif) no-repeat; text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } #feature #contents #btn-support a { display: block; width: 206px !important; height: 50px !important; background: url(../feature/img/btn02.gif) no-repeat; text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } #feature #contents #btn-result03 a { display: block; width: 206px !important; height: 50px !important; background: url(../feature/img/btn03.gif) no-repeat; text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0; padding: 0; } #feature #contents #btn-result a:hover,#feature #contents #btn-support a:hover,#feature #contents #btn-result03 a:hover { filter: alpha(style=0,opacity=50); opacity: 0.8; } #feature #contents .satisfaction-base { background: url(../feature/img/satisfactionbg.gif) no-repeat 0 100%; } #feature #contents .satisfaction { padding: 110px 12px 20px; background: url(../feature/img/satisfaction.gif) no-repeat; } #feature #contents .satisfaction h4 { display: none; } #feature #contents .satisfaction p { font-size: 80%; margin: 0; } #feature #contents .photo { margin-bottom: 10px; padding: 2px; border: 1px solid #999; } #feature #contents p.t80 { font-size: 80%; margin-bottom: 5px; } #feature #contents p.t80 a { background: url(../img/arw04.gif) no-repeat; padding: 0 0 0 20px; } #feature #contents .aboutlab { margin-bottom: 50px; } #feature #contents .pdf li{ list-style:none;} #feature #contents .pdf a { display: block; padding:2px 0 5px 23px; background: url(../feature/img/link_pdf.gif) no-repeat 0 0.2em;} #feature #contents .cl { clear:both;} #feature #contents .w218 p { margin-left:5px !important;} #feature #contents .ml10 { margin-left:10px !important;} #feature #contents .mr10 { margin-right:10px !important;} #feature #contents .mb10 { margin-bottom:10px !important;} #feature #contents .w218 { width:218px !important;} #feature #contents .fll { float:left !important;} #feature #contents .result-base { margin-bottom: 50px; background: url(../feature/img/result-bg.gif) no-repeat 0 100%; } #feature #contents .result { padding: 20px 10px 3px; background: url(../feature/img/resultbg.gif) no-repeat; } #feature #contents .result h5 { height: 1px; text-indent:-99999px; font-size: 1px; line-height: 1px; background: none; padding:0; margin: 0; border: 0; } #feature #contents .result p { font-size: 80%; line-height: 140%; } #feature #contents h4#t01 { height: 67px; text-indent:-99999px; font-size: 1px; line-height: 1px; padding:0; margin: 0 0 20px; border: 0; background: url(../feature/img/t01.gif) no-repeat; } #feature #contents h4#t001 { height: 18px; text-indent:-99999px; font-size: 1px; line-height: 1px; padding:0; margin: 0 0 5px; border: 0; background: url(../feature/img/t001.gif) no-repeat; } #feature #contents .t00101 { padding: 23px 0 0 65px; background: url(../feature/img/t00101.gif) no-repeat 8px 0; } #feature #contents .t00102 { padding: 37px 0 0 65px; background: url(../feature/img/t00102.gif) no-repeat 8px 14px; border-top: 1px solid #999; } #feature #contents .t00103 { padding: 37px 0 0 65px; background: url(../feature/img/t00103.gif) no-repeat 8px 14px; border-top: 1px solid #999; } #feature #contents h4#t02 { height: 67px; text-indent:-99999px; font-size: 1px; line-height: 1px; padding:0; margin: 0 0 20px; border: 0; background: url(../feature/img/t02.gif) no-repeat; } #feature #contents h4#t002 { height: 18px; text-indent:-99999px; font-size: 1px; line-height: 1px; padding:0; margin: 0 0 5px; border: 0; background: url(../feature/img/t002.gif) no-repeat; } #feature #contents .t00201 { padding: 23px 0 0 65px; background: url(../feature/img/t00201.gif) no-repeat 8px 0; } #feature #contents h4#t03 { height: 67px; text-indent:-99999px; font-size: 1px; line-height: 1px; padding:0; margin: 0 0 20px; border: 0; background: url(../feature/img/t03.gif) no-repeat; } #feature #contents h4#t003 { height: 18px; text-indent:-99999px; font-size: 1px; line-height: 1px; padding:0; margin: 0 0 5px; border: 0; background: url(../feature/img/t003.gif) no-repeat; } #feature #contents .t00301 { padding: 23px 0 0 65px; background: url(../feature/img/t00301.gif) no-repeat 8px 0; } #feature #contents .t00302 { padding: 37px 0 0 65px; background: url(../feature/img/t00302.gif) no-repeat 8px 14px; border-top: 1px solid #999; } #feature #contents .t00303 { padding: 37px 0 0 65px; background: url(../feature/img/t00303.gif) no-repeat 8px 14px; border-top: 1px solid #999; } #feature #contents h4#t04 { height: 67px; text-indent:-99999px; font-size: 1px; line-height: 1px; padding:0; margin: 0 0 20px; border: 0; background: url(../feature/img/t04.gif) no-repeat; } #feature #contents h4#t004 { height: 18px; text-indent:-99999px; font-size: 1px; line-height: 1px; padding:0; margin: 0 0 5px; border: 0; background: url(../feature/img/t004.gif) no-repeat; } #feature #contents .t00401 { padding: 23px 0 0 65px; background: url(../feature/img/t00401.gif) no-repeat 8px 0; } #feature #contents .t00402 { padding: 37px 0 0 65px; background: url(../feature/img/t00402.gif) no-repeat 8px 14px; border-top: 1px solid #999; } #feature #contents .t00403 { padding: 37px 0 0 65px; background: url(../feature/img/t00403.gif) no-repeat 8px 14px; border-top: 1px solid #999; } /*コメントアウト*/ #txt-data { display: none; } #lnavi-data { display: none; }