/* IE6 css fixer v0.95: Tue, 27 Sep 2011 07:43:36 +0200 */ /* ============================================= */ /* safe settings */ /* add display:inline to floated elements */ * html #c_main_info, * html .c_main_recomend_item, * html .c_main_category_item, * html #c_main_guide_text, * html #c_main_guide_img, * html #c_item_photo_left, * html #c_item_photo_right, * html #c_item_detail_size dl, * html #c_item_detail_info_sns, * html .c_size_text img, * html #c_help_index_main, * html #c_list_navigation_pankuzu, * html #c_list_navigation_sort li, * html .c_list_main_item_container, * html #c_item_detail_info_sns_row1 p, * html .c_list_page_prev, * html #c_list_navigation_sort, * html .c_list_page_next {display:inline;} /* add zoom:1 to overflow:hidden */ * html #c_main_info, * html .c_main_recomend_item, * html .c_main_category_item, * html #c_main_guide_text, * html #c_main_guide_img, * html #c_item_photo_left, * html #c_item_photo_right, * html #c_item_detail_size dl, * html #c_item_detail_info_sns, * html .c_size_text img, * html #c_help_index_main, * html #c_list_navigation_pankuzu, * html #c_list_navigation_sort li, * html .c_list_main_item_container, * html #c_item_detail_info_sns_row1 p, * html .c_list_page_prev, * html #c_list_navigation_sort, * html .c_list_page_next {zoom:1;} /* add zoom:1 to pos:relative elements */ * html #c_container, * html #c_header, * html #c_item_photo_title_img {zoom:1;} /* add overflow:visible to (submit) buttons */ * html input, * html button {overflow:visible;} /* add zoom:1 to backgrounds -- Manually check for problems with inline elements! */ * html html, * html body, * html div, * html span, * html applet, * html object, * html iframe, * html p, * html blockquote, * html pre, * html a, * html abbr, * html acronym, * html address, * html big, * html cite, * html code, * html del, * html dfn, * html em, * html font, * html img, * html ins, * html kbd, * html q, * html s, * html samp, * html small, * html strike, * html strong, * html sub, * html sup, * html tt, * html var, * html b, * html u, * html i, * html center, * html dl, * html dt, * html dd, * html ol, * html ul, * html li, * html fieldset, * html form, * html label, * html legend, * html table, * html caption, * html tbody, * html tfoot, * html thead, * html tr, * html th, * html td, * html body, * html html, * html #c_container {zoom:1;}/*初期化*/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; width : 100% ; font-family: sans-serif ;} ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a{ text-decoration:none;} a:hover{ text-decoration:underline;} h1,h2,h3,h4,h5,h6,strong{ margin:0; padding:0; border:0; outline:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit; vertical-align:baseline } *{zoom:1;} .clearfix:after{ content: ""; display: block; clear: both;} /* 初期化終 */ .border1{border:solid 1px #aaa;} /*カラム基本設定*/ #c_container{ position:relative; margin:auto; width:962px; background-color:#e1e1e1;} #c_header { position:absolute; margin:auto; height:124px; top:0;} #c_side { position:absolute; width:180px; left:0; top:126px; } #c_side .icon40 { margin:auto; display:block; margin-top:15px; text-align:center; height:40px;} #c_side .icon80 { margin:auto; display:block; margin-top:15px; text-align:center; height:80px;} #c_side .iconSp { margin: auto; display:block; margin-top:15px; text-align:center; width:160px;} #c_side .iconW150 { margin: auto; display:block; margin-top:15px; text-align:center; width:150px;} #c_side .icon160 { margin:auto; display:block; margin-top:15px; text-align:center; height:160px;} #c_side .icon150 { margin:auto; display:block; margin-top:15px; text-align:center; height:150px;} #c_side #cal {height:auto;width:150px;} #c_side .deco { margin:auto; display:block; text-align:center;} #c_main { width:780px; margin:125px 0 0 180px; background-color:#FFF; min-height:1300px; height:auto;} /*IE6hack*/#c_main{_height:1100px;} #c_main_inner{padding-top:16px;} #c_footer { width:100% ; clear:both ; } .c_br { clear:both; } /*カラム基本設定終*/ .headImg{height:20px;width:740px;} #c_header{ background-color:#FFF; } #c_header_main{height:96px;} #c_header_main img{height:96px;} .c_menu{ background-color:#fff; text-align:center;border-bottom:solid 3px #FF9900;} .c_menu_inner{ height:28px; } .c_menu_inner a:hover{ text-decoration:none; } .c_menu img{height:28px; border-left:1px solid #fff;border-right:1px solid #fff;} .c_menu img:hover{border-left:1px solid #ddd;border-right:1px solid #ddd;} /* .c_side_selfIntroduction{ margin:15px auto; background-color:#FFF; width:150px; color:#555; font-size:65%;} .c_side_selfIntroduction div{ padding:5px; line-height:140%; } .c_side_selfIntroduction span{} */ #c_side_search{ margin:15px auto; margin-bottom:0; width:150px; height:80px; background-image:url(https://ynhwp7jl.user.webaccel.jp/template/side_search.png); } #c_side_search form{ margin:auto; text-align:center;} .s_cate{ margin-top:10px; border:1px solid #444; } .s_text{ border:1px solid #444; } #c_side_search input,select{ background-color:#eeeeee; width:114px; } #c_side_category{width:150px; margin:15px auto; margin-bottom:0; background-color:#FFF;} #c_side_category div { padding:10px; line-height:150%; font-size:85%;} #c_side_category div li{margin-left:20px;list-style-type:circle;} #c_side_group{width:150px; margin:15px auto; margin-bottom:0; background-color:#FFF;} #c_side_group div { padding:10px; line-height:150%; font-size:85%;} #c_side_group div li{margin-left:20px;list-style-type:circle;} .c_side_ban img{ margin:auto; display:block; margin-top:15px; text-align:center; width:150px;} .c_side_link{ margin:15px auto; background-color:#FFF; width:150px; color:#555; font-size:65%;} .c_side_link a{ color:#555; } .c_side_link div{ padding:10px 5px 10px 20px; line-height:140%; } .c_side_link ul{ list-style-type:circle; } .c_side_link li{ margin-bottom:0.5em; } .c_side_link div ul ul{ list-style-type:none;padding-left:0.5em; margin:0.2em 0 0.5em 0;border-left:1px solid #ddd;} .c_side_link div ul ul li{margin-bottom:0.3em;} #c_side_sns{ margin:15px auto; background-color:#FFF; width:150px; color:#555; font-size:65%;} #c_side_sns_inner{padding:15px;} #c_side_sns p{margin-bottom:15px;} .deco{margin:auto;} #c_main_info {width:515px; margin:0 5px 0 20px; color:#333; font-size:75%; float:left; line-height:130%;} #c_main_info_inner{border:dotted 1px #ddd; padding:5px;} #c_main_info dl{height:50px;} /* #c_main_info dt{text-align:right;font-size:0.5rem;position:absolute;right:250px;} */ #c_main_info dt{text-align:right;font-size:0.5rem;} #c_main_info dd{text-align:center;} #topicon {margin:0;} .topiconW {width:220px;} #c_main_recomend{ clear:both; width:740px; margin:auto; background-color:#F7FAFE; margin-top:20px;} /* .c_main_recomend_row{ height:190px; overflow:hidden; padding-left:10px;} .c_main_recomend_item{ float:left; width:160px; font-size:70%; margin:7px; text-align:center; color:#333;overflow:hidden;border:dotted 1px #eee;background-color:#fff;} .c_main_recomend_item img{height:140px;} .c_main_recomend_item a{ color:#333; } */ .c_recommend_item_container{float:left; margin:5px;overflow:hidden; background-color:#fff; border:1px dotted #eee;} a.c_recommend_item{display:block; width:136px; height:195px; text-decoration:none;color:#111;overflow:hidden;background-color:#fff;} a.c_recommend_item:hover{text-decoration:none; background-color:#efefef; cursor:pointer;} .c_recommend_item_title:hover{text-decoration:underline;} .c_recommend_item_img{display:block; text-align:center; padding:5px 0;background-color:#fff;} .c_recommend_item_img img{height:150px;} /*IE6hack*/.c_recommend_item_img{_cursor:auto;} /*IE7hack*/*+html .c_recommend_item_img{cursor:auto;} .c_recommend_item_price{display:block; text-align:center; color:#D10000; font-weight:bold; font-size:70%; margin-bottom:5px;} .c_recommend_item_title{display:block; padding:5px; font-size:70%; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;} #c_main_category{clear:both; width:740px; margin:auto; margin-top:20px; background-color:#F7FAFE;} .c_main_category_item{ float:left; margin:20px 0 30px 57px;} #c_main_guide{ clear:both; width:740px; margin:auto; margin-top:20px; background-color:#F7FAFE; color:#333;} #c_main_guide a{ color:#666; } #c_main_guide_text{ width:430px; float:left; margin-left:40px; line-height:1.5em; list-style-type:disc;font-weight:bold;} /*ie6hack*/#c_main_guide_text{ _list-style-type:none;} .c_main_guide_item{ margin-top:10px; margin-bottom:10px;} .c_main_guide_item li{margin-left:20px; font-size:75%; list-style-type:disc;line-height:1.5em; font-weight:normal;} #c_main_guide_img { float:right; width:220px; margin:30px 30px 0 0;} #c_main_guide_img img{ height:60px;margin-bottom:7em;border:1px solid #ccc } .boxbottom{ margin:0; text-align:center; border:0; padding:0;} #c_soldout{ position:absolute; top:0; right:2px; background:url(https://ynhwp7jl.user.webaccel.jp/template/soldout.gif) repeat-y; height:100%;} #c_notfound{ clear:both; width:740px; margin:auto; color:#FFF; text-align:center;} #c_notfound a{ color:#fff; } #c_notfound_main{ padding:100px 0; background-color:#aaaaaa;} #c_notfound_main p{ font-size:120%; margin-bottom:50px; } #c_notfound_main span{ font-size:90%; line-height:2em; } .c_notfound_main_terms{ font-weight:bold; } #c_item_photo{ clear:both; width:740px; margin:auto; background-color:#F7FAFE; color:#FFF; } #c_item_photo_title_img{ position: relative;} #c_item_photo_title{ position: absolute; top:4px; left:25px; width:740px;} #c_item_photo_title_char{font-size:80%; } #c_item_photo_title_pankuzu{position:absolute; top:1px;right:30px;text-align:right; font-size:70%;} .separater{margin:0 0.5em;} #c_item_photo_left{ width:475px; margin:20px 0 20px 20px; float:left;} #c_item_photo_left div{ border:1px #aaa solid;} #c_item_photo_left img{ width:473px; text-align:center;} /*IE6hack*/ #c_item_photo_left{ _width:450px;} #c_item_photo_left img{ _width:448px;} #c_item_photo_center{ width:500px; margin:20px auto;} #c_item_photo_center div{ border:1px #aaa solid;} #c_item_photo_center img{ width:498px; text-align:center;} #c_item_photo_rightA{ width:214px; margin-top:10px; float:right; margin-right:20px;} #c_item_photo_rightB{ width:214px; margin-top:10px; float:right; margin-right:20px;} #c_item_photo_rightA div{ border:1px #aaa solid;margin:10px 0;position: relative;} #c_item_photo_rightB div div{ border:1px #aaa solid;margin:10px 0;position: relative;text-align:center;overflow:hidden;} #c_item_photo_right_1 div{width:100px;height:100px;} #c_item_photo_right_2 div{width:100px;height:100px;} #c_item_photo_right_big div{width:212px;} #c_item_photo_rightB #c_item_photo_right_big img{ text-align:center; width:212px;} #c_item_photo_right_1{float:left;margin-top:-10px;} #c_item_photo_right_2{float:right;margin-top:-10px;} #c_item_photo_rightA img{ text-align:center; width:212px;} #c_item_photo_right_1 img{ text-align:center; height:100px;} #c_item_photo_right_2 img{ text-align:center; height:100px;} #c_item_photo_rightA .c_item_photo_kakudai {position: absolute;right: 0;bottom: 0;width: 15px;height: 15px;} #c_item_photo #c_item_photo_rightB .c_item_photo_kakudai {position: absolute;right: 0;bottom: 0;width: 15px;height: 15px;} #c_item_detail{ clear:both; width:740px; margin:auto; background-color:#F7FAFE;} #c_item_detail_text{ width:700px; margin:10px auto; font-size:95%; background:#fff; color:#111; line-height:160%;} #c_item_detail_text div{border:1px dotted #E2EDF4; padding:25px;} #c_item_detail_text p{ margin-bottom:1em; } #c_item_detail_text_sub{font-size:85%;} #c_item_detail_size{ width:700px;margin:20px;} .c_item_detail_size_set{ margin:auto; clear:both;width:700px;} .c_item_detail_size_caption{clear:both;text-align:center; padding:5px; background: #C9DFEC;border:solid 1px #ccc; margin-bottom:3px;margin-top:20px;} #c_item_detail_size dl{width: 100px; font-size:90%; color: #333; float:left; margin-bottom:5px;} #c_item_detail_size dt{ text-align:center; padding:5px; background: #EFF6FA; border-top:dotted 1px #ccc; border-bottom:dotted 1px #ccc; border-left:solid 1px #bbb;} #c_item_detail_size dd{ text-align: center; padding:5px; background: #FFF; border-bottom:dotted 1px #ccc;border-left:solid 1px #bbb;} #c_item_detail_size .first{border-left:solid 1px #bbb;} .condition_rating dd{padding:0 5px} /*.condition_rating {height:24px; vertical-align:middle;}*/ #c_item_detail_buy{ clear:both; margin:auto;width:400px;background-color:#fff;} #c_item_detail_buy_inner{border:solid 1px #ccc;} #c_item_detail_buy_price{ width:400px;text-align:center;margin:auto;font-size:140%;color:red;margin-top:20px;} #c_item_detail_buy_price span{ margin-right:20px;} #c_item_detail_buy_price s{ font-size:70%;} #c_item_detail_buy_button{margin:auto; padding:10px 0;width:200px;} #c_item_detail_buy_button input[type="image"]{width:200px;} #c_item_detail_buy_button_option{width:200px;margin:20px auto 10px auto;} #c_item_detail_info{width:700px;margin:auto;} .c_item_detail_info_icon{margin-bottom:20px; margin-top:30px;width:170px;} .c_item_detail_info_icon　img{width:170px;} #c_item_detail_info_sns{width:170px; height:56px; background-color:#fff;color:#000;float:left;margin-top:30px;margin-right:5px; } /*IE6hack*/#c_item_detail_info_sns{_overflow:hidden;} #c_item_detail_info_sns_inner{border:solid 1px #ccc;height:55px;} #c_item_detail_info_sns_row1{width:70px;margin:6px auto;} #c_item_detail_info_sns_row2{width:70px;margin:6px auto;} /*IE7hack*/*+html #c_item_detail_info_sns_row2{font-size:1%;min-width:auto;} .c_size{ clear:both; width:740px; margin:auto; background-color:#F7FAFE; } .c_size_text{ clear:both; width:700px; margin:20px;font-size:90%; line-height:150%;} .c_size_text img{ float:left; margin:0 10px 10px 0;} .c_size_text dt{ font-size:110%; margin:10px 0; text-align:center; background-color:#C9DFEC; line-height:160%;} /* #c_condition{ clear:both; width:740px; margin:auto; background-color:#F7FAFE;} #c_condition_text{ width:610px; margin:10px auto;} #c_condition_text dt{ margin-top:20px; padding:5px 0 2px 20px; font-size:180%; background-color:#C9DFEC; } #c_condition_text dd{ margin:10px 0 30px 40px; font-size:100%;} #c_condition_text span{ line-height:120%; vertical-align:bottom; } */ #c_link{ clear:both; width:740px; margin:auto; background-color:#E1E9E7; color:#555; } #c_link_text{ width:560px; margin:10px 10px; } #c_link_text dt{ clear:both; font-size:100%;} #c_link_text dd{ border-bottom:1px solid #fff; margin-bottom:15px; padding:5px 0 0 15px; font-size:80%; } #c_help{ clear:both; width:740px; margin:auto; background-color:#FFF; color:#555;} #c_help_index{ padding:20px 30px 20px 60px;background-color:#F7FAFE;} #c_help_index_main{ float:left; line-height:140%; font-size:120%;} /*IE6hack*/#c_help_index_main{ _width:240px;_margin-right:80px;} /*IE7hack*/*+html #c_help_index_main{ width:240px;margin-right:80px;} #c_help_index_main ul{ list-style-type:disc; } #c_help_index_faq{ width:320px; background-color:#FFF; font-size:80%; line-height:180%; margin:0 0 10px 340px;} /*IE6hack*/#c_help_index_faq{ _margin:0;} /*IE7hack*/*+html #c_help_index_faq{ margin:0;} #c_help_index_faq ul{ list-style-type:circle; padding:20px 20px 20px 40px; border:1px dotted #000;} .c_help_container_main_title{ line-height:3em; font-size:130%; font-weight: bold; } .c_help_container_main_nomark{ list-style-type:none; margin-bottom:1.5em;} .c_help_container_main_number{ list-style-type:decimal; } .c_help_container_main div p{ margin-top:1em; margin-bottom:1em; } .c_help_container_main .c_help_container_main_p_bottom{ margin-bottom:0;} .c_help_container_main .backtomenu{ border:none; width:95%; margin:0; padding:0; text-align:right; font-size:70%; } .c_help_container{ clear:both; width:740px; margin:auto; background-color:#F7FAFE; color:#555; } .c_help_container_main div{ margin:20px; padding:0 1em 1em 1em; border-left:1em solid #eee; border-right:1em solid #eee; line-height:150%;} .c_help_container_main .headWord1{ list-style-type:disc; font-size:105%; padding:0 1em 0 2.5em;} .c_help_container_main .headWord2{ list-style-type:disc; font-size:98%; background-color:#fff; border:1px dotted #aaa; margin:5px 0 15px 0; padding:0.5em 0 5px 1.8em;} .c_help_container_main .headWord3{ list-style-type:circle; font-size:90%; margin:0.5em 0 1.5em 1em; line-height:120%;} .c_help_container_main .headWord2 li{margin:0.5em 5px;} .c_help_container_main .headWord3 li{margin:0.8em 5px; color:#222;} /*IE6hack*/.c_help_container_main .c_help_container_main .headWord1{ _text-align:left;} /*IE6hack*/.c_help_container_main_number{ _list-style-type:none; } /*IE6hack*/.c_help_container_main .headWord1{ _list-style-type:none;} /*IE7hack*/*+html .c_help_container_main_number{ list-style-type:none; } /*IE7hack*/*+html .c_help_container_main .headWord1{ list-style-type:none;} #c_list{ clear:both; width:740px; margin:auto; background-color:#F7FAFE; } #c_list_navigation{ width:720px; margin:10px auto; background-color:#efefef; font-size:80%; line-height:150%;}/*C9DFEC*/ #c_list_navigation_pankuzu{ float:left; padding:0 10px;} #c_list_navigation_sort{ float:right; } #c_list_navigation_sort li{ float:left; padding-left:5px; margin-right:5px; border-left:4px solid #efefef; } .bld{ font-weight:bold; } .c_list_page{ width:720px; margin:auto; margin-bottom:10px; background-color:#efefef; font-size:80%; line-height:150%; text-align: center;} .c_list_page_prev{ float:left; } .c_list_page_next{ float:right; } #c_list_main{ width:730px; margin:auto; overflow:hidden;} .c_list_main_item_container{float:left; margin:10px 5px;overflow:hidden; background-color:#fff; border:1px dotted #ccc;} a.c_list_main_item{display:block; width:230px; height:280px; text-decoration:none;color:#111;overflow:hidden;background-color:#fff;} a.c_list_main_item:hover{text-decoration:none; background-color:#efefef; cursor:pointer;} .c_list_main_item_title:hover{text-decoration:underline;} .c_list_main_item_img{display:block; text-align:center; padding:5px 0;background-color:#fff;} .c_list_main_item_img img{height:200px;} /*IE6hack*/.c_list_main_item_img{_cursor:auto;} /*IE7hack*/*+html .c_list_main_item_img{cursor:auto;} .c_list_main_item_price{display:block; text-align:center; color:#D10000; font-weight:bold; font-size:80%; margin-bottom:5px;} .c_list_main_item_title{display:block; padding:5px; font-size:80%; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;} .c_list_main_item_exp{display:block; font-size:70%; width:220px; margin:5px auto;text-align:center;} .fp10_mimeru {clear:both; width:740px; margin:auto;} .fp10_mimeru_top{width:602px; margin:auto; margin-bottom:90px;} .fp10_mimeru_top img{border:1px solid #999;width:600px;height:645px;} .fp10_mimeru_thumb4{width:708px; margin:auto; margin-bottom:30px;} .fp10_mimeru_thumb3{width:526px; margin:auto; margin-bottom:90px;} .fp10_mimeru_thumb_item{width:150px;height:150px;border:1px solid #aaa;float:left;margin-left:30px;} .fp10_mimeru_thumb_item_1st{width:150px;height:150px;border:1px solid #aaa;float:left;} .fp10_mimeru_notice{clear:both; width:526px; height:300px;margin:auto;margin-bottom:90px;border:1px solid #aaa;} .fp10_mimeru_link{width:526px; height:300px;margin:auto;margin-bottom:50px;border:1px solid #aaa;} /* スマートフォン切り替え */ /* .spModeIcon{ position:absolute; top:10px; right:10px; width:65px; height:120px; } .spModeIcon img{ width:65px; height:120px; opacity:0.8; } */ .spModeSwitcher{ width: 100%; padding: 1.5rem 0; font-size: 2rem; text-align: center; background-color:#e1e1e1; } .topbar{width:740px;} /*カート数量アイコン*/ .cartNumIconPC { position:absolute; display: inline-block; width: 24px; height: 24px; background: #ff0000; color: #fff; border-radius: 24px; top:6px; right:6px; text-align:center; } .cartNumIconPC span{ line-height:24px; } #c_side .iconCashless { margin:auto; display:block; margin-top:15px; text-align:center; width:150px;} /*カレンダー*/ .tbl_calendar { border: none !important; border-collapse: collapse !important; border-spacing: 0 !important; } .tbl_calendar th, .tbl_calendar td { padding: 1px !important;/*4px→1pxに変更した*/ text-align: center !important; border-bottom: 1px solid #ccc !important; } /*ここまでテンプレここからカスタマイズ分*/ .tbl_calendar td{ border-right: 1px solid #ccc !important; } .tbl_calendar td:first-child{ border-left: 1px solid #ccc !important;} .side_section_cal{ color:#666; width:150px; margin:15px auto; background-color:#fff; font-size:80%; text-align:center; line-height:normal; font-family: 'Source Sans Pro', Helvetica , Arial,"Hiragino Kaku Gothic ProN", '游ゴシック体', 'YuGothic', 'メイリオ', 'Meiryo', sans-serif; } .side_cal{} .tbl_calendar{width:126px;margin:auto;}/*18*7で126px*/ .tbl_calendar caption{font-size:120%;padding-top:12px;} .tbl_calendar tr:first-child{font-size:50%;} .side_cal_memo{padding:6px 12px 12px 12px;}