
/* 全体 */

body {
 margin:0;
 font-size:14px;
 font-family:Verdana;
 line-height:150%;
 letter-spacing:0.02em;
 color:#000000;
 text-align:center;
 background:#FFFFFF url('./image/bk_all.jpg') top left repeat-x fixed;
}

img {border:none;}
p{margin:15px 25px; padding:0;}
h1,h2,h3,h4{margin:0; padding:0; font-size:100%; font-weight:normal;}

a:link {color:#0000FF; text-decoration: underline;}
a:active {color:#0000FF; text-decoration: underline;}
a:hover {color:#FF0066; text-decoration: none;}
a:visited {color:#660066; text-decoration: underline;}

/* フレーム */

#contents{
 width:785px;
 margin:0 auto;
 padding:0;
 text-align:center;
 background:#FFFFFF url('./image/bk_body.gif') top right repeat-y;
 border-left:1px solid #33CC00;
}

h1,#copyright{
 width:775px;
 margin:0;
 padding:0 0 0 5px;
 font-size:80%;
 color:#FFFFFF;
 background:transparent url('./image/bk_border.jpg') top left repeat-x;
}

h1{
 text-align:left;
}

#copyright a{
 color:#FFFFFF;
}

/* ヘッダー */

#header{
 margin:5px auto;
}

h2 , #header p{
 display:block;
 margin:0 auto 20px auto;
 overflow: hidden;
 text-indent:-9999px;
}

h2{
 width:760px;
 height:220px;
 background:#FFFFFF url('./image/title.jpg') top center no-repeat;
}

.wrd_top{
 width:620px;
 height:95px;
 background:#FFFFFF url('./image/wrd_top.gif') top center no-repeat;
}

.wrd_massage{
 width:720px;
 height:50px;
 background:#FFFFFF url('./image/wrd_massage.jpg') top center no-repeat;
}

/* コンテンツ */

#contentsbody{
 margin:0 35px;
 padding:0;
 text-align:left;
}

/* 文字装飾 */

.bold{ font-weight:bold;}
.pink{ color:#FF0066;}
.markp{ padding:2px; background:#FFB3D9;}
.markg{ padding:2px; background:#33FF33;}
.big{ margin-top:0; font-size:110%; font-weight:bold; text-decoration:underline;}
.c{ margin:0 auto; text-align:center;}

ul,ol{ margin:10px;}

.normal li{
 list-style:none;
 margin:3px 0;
 padding:0 0 0 20px;
 background:transparent url('./image/list_normal.gif') left center no-repeat; 
}

.negative li{
 list-style:none;
 margin:4px 0;
 padding:0 0 0 22px;
 background:transparent url('./image/list_negative.gif') left center no-repeat; 
}

/* 小タイトル画像 */

h3{
 height:37px;
 display:block;
 margin:20px 0 0 0;
 overflow: hidden;
 text-indent:-9999px;
}

h3.ameblo{
 width:630px;
 background:#FFFFFF url('./image/h3_ame.jpg') left top no-repeat;
}

h3.google{
 width:520px;
 background:#FFFFFF url('./image/h3_google.jpg') left top no-repeat;
}

h3.time{
 width:638px;
 background:#FFFFFF url('./image/h3_time.jpg') left top no-repeat;
}

h3.exptool{
 width:413px;
 background:#FFFFFF url('./image/h3_exptool.jpg') left top no-repeat;
}

h3.faqtitle{
 width:180px;
 background:#FFFFFF url('./image/h3_faq.jpg') left top no-repeat;
}

h3.last{
 width:152px;
 background:#FFFFFF url('./image/h3_last.jpg') left top no-repeat;
}

/* センタリングテキスト画像 */

.wrd_affili, .wrd_abp, .img_tool, .img_foottool{
 display:block;
 margin:0 auto;
 overflow: hidden;
 text-indent:-9999px;
}

.wrd_affili{
 width:525px;
 height:80px;
 background:#FFFFFF url('./image/wrd_affili.jpg') center top no-repeat;
}

.wrd_abp{
 width:630px;
 height:179px;
 background:#FFFFFF url('./image/wrd_abp.jpg') center top no-repeat;
}

.img_tool{
 width:605px;
 height:397px;
 margin:20px auto 40px auto;
 background:#FFFFFF url('./image/img_tool.jpg') center top no-repeat;
}

.img_foottool{
 width:592px;
 height:275px;
 margin:20px auto 40px auto;
 background:#FFFFFF url('./image/img_foottool.jpg') top center no-repeat;
}

/* 左寄せテキスト画像 */

.wrd_mobile, .wrd_access, .wrd_special, .wrd_exptool{
 display:block;
 overflow: hidden;
 text-indent:-9999px;
}

.wrd_mobile{
 width:443px;
 height:35px;
 background:#FFFFFF url('./image/wrd_mobile.gif') left top no-repeat;
}

.wrd_access{
 width:602px;
 height:35px;
 background:#FFFFFF url('./image/wrd_access.gif') left top no-repeat;
}

.wrd_special{
 width:432px;
 height:50px;
 background:#FFFFFF url('./image/wrd_special.gif') left top no-repeat;
}

.wrd_exptool{
 width:405px;
 height:40px;
 background:#FFFFFF url('./image/wrd_exptool.gif') left top no-repeat;
}

/* 商品ボックス */

.img_abpamesp, .offer, .img_amespecial, .img_pay{
 display:block;
 margin:0 auto;
 padding:0;
 overflow:hidden;
 text-indent:-9999px;
 text-align:center;
}

/* ABPアメブロver */

.img_abpamesp{
 width:550px;
 height:165px;
 background:#FFFFFF url('./image/abp_ameblo_3980.jpg') center top no-repeat;
}

.offer{
 width:555px;
 padding:235px 0 0 0;
 background:#FFFFFF url('./image/wrd_offer.gif') center top no-repeat;
}

.offer ul{
 display:none;
 margin:0;
 padding:0;
}


/* アメブロ攻略セット */

.img_amespecial{
 width:551px;
 height:207px;
 background:#FFFFFF url('./image/ame_special_5980.jpg') center top no-repeat;
}

/* カード決済説明 */

.img_pay{
 width:205px;
 height:150px;
 background:#FFFFFF url('./image/topcard.jpg') center top no-repeat;
}

/* 各種リンクボタン */

.itembox a{
 height:0;
 display:block;
 margin:0 auto;
 padding:57px 0 0 0;
 overflow:hidden;
} 

a:link.purchase,
a:active.purchase,
a:visited.purchase{
 width:385px;
 background:#FFFFFF url('./image/btn_purchase.jpg') 0 0 no-repeat;
}

a:hover.purchase{
 width:385px;
 background:#FFFFFF url('./image/btn_purchase.jpg') 0 -58px no-repeat;
}

a:link.free,
a:active.free,
a:visited.free{
 width:355px;
 background:#FFFFFF url('./image/btn_free.jpg') 0 0 no-repeat;
}

a:hover.free{
 width:355px;
 background:#FFFFFF url('./image/btn_free.jpg') 0 -58px no-repeat;
}

a:link.special,
a:active.special,
a:visited.special{
 width:455px;
 background:#FFFFFF url('./image/btn_special.jpg') 0 0 no-repeat;
}

a:hover.special{
 width:455px;
 background:#FFFFFF url('./image/btn_special.jpg') 0 -58px no-repeat;
}


/* ツール説明 */

h4{ display:none;}
.exp01, .exp02, .exp03{ padding:30px 25px 0 30px;}
.exp01{ height:195px; background:#FFFFFF url('./image/exp_01.jpg') center top no-repeat;}
.exp02{ height:240px; background:#FFFFFF url('./image/exp_02.jpg') center top no-repeat;}
.exp03{ height:320px; background:#FFFFFF url('./image/exp_03.jpg') center top no-repeat;}

.function{ margin:20px 0 10px 25px;}
.function dt{ font-weight:bold;}
.function dd{ margin:2px 0 10px 15px;}

/* アメブロ攻略セット説明 */

.amespecial{
 margin:0;
 padding:40px 0 0 0;
 background:#FFFFFF url('./image/line.gif') top center no-repeat;
}

.amespecial .itembox{
 margin-bottom:30px;
 padding:0 0 30px 0;
 background:#FFFFFF url('./image/line.gif') bottom center no-repeat;
}

/* よくある質問 */

.faq dt{
 margin:0 35px 10px 35px;
 padding:0 0 5px 0;
 font-weight:bold;
 border-bottom:3px solid #66CCCC;
}

.faq dd{
 margin:0 35px 25px 35px;
 padding:0 0 10px 10px;
 border-bottom:1px dashed #99CCCC;
}

/* フッター */

#footer li{
 list-style:none;
 margin:0 2px;
 padding:0 10px 0 0;
 display:inline;
 font-size:90%;
 border-right:1px solid #000000;
}

#footer li.end{
 border:none;
}

/* 特定商取引法の表記 */

h3.tokutitle{
 width:290px;
 background:#FFFFFF url('./image/h3_toku.jpg') left top no-repeat;
}

.toku{
 margin:15px 30px;
}

.toku dt{
 clear:left;
 float:left;
 width:200px;
 padding:10px 0 10px 5px;
}

.toku dd{
 margin:0;
 padding:10px 0 10px 200px;
 border-bottom:2px solid #66CCCC;
}

h3.policy{
 width:245px;
 background:#FFFFFF url('./image/h3_policy.jpg') left top no-repeat;
}

/* ブラウザ調整 */

*:first-child+html li{ margin:0 30px;}
*:first-child+html .exp01, *:first-child+html .exp02, *:first-child+html .exp03{ padding:45px 25px 0 30px;}
* + html #footer li{ padding:0 5px;}
* html h1, * html #copyright{ width:780px;}
* html .exp01, * html .exp02, * html .exp03{ padding:45px 25px 10px 30px;}
* html ul, * html ol{ margin:0 30px;}
* html #footer li{ padding:0 5px 0 10px;}
* html .itembox{ text-align:center;}
* html .itembox a, * html a.free{ height:57px; padding:0;}
* html .wrd_affili{ margin:0 85px;}
* html .wrd_abp{ margin:0 25px;}
* html .img_tool{ margin:20px 55px;}
* html .img_foottool{ margin:0 60px;}
* html .itembox a{ text-indent:-9999px;}
