@charset "UTF-8";
body {
 background: url(../img/background/all.jpg) left top #000; margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #444; text-align: center;
	
}

h3,h4,h5,h6{
margin: 0px;
}
h1{
font-size: 266%; color: #000; text-align: center;
}
h2{
background-repeat: no-repeat; background-position: center 3em; border-bottom: 10px solid #000; margin: 0px 0px 2em; padding: 0px 0px 0.5em; font-size: 72.7%; color: #000; line-height: 1.4em; text-align: center;
}
h3{

}


p{
margin: 0px 15px 2em; font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; line-height: 1.8em;
}
p.regular{
text-indent: 1em;
}
p.lead{
margin-left: 0px; margin-right: 0px;
}
p.attention{
border: 1px dotted #ba001d; margin-bottom: 1em; padding: 10px 30px; font-size: 116.6%; font-weight: bold; font-family: Verdana, Arial, Helvetica, serif; color: #cc0000;
}
p.remarks{
font-size: 63.6%; color: #ba001d; font-family: Verdana, Arial, Helvetica, serif; line-height: 1.4em; 
}
p.xreco{
font-size: 83.3%; font-family: Arial, Helvetica, sans-serif; text-align: right;
}
p.backtotop{
margin-left: 0px; margin-right: 0px; font-size: 11px; font-family: Verdana, Arial, Helvetica, serif; text-align: right;
}
p.backtotop a{
color: #333; text-decoration: none;
}


dl,ol,ul{
margin: 0px 15px 2em; padding: 0px;
}
dt{
margin: 0px 0px 0.7em; color: #ba001d; font-size: 116.6%; font-weight: bold;
}
dt a{
color: #ba001d; text-decoration: none;
}

dd{
margin: 0px 0px 1.5em; font-size: 91.6%; line-height: 1.8em;
}
table{
border: 0px none #fff; margin: 0px 15px 1.5em;
}
th,td,li{
font-size: 100%; text-align: left;
}
img{
border: 0px none;
}
strong{
background: #ba001d; padding: 0px 3px; font-family: Arial, Helvetica, sans-serif; color: #fff;
}

br.clear-both{
clear: both;
}
.kome{
color: #ba001d;
}





.blockbox{
margin: 0px 0px 6em;
}
.blockbox .box-s{
margin: 0px 30px 4em;
}
#allbox01{
width: 950px; background: url(../img/background/all_s.jpg) left top; margin: 0px auto; text-align: center;
}
#allbox02{
width: 950px; background: url(../img/background/header_s.jpg) repeat-x left top;
}
#allbox03{
width: 900px; background: #fff; margin: 0 auto; 
}





/*
#headerbox
------------------------------*/
#headerbox{
width: 100%; background: #000; border-bottom: 6px solid #ccc; margin: 0px 0px 1em; padding: 0px 0px 5px; color: #fff; text-align: center;
}
#headerbox .xrecobox{
background-image: none; background-color: #ba001d; border-bottom: 3px solid #ccc; margin: 0px 0px 0.3em; padding-top: 20px;
}
#headerbox .xrecobox p{
margin: 0px;
}
#headerbox .xrecobox p img{
margin-top: 0em;
}

#headerbox h1{
margin: 0px 0px 0.3em; font-size: 100%;
}
#headerbox h1 a{
color: #fff; text-decoration: none;
}
#headerbox p{
margin: 0px 0px 0.5em; font-size: 72.7%; line-height: 1.0em;
}



/*
#footerbox
------------------------------*/
#footerbox{ 
background: #000; padding: 0px 0px 10px;
}

/*
#footerbox #copyrightbox
*/
#footerbox #copyrightbox h4{
width: 100%; border-top: 3px solid #ccc; padding-top: 1em; font-size: 63.6%; color: #999; font-weight: normal;
}


/*
▼menubarbox
------------------------------*/
.menubarbox{
background: #fff;
}
.menubarbox li{
list-style: none; background-repeat: no-repeat; font-size: 72.7%; 
}
.menubarbox li a{
display: block; color: #ba001d;  
}
.menubarbox li a:hover{
background-color: #ba001d; color: #ccc;
}

/*#headerbox*/
#headerbox .menubarbox ol{
width: 840px; margin: 0px auto 20px; padding: 0px 0px 6px;
}
#headerbox .menubarbox li{
float: left; width: 134px; background-position: center 2px; margin: 0px 3px; padding: 72px 0px 0px;
}
#headerbox .menubarbox li a{
height: 7em; border: 1px solid #ccc; padding: 1em; 
}


/*menu別*/
#headerbox .menubarbox li.menu01{
background-image: url(../img/menubar/ttl01.gif);
}
#headerbox .menubarbox li.menu02{
background-image: url(../img/menubar/ttl02.gif);
}
#headerbox .menubarbox li.menu03{
background-image: url(../img/menubar/ttl03.gif);
}
#headerbox .menubarbox li.menu04{
background-image: url(../img/menubar/ttl04.gif);
}
#headerbox .menubarbox li.menu05{
background-image: url(../img/menubar/ttl05.gif);
}
#headerbox .menubarbox li.menu06{
background-image: url(../img/menubar/ttl06.gif);
}

/*ページ別*/

/*
実施例
#case-pagebox
*/
div#case-pagebox #headerbox .menubarbox li.menu02 a,
div#case-pagebox #headerbox .menubarbox li.menu02 a:hover{
background-color: #ba001d; color: #ccc; text-decoration: none;
}

/*
ホームページ登録の流れ
#flow-pagebox
*/
div#flow-pagebox #headerbox .menubarbox li.menu04 a,
div#flow-pagebox #headerbox .menubarbox li.menu04 a:hover{
background-color: #ba001d; color: #ccc; text-decoration: none;
}

/*
料金
#expense-pagebox
*/
div#expense-pagebox #headerbox .menubarbox li.menu05 a,
div#expense-pagebox #headerbox .menubarbox li.menu05 a:hover{
background-color: #ba001d; color: #ccc; text-decoration: none;
}

/*
よくある質問
#faq-pagebox
*/
div#faq-pagebox #headerbox .menubarbox li.menu06 a,
div#faq-pagebox #headerbox .menubarbox li.menu06 a:hover{
background-color: #ba001d; color: #ccc; text-decoration: none;
}



/*
#footerbox .menubarbox
*/
#footerbox .menubarbox{
width: 100%;
}
#footerbox .menubarbox ol{
width: 760px; margin: 0px auto;
}
#footerbox .menubarbox li{
border: 1px solid #ccc; margin: 0px 0px 0.6em;
}
#footerbox .menubarbox li a{
background-image: url(../img/bullet/arrow/up.gif); background-repeat: no-repeat; background-position: 0.3em center; padding: 0.5em 0.5em 0.5em 30px; 
}

/*ページ別*/

/*
実施例
#case-pagebox
*/
div#case-pagebox #footerbox .menubarbox li.menu02 a,
div#case-pagebox #footerbox .menubarbox li.menu02 a:hover{
background-color: #ba001d; color: #ccc; text-decoration: none;
}

/*
ホームページ登録の流れ
#flow-pagebox
*/
div#flow-pagebox #footerbox .menubarbox li.menu04 a,
div#flow-pagebox #footerbox .menubarbox li.menu04 a:hover{
background-color: #ba001d; color: #ccc; text-decoration: none;
}

/*
料金
#expense-pagebox
*/
div#expense-pagebox #footerbox .menubarbox li.menu05 a,
div#expense-pagebox #footerbox .menubarbox li.menu05 a:hover{
background-color: #ba001d; color: #ccc; text-decoration: none;
}

/*
よくある質問
#faq-pagebox
*/
div#faq-pagebox #footerbox .menubarbox li.menu06 a,
div#faq-pagebox #footerbox .menubarbox li.menu06 a:hover{
background-color: #ba001d; color: #ccc; text-decoration: none;
}


/*
#footerbox .xrecobox
*/
#footerbox .xrecobox{
width: 100%; background-image: none; background-color: #fff; border-bottom: 6px solid #ba001d; margin: 0px; padding-top: 1.5em; padding-bottom: 0em;
}



/*
#footerbox .footernavibox
*/
#footerbox .footernavibox{
width: 100%; color: #fff; text-align: center;
}
#footerbox .footernavibox table{
border-right: 1px solid #ccc; margin: 0px auto;
}
#footerbox .footernavibox td{
background: url(../img/bullet/arrow/down.gif) no-repeat center top; border-left: 1px solid #ccc; padding: 16px 2em 0.5em; text-align: center;
}
#footerbox .footernavibox td a{
font-size: 83.3%; color: #fff;
}
#footerbox .footernavibox td a:hover{
color: #ba001d;
}



/*
dischargebox
免責事項
------------------------------*/
.dischargebox{
border: 1px solid #ccc; margin: 0px 0px 1.5em; padding: 10px 30px;
}
.dischargebox h4{
margin-bottom: 1.5em; padding: 10px 0px; font-size: 72.7%; color: #000; font-weight: bold; text-align: center;
}
.dischargebox li{
margin-bottom: 1.5em; font-size: 72.7%; font-family: Verdana, Arial, Helvetica, serif; line-height: 1.4em;
}


/*
addressbox
会社情報
------------------------------*/
.addressbox{
background: url(../img/affiliate.gif) no-repeat right bottom; margin: 0px 0px 1.5em;
}
.addressbox h4{
margin-bottom: 1em; font-size: 91.6%; font-weight: bold; 
} 
.addressbox p{
margin: 0px;
}
.addressbox dl{
margin: 0px;
}
.addressbox dt{
margin-bottom: 1em; color: #000; font-size: 72.7%;
}
.addressbox dd{
margin-left: 0px; margin-right: 0px; font-family: Verdana, Arial, Helvetica, serif; font-size: 72.7%; line-height: 1.4em;
}



/*
#maincontentbox
------------------------------*/
#maincontentbox01{
width: 760px; margin: 0px auto;  text-align: left;
}
#maincontentbox02{

}

#maincontentbox02 #content-introduction h2{
font-size: 20px;
text-align: left;
padding-bottom: 4px;
margin-bottom: 1em;
}

#maincontentbox02 #content-introduction h2 span{
color: red;
}

/*ページ別*/
/*
実施例
#case-pagebox
*/
#case-pagebox #maincontentbox01{
padding-top: 1em;
}


/*
xrecobox
本体サイトへのリンク用
------------------------------*/
.xrecobox{
background: url(../img/xlisting.gif) no-repeat center top; margin: 5em 0px 7em; padding-top: 68px; font-family: Verdana, Arial, Helvetica, serif;  font-weight: bold; text-align: center;
}
.xrecobox h3{
background: url(../img/xrecobox/arrow.gif) no-repeat center bottom; margin-bottom: 0.5em; padding: 0px 0px 120px; font-size: 116.6%;
}
.xrecobox a{
font-weight: bold; text-decoration: none;
}
.xrecobox h3 a{
font-size: 116.6%; color: #ba001d; line-height: 1.4em;
}
.xrecobox h4{
margin-bottom: 1em; 
}
.xrecobox h4 a{
font-size: 250%; line-height: 1.0em; text-decoration: underline;
}
.xrecobox p a{
font-size: 116.6%; color: #ba001d;
}
.xrecobox a.afi{
font-size: 150%; font-family: Verdana, Arial, Helvetica, serif; color: #000; line-height: 1.0em;
}
.xrecobox p img{
margin-top: 0.7em;
}


/*
table.itemtable
*/
table.itemtable{
width: 100%;
}
table.itemtable th{
width: 200px; border-bottom: 1px dashed #666;  padding: 2em 0.5em 1em;  font-size: 91.6%; line-height: 1.6em; text-align: left; vertical-align: top;
}
table.itemtable td{
border-bottom: 1px dashed #666; padding: 2em 1em; font-size: 91.6%; font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; line-height: 1.6em; vertical-align: top;
}



/*
table.itemlist
*/
table.itemlist{
width: 100%; border: 1px solid #ccc; border-collapse: collapse;
}
table.itemlist thead th{
background: #000; color: #fff; text-align: center;
}
table.itemlist th{
border: 1px solid #999; padding: 0.3em 0.5em;
}
table.itemlist td{
border: 1px solid #999; padding: 0.3em 0.5em;
}
table.itemlist em{
font-size: 200%; color: #ba001d; font-weight: bold; font-style: normal;
}

/*
dl.itemlist
*/
dl.itemlist dt{
background-color: transparent; border-bottom: 3px double #ba001d; padding: 1.5em 0px 0.3em; color: #ba001d; line-height: 1.4em;
}
dl.itemlist dd{
color: #000;
}





/*
コンテンツ別（ブロック別）
*/
/*
#content-introduction
導入部（タイトル部分）
------------------------------*/
#content-introduction h1{
background: url(../img/content/introduction/access-check_top.gif) no-repeat center bottom; margin-bottom: 0.5em; padding-bottom: 398px; font-size: 63.6%;
}


#content-introduction table{
width: 730px; margin-left: auto; margin-right: auto;
}
#content-introduction td{
width: 25%; text-align: center;
}


/*
#content-merit
強SEO対策！
------------------------------*/
#content-merit h2{
background-image: url(../img/content/merit/catchcopy.gif); padding-bottom: 627px;
}


/*
#content-voice
利用者の声
------------------------------*/
#content-voice div.box-s{
background: url(../img/content/voice/ttl.gif) no-repeat left top; margin-bottom: 4em; margin-left: 0px; margin-right: 0px; padding-bottom: 4em;
}
#content-voice dl.itemlist{
background-repeat: no-repeat; background-position: left 8.5em; margin: 0px;
}
/*声別*/
#content-voice div#voice-s-no01 dl.itemlist{
background-image: url(../img/content/voice/photo/nishikawa.jpg);  
}
#content-voice div#voice-s-no02 dl.itemlist{
background-image: url(../img/content/voice/photo/nakano.jpg);  
}

#content-voice dl.itemlist dt{
margin-bottom: 0.4em; margin-left: 150px; padding-top: 1em; text-align: right;
}
#content-voice dl.itemlist dd{
font-size: 100%; color: #333; font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
#content-voice dl.itemlist dd.d01,
#content-voice dl.itemlist dd.d02{
margin-left: 240px;
}
#content-voice dl.itemlist dd.d02{
margin-bottom: 4em;
}
#content-voice dl.itemlist dd.name{
margin-bottom: 3em; font-family: Verdana, Arial, Helvetica, serif; font-size: 91.6%; color: #000; text-align: right;
}


/*
#content-case
CASE：検索結果
------------------------------*/
#content-case h2{
background: url(../img/content/case/blockttl.gif) no-repeat left top; padding-top: 52px; text-align: right;
}
#content-case div.box-s{
background-repeat: no-repeat; background-position: right top; border-bottom: 1px dotted #666; margin-bottom: 4em; margin-left: 0px; margin-right: 0px; padding-bottom: 2em;
}
/*ケース別*/
#content-case #case-s-no01{
background-image: url(../img/content/case/case01/ac_badge.gif);
}
#content-case #case-s-no02{
background-image: url(../img/content/case/case02/ac_sarong.gif);
}

#content-case table.itemtable{
width: 450px; margin-left: 0px; margin-right: 0px; margin-bottom: 4em;
}
#content-case table.itemtable caption{
background-color: #ba001d; border-bottom: 0.5em solid #fff; padding: 0.3em 0.5em; font-size: 91.6%; color: #fff; font-weight: bold; text-align: left;
} 
#content-case table.itemtable th,
#content-case table.itemtable td{
padding-top: 0.5em; padding-bottom: 0.5em;
}
#content-case table.itemtable th{
width: 100px;
}
#content-case dl.itemlist{
background-repeat: no-repeat; background-position: center bottom; margin-bottom: 3em;
}
#maincontentbox01 #content-case dl.itemlist dt,
#maincontentbox01 #content-case #case-s-no01 dl.itemlist dt,
#maincontentbox01 #content-case #case-s-no02 dl.itemlist dt{
background-repeat: no-repeat; background-position: right top; padding-top: 0.5em; padding-bottom: 0.5em;
}
#maincontentbox01 #content-case dl.itemlist dd{
margin-bottom: 0.5em; font-size: 200%; font-weight: bold; line-height: 1em;
}

/*検索エンジン別*/
/*case01 YAHOO!*/
#content-case #case-s-no01 dl#screenshot-yahoo{
background-image:  url(../img/content/case/case01/yahoo.gif); padding-bottom: 559px; 
}
#content-case #case-s-no01 dl#screenshot-yahoo dt{
background: url(../img/banner/yahoo.jpg);
}
/*case02 Google*/
#content-case #case-s-no01 dl#screenshot-google{
background-image: url(../img/content/case/case01/google.gif); padding-bottom: 559px; 
}
#content-case #case-s-no01 dl#screenshot-google dt{
background: url(../img/banner/google.jpg);
}
/*case02 Live Search*/
#content-case #case-s-no01 dl#screenshot-livesearch{
background-image: url(../img/content/case/case01/livesearch.gif); padding-bottom: 559px; 
}
#content-case #case-s-no01 dl#screenshot-livesearch dt{
background: url(../img/banner/livesearch.jpg);
}

/*case02 エキサイト*/
#content-case #case-s-no02 dl#screenshot-excite{
background-image: url(../img/content/case/case02/excite.gif); padding-bottom: 523px; 
}
#content-case #case-s-no02 dl#screenshot-excite dt{
background: url(../img/banner/excite.jpg);
}
/*case02 goo*/
#content-case #case-s-no02 dl#screenshot-goo{
background-image: url(../img/content/case/case02/goo.gif); padding-bottom: 523px; 
}
#content-case #case-s-no02 dl#screenshot-goo dt{
background: url(../img/banner/goo.jpg);
}
/*case02 biglobe*/
#content-case #case-s-no02 dl#screenshot-biglobe{
background-image: url(../img/content/case/case02/biglobe.gif); padding-bottom: 593px; 
}
#content-case #case-s-no02 dl#screenshot-biglobe dt{
background: url(../img/banner/biglobe.gif);
}

/*
#content-flow
申込み手順
------------------------------*/
#content-flow h2{
background-image: url(../img/content/flow/catchcopy.gif); padding-bottom: 485px;
}
#content-flow ol{
width: 570px; margin: 0px auto 10px; padding: 0px;
}
#content-flow li{
float: left; width: 160px; background-repeat: no-repeat; background-position: center top; margin: 0px 15px; padding-top: 176px; list-style: none; font-size: 72.7%; text-align: center;
}
/*item別*/
#content-flow li.item01{
background-image: url(../img/content/flow/step01.gif);
}
#content-flow li.item02{
background-image: url(../img/content/flow/step02.gif);
}
#content-flow li.item03{
background-image: url(../img/content/flow/step03.gif);
}


#content-flow p#item-last{
width: 600px; background: url(../img/content/flow/step_last.gif) no-repeat center top; margin: 0px auto 1.5em; padding-top: 276px; font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-align: center;
}


/*
#content-speed
素早い審査
------------------------------*/
#content-speed h2{
background-image: url(../img/content/speed/catchcopy.gif); padding-bottom: 413px;
}


/*
#content-expense
必要な費用
------------------------------*/
#content-expense h2{
background-image: url(../img/content/expense/catchcopy.gif); padding-bottom: 663px;
}
#content-expense ol{
text-align: center;
}
#content-expense li{
display: inline; list-style: none; 
}
#content-expense li img{
margin: 0px 10px;
}

#content-expense h3{
font-size: 116.6%; color: #000;
}
#content-expense table.itemlist{
margin-left: 0px; margin-right: 0px;
}
#content-expense table.itemlist td{
text-align: right;
}
#content-expense p.remarks{
margin: 0px 0px 1.5em; font-size: 100%; text-align: right;
}


/*
#content-faq
よくある質問
------------------------------*/
#content-faq h2{
background: url(../img/content/faq/blockttl.gif) no-repeat left top; padding-top: 52px; text-align: right;
}
#content-faq table.itemtable tr{

}
#content-faq table.itemtable th{
width: 300px; background: url(../img/content/faq/border.gif) no-repeat left top; border-bottom: 0px none #fff; 
}
#content-faq table.itemtable th a{
color: #ba001d; text-decoration: none;
}
#content-faq table.itemtable td{
background: url(../img/content/faq/border.gif) no-repeat -300px top; border-bottom: 0px none #fff; 
}



/*
#content-company
ご注意・免責事項・運営会社
------------------------------*/
#content-company{
margin-bottom: 3em;
}