/*　一般設定　*/
body { 
       margin: 0px auto; padding:0px; text-align:center;
       font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
       font-size:12px; color:#333333; 
       background:#fffcf7 url(img/background.gif) repeat-x top;
}

a img {
        border:none;
}

ul {
     margin:0; padding:0;
     list-style-type:none;
}
li { margin:0 0 1em 0; }
ol { margin:0 0 0 25px; padding:0; }
ol li { line-height:160%; margin:0 0 20px 0; }
ol li li { line-height:100%; margin:0 0 10px 0; }

table {
        font-size:100%;
        margin:10px 0; padding:0;
        color:#697178;
        border-top:1px solid silver;
        border-left:1px solid silver;
        line-height:150%;
}
td { 
     border-bottom:1px solid silver;
     border-right:1px solid silver;
     padding:12px 12px;
}
.td-blue { background-color:#e0f4ff; }


.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; margin:15px auto; }
.box { border:1px solid silver; padding:25px 25px 10px 25px; text-align:left; line-height:160%; margin:0 0 30px 0; }

form { margin:0; padding:0; }

.lightbox a { text-decoration:none; line-height:190%; }
.lightbox a img { border:1px solid #d1d1d1; padding:4px; background:#f2f2f2; }

/*　文字関係　*/
a { color:#0066cc; }
a:hover { color:#7bc534; }
h1,h2,h3,h4,h5,h6,h7 { font-weight:normal; margin:0; padding:0; }
p { margin:0 0 1em 0; padding:0; line-height:170%; }
table p { margin:0; padding:0; }

strong { font-weight: normal; }
em { font-style: normal; }

.red { color:#ff8383; }
.blue { color:#3175a7; }
.green { color:#8fc31f; }
.pink { color:#ef7585; }

.small { font-size:80%; }
.normal { font-size:110%; }
.large { font-size:120%; }
.headline { font-size:120%; margin:25px 0 5px 0; }

.bold { font-weight:bold; }

.underline { border-bottom:1px solid #aaaaaa; padding-bottom:1px; }
.no-line { text-decoration:none; }


/*　外枠　*/
#content-wrapper {
                   width:822px;
                   border:1px solid #ddd;
                   border-bottom:none;
                   margin:0 auto;
                   background:#fff;
                   text-align:left;
}

/*　ヘッダー　*/
#header { height:87px; background:url(img/line.gif) repeat-x bottom;  }
#logo { float:left; display:inline; margin:24px 0 0 31px; }
#header-button-area { float:right; display:inline; margin:0 20px 0 0; width:600px; }
#form-button { float:left; display:inline; margin:18px 0 0 40px; }
#form-button li { float:left; display:inline; margin:8px 30px 0 25px; }
#moushikomi a { text-decoration:none; display:block; width:116px; height:37px; background:url(img/moushikomi-button.gif) no-repeat top; }
#moushikomi a:hover { text-decoration:none; display:block; width:116px; height:37px; background:url(img/moushikomi-button.gif) no-repeat bottom; }
#seisan a { text-decoration:none; display:block; width:116px; height:37px; background:url(img/seisan-button.gif) no-repeat top; }
#seisan a:hover { text-decoration:none; display:block; width:116px; height:37px; background:url(img/seisan-button.gif) no-repeat bottom; }
#other-button { float:right; display:inline; margin:0 5px 0 0; }
#amazon { text-decoration:none; display:block; width:183px; height:40px; background:url(img/amazon.gif) no-repeat top; }
#amazon:hover { text-decoration:none; display:block; width:183px; height:40px; background:url(img/amazon.gif) no-repeat bottom; }
#change-font-area { width:180px; height:30px;  margin:7px 0 0 0; }
#change-font-header { float:left; margin:0 7px 0 5px; display:inline; }

/*　メニュー　（詳細設定は下の方にあります。）　*/
#menubar { padding:3px 0; margin:16px 0 14px 27px; background: url(img/menubar.gif) no-repeat; }

/*　メイン画像部分（全ページ共通部分)　*/
.main-image { width:822px; height:248px; text-align:left; }
.main-image h1 { font-size:12px; }

/*　index（トップページ）　*/
#index-main-image { background:url(img/main-index.jpg) no-repeat; }
#index-main-image h1 { color:#80a2b0; margin:0 0 0 35px; padding:136px 0 0 0; width:490px; line-height:150%; }

#caution { width:754px; height:35px; font-size:12px; margin:22px 0 0 68px; color:#fff; background:url(img/caution.gif) no-repeat; }
#caution span { padding:0 0 0 47px; line-height:300%; display:block; }
#caution a { color:#fff; }


/*　index（トップページ）　*/
#index-main-image { background:url(img/main-index.jpg) no-repeat; }
#index-main-image h1 { color:#80a2b0; margin:0 0 0 35px; padding:136px 0 0 0; width:490px; line-height:150%; }

#caution { width:754px; height:35px; font-size:12px; margin:22px 0 0 68px; color:#fff; background:url(img/caution.gif) no-repeat; }
#caution span { padding:0 0 0 47px; line-height:300%; display:block; }
#caution a { color:#fff; }


/*　indexのコンテンツの紹介　*/
#index-maincontents-wrapper { float:left; width:420px; margin-left:31px; display:inline; }

.index-service-kaitori img { 
                             margin:15px 0 0 20px;
}

.index-contents {
                  text-align:left;
                  background:url(img/index-service-top.gif) no-repeat left 16px;
                  width:417px;
                  float:left;
                  display:inline; 
                  padding:0 0 0 0;
                  margin:25px 0 5px 0;
}

.index-contents ul { background:url(img/index-service-bottom.gif) no-repeat left bottom; padding:20px 15px 8px 15px; 
}
.index-contents li { background:url(img/bullet1.gif) no-repeat 5px 3px; padding:0 0 0.8em 17px; margin:0 0 0 0; }
.index-contents a { text-decoration:none; }
.index-contents a:hover { text-decoration:underline; }


/*　indexのキャンペーン情報、新着情報　*/
#index-othercontents-wrapper { float:right; width:314px; margin-right:31px; display:inline; }
#index-campaine { text-align:left; background:url(img/index-campaine-top.gif) no-repeat left top; width:314px;  
                  padding:40px 0 0 0; margin:25px 0 23px 0; font-size:90%; }
#index-campaine ul { background:url(img/index-campaine-bottom.gif) no-repeat left bottom; padding:0 20px 6px 15px; line-height:140%; }
#index-campaine li { background:url(img/arrow4.gif) no-repeat 5px 4px; padding:1px 0 0 18px; }

#index-newinfo { text-align:left; background:url(img/index-newinfo-top.gif) no-repeat left 4px; width:314px; } 
#new { float:left; display:inline; margin:40px 0 0 20px; padding:3px 0 7px 50px; line-height:100%; background:url(img/new-mark.gif) no-repeat left top; font-size:11px; }
#rss { float:right; text-decoration:none; display:inline; width:73px; height:54px; background:url(img/rss.gif) no-repeat top; }
#rss:hover { text-decoration:none; display:block; width:73px; height:54px; background:url(img/rss.gif) no-repeat bottom; }
#index-newinfo ul { clear:both; padding:10px 0 5px 0; width:260px; line-height:140%; margin:0 0 0 0; }
#index-newinfo li { font-size:90%; background:url(img/arrow1.gif) no-repeat left 1px; padding:0 0 10px 20px; border-bottom:1px solid #eaeaea; }

/*　ページ上部へ移動　*/
#jumpUp { float:right; text-decoration:none; display:inline; width:152px; height:38px; background:url(img/jumpup.gif) no-repeat top; margin:15px 29px -1px 0; }
#jumpUp:hover { text-decoration:none; display:inline; width:152px; height:38px; background:url(img/jumpup.gif) no-repeat bottom; }

/*  フッター  */
#footer { font-size:11px; color:#999; margin:0 auto; border-top:1px solid #ddd; text-align:center; background:#fffcf7; }
#footer-contents { width:824px; margin:0 auto; padding:30px 0; background:url(img/footer-line.gif) repeat-y left top; }
#footer-contents ul { display:block; margin:0 auto; padding:14px 10px 12px 18px; background:url(img/footer-menu.gif) no-repeat center; }
#footer-contents li { display:inline; margin:0 10px 0 0; }
#footer-contents ul a { color:#8c8c8c; padding:0 0 0 11px; text-decoration:none; }
#footer-contents ul a:hover { background:url(img/footer-arrow.gif) no-repeat left 2px; text-decoration:underline; }
#footer-contents p { margin-top:10px;  }
#footer-home a { background:url(img/footer-arrow.gif) no-repeat left 2px; }

/*　パンくずリンク　*/
#breadcrumb-wrapper { background:url(img/breadcrumb.gif) no-repeat left bottom; height:77px; text-align:left; }
#breadcrumb { padding:34px 0 0 30px; }
#breadcrumb ul { font-size:11px; width:556px; }
#breadcrumb li { display:inline; margin:0 4px; color:#989da2; }
#breadcrumb a { background:url(img/breadcrumb-arrow.gif) no-repeat right 2px; color:#989da2; text-decoration:none; 
                margin:0 20px 0 0; padding:0 40px 0 0; }
#breadcrumb a:hover { text-decoration:underline; color:#7bc534; }

/*　サイドコンテンツがあるページの　パンくず以下のコンテンツ部分　*/
#contents { background:url(img/line.gif) repeat-y 612px; width:822px; }
#maincontents-wrapper { width:610px; float:left; display:inline; padding:20px 0 0 0; }/*EZ や ADEPO　のコンテンツ部分サイドは含まず*/
#maincontents-wrapper h2 { background:url(img/contents-header.gif) no-repeat left top; display:block; color:#fff; font-size:14px;
                           padding:0 0 0 35px; line-height:290%; margin:0 0 20px 0; }/*見出し部分*/
.maincontents { padding:0 27px 15px 35px; }

/*　サイドコンテンツが無いページ パンくず以下のコンテンツ部分　*/
#contents-noside { width:822px; }
#contents-noside-index { width:822px; }/*インデックスのみ使用*/
.maincontent-noside { padding:25px 40px; }
#contents-noside h2 { background:url(img/noside-header.gif) no-repeat center; display:block; color:#fff; font-size:14px;
                      padding:2px 0 0 0; line-height:290%; margin:20px 0 0 0; text-align:center; }/*長い見出し（規約ページなど）*/
#contents-noside #short-header { background:url(img/noside-header-short.gif) no-repeat center; display:block; color:#fff; font-size:14px;
                                 padding:2px 0 0 0; line-height:290%; margin:20px 0 0 0; text-align:center; }/*短い見出し（選択ページ、リンクページなど）*/

/*　パンくず以下　全ページ共通部分　*/
.arrow-link { background:url(img/arrow1.gif) no-repeat left center; padding:0 0 0 20px; display:block; }/*サービスの詳細リンク*/
.contents-menu  li { background:url(img/arrow1.gif) no-repeat left; padding:4px 0 4px 25px; }/*EZ等の下の方にあるメニュー*/

/*　サイドコンテンツ（全ページ共通）　*/
#sidecontents-wrapper { width:210px; float:right; display:inline; padding:32px 0 0 0; }
#sidecontents-wrapper h3 { padding:5px 0 5px 20px; background:url(img/side-header.gif) no-repeat 1px bottom; color:#319ec7; letter-spacing:3px; font-size:14px; }
#sidecontents-wrapper ul { padding:20px; }
#sidecontents-wrapper li { line-height:160%; font-size:90%; background:url(img/arrow2.gif) no-repeat left 1px; padding:0 0 0 18px; }
.button { text-decoration:none; display:block; background:url(img/form-button.gif) no-repeat left top; margin:15px 0 15px 18px; width:176px; height:45px; }
.button:hover { background:url(img/form-button.gif) no-repeat left bottom; }

#button-wrapper { width:170px; margin:18px 0 18px 20px; }
/*上から　申込・集荷・注文・精算・出品代行・FBA　*/
#button1 { font-size:11px; line-height:170%; display:block; background:url(img/button1.gif) no-repeat left top; padding:0 0 0 50px; margin:0 0 10px 0; height:39px; }
#button2 { font-size:11px; line-height:170%; display:block; background:url(img/button2.gif) no-repeat left top; padding:0 0 0 50px; margin:0 0 10px 0; height:39px; }
#button3 { font-size:11px; line-height:170%; display:block; background:url(img/button3.gif) no-repeat left top; padding:0 0 0 50px; margin:0 0 10px 0; height:39px; }
#button4 { font-size:11px; line-height:170%; display:block; background:url(img/button4.gif) no-repeat left top; padding:0 0 0 50px; margin:0 0 10px 0; height:39px; }
#button5 { font-size:11px; line-height:170%; display:block; background:url(img/button5.gif) no-repeat left top; padding:0 0 0 50px; margin:0 0 10px 0; height:39px; }
#button6 { font-size:11px; line-height:170%; display:block; background:url(img/button6.gif) no-repeat left top; padding:0 0 0 50px; margin:0 0 10px 0; height:39px; }

#button1:hover { background:url(img/button1.gif) no-repeat left bottom; }
#button2:hover { background:url(img/button2.gif) no-repeat left bottom; }
#button3:hover { background:url(img/button3.gif) no-repeat left bottom; }
#button4:hover { background:url(img/button4.gif) no-repeat left bottom; }
#button5:hover { background:url(img/button5.gif) no-repeat left bottom; }
#button6:hover { background:url(img/button6.gif) no-repeat left bottom; }

/*　FBA出品代行　*/
#fba-main-image { background:url(img/main-index.jpg) no-repeat; }
#fba-main-image h1 { color:#80a2b0; margin:0 0 0 50px; padding:137px 0 0 0; width:490px; line-height:200%; }

/*　FBAキャンペーン　*/
#fba_campaine_header {
                       background:url(img/fbacampaine_header.gif) no-repeat; 
                       width:600px; height:121px;
                     }
#fba_campaine_list { 
                     border:#aeaeae solid 1px;
                     font-size:180%;
                     padding:20px 0 0 20px;
                     margin:20px 0;
                   }


/*　イージーアマゾン　*/
#ezamazon-main-image { background:url(img/main-ezamazon.jpg) no-repeat; }
#ezamazon-main-image h1 { color:#80a2b0; margin:0 0 0 50px; padding:137px 0 0 0; width:490px; line-height:200%; }

/*　エーデポ　*/
#adepo-main-image { background:url(img/main-adepo.jpg) no-repeat; }
#adepo-main-image h1 { color:#80a2b0; margin:0 0 0 52px; padding:135px 0 0 0; width:490px; line-height:200%; }

/*　AM2art　*/
#am2art-main-image { background:url(img/main-am2art.jpg) no-repeat; }
#am2art-main-image h1 { color:#fff; margin:0 0 0 37px; padding:135px 0 0 0; width:490px; line-height:200%; }

#am2art-button1 { text-decoration:none; display:block; background:url(img/am2art-button1.gif) no-repeat left top; margin:15px 0 15px 19px; width:174px; height:56px; }
#am2art-button2 { text-decoration:none; display:block; background:url(img/am2art-button2.gif) no-repeat left top; margin:15px 0 15px 19px; width:174px; height:56px; }

#am2art-button1:hover { background:url(img/am2art-button1.gif) no-repeat left bottom; }
#am2art-button2:hover { background:url(img/am2art-button2.gif) no-repeat left bottom; }

/*　AmaPro　*/
#amapro-main-image { background:url(img/main-amapro.jpg) no-repeat; }
#amapro-main-image h1 { color:#777a7e; margin:0 0 0 50px; padding:135px 0 0 0; width:490px; line-height:200%; }

/*　J-1　*/
#j1-main-image { background:url(img/main-j1.jpg) no-repeat; }
#j1-main-image h1 { color:#80a2b0; margin:0 0 0 47px; padding:136px 0 0 0; width:490px; line-height:200%; }

/*　J-2　*/
#j2-main-image { background:url(img/main-j2.jpg) no-repeat; }
#j2-main-image h1 { color:#80a2b0; margin:0 0 0 47px; padding:136px 0 0 0; width:490px; line-height:200%; }

/*　AMスナイパー　*/
#amsniper-main-image { background:url(img/main-amsniper.jpg) no-repeat; }
#amsniper-main-image h1 { color:#80a2b0; margin:0 0 0 52px; padding:135px 0 0 0; width:490px; line-height:200%; }

/*　買取サービス　*/
#kaitori-main-image { background:url(img/main-kaitori.jpg) no-repeat; }
#kaitori-main-image h1 { color:#80a2b0; margin:0 0 0 40px; padding:137px 0 0 0; width:490px; line-height:200%; }

/*　会社の写真　*/
#company-main-image { background:url(img/main-company.jpg) no-repeat; }
#company-main-image h1 { color:#80a2b0; margin:0 0 0 35px; padding:136px 0 0 0; width:490px; line-height:150%; }

/*　Q＆Aページ　*/
.qa-sentaku .maincontent-noside ul { text-align:left; width:570px; margin:0 auto; }
.qa-sentaku .maincontent-noside li { background:url(img/arrow2.gif) no-repeat 6px 5px; padding:4px 0 0 25px; margin-bottom:30px; line-height:140%; }
.qa p { text-indent:-11px; padding-left:25px; margin:0 15px 0 15px; }
.qa .pink { padding-bottom:20px;  margin-bottom:20px; border:none; background:url(img/dot.gif) repeat-x bottom; }
.qa .box p { text-indent:0; padding:0; margin:0 0 1em 0; }

/*　お申込み選択画面　*/
.sentaku { text-align:center; font-size:12px; }
.sentaku .maincontent-noside ul { text-align:left; width:570px; margin:0 auto; }
.sentaku .maincontent-noside li { background:url(img/arrow7.gif) no-repeat 6px 5px; padding:5px 0 0 33px; margin-bottom:30px; line-height:140%; }

/*　アマゾンガイド　*/
#howto-amazon img { border:1px solid #d1d1d1; padding:4px; background:#f2f2f2; margin:10px 0 25px 190px; }

/*　リンク　*/
.link { text-align:center; font-size:12px; }
.link .maincontent-noside ul { text-align:left; width:570px; margin:0 auto; }
.link .maincontent-noside li { background:url(img/arrow2.gif) no-repeat left 1px; padding:0 0 0 20px; margin-bottom:20px; line-height:120%;  }

/*　サイトマップ　*/
#sitemap ul li { font-size:14px; margin:25px 0 0 0;  background:url(img/bullet1.gif) no-repeat 5px 6px; padding:0 0 0 17px;  }
#sitemap ol li { margin:5px 0; padding:0; font-size:12px; background:none; }

/*　フォーム　*/
#form { text-align:center; }/*id=formはフォームページの<div class="maincontent-noside">タグ内に必ず付けてください。*/
#form table { margin:0 auto; width:700px; }
form td { padding:8px 12px; }
.form-description-area { margin:0 auto; text-align:center; }
.short { width:120px; }
.medium { width:250px; }
.long { width:390px; }


/**************************************************************************/
/*                                                                        */
/* ここから下は複雑な為、変更する場合は必ずバックアップをとってください。 */
/*                                                                        */
/**************************************************************************/

/*　ドロップダウンメニュー　*/
#menubar ul,#menubar li { list-style:none; margin:0; padding:0; }

#root_toc li, #root_toc li a { width: 127px; } /* メニューの数を増やす場合はここのwidthと下のwidthを変更すること */
#root_toc li { float:left; border-left:1px solid #d8d8d8;  }
#root_toc li.plist ul { display:none; position:absolute; background:url(img/drop-menu.gif) repeat-x bottom; width:127px; }
#root_toc li.plist:hover ul { display: block; }
#root_toc li.plist li { float:none; display:list-item; }

#root_toc li a { font-size:12px; display: block; text-align:center; line-height:3em; text-decoration:none; }
#root_toc li a:hover { color:#fff; background:url(img/menubar-hover.gif) repeat-x; }

#root_toc #menubar-left { border-left:none; }
#root_toc #menubar-left a:hover { color:#fff; background:url(img/menubar-hover-left.gif) no-repeat 3px top; }
#root_toc #menubar-right a:hover { color:#fff; background:url(img/menubar-hover-right.gif) no-repeat -3px top; }
#root_toc #menubar-right ul li a:hover { color:#fff; background:#aacfe5; }

#root_toc li ul li a { width:126px; /* メニューの数を増やす場合は上のwidthマイナス1pxを設定すること。例：上127px ここの設定126px */
                       font-size:11px; line-height:120%; padding:8px 0px; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8;  }
#root_toc li ul li a:hover { color:#fff; background:#aacfe5; }

#root_toc #current-page a { color:#fff; background:url(img/menubar-hover.gif) repeat-x; }
#root_toc #current-page ul li a { color:#4498e5; background:none; }
#root_toc #current-page ul li a:hover { color:#fff; background:#aacfe5; }
#root_toc .current-page-home a { color:#fff; background:url(img/menubar-hover-left.gif) no-repeat 3px top; }
#root_toc .current-page-other a { color:#fff; background:url(img/menubar-hover-right.gif) no-repeat 3px top; }

/* ajax部分(フォームの入力確認に使用) */
.validation-advice { border:#fff 1px solid; background:url(img/form-arrow.gif) no-repeat 3px 4px; }
.validation-advice p { margin:10px 0 3px 0; padding:6px;  background:#FFB9BA; color :#FFF; font-weight: bold; }
input.validation-failed, textarea.validation-failed { background:#FFB9BA; color:#fff; }

/*　Google Map　*/
#map { width: 547px;  height: 500px; border: solid 1px silver; }
#itemNavi { border: 1px solid silver; padding:0; line-height:150%; margin:0; }
#itemNavi table { width:300px; border:none; }
#itemNavi td { border:none; padding:2px 0 2px 15px; }

/*　KsGMap の ID　*/
#ksgmap--map-message { margin: 10px; }/* マップ内に表示するメッセージ */
#ksgmsp--mapNavi-listItem--mySelf { background-color: #eeeeee; }/* マップナビの自分自身 */
#ksgmsp--categoryNavi-listItem--all { background-color: #eeeeee; }/* カテゴリナビのすべて表示 */
#ksgmsp--categoryNavi-listItem--undefined { background-color: #eeeeee; }/* カテゴリナビの未定義の場合 */

/*　clearfix hack　*/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */