/* 全体 */

body {
 margin:0;
 font-size:14px;
 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;
 line-height:160%;
 letter-spacing:0.02em;
 text-align:center;
 color:#000000;
 background:#FFFFFF url('./image/bk_all.gif');
}

img {border:none;}
p{margin:15px 35px; padding:0; text-align:left;}
h1,h2,h3{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:#FF3333; text-decoration: none;}
a:visited {color:#660066; text-decoration: underline;}

/* フレーム */

#container{
 width:780px;
 margin:0 auto;
 padding:0;
 text-align:center;
 background:#FFFFFF;
 border-right:5px solid #996666;
 border-left:5px solid #996666;
}

#contents{
 margin:0;
 padding:0;
}

/* 文字装飾 */

.b{ font-weight:bold;}
.red{ color:#FF3333;}
.blue{ color:#0066CC;}
.big{ font-size:110%;}

blockquote,.rss{
 text-align:left;
 margin:0 45px;
 padding:10px;
 border-bottom:3px solid #9966CC;
 background:#CCCCFF url('./image/bk_block.jpg') bottom center repeat-x;
}

.cite{
 text-align:right;
 margin:5px 35px 0 0;
}

/* リスト */

ul,ol{ margin:10px; text-align:left;}

ul li{
 list-style:square;
 margin:0 0 0 20px;
 padding:0;
}

.negative li{
 list-style:none;
 margin:4px 0;
 padding:0 0 0 25px;
 font-weight:bold;
 background:transparent url('./image/list_negative.gif') left center no-repeat; 
}

.exp_tool li, .item_rakud li, .item_rakuds li{
 list-style:none;
}

li.no1, li.no2, li.no3, li.no4, li.no5{
 list-style:none;
 margin:10px 30px 0 0;
 padding:10px 20px 10px 50px;
 border:1px dotted #999999;
}

li.no1{ background:#FFFFFF url('./image/list_1.gif') 10px 10px no-repeat;}
li.no2{ background:#FFFFFF url('./image/list_2.gif') 10px 10px no-repeat;}
li.no3{ background:#FFFFFF url('./image/list_3.gif') 10px 10px no-repeat;}
li.no4{ background:#FFFFFF url('./image/list_4.gif') 10px 10px no-repeat;}
li.no5{ background:#FFFFFF url('./image/list_5.gif') 10px 10px no-repeat;}


/* ヘッダー */

#header{
 display:block;
 width:780px;
 height:470px;
 margin:0 auto 20px auto;
 overflow: hidden;
 text-indent:-9999px;
 background:#FFFFFF url('./image/title.jpg') top center no-repeat;
}

/* 小タイトル画像 */

h3{
 width:755px;
 height:80px;
 display:block;
 margin:10px auto 0 auto;
 overflow: hidden;
 text-indent:-9999px;
 text-align:center;
}

h3.why{ background:#FFFFFF url('./image/h3_why.jpg') left top no-repeat;}
h3.start{ background:#FFFFFF url('./image/h3_start.jpg') left top no-repeat;}
h3.other{ background:#FFFFFF url('./image/h3_other.jpg') left top no-repeat;}
h3.seo{ background:#FFFFFF url('./image/h3_seo.jpg') left top no-repeat;}
h3.faqtitle{ background:#FFFFFF url('./image/h3_faqtitle.jpg') left top no-repeat;}
h3.attention{ background:#FFFFFF url('./image/h3_attention.jpg') left top no-repeat;}

/* センタリングテキスト */

.wrd_speed, .wrd_double, .wrd_hg,
.exp_tool, .img_entry{
 display:block;
 margin:0 auto;
 overflow: hidden;
 text-indent:-9999px;
 text-align:center;
}

.wrd_speed{
 width:530px;
 height:70px;
 background:#FFFFFF url('./image/wrd_speed.gif') center top no-repeat;
}

.wrd_double{
 width:576px;
 height:132px;
 background:#FFFFFF url('./image/wrd_double.gif') center top no-repeat;
}

.wrd_hg{
 width:688px;
 height:125px;
 background:#FFFFFF url('./image/wrd_hg.gif') center top no-repeat;
}

.exp_tool{
 width:660px;
 height:185px;
 background:#FFFFFF url('./image/exp_tool.gif') center top no-repeat;
}

.img_entry{
 width:729px;
 height:527px;
 background:#FFFFFF url('./image/img_entry.jpg') center top no-repeat;
}

/* 画像 */

.img01, .img02, .img03{
 display:block;
 width:722px;
 margin:0 auto;
 overflow: hidden;
 text-indent:-9999px;
 text-align:center;
}

.img01{
 height:390px;
 background:#FFFFFF url('./image/img01.gif') center top no-repeat;
}

.img02{
 height:175px;
 background:#FFFFFF url('./image/img02.gif') center top no-repeat;
}

.img03{
 height:287px;
 background:#FFFFFF url('./image/img03.jpg') center top no-repeat;
}

/* 商品ボックス */

.item_rakud, .item_rakuds, .specialoffer{
 display:block;
 margin:20px auto 0 auto;
 padding:0;
 overflow:hidden;
 text-indent:-9999px;
}

/* 楽Co-D型 */

.item_rakuds{
 width:728px;
 height:390px;
 background:#FFFFFF url('./image/item_rakuds.jpg') center top no-repeat;
}

.item_rakud{
 width:728px;
 height:389px;
 background:#FFFFFF url('./image/item_rakud.jpg') center top no-repeat;
}

/* 購入者特典 */

.specialoffer{
 width:675px;
 height:437px;
 background:#FFFFFF url('./image/item_specialoffer.jpg') center top no-repeat;
}

/* 一覧ページ各商品 */

.pricebox{
 margin:25px;
 padding:10px 0 0 0;
 border:3px solid #CCCCCC;
}

/* リンクボタン */

.btn a{
 text-align:center;
 width:423px;
 height:0;
 display:block;
 margin:0 auto;
 padding:85px 0 0 0;
 overflow:hidden;
}

a:link.pricelist,
a:active.pricelist,
a:visited.pricelist{
 background:#FFFFFF url('./image/btn_pricelist.jpg') 0 0 no-repeat;
}

a:hover.pricelist{
 background:#FFFFFF url('./image/btn_pricelist.jpg') 0 -85px no-repeat;
}

a:link.application,
a:active.application,
a:visited.application{
 background:#FFFFFF url('./image/btn_application.jpg') 0 0 no-repeat;
}

a:hover.application{
 background:#FFFFFF url('./image/btn_application.jpg') 0 -85px no-repeat;
}

a:link.free,
a:active.free,
a:visited.free{
 background:#FFFFFF url('./image/btn_free.jpg') 0 0 no-repeat;
}

a:hover.free{
 background:#FFFFFF url('./image/btn_free.jpg') 0 -85px no-repeat;
}

/* よくある質問 */

.faq dt{
 margin:0 30px 5px 30px;
 padding:10px 0 9px 55px;
 font-size:110%;
 text-align:left;
 color:#FFFFFF;
 background:#999999 url('./image/faq_q.gif') top left no-repeat;
}

.faq dd{
 margin:0 30px 25px 30px;
 padding:10px 10px 10px 55px;
 text-align:left;
 background:#FFFFFF url('./image/faq_a.gif') 10px 5px no-repeat;
 border:1px dotted #999999;
}

/* おまけについて */

.exp_extra{
 text-align:left;
 margin:20px 30px;
}

.exp_extra dt{
 width:660px;
 height:31px;
 display:block;
 overflow: hidden;
 text-align:left;
 text-indent:-9999px;
 background:#FFFFFF url('./image/wrd_extra.gif') left top no-repeat;
}

.exp_extra dd{
 margin:5px 30px 10px;
}


/* フッター */

#footer p{
 text-align:center;
 font-size:85%;
}

p#copyright{
 margin:15px 0 0 0;
}

/* ブラウザ調整 */

*:first-child+html #contents, * html #contents{ text-align:center;}
*:first-child+html ul, *:first-child+html ol{ margin:0 0 0 30px;}
* html ul, * html ol{ margin:0 0 0 40px;}
* html .btn{ text-align:center;}
* html .btn a, * html a.item_ezwp{ text-indent:-9999px;}
* html .btn a{ height:85px; padding:0;}