@charset "shift_jis";

/* ユニット ： モジュールの単位となる。前後にデフォルトマージン付加
-------------------------------------------------------------------------*/
div.unit{
  clear:both;
  margin-top:1em;
  margin-bottom:1.5em;
}

/* カラムレイアウト
-------------------------------------------------------------------------*/
.cols{
  margin-left:-20px;
  overflow:hidden;
}
.cols-col{
  float:left;
  margin:0 0 0 0;
}
.cols-col.cols-3of4{
  width:75%;
}
.cols-col.cols-1of2{
  width:50%;
}
.cols-col.cols-2of3{
  width:66.666%;
}
.cols-col.cols-1of3{
  width:33.333%;
}
.cols-col.cols-1of4{
  width:25%;
}
.cols .cols-pad{
  margin-left:20px;
}
.cols .cols-last{
  float:right;
}

/* 回り込み画像
-------------------------------------------------------------------------*/
.float_media{
}
.float_media .float_media-r1of2{
  float:right;
  width:50%;
  margin-left:20px;
  margin-bottom:20px;
}
.float_media .float_media-l1of2{
  float:left;
  width:50%;
  margin-right:20px;
  margin-bottom:20px;
}
.float_media .float_media-r1of3{
  float:right;
  width:33%;
  margin-left:20px;
  margin-bottom:20px;
}
.float_media .float_media-l1of3{
  float:left;
  width:33%;
  margin-right:20px;
  margin-bottom:20px;
}
.float_media .float_media-r1of4{
  float:right;
  width:25%;
  margin-left:20px;
  margin-bottom:20px;
}
.float_media .float_media-l1of4{
  float:left;
  width:25%;
  margin-right:20px;
  margin-bottom:20px;
}
.float_media .float_media-l1of2 img,
.float_media .float_media-l1of3 img,
.float_media .float_media-l1of4 img,
.float_media .float_media-r1of2 img,
.float_media .float_media-r1of3 img,
.float_media .float_media-r1of4 img{
  width:100%;
  height:auto;
}
.float_media .float_media-image{
  margin-top:0;
}
.float_media .float_media-caption{
  font-size:86%;
}
.float_media .float_media-body{
}
.float_media .float_media-body_rect{
  overflow:hidden;
}
.float_media .float_media-body_rect *:first-child{
  margin-top:0;
}

/* ラジオボタンリスト
-------------------------------------------------------------------------*/
.radio_list{
  margin:0;
  padding:0;
}
.radio_list li{
  margin:0;
  padding:0;
  background:url(../../images/_v1/common/line_dotted_x.gif) repeat-x top left;
  list-style-type:none;
  cursor:pointer;
}
.radio_list li:first-child{
  background-image:none;
}
.radio_list li label{
  display:block;
  padding:10px 15px;
  font-weight:bold;
}
.radio_list li a{
  display:block;
}
.radio_list li.current{
  background-color:#ffddc9;
}
.radio_list li.current a{
  color:#eb5505;
}
.radio_list li .image,
.radio_list li .text{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
}
.radio_list li .image{
  margin-right:20px;
}
.radio_list li .radio_list-txt{
  display:block;
  margin:0;
  padding-top:6px;
  font-weight:normal;
  font-size:86%;
}
.radio_list li img{
  vertical-align:middle;
}


/* 検索結果表示、ソート
-------------------------------------------------------------------------*/
.pager_area{
  overflow:hidden;
  padding:10px 0;
}
/* ページャーエリア用ライン */
.pager_area.line_top{
  border-top:1px solid #e5e5e5;
}
.pager_area.line_btm{
  border-bottom:1px solid #e5e5e5;
}
/* 検索結果数 */
.search_result{
  float:left;
}
.search_result .search_result-number{
  display:inline;
  white-space:nowrap;
}
.search_result .search_result-sort{
  display:inline;
  margin-left:14px;
  padding-left:18px;
  border-left:1px solid #e5e5e5;
}
.search_result .search_result-sort dt,
.search_result .search_result-sort dd{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  margin:0;
  font-weight:normal;
}
html>/**/body .search_result .search_result-sort dt{
  width/*\**/:5.5em\9;
}
.search_result .search_result-sort dd ul{
  margin:0;
  padding:0;
}
.search_result .search_result-sort dd li{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  margin:0 0 0 8px;
}
.search_result .search_result-sort dd li a,
.search_result .search_result-sort dd li span{
  display:block;
  padding:3px 8px;
  border:1px solid #e5e5e5;
}
.search_result .search_result-sort dd li .current{
  background-color:#fff5ef;
  text-decoration:none;
  font-weight:normal;
  color:#ea5404;
}

/* ページャー
-------------------------------------------------------------------------*/
.pager{
  float:right;
}
.pager ul{
  overflow:hidden;
  margin:0;
  padding:0;
}
.pager li{
  float:left;
  margin:0 0 5px 8px;
  list-style-type:none;
}
.pager li a,
.pager li span{
  display:block;
  padding:3px 10px;
  border:1px solid #e5e5e5;
}
.pager li .current{
  background-color:#fff5ef;
  text-decoration:none;
  font-weight:bold;
  color:#ea5404;
}
.pager .pager_prev a,
.pager .pager_prev span{
  padding-left:10px;
}
.pager .pager_next a,
.pager .pager_next span{
  padding-right:10px;
}
.pager .pager_prev a span{
  padding:0 0 0 15px !important;
  background:url(../../images/_v1/common/icn_arrow_left.png) no-repeat 0 50%;
  border:0;
}
.pager .pager_next a span{
  padding:0 15px 0 0 !important;
  background:url(../../images/_v1/common/icn_arrow_right.png) no-repeat right 50%;
  border:0;
}


/* フォーム送信ボタン
-------------------------------------------------------------------------*/
.form_buttons {
  position:relative;
  margin:40px 0;
  text-align:center;
}
.form_buttons ul ,
.form_buttons ul li{
  margin-top:0;
  margin-bottom:0;
  padding:0;
  list-style-type:none;
}
.form_buttons ul li{
  display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
  padding:0 1em;
}
.form_buttons .form_buttons-box{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  min-width:500px;
  padding:20px 10px;
  background-color:#f9f9f9;
  border:1px solid #e5e5e5;
  text-align:center;
}
.form_buttons ul li.form_buttons-left{
  position:absolute;
  left:0;
  bottom:0;
}
.form_buttons ul li.form_buttons-right{
  position:absolute;
  right:0;
  bottom:0;
}


/* au Online Shop お得で便利な5つのポイント
-------------------------------------------------------------------------*/
.value_box{
  background-color:#f7f5f0;
}
.value_box .value_box-title{
  position:relative;
  padding:8px 10px;
}
.value_box .value_box-title p{
  margin:0;
}
.value_box .value_box-title .detail{
  position:absolute;
  top:10px;
  right:10px;
  padding:7px 18px;
  background-color:#fff;
}
.value_box .value_box-contents{
  padding:0 10px 10px;
}
.value_box .au_value{
  overflow:hidden;
  margin:0;
  padding:26px 0 15px;
  background-color:#fff;
}
.value_box .au_value li{
  float:left;
  height:147px;
  margin:0;
  padding:0 10px;
  border-left:1px solid #e5e5e5;
  list-style-type:none;
}
.value_box .au_value li:first-child{
  border-left:0;
}

/* オススメ商品
-------------------------------------------------------------------------*/
.recommend_products{
  padding:0 0 17px;
  background:url(../../images/_v1/common/bg_recommend.gif) no-repeat bottom left;
}
.recommend_products ul{
  margin:0;
  padding:0;
}
.recommend_products li{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  width:134px;
  margin-top:15px;
  padding:0 5px;
  border-left:1px solid #e5e5e5;
}
.recommend_products li a{
  display:block;
  background-color:#f0f0f0;
}
.recommend_products li a:hover{
  background-color:#fff5ef;
}
.recommend_products li:first-child{
  border-left:0;
}
.recommend_products li a span{
  display:block;
}
.recommend_products li .image{
  height:103px;
  margin:0;
  padding-bottom:10px;
  text-align:center;
  background-color:#fff;
}
.recommend_products li .image img{
  height:103px;
}
.recommend_products li .text{
  padding:10px 6px 10px 10px;
}
.recommend_products li .name{
  margin-bottom:3px;
  line-height:1.3;
  color:#0066aa;
}
.recommend_products li .price{
  color:#333;
}
.recommend_products li a:hover{
  text-decoration:none;
}
.recommend_products li a:hover .name{
  text-decoration:underline;
  color:#eb5505;
}

/* 関連する商品 */
.recommend_products_2{
  padding:0 0 17px;
}
.recommend_products_2 ul{
  margin:0;
  padding:0;
}
.recommend_products_2 li{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  width:185px;
  margin-top:15px;
  padding:0 5px;
  border-left:1px solid #e5e5e5;
}
.recommend_products_2 li a{
  display:block;
  background-color:#f0f0f0;
}
.recommend_products_2 li a:hover{
  background-color:#fff5ef;
}
.recommend_products_2 li:first-child{
  border-left:0;
}
.recommend_products_2 li a span{
  display:block;
}
.recommend_products_2 li .image{
  height:113px;
  margin:0;
  padding-top:28px;
  text-align:center;
  background-color:#fff;
}
.recommend_products_2 li.campaign .image{
  background:#fff url(../../../images/_v2/com/icn_campaign.gif) no-repeat 10px 0;
}
.recommend_products_2 li .image img{
  height:103px;
}
.recommend_products_2 li .text{
  padding:10px 6px 10px 10px;
}
.recommend_products_2 li .campaign{
  margin-bottom:3px;
  line-height:1.3;
  color:#6ab336;
  font-weight:bold;
}
.recommend_products_2 li .name{
  margin-bottom:3px;
  line-height:1.3;
  color:#0066aa;
}
.recommend_products_2 li .strike{
  color:#333;
}
.recommend_products_2 li .price{
  color:#333;
}
.recommend_products_2 li a:hover{
  text-decoration:none;
}
.recommend_products_2 li a:hover .name{
  text-decoration:underline;
  color:#eb5505;
}

/* ランキング */
.recommend_products li.rank01{
  padding-top:37px;
  background:url(../../images/com/icn_rank_01.gif) no-repeat 5px 0;
}
.recommend_products li.rank02{
  padding-top:37px;
  background:url(../../images/com/icn_rank_02.gif) no-repeat 5px 0;
}
.recommend_products li.rank03{
  padding-top:37px;
  background:url(../../images/com/icn_rank_03.gif) no-repeat 5px 0;
}
.recommend_products li.rank04{
  padding-top:37px;
  background:url(../../images/com/icn_rank_04.gif) no-repeat 5px 0;
}
.recommend_products li.rank05{
  padding-top:37px;
  background:url(../../images/com/icn_rank_05.gif) no-repeat 5px 0;
}

/* ○○さまのお気に入り商品
-------------------------------------------------------------------------*/
.favorite_list ul{
  overflow:hidden;
  width:1000px;
  padding:0;
  margin:-10px 0 0 -20px;
}
.favorite_list li{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  position:relative;
  width:156px;
  min-height:111px;
  margin:20px 0 0 20px;
  padding:15px 15px 15px 140px;
  border:1px solid #e5e5e5;
  list-style-type:none;
}
.favorite_list li p{
  margin:0;
}
.favorite_list .image{
  position:absolute;
  top:18px;
  left:18px;
}
.favorite_list .image img{
  border:1px solid #ccc;
}
.favorite_list .image a:hover img{
  width:103px;
  border-color:#eb5505;
}
.favorite_list .name{
  padding-bottom:3px;
  font-weight:bold;
}
.favorite_list .name,
.favorite_list .price,
.favorite_list .point{
  line-height:1.4;
}
.favorite_list .point span{
  color:#eb5505;
}
.favorite_list .delete{
  margin-top:12px;
  text-align:right;
}
/* 予約受付中 */
.favorite_list li.reserve{
  min-height:111px;
  background:url(../../images/com/icn_reserve.gif) no-repeat 140px 18px;
}
.favorite_list li.reserve .text{
  padding-top:30px;
}

/* お知らせ
　＠　トップページ
　＠　ニュースページ
-------------------------------------------------------------------------*/
.news_box{
  border:1px solid #e5e5e5;
}
.news_box .news_box-heading{
  overflow:hidden;
  background-color:#f7f5f0;
  border:1px solid #fff;
}
.news_box .news_box-heading .title{
  float:left;
  margin:0;
  padding:5px 15px;
  font-weight:bold;
  font-size:129%;
}
.news_box .news_box-heading .more{
  float:right;
  margin:3px ;
  padding:4px 20px;
  background-color:#fff;
}
.news_box .news_list{
  padding-right:15px;
}
.news_box .news_list li{
  margin:8px 0 0 0;
  list-style-type:none;
}
.news_box .news_list li.news_attention dd.category{
  background-color:#dd2211;
}
.news_box .news_list li.news_attention dd.text a{
  color:#dd2211;
}
.news_box .news_list dl{
  overflow:hidden;
  margin:0;
}
.news_box .news_list dt{
  float:left;
  clear:left;
  font-weight:normal;
}
.news_box .news_list dd{
  float:left;
}
.news_box .news_list dd.category{
  display:inline-block;/display:inline;/zoom:1;vertical-align:top;
  min-width:84px;
  margin-left:10px;
  padding:4px 5px 3px 5px;
  background-color:#aaa;
  text-align:center;
  line-height:1.3;
  font-size:86%;
  color:#fff;
}
.news_box .news_list dd.text{
  float:none;
  overflow:hidden;
  padding-left:20px;
}
.news_box .news_list dd.text a{
  display:block;
  padding-left:12px;
  background:url(../../images/_v1/common/icn_arrow_right_s.gif) no-repeat 0 0.5em;
}


/* バナーエリア
　＠　トップページ
　＠　ニュースページ
-------------------------------------------------------------------------*/
.banner_area{
  margin-top:25px;
}


/* 右カラムモジュール
　＠　トップページ
　＠　５つのポイント
-------------------------------------------------------------------------*/

/* バナー */
.column2 .side_banner{
  padding-bottom:8px;
  background-color:#f5f5f5;
  text-align:center;
}
.column2 .side_banner ul{
  margin:0;
  padding:0;
}
.column2 .side_banner li{
  margin:0;
  padding:8px 0 0 0;
  background-color:#f5f5f5;
  list-style-type:none;
}
.column2 .side_banner li img{
  border:1px solid #ccc;
}
.column2 .side_banner li a:hover img{
  border:1px solid #eb5505;
}

/* 注目値下げ機種 */
.pricedown{
  margin-top:20px;
}
.pricedown .pricedown-heading{
  margin:0;
}
.pricedown .pricedown-contents{
  border-left:1px solid #eb5505;
  border-right:1px solid #eb5505;
  border-bottom:1px solid #eb5505;
}
.pricedown .pricedown-contents ul{
  margin:-1px 0 0 0;
  padding:0;
}
.pricedown .pricedown-contents li{
  margin:0;
  padding:10px 0;
  border-top:1px solid #e9e9e9;
  list-style-type:none;
}
.pricedown .pricedown-contents li:first-child{
  padding-top:0;
}
.pricedown .pricedown-contents li a span{
  display:block;
  color:#0066aa;
}
.pricedown .pricedown-contents li span.image{
  text-align:center;
}
.pricedown .pricedown-contents li span.icon{
  padding:0px 10px 0px 29px;
  background:url(../../images/_v1/common/icn_arrow_right.png) no-repeat 14px 0.45em;
}
.pricedown .pricedown-contents li a:hover span.icon{
  text-decoration:underline;
  color:#eb5505;
}

/* aside_box */
.aside_box{
  margin-top:20px;
  border:1px solid #e5e5e5;
}
.aside_box-heading{
  margin:0;
  padding:7px 8px 7px 13px;
  background-color:#f5f5f5;
  border:1px solid #fff;
  line-height:1.5;
  font-weight:bold;
}
.aside_box-heading a{
  display:block;
}
.aside_box-contents{
  padding:0 14px;
  line-height:1.5;
  font-size:86%;
}
.aside_box a{
  text-decoration:none;
  color:#333;
}

/* はじめてのお客さまへ */
.first_visitor{
  margin-top:25px;
}
.first_visitor dt{
  padding:0 0 8px 20px;
  background:url(../../images/com/icn_first.gif) no-repeat 0 0;
}
.first_visitor .aside_box{
  margin-top:0;
}

/* iTunes コード発行
-------------------------------------------------------------------------*/
.itunes_code_issue .content{
  width:807px;
  margin:0 auto;
  /margin-top:0;
  padding:10px;
  /padding-top:25px;
  background-color:#ffddc9;
}
.sub_window .itunes_code_issue .content{
  width:600px;
}
.itunes_code_issue .content .itunes_code_click{
  width:550px;
  margin:0 auto;
}
.itunes_code_issue .content .itunes_code_click .itunes_code_click_content{
  /zoom:1;
  padding-bottom:5px;
  background:#fff url(/images/_v2/parts/bg_itunes_code.gif) no-repeat left bottom;
}
.itunes_code_issue .content .itunes_code_click .itunes_code_click_content .itunes_code_click_content_inner{
  /zoom:1;
  padding:15px 10px;
  border-right:2px solid #ea5505;
  border-left:2px solid #ea5505;
}
.itunes_code_issue .content .notes-wrap{
  padding:20px;
  background-color:#fff;
}
.itunes_code_issue .content .notes-wrap ul{
  margin:-5px 0 0 0;
}
.itunes_code_issue .content .notes-wrap ul li{
  margin:5px 0 0 0;
}