@charset "UTF-8";
{load_hfdesign}
#itemDetail-cont .itemOutline h1 {
color: #000;
font-size:160%;
line-height:200%;
margin-bottom:20px;
font-family: inherit;
}
.brand_title b{
font-weight:normal;
}
.img_black{
padding:20px;
background:#000;
margin-top:20px;
margin-bottom:2px;
}
.img_black img{
width:476px;
}
.img_black_l{
margin-right:20px;
}
#return_ok {
margin-left: 270px;
margin-top: -40px;
}
img { -ms-interpolation-mode: bicubic; }
a:link {
color:#464646;
text-decoration: none;
}
a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}
a:visited {
color:#464646;
}
a:hover {
color:#464646;
text-decoration:underline;
}
#feed img{
float:left;
width:130px;
height:auto;
margin-bottom:20px;
}
#feed .voiceblock{
font-size:12px;
float:left;
width:130px;
margin-right:38px;
}
#feed .voiceblock img {
padding: 4px;
border: 1px solid #bfbfbf;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);}
.footer_area #feed .voiceblock{
font-size:12px;
float:left;
width:130px;
margin-right:29px;
}
#feed .voiceblock:nth-child(6){
clear:both;
}
#feed .voiceblock2{
font-size:12px;
float:left;
width:130px;
margin-right:38px;
}
#feed .voiceblock2 img {
padding: 4px;
border: 1px solid #bfbfbf;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);}
.footer_area #feed.voiceblock2 {
font-size:12px;
float:left;
width:130px;
margin-right:29px;
}
.bluelink a:link {
color:#0080FF;
text-decoration: none;
}
.bluelink a:visited {
color:#0080FF;
}
.bluelink a:hover {
color:#0080FF;
text-decoration: underline;
}
.cancel a:link {
color:#0080FF;
text-decoration: none;
}
.cancel a:visited {
color:#0080FF;
}
.cancel a:hover {
color:#0080FF;
text-decoration: underline;
}
.item_guide{
background:url(common/img/guide_icon.gif);
padding-left:30px;
background-repeat:no-repeat;
}
.bluelink img{
float:left;
padding-top:4px;
margin-right:10px;
}
.guide_right{
float:right;
}
.main_description{
width:490px;
float:left;
font-size:107%;
line-height:160%;
margin-right:22px;
margin-top:30px;
}
.description{
width:500px;
float:left;
font-size:12px;
margin-top:10px;
}
.description2{
clear:both;
width:1012px;
}
.item_icon li{
clear:both;
margin-bottom:10px;
font-size:100%;
}
.item_icon2 li{
clear:both;
margin-bottom:10px;
font-size:100%;
}
/* 既存css */
#itemDetail-cont .itemOutline {
float: left;
margin-left:20px;
width: 492px;
}
.glayhaikei{
padding:10px;
background-color: #f2f2f2;
margin-top:5px;
}
.glayspace {
width:164px;
float:left;
border-right:1px dotted #999;
padding-right:10px;
}
.footer_contents{
margin-left:auto;
margin-right:auto;
width:896px;
}
.glayspace1 { width:159px;
float:left;
border-right:1px dotted #999;
padding-left:10px;
padding-right:10px;
}
.footerglay li{
margin-top:6px;
margin-bottom:6px;
}
.search_font{
font-size:12px;
line-height:10px;
padding:0px;
margin-top:5px;
margin-bottom:0px;
}
.search{
float:left;
}
.search_font a{
color:#06F;
}
/* 整理ここから */
#itemDetail-cont .itemOutline .icons {
margin: 0px;
height:0px;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod {
overflow: hidden;
margin: 0 0 10px 0;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod li {
float: left;
width: 61px;
height: 25px;
}
#itemDetail-cont .itemOutline ul.ico_itemType {
overflow: hidden;
}
#itemDetail-cont .itemOutline ul.ico_itemType li {
float: left;
width: 25px;
height: 36px;
text-align:center;
}
article #main-column h1 {
background: none;
margin-bottom: 10px;
font-weight: normal;
padding: 0;
}
article section#itemDetail-wrap p.price {
font-size: 100%;
margin-bottom: 3px;
}
article section#itemDetail-wrap p.sp_price {
font-size: 100%;
color: #FF0000;
font-weight: bold;
margin-bottom: 3px;
}
article section#itemDetail-wrap p.regular_price {
font-size: 100%;
margin-bottom: 0;
color: #2A78D0;
}
section#itemDetail-wrap table.spec {
line-height: 250%;
margin: 15px 0 15px;
font-size: 100%;
}
section#itemDetail-wrap table.spec tr {
border: none;
}
section#itemDetail-wrap table.spec tr.date {
line-height:150%;
}
section#itemDetail-wrap table.spec th {
vertical-align: top;
padding: 0 5px 0 0;
width: 60%;
}
#leftsab img{
290px;
}
#itemDetail-cont .itemThumb-wrap {
float: left;
width: 350px;
margin: 0px;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
text-align:center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
height: auto;
margin: 0 0 5px 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
float: left;
padding: 0;
}
.itemThumb li img{
width: 60px;
}
.itemThumb-wrap .itemThumb-main{
padding-left:47px;
}
.mainImg{
width:500px;
}
.itemThumb img:onmouseover{
border:1px solid #CCC;
}
#Detail #main-column{
width:1012px;
margin-left:auto;
margin-right:auto;
}
#contents {
padding-top:0px;
padding-bottom:0px;
overflow: hidden;
}
#main-column{
width:796px;
margin-right:0px;
}
#sub-column {
float: left;
width: 194px;
}
.shoptable{
width:500px;
}
.shoptable td {
padding:5px;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
.shopline {
padding:10px;
width:140px;
}
.shoptable td {
padding:10px;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
.itemtable {
width:310px;
float:left;
}
.itemtable td {
border-top:#999 1px solid;
border-right:#999 1px solid;
padding:2px;
}
#item1{
width:115px;
border-left:#999 1px solid;
background:#EBEBEB;
}
#item4{
border-left:#999 1px solid;
border-bottom:#999 1px solid;
background:#EBEBEB;
}
#item3{
border-bottom:#999 1px solid;
}
.block img{
margin-right:5px;
}
.block{
margin-bottom:7px;
width:320px;
clear:both;
}
.ecguide{
width:320px;
float:right;
}
#sub-column{
font-size:75%;
width:198px;
}
.twitter-follow-button { width: 110px ; }
#image-navigation {
padding:3px;
border:#333 1px solid;
width:678px;
height:300px;
}
#image-navigation a:hover img{
opacity:1.0;
filter: alpha(opacity=100);
}
#image-navigation ul li a {
display:block;
width:184px;
}
#image-navigation .navi {
float:right;
}
#image-navigation .navi-image {
float:left;
}
#image-navigation-text ul li a {
display:block;
width:150px;
height:50px;
color:#333;
line-height:50px;
text-align:center;
}
#image-navigation-text .navi {
float:left;
}
#image-navigation-text .navi-image {
float:left;
}
#image-navigation-text a {
background:#eee;
}
#image-navigation-text a.active {
background:#333;
color:#fff;
}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }
ul,
li {
margin:0;
padding:0;
list-style:none;
}
.navi li{
margin:0px;
padding:0px;
height:75px;
}
.top_main{
width:490px;
float:left;
margin-right:8px;
}
.rx_text {
position:absolute;
margin-top:420px;
margin-left:20px;
width:250px;
}
.brown{
color:#643200;
}
dl{
margin-top:3px;
padding:0px;
}
section .newItem h2 {
/* タイトル2 h1 */
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 7px 0 7px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:16px;
font-weight:normal;
font-family: inherit;
}
.pickup h2 {
/* タイトル2 h1 */
background: #555555;
color: #fff;
margin: 20px 0 20px 0;
padding: 7px 0 7px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:16px;
clear:both;
font-weight:normal;
}
#page-top{
display:none !important;
}
.modelmidashi{
font-size:14px;
padding-top:10px;
padding-bottom:5px;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
border-bottom:1px solid #000;
}
.redback{
padding:5px 10px 5px 10px;
margin:10px 0 10px 0;
font-size:12px;
border-right:1px solid #000;
color:#000;
}
.column-set{
width:795px;
float:left;
display:table;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.column-set .column4{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
#pager-bm{
clear:both;
}
img.chuiimage{
float: left;
margin-right:4px;
}
.chuiimage2{
margin-bottom:4px;
}
.chui {
padding-top: 5px;
font-size:14px;
}
.category{
margin-top:0px;
padding-left:0px;
width:182px;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
}
dl{
padding:0px; margin:0px; float: left;
}
dd{
padding:0px; margin:0px; float: left;
}
dt{
padding:0px; margin:0px; float: left;
}
.brandspecial{
width:172px;
margin-left:0px;
margin-top:0px;
list-style-type:none;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
font-size:12px;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
}
.brandspecial2{
width:172px;
margin-left:0px;
list-style-type:none;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
font-size:12px;
border-bottom:solid 1px #9E9E9E;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
}
#sub-column p{
margin-bottom:3px;
}
.overflow{
overflow-y:auto;
width:796px;
height:100px;
font-size:100%;
line-height:140%;
}
.blackback a{
color:#009;
font-size:12px;
}
.blackback a:hover{
color:#009;
font-size:12px;
text-decoration:underline;
}
.model_man{
float:left;
background-color:#555;
padding:5px 10px 5px 10px;
color:#FFF;
margin:5px 10px 5px 0px;
font-size:12px;
}
.model_man a{
color:#FFF;
font-size:12px;
}
.model_man a:hover{
color:#FFF;
font-size:12px;
text-decoration:underline;
}
.model_lady{
float:left;
background-color:#B5005A;
padding:5px 10px 5px 10px;
color:#FFF;
margin:5px 0px 5px 0px;
font-size:12px;
}
.model_lady a{
color:#FFF;
font-size:12px;
}
.model_lady a:hover{
color:#FFF;
font-size:12px;
text-decoration:underline;
}
.blackback{
padding:5px 10px 5px 10px;
margin:10px 0px 10px 0px;
font-size:12px;
border-right:1px solid #000;
}
.modelli{
float:left;
padding:5px 10px 5px 10px;
margin:5px 0px 5px 0px;
font-size:12px;
border-right:1px solid #000;
}
.modelli a{
color:#009;
font-size:12px;
}
.modelli a:hover{
color:#009;
font-size:12px;
text-decoration:underline;
}
/* regi_next */
.kago_next{
height:38px;.
margin:20px;
}
.regi_next{
height:38px;
margin:20px;
}
/* regi_next */
#formArea{
width:1012px;
margin-left:auto;
margin-right:auto;
}
.cart-section .header_area{
display:none;
}
#back1 {
background:#EBEBEB;
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
}
#back3 {
border-bottom:#B0B0B0 1px solid;
}
#back4 {
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
background:#EBEBEB;
}
.shoptable td {
padding:5px;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
#back6 {
background:#EBEBEB;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
#back7 {
border-left:#B0B0B0 1px solid;
}
#back8 {
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
#back9 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
background:#EBEBEB;
}
#back10 {
background:#EBEBEB;
border:#B0B0B0 1px solid;
}
#back11 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
#back12 {
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
#back13 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
background:#EBEBEB;
}
#back14 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
#back15 {
border:#B0B0B0 1px solid;
}
#back17 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
}
#back18 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
#Journal{
width:796px;
margin:0px;
padding:0px;
}
.new{
list-style:none;
border-bottom:1px dotted #000000;
padding:10px 0px 10px 0px;
}
.newul{
margin:0px;
padding:0px;
}
#Journal h2{
display:none;
}
table.shop_info{
border:0px none;
margin:0px;
padding:0px;
}
.shop_info td {border:0px none;margin:5px;padding:4px;border-collapse:collapse;}
/* 既存css */
* {margin:0;padding:0;}
html {
overflow-y: scroll;
height: 100%;
}
img{
vertical-align: top;
}
div, img, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
margin: 0;
padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {
text-align: left;
}
q:before ,q:after {
content: '';
}
object, embed {
vertical-align: top;
}
hr {
display: none;
}
img, abbr, acronym, fieldset {
border: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: none;
}
ul li, ol li {
list-style-type: none;
}
input {
vertical-align: middle;
}
/*---------------------------------------------
body
---------------------------------------------*/
body {
margin: 0;
padding: 0;
font-family:'Lucida Grande',
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
Meiryo, メイリオ, sans-serif;
color:#000;
text-align: left;
height: 100%;
word-wrap: break-word;
letter-spacing:0em;
}
/*---------------------------------------------
Anchor
/* General Settings
----------------------------------------------- */
.text-center {
text-align: center;
}
#wrapper {
width: 100%;
min-width: 1012px;
overflow: hidden;
min-height: 100%;
}
.w100 {
width: 100%;
}
.bold {
font-weight: bold;
}
#contents-pop {
padding-top: 20px;
width: auto;
}
/* Header
----------------------------------------------- */
div#wrapper div#enquete-header,
div#wrapper > div#cart-header,
*:first-child+html #header-inner div {
display: inline;
zoom: 1;
}
#header-inner h1 a img:hover, #header-inner h2 a img:hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#hNav #searchbox_wrap {
overflow: hidden;
margin: 15px 0;
}
#hNav #searchbox {
line-height: 160%;
font-size: 65%;
color: #999;
align:right;
float: right;
overflow: hidden;
}
#hNav #searchbox p.cart-search {
margin-top: 10px;
}
#hNav #searchbox p {
display: none;
}
#hNav #searchbox p img {
display:none;
}
#hNav #searchbox form{
background: url(//www.rasin.co.jp/common/img/searchbox.gif) no-repeat left top;
width: 172px;
height: 25px;
float: left;
}
#hNav #searchbox input.searchbox {
border: none;
width: 128px;
height: 15px;
padding: 2px 10px 2px 0;
margin-right: 3px;
}
#hNav ul#keyword {
line-height: 80%;
color: #626262;
text-align: right;
margin-top: 5px;
}
#hNav ul#keyword li {
display: inline-block;
*display: inline;
*zoom: 1;
}
#hNav ul#keyword li a {
float: left;
font-size: 100%;
padding: 0 0 0 10px;
}
#hNav ul#keyword li a:hover {
padding: 0 0 0 10px;
color: #626262;
}
#hNav ul#header-nav {
line-height: 100%;
color: #626262;
margin: 10px 0 10px 0;
}
#hNav ul#header-nav li#header-nav-cart{
background: url(//www.rasin.co.jp/common/img/header_icon_cart.png) no-repeat left;
}
#hNav ul#header-nav li a.header-cart{
padding-left:10px;
}
#hNav ul#header-nav li#header-nav-mypage{
background: url(//www.rasin.co.jp/common/img/header_icon_mypage.png) no-repeat left;
}
#hNav ul#header-nav li a.header-mypage{
padding-left:10px;
}
#hNav ul#header-nav li {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 65%;
height: 21px;
padding: 10px 0 1px 25px;
}
#hNav ul#header-nav li a:hover {
background-color: #d7d7d7;
color: #626262;
text-decoration: none;
}
.column-set {
width: 100%;
overflow: hidden;
*zoom: 1;
}
.column3 {
float: left;
width: 235px;
padding:0 8px 0 0;
}
.column3:nth-child(3n) {
margin: 0 0 15px 1px;
}
.newItem .column3 .itemThumb {
display: table-cell;
text-align: center;
height: 235px;
width: 235px;
vertical-align: middle;
margin-bottom: 5px;
}
.column3 img {
vertical-align: bottom;
}
.column3 p.price {
margin-bottom: 3px;
}
.price{
line-height:200%;
}
.column4 {
float: left;
width: 130px;
padding:14px 14px 14px 14px;
font-size:100%;
}
.column4 .itemThumb img{
width:130px;
height:130px;
}
.column4 h3{
width:130px;des_midashi
padding:0px;
margin:0px 0px;
}
.column4:nth-child(5n) {
padding:14px 14px 14px 14px;
}
.column4 .itemThumb {
display: table-cell;
text-align: center;
height: 130px;
width: 130px;
vertical-align: middle;
margin-bottom: 5px;
}
.column4 .item-list-span-img{
width:130px;
display:inline-block;
}
.column4 .itemThumb a img {
max-height: 130px;
max-width: 130px;
}
.recommend {
width:1012px;
}
.recommend .column-set{
width:1012px;
}
/* TOP PAGE
----------------------------------------------- */
#main-column .newItem {
width:796px;
}
.newItem {
width:796px;
}
#main-column .newItem .new-Title {
position: absolute;
top: 0;
}
#main-column .column3 .badge {
padding: 6px 0 0 6px;
position: absolute;
z-index: 5;
}
#main-column .column4 .badge {
padding: 0px 0 0 0px;
position: absolute;
z-index: 5;
}
#main-column .ranking {
position: relative;
width:730px;
margin: 30px 0 10px 20px;
background: url(//www.rasin.co.jp/common/img/Title-ranking.gif) no-repeat;
overflow: hidden;
}
#main-column .ranking .ranking-Title {
position: absolute;
height: 35px;
top: 0;
}
#main-column .ranking h2 {
margin: 0 0 0 107px;
padding: 4px 0 20px 0;
font-size: 65%;
color:#626262;
}
#main-column .half-cont_wrap01, .half-cont_wrap02 {
overflow: hidden;
}
#main-column .half-cont {
float: left;
width: 48%;
}
#main-column .half-cont:nth-child(2n) {
float: left;
width: 48%;
margin: 10px 0 10px 10px;
}
#main-column .half-cont_wrap01 .half-cont:first-child,
#main-column .half-cont_wrap02 .half-cont:first-child {
margin: 10px 0 10px 20px;
}
#main-column .news {
width: 350px;
}
#main-column .news h2 {
display: block;
width: auto;
margin: 0 0 10px;
padding: 0;
border: none;
height: 39px;
padding-left: 79px;
background: url("//www.rasin.co.jp/common/img/Title-news.gif") no-repeat scroll 0 0 transparent;
}
#main-column .news h2 img {
display: block;
width: 63px;
height: 35px;
}
#main-column .news .news-contents {
overflow: hidden;
vertical-align: top;
}
#main-column dl.news-box {
font-size: 75%;
color: #626262;
padding: 0;
margin:0 0 10px 0;
border-bottom: 1px dotted #b19883;
}
#main-column .news-box dd {
line-height: 145%;
margin-left:10px;
padding-bottom:10px;
}
#main-column .news-box dd a {
color: #626262;
}
#main-column .news-box dd a:hover {
color: #5fa2bc;
}
#main-column .w100 .news {
width: 730px;
margin: 10px 0 10px 20px;
background: url(//www.rasin.co.jp/common/img/Title-news.gif) no-repeat;
padding-bottom: 10px;
}
#main-column .w100 .news h2 {
display: block;
margin: 0 0 10px;
padding-left: 79px;
border: none;
}
#main-column .w100 .news h2 img {
display: block;
width: 63px;
height: 35px;
}
#main-column .w100 .news .news-contents {
width: 730px;
overflow: hidden;
padding-right:20px;
}
#main-column .freeArea2 h2 {
display:none;
}
#main-column .freeArea2 .free-banner {
margin: 0 0 5px 13px;
width: 337px;
}
#main-column .freeArea2 .free-contents p {
line-height:100%;
font-size: 100%;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
#main-column .w100 .free-contents{
margin-bottom:10px;
}
#main-column .w100 .free-contents p {
font-size: 100%;
line-height: 150%;
width:796px;
}
#main-column .group {
position: relative;
width: 350px;
padding-bottom: 10px;
}
#main-column .group .group-Title {
position: absolute;
height: 35px;
top: 0;
}
#main-column .group h2 {
font-size: 100%;
color:#626262;
background: url(//www.rasin.co.jp/common/img/Title-group.gif) no-repeat;
padding: 3px 0 35px 80px;
}
#main-column .group .group-banner {
margin-bottom: 5px;
}
#main-column .group ul {
padding: 1px 0 0 10px;
list-style-type: none;
margin:0px 8px 8px 0;
}
#main-column .group li {
background: url(//www.rasin.co.jp/common/img/arrw.png) no-repeat left;
float: left;
font-size: 100%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
}
#main-column .group a {
display: block;
}
#main-column .w100 .group {
position: relative;
width: 730px;
margin: 20px 0 10px 20px;
padding-bottom: 10px;
overflow:hidden;
}
#main-column .w100 .group .group-Title {
position: absolute;
top: 0;
}
#main-column .w100 .group h2 {
margin: 0 0 0 79px;
padding: 4px 0 0 0;
font-size: 65%;
color:#626262;
}
#main-column .w100 .group h2 img {
display: block;
height: 48px;
width: 730px;
margin: 0 auto;
}
#main-column .w100 .group ul {
padding: 15px 0 0 10px;
list-style-type: none;
margin:5px 8px 8px 0;
}
#main-column .w100 .group li {
background: url(//www.rasin.co.jp/common/img/arrw.png) no-repeat left;
float: left;
font-size: 100%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
height: 25px;
}
#main-column .w100 .group a {
display: block;
height: 25px;
}
#main-column .category {
position: relative;
width: 340px;
padding-bottom: 10px;
}
#main-column .category .category-Title {
position: absolute;
top: 0;
}
#main-column .category h2 {
padding: 3px 0 35px 130px;
font-size: 100%;
color:#626262;
background: url(//www.rasin.co.jp/common/img/Title-category.gif) no-repeat;
}
#main-column .category .category-banner {
margin-bottom: 5px;
}
#main-column .category ul {
list-style-type: none;
overflow:hidden;
}
#main-column .category li {
background: url(//www.rasin.co.jp/common/img/arrw.png) no-repeat left;
float: left;
font-size: 100%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
height: 25px;
}
#main-column .category a {
display: block;
height: 25px;
}
#main-column .w100 .category {
position: relative;
width:730px;
margin: 20px 20px 10px 20px;
overflow:hidden;
padding-bottom: 10px;
}
#main-column .w100 .category .category-Title {
position: absolute;
top: 0;
}
#main-column .w100 .category h2 {
padding: 3px 0 35px 130px;
font-size: 100%;
color:#626262;
}
#main-column .w100 .category h2 img {
display: block;
height: 48px;
width: 730px;
margin: 0 auto;
}
#main-column .w100 .category ul {
list-style-type: none;
}
#main-column .w100 .category li {
background: url(//www.rasin.co.jp/common/img/arrw.png) no-repeat left;
float: left;
font-size: 100%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
height: 25px;
}
#main-column .w100 .category a {
display: block;
height: 25px;
}
#main-column .w100 .category h3{
font-weight: bold;
line-height: 120%;
font-size: 12px;
}
#main-column .freeArea {
width: 730px;
height: 300px;
background-color: #EEE;
margin-left: 20px;
}
/* Footer
----------------------------------------------- */
#page-top2 {
position: fixed;
bottom: 70px;
right: 120px;
font-size: 100%;
z-index: 100;
}
/*---------------------------------------------
itemDetail/itemList
---------------------------------------------*/
/* itemList
----------------------------------------------- */
#itemList {
width:796px;
padding: 0;
}
#itemList2 {margin:15px 0 0 0;position:relative;}
#itemList2 .column4 {float:none;width:100%;height:auto ;overflow:hidden;*zoom:1;}
#itemList2 .column4 .itemThumb-wrap {float:left;padding-right:15px;}
#itemList2 .column4 .inner-catch {
line-height:160%;
margin-top:3px;
}
#itemList_wrap{
clear:both;
}
#itemList_wrap #pager-top {
padding: 5px 0 0 0px;
overflow: hidden;
}
#itemList_wrap #pager-bm {
padding: 5px 0 0 0px;
margin: 0 0 20px 0;
overflow: hidden;
}
#itemList_wrap #pager-top .quantity {
float: left;
font-size:100%;
line-height:140%;
margin-top:20px;
margin-bottom:20px;
}
#itemList_wrap #pager-bm .quantity {
float: left;
font-size:100%;
line-height:140%;
margin-top:20px;
margin-bottom:20px;
}
#itemList_wrap #pager-top .selectbox, #itemList_wrap #pager-bm .selectbox {
font-size:100%;
}
#itemList_wrap #pager-top .selectbox {margin-bottom:10px;}
#itemList_wrap #pager-top .selectbox .select01 {margin-right:10px;}
#itemList_wrap #pager-top .pagerlist, #itemList_wrap #pager-bm .pagerlist {
float: right;
}
.pagerlist{
font-size:120%;
}
.pagerlist a:link {
background:#E7E7E7;
color:#333;
padding:6px;
line-height:250%;
border:none;
margin-top:20px;
margin-bottom:20px;
}
.pagerlist a:visited {
background:#E7E7E7;
color:#333;
padding:6px;
line-height:250%;
border:none;
margin-top:20px;
margin-bottom:20px;
}
.pagerlist a:hover{
background:#333;
color:#FFF;
text-decoration:none;
}
.pagerlist .selected{
font-weight:bold;
line-height:250%;
padding:6px;
vertical-align:middle;
padding-top:20px;
}
#itemList_wrap #pager-top ul, #itemList_wrap #pager-bm ul {
margin: 0;
padding: 0;
overflow: hidden;
*zoom: 1;
}
#itemList_wrap #pager-top ul li, #itemList_wrap #pager-bm ul li {
float: left;
*float: none;
*display: inline;
padding: 0 4px;
margin: 0;
*zoom: 1;
}
#itemList_wrap #pager-top ul li.pagericon, #itemList_wrap #pager-bm ul li.pagericon {
float: left;
*float: none;
*display: inline;
padding: 0;
margin: 0;
line-height: 120%;
*zoom: 1;
}
/* itemDetail
----------------------------------- */
#itemDetail-cont {
overflow: hidden;
width:1024px;
}
#itemDetail-cont .cartArea input:hover,
#itemDetail-cont .cartArea .variation a:hover{
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#itemDetail-cont .itemThumb-wrap {
float: left;
width: 500px;
margin: 0px;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
text-align:center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
height: auto;
margin: 0 0 5px 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
float: left;
padding: 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
height: 62px;
width: 62px;
margin: 0 5px 0 5px;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
margin: 0;
}
section#itemDetail-wrap table.date {
margin: 15px 0 3px;
}
section#itemDetail-wrap table.jan {
margin: 0 0 15px;
}
section#itemDetail-wrap table.price {
line-height: 170%;
margin: 0 0 20px;
}
section#itemDetail-wrap table.price th {
font-size: 100%;
padding: 0 0 1px;
}
section#itemDetail-wrap table.price td {
font-size: 100%;
}
table.price tr.rg_price span.regular_price_str {
color: #2A78D0;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price,
table.price tr.rg_price span.taxin
{
color: #2A78D0;
margin-bottom: 3px;
}
section#itemDetail-wrap .cartArea img.nostock {
width: auto;
height: auto;
margin-bottom: 5px;
}
section#itemDetail-wrap .cartArea table.variation {
width: 100%;
word-break:break-all;
}
section#itemDetail-wrap .cartArea tr.t-variation {
background-image: url(//www.rasin.co.jp/common/img/valiation_bk.gif);
background-repeat: x-repeat;
background-position: left top;
}
section#itemDetail-wrap .cartArea table.variation th {
font-size: 100%;
background:#eeeeee;
padding: 3px 5px;
text-align: center;
line-height: 150%;
border: solid 1px #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr {
border-bottom: 1px dotted #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr.t-variation {
border: none;
}
section#itemDetail-wrap .cartArea table.variation td {
font-size: 100%;
padding: 5px;
text-align: center;
line-height: 150%;
border: solid 1px #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation td img {
vertical-align: middle;
width: 110px;
height: 20px;
}
section#itemDetail-wrap .cartArea table.variation span.nostock {
color: #F00;
}
section#itemDetail-wrap p.cancel {
height: 21px;
padding-left: 25px;
background-image: url(//www.rasin.co.jp/images/img/henpin_icon.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 100%;
margin-bottom: 5px;
}
section#itemDetail-wrap p.review_txt {
height: 21px;
padding-left: 25px;
background-image: url(//www.rasin.co.jp/common/img/ico_review.gif);
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 15px;
font-size: 100%;
}
section#itemDetail-wrap p.cancel a, section#itemDetail-wrap p.review_txt a {
display: block;
}
.itemOutline ul.snsArea, article .itemOutline ul.infoArea {
overflow: hidden;
margin-bottom: 10px;
height:30px;
}
section#itemDetail-wrap .itemOutline li {
float: left;
margin-right: 5px;
}
section#itemDetail-wrap .description p {
font-size: 100%;
line-height: 160%;
}
article #main-column .spec-g_txt_table_wrap {
width: 750px;
overflow: hidden;
margin-bottom: 30px;
}
article #main-column section.spec-g_txt {
float: left;
margin-right: 10px;
margin-left: 20px;
width: 350px;
padding: 0;
background: url(//www.rasin.co.jp/common/img/mainttl_bg.gif) repeat-x top left;
}
article #main-column section.spec-g_txt p {
font-size: 100%;
padding: 10px 0 0 0;
line-height: 160%;
}
article #main-column section.spec-g_table {
float: left;
width: 350px;
padding: 0;
background: url(//www.rasin.co.jp/common/img/mainttl_bg.gif) repeat-x top left;
margin-left:20px;
}
article #main-column section.spec-g_table table {
width: 100%;
margin: 10px 0 0 0;
}
article #main-column section.spec-g_table th {
width: 150px;
padding: 5px 0 5px 10px;
}
article #main-column section.spec-g_table tr{
width: 100%;
font-size: 100%;
}
article #main-column section.spec-g_table tr:nth-child(2n+1) {
background:#eeeeee;
width: 100%;
font-size: 100%;
}
article #main-column section.spec-g_table td {
padding: 5px 0;
}
article #main-column .w100 section.spec-g_txt {
width:730px;
padding: 0;
margin: 20px 20px 20px 20px;
background: url(//www.rasin.co.jp/common/img/mainttl_bg.gif) repeat-x top left;
}
article #main-column .w100 section.spec-g_txt p {
font-size: 100%;
padding-top: 10px;
line-height: 160%;
}
article #main-column .w100 section.spec-g_table {
float: none;
width: 100%;
}
article #main-column .w100 table.spec-g_cont tr {
border-bottom: 1px dotted #CCC;
width: 100%;
}
article #main-column .w100 table.spec-g_cont th {
padding: 5px 0;
}
article #main-column .w100 table.spec-g_cont td {
padding: 5px 0;
}
section.userreview {
width:730px;
padding: 0;
margin: 20px 20px 20px 20px;
background: url(//www.rasin.co.jp/common/img/mainttl_bg.gif) repeat-x top left;
}
section.userreview table.userreview_list {
width: 100%;
font-size: 100%;
margin: 10px 20px 0 0;
line-height: 180%;
border-bottom: 1px dotted #CCC;
vertical-align: middle;
}
section.userreview div.more {
width: 100%;
height: 20px;
margin: 10px 20px 0 0;
text-align: right;
}
section.userreview div.more a img {
width: 110px;
height: 20px;
vertical-align: middle;
}
section.userreview table.userreview_list tr td.userreview_user {
padding: 5px 0 0 30px;
text-align: left;
background: url(//www.rasin.co.jp/common/img/ico_usersvoice.gif) no-repeat top left;
height:22px;
vertical-align:top;
}
section.userreview table.userreview_list tr td.userreview_date {
text-align: right;
display: block;
padding-left: 28px;
}
section.userreview table.userreview_list td.userreview_rate {
padding-left: 26px;
}
section.userreview table.userreview_list td.userreview_rate img {
vertical-align: middle;
}
section.userreview table.userreview_list td.userreview_comment {
padding: 10px 0 20px 28px;
}
article #main-column section.recommend {
width:730px;
padding: 0;
margin: 20px 20px 60px 20px;
}
.pickup .column5 {
float: left;
width: 178px;
padding:0 0 0 0;
}
.column5 .itemThumb {
display: table-cell;
text-align: center;
height: 150px;
width: 150px;
vertical-align: middle;
margin-bottom: 5px;
}
.column5 .item-list-span-img{
width:150px;
text-align:center;
display:inline-block;
}
.column5 .itemThumb a img {
max-height: 150px;
max-width: 150px;
}
.column5 h3 {
font-size: 12px;
line-height: 200%;
margin-left:0px;
width:150px;
margin-bottom: 3px;
}
.column5 p {
font-size: 100%;
}
.column5 p.sp_price {
color: #F00;
}
#main-column .column5 .badge {
padding: 3px 0 0 0;
position: absolute;
z-index: 5;
}
.column5 h2 {
margin-bottom: 3px;
line-height:200%;
background: none;
font-weight: normal;
padding: 0;
border: none;
}
.column5 .price{
color: #F00;
}
.column-set .quantityArea {
margin-top: 5px;
}
.column-set .quantityArea span {
font-size: 100%;
}
/* rating_all
----------------------------------------------- */
article #main-column .pageNav_top {
overflow: hidden;
font-size: 100%;
padding: 0 0 5px 0;
margin: 0px;
border-bottom: 1px dotted #626262;
}
article #main-column .pageNav{
font-size: 100%;
padding: 10px 20px 0 20px;
}
.pageNav form img{
float:right;
}
article #main-column .pageL {
width:100%;
float: left;
}
article #main-column .pageNav_top .pageL {
width: 50%;
}
article #main-column .pageR {
float: right;
}
article #main-column section.rating {
padding-bottom: 30px;
margin: 0 20px 5px 20px;
border-bottom: 1px dotted #626262;
}
article #main-column section.rating .reviewBox {
overflow: hidden;
margin: 15px 0 15px 0;
}
article #main-column section.rating .tmb {
float: left;
margin-right: 20px;
}
article #main-column section.rating .reviewTxt {
float: right;
width: 620px;
}
article #main-column section.rating .ttlArea {
overflow: hidden;
}
article #main-column section.rating h2 {
float: left;
font-size: 100%;
background: none;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 160%;
border-bottom: none;
}
article #main-column section.rating .btnMore {
float: right;
}
article #main-column section.rating .reviewTxt ul {
margin: 5px 0;
vertical-align: middle;
line-height: 120%;
overflow: hidden;
}
article #main-column section.rating ul li {
float: left;
margin-right: 5px;
font-size: 100%;
}
article #main-column section.rating .reviewTxt ul li {
float: left;
margin-right: 5px;
font-size: 89%;
}
article #main-column section.rating .comment p {
background: #eaeaea;
padding: 15px;
}
article #main-column section.rating .comment h3 {
padding: 20px 0 0 15px;
background: url(//www.rasin.co.jp/common/img/shop/trigona.png) no-repeat;
font-size: 100%;
font-weight: bold;
}
/* rating_item
----------------------------------------------- */
article #main-column section.rating .reviewBox_item h2 {
color: #0C3;
float: left;
font-size: 100%;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 160%;
border-bottom: none;
}
article #main-column section.rating .reviewBox_item {
margin: 15px 0 15px 0;
}
article #main-column section.rating .reviewBox_item ul {
overflow: hidden;
vertical-align: middle;
line-height: 120%;
}
article #main-column section.rating .reviewBox_item ul li {
float: left;
margin-right: 5px;
margin-bottom: 10px;
font-size: 100%;
}
article #main-column section.rating .reviewBox_item ul li.point {
margin-right: 20px;
color: #F60;
font-weight: bold;
}
article #main-column section.rating ul li.space {
margin-right: 20px;
}
article #main-column #itemBox {
overflow: hidden;
margin: 0 20px 15px 20px;
}
article #itemBox h2 {
float: left;
font-size: 100%;
border-bottom: none;
}
article #itemBox p {
float: right;
}
/* shoppinguide
----------------------------------------------- */
section #guide h1 {
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 5px 0 5px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:14px;
font-weight:bold;
}
section #guide p {
font-size: 100%;
line-height: 175%;
margin: 10px 20px 5px 20px;
}
section #guide .guide01 {
padding-bottom: 20px;
}
section.guide01 img {
padding-left:25px;
padding-top:5px;
}
section #guide .guide01 h2 {
font-size: 100%;
font-weight: bold;
line-height: 200%;
border-bottom:1px dotted;
margin: 10px 20px 0 20px;
background: none;
padding: 0;
}
section #guide .guide01 ul {
font-size: 100%;
list-style-type: disc;
margin: 10px 20px 0 20px;
}
section #guide .inner {
overflow: hidden;
margin-bottom: 10px;
}
section #guide .inner .fL {
float: left;
width: auto;
margin-right: 20px;
max-width: 350px;
}
section #shopGuide_wrap #guide .chart {
background: none;
border: none;
}
#shopGuide_wrap section #guide {
width:796px;
height:auto;
font-size:160%;
}
/* business
----------------------------------------------- */
section #guide .chart .ttlShop {
font-size: 100%;
font-weight: bold;
border: none;
margin: 0 20px 0 20px;
}
section #guide table {
line-height: 120%;
border-bottom: 1px dotted #626262;
margin: 0 0 0 20px;
width:730px
}
section #guide table th {
background-color: #EEEEEE;
border-top: 1px dotted #626262;
color: #626262;
font-size: 100%;
font-weight: bold;
padding: 15px 20px;
width: 100px;
}
section #guide table th.shopGuidePointClass{
width:530px;
}
section #guide table td {
font-size: 100%;
border-top: 1px dotted #626262;
padding: 15px 20px;
width: 530px;
}
.state_l {
border-top: 1px dotted #626262;
padding: 10px 20px 0 0;
font-size: 100%;
margin: 0 20px 0 20px;
}
.state_r {
display:none;
}
.state_l ul, .state_r ul {
line-height: 100%;
}
.state_l li, .state_r li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 3px 0 0;
}
.state_l li.comment, .state_r li.comment {
border-left: 1px solid #626262;
padding: 0 0 0 5px;
}
.state_l li.cate, .state_r li.cate {
border-left: 1px solid #626262;
padding: 0 5px;
}
.state_l li.name {
border-right: 1px solid #626262;
padding: 0 5px 0;
margin: 0 5px 0 0;
}
#comment-post h2 {
font-size: 100%;
padding: 0;
}
#comment-form {
margin-left: 20px;
}
#comment-form h1 {
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 5px 0 5px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:14px;
font-weight:bold;
}
#comment-form legend {
background: none repeat scroll 0 0 transparent;
font-size: 100%;
line-height: 200%;
padding: 0;
width: 100%;
font-weight: bold;
}
#comment-form p {
margin-bottom: 15px;
}
#comment-form .name {
width: 215px;
height: 16px;
}
#comment-form .comment-txt {
width: 360px;
padding: 0;
height: auto;
}
#comment-post {
margin: 20px 0 0 20px;
}
.comment-box {
margin: 30px 0 0;
}
div.caution p {
color: #d51414;
font-size: 100%;
line-height: 145%;
}
.btn-confirmBack {
height: 25px;
width: 80px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 100%;
font-size: 0.75rem;
text-align: center;
background: url(//www.rasin.co.jp/common/img/btn-back_bg.gif) no-repeat left top;
border: none;
margin: 0 5px 0 0;
}
.btn-confirmBack:hover {
background: url(//www.rasin.co.jp/common/img/btn-back_bg_on.gif) repeat-x left top;
}
.btn-confirmBack {
padding: 0 2px 2px 8px;
}
/*JournalList
----------------------------------------------- */
#JournalList h2, #Journal h2 {
font-size: 100%;
margin-left: 20px;
}
#JournalList .journal-cont {
margin: 0 0 15px 20px;
}
#Journal .journal-cont {
margin: 0 20px 0 20px;
}
#JournalList article {
margin: 0 20px 40px 0;
}
/* sitemap
----------------------------------------------- */
section#document_wrap h1 {
background: url(//www.rasin.co.jp/common/img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-size: 100%;
font-weight:bold;
color:#5fa2bc;
padding-left:15px;
margin: 0 20px 10px 20px;
}
section#document_wrap h2 {
font-size: 100%;
font-weight: bold;
line-height: 200%;
border-bottom:1px dotted;
margin-bottom: 10px;
background: none;
padding: 0;
}
section#document_wrap h2{
font-size: 100%;
margin: 0 20px 15px 20px;
border-left:5px solid #5fa2bc;
border-bottom:1px dotted #5fa2bc;
padding:.1em .7em;
}
section#document_wrap h3 {
font-size: 100%;
margin: 0 0 15px 20px;
}
section #document li {
font-size: 1em;
}
section #document li.c1 {
padding-left:20px;
}
section #document section.tree00 ul.tree01{
padding-left: 20px;
}
section #document .txt-list01 {
padding-bottom: 30px;
}
section #document .txt-list01 li.c1 {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 25px 0 0;
}
section #document .txt-list01 li.c1 {
padding: 0 25px 0 20px;
}
section #document .txt-list02 {
padding-bottom: 10px;
overflow: hidden;
}
section #document .txt-list02 h3 {
font-weight: bold;
}
section #document .txt-list02 section.tree00 {
float: left;
padding: 0 35px 20px 0;
width:356px;
}
section #document .txt-list02 ul. {
padding: 0 0 0 12px;
overflow: hidden;
}
section #document .txt-list02 ul.tree01 li.c2 {
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 100%;
}
section #document .txt-list02 ul.tree01 li.c3 {
padding: 0 0 0 28px;
margin: 0 0 0 3px;
font-size: 100%;
}
section #document .txt-list02 ul.tree01 li.c4 {
padding: 0 0 0 42px;
margin: 0 0 0 3px;
font-size: 100%;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {
padding: 0 0 0 56px;
margin: 0 0 0 3px;
font-size: 100%;
}
section #document .txt-list02 ul.tree01 li.sp1 {
float:left;
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 100%;
}
section #document .txt-list02 ul.tree01 li.sp2 {
float:left;
padding: 0 0 0 2px;
font-size: 100%;
}
section #document .txt-list02 ul.tree01 li.sp3{
float:left;
padding: 0 0 0 2px;
font-size: 100%;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 a{
display: inline;
*display: inline;
*zoom: 1;
padding: 0 10px 0 0;
font-size: 110%;
}
section #document .txt-list02 ul.iB {
padding: 5px 0 0 12px;
float: left;
line-height: 120%;
}
section #document .txt-list02 ul.iB li {
padding: 0 10px 0 0;
float: left;
}
section #document .txt-list03 {
padding-bottom: 30px;
overflow: hidden;
}
section #document .txt-list03 section.tree00 {
float: left;
padding: 0 35px 0 0;
width: 156px;
}
section #document .txt-list03 ul.tree01 li {
padding: 0 0 0 7px;
margin: 0 0 0 5px;
background: url(//www.rasin.co.jp/common/img/ico_list01.gif) no-repeat left center;
}
#enquete-header{
width:960px;
margin:0 auto;
}
#enquete-header #logo {
margin: 0 auto;
width: 960px;
}
#enquete-header #logo .shoplogo img{
display: table-cell;
vertical-align: middle;
padding: 5px 0;
}
#enquete-header #logo .shoplogo h1 {
max-width: 340px;
background: none;
margin: 0;
padding-top: 5px;
}
#enquete-header #logo .shoplogo h1 a:hover img, #enquete-header #logo h1 a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#enquete-header #logo .shoplogo img.float_right{float:right;}
#enquete-header #logo .shoplogo img.float_left{float:left;}
div.enquete-section{
padding:0;
}
#center-seo .mainCont,
#center3 .mainCont {
padding: 10px;
margin: 0px;
width: auto;
}
#center-seo .centerbox .caution,
#center3 .centerbox .caution {
font-weight: bold;
color: #d51414;
}
section .freeTop h2 {
border: medium none;
font-size: 100%;
font-weight: bold;
line-height: 165%;
margin-bottom: 10px ;
padding: 0 0 10px ;
}
#header-inner h2 {
max-width : 340px;
}
.header_area {
padding:0px;
margin:0px;
font-size:12px;
}
.header_area p{
margin-bottom:10px;
margin-top:10px;
}
.header_area {
text-align:center;
padding:0px;
}
.footer_area {
text-align:left;
width:796px;
}
.pageNav form img{
float:right;
}
#main-column-full .footer_area {
margin-left: 50px;
}
#main-column .w100 .freeTop h2 {
background: url("../img/side_ttl_ico.gif") no-repeat;
padding-left: 15px;
}
#main-column .w100 .freeTop .freeAreaTitle {
margin: 0 0 0 15px;
padding: 0;
}
#main-column .half-cont .freeArea2 {
background: url("../img/Title-shop.gif") no-repeat;
}
#main-column .half-cont .freeArea2 .freeAreaTitle {
margin: 0 0 0 79px;
}
section.half-cont div.category section h3{
font-weight: bold;
line-height: 120%;
font-size: 12px;
}
div.cart-section div#contact img[height="1"]{
display:none;
}
.prev-hide {
background: none;
}
.itemDescFc{
position:absolute;
margin-left:5px;
}
.itemThumb-wrap-left{
width:170px;
padding-left:10px;
}
.itemThumb-wrap-right{
width:80%;
word-break:break-all;
margin-left:210px;
}
#enter #contents {
width: auto;
}
/*---------------------------------------------
Browser Default Initialization seo_p_blue
---------------------------------------------*/
/*---------------------------------------------
form
---------------------------------------------*/
/* contact
----------------------------------------------- */
#contact {
width: 1012px;
margin: 0 auto;
}
.button1{
background: #20a6fa;
color:#FFF;
padding:5px 30px;
border:none;
margin-top:20px;
margin-bottom:20px;
}
.layoutp3 .border tr{
border-top:#B0B0B0 1px solid;
padding:5px;
}
.layoutp3 .layoutp3{
border:none;
}
.layoutp3 .layoutp3 tr{
border:none;
}
.layoutp3 .layoutp3 td{
border:none;
}
#center3 .layoutp3 td{
font-size:120%;
}
.bordlayoutp3 td{
padding:5px;
}
.bordlayoutp3 tr{
border-right:#B0B0B0 1px solid;
}
.backcolor1 { background:#EBEBEB;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
}
.backcolor2 td{
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
.bordlayoutp3 .backcolor2{
border-top:#B0B0B0 1px solid;
}
.backcolor2{
border-right:#B0B0B0 1px solid;
}
.center .center{
text-align:center;}
.right{
float:right;
}
.bordlayoutp3{
width:1012px;
}
FORM NAME=NEXTM .backcolor1 { background:#EBEBEB;
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
.backcolor2{
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
/* contact
----------------------------------------------- */
#contact #center1 .centerbox .mainCont .step_navi01 {
background-image: url(/USERTHEMEIMG/vol1/rasin.vo.shopserve.jp//step.jpg);
height:526px;
width:1012px;
background-repeat:no-repeat;
}
#contact #center1 .centerbox .mainCont .step_navi02 {
background-image:url(/USERTHEMEIMG/vol1/rasin.vo.shopserve.jp//step_2.gif);
background-repeat:no-repeat;
height:61px;
}
#contact #center1 .centerbox .mainCont .step_navi03 {
background-image:url(/USERTHEMEIMG/vol1/rasin.vo.shopserve.jp//step_3.gif);
background-repeat:no-repeat;
height:61px;
}
#contact #center1 .centerbox .mainCont .step_navi04 {
background-image:url(/USERTHEMEIMG/vol1/rasin.vo.shopserve.jp//step_4.gif);
background-repeat:no-repeat;
height:61px;
}
.backcolor1 {
background: none repeat scroll 0 0 #D8D8D8;
}
.modelblock{
width:504px;
float:left;
padding-right:10px;
}
.recommend .itemThumb a img{
width:150px;
}
.column5 .itemThumb a img {
max-height: 150px;
max-width: 150px;
}
.grayhaikei{
width:796px;
background-color: #f2f2f2;
border:#f2f2f2 1px solid;
}
.underline{
border-bottom:#000000 1px dotted;
margin-bottom:10px;
font-size:12px;
}
.brandspecial{
width:172px;
margin-left:0px;
margin-top:0px;
list-style-type:none;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
font-size:12px;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
}
.brandspecial2{
width:172px;
margin-left:0px;
list-style-type:none;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
font-size:12px;
border-bottom:solid 1px #9E9E9E;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
}
#brandintroduction2{
width:664px;
height:auto;
border:#616161 1px solid;
text-align:left;
background:url(https://www.kaitori-ginza.com/img/grayhaikei.gif);
padding:10px;
}
#brandintroduction2 a{
color:#840000;
text-decoration:underline;
}
.brandmei2{
padding-top:4px;
font-size:16px;
height:24px;
padding-left:15px;
background:url(//www.rasin.co.jp/images/brandmidashi.png);
margin-bottom:5px;
}
.brandmidashi{
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 7px 0 7px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:16px;
font-weight:normal;
}
h1 .brandmidashi{
font-size:16px;
}
.brandmini2{
font-size:14px;
color:#999;
padding-top:10px;
}
.brandminimidashi2{
font-size:14px;
padding-top:10px;
text-decoration:none;
font-weight:normal;
border-bottom:1px dotted #000;
}
.quizmidashi{
font-size:24px;
color:#BF0000;
}
.daytona {
float:left;
margin-right:20px;
}
#guide{
height:60px;
width:304px;
border-bottom:#000 dotted 1px;
padding-top:10px;
padding-bottom:10px;
float:left;
margin-right:10px;
margin-bottom:10px;
}
.guidepict{
float:left;
border:#000 1px solid;
}
.guidename{
padding-left:10px;
float:left;
}
#guidemain{
float:left;
width:504px;
}
#guideright{
float:right;
width:170px;
border-right:#999999 1px solid;
border-left:#999999 1px solid;
border-bottom:#999999 1px solid;
}
#guideright ul{
padding:0px;
margin:0px;
}
#guideright li{
list-style-type:none;
margin-bottom:5px;
border-bottom:#999999 1px dotted;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
text-align:left;
}
.guideh3{
padding-top:10px;
padding-bottom:10px;
color:#0080FF;
font-size:18px;
clear:both;
}
#guideright .guideh3{
padding-top:10px;
padding-bottom:10px;
color:#0080FF;
font-size:14px;
padding-left:5px;
}
.ulhistory{
margin:10px;
padding:0px;
}
.yougoindex{
margin-left:0px;
list-style:none;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
background-color:#E6E6E6;
}
.yougoindex a{
color:#00C;
}
.historylist{
margin-left:0px;
list-style:none;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
margin-top:5px;
margin-bottom:5px;
}
.historylist a{
color:#003;
}
.dottomidashi{
border-bottom:#000 dotted 1px;
padding-bottom:10px;
padding-top:0px;
margin-top:0px;
font-size:18px;
clear:both;
}
.footer_area .dottomidashi{
border-bottom:#000 dotted 1px;
padding-bottom:10px;
padding-top:0px;
margin-top:0px;
font-size:12px;
clear:both;
}
.footer_area p{
font-size:12px;
}
.white1{
margin-top:0px;
font-size:30px;
font-weight:normal;
padding-top:25px;
margin-left:20px;
margin-bottom:10px;
color:#FFF;
font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.white2{
margin-top:0px;
font-size:24px;
margin-left:20px;
color:#FFF;
font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.h4midashi {
margin:0px;
padding-top:0px;
padding-bottom:0px;
color:#004993;
font-size:16px;
clear:both;
}
.collection {
float:left;
margin-right:5px;
border-bottom:1px dotted #000;
width:335px;
margin-bottom:20px;
padding-bottom:10px;
}
.leftindex{
width:174px;
margin-left:0px;
list-style-type:none;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
background-color:#E6E6E6;
}
.rightimg {
float: right;
padding-right: 10px;
padding-left: 10px;
margin-bottom:20px;
}
.categoryleft{
width:460px;
}
.categoryleft img{
float:right;
}
.categoryinfo{
width:280px;
}
.categoryinfo ul{
padding:2px 0px 2px 0px;
margin:0px;
}
.categoryinfo li{
list-style:none;
border-bottom:dotted #666 1px;
padding:3px 0px 3px 0px;
}
.buylink{
float:right;
}
p{
line-height:140%;
margin-top:10px;
margin-bottom:10px;
font-size:12px:
}
.header_center{
margin-left:auto;
margin-right:auto;
width:894px;
}
.woctext{
font-size:20px;
}
.red{color:#CC0000;}
#google_translate_element {
bottom: 0px;
right: 0px;
position: fixed;
z-index: 1010;
margin-left:-160px;
width: 280px;
padding:10px;
background:#acd5d5;
border-radius: 5px 5px 5px 5px;
}
.nenmatsu {
height: auto;
width: 770px;
margin-top: 10px;
border: thin solid #E7D218;
font-size: 13px;
border-radius: 5px 5px 5px 5px;
line-height:15px;
padding: 10px;
}
.condition_li{
list-style:none;
background-color:#555;
color:#FFF;
font-size:12px;
margin:10px 20px 10px 0px;
float:left;
}
.condition_li a:link{
color:#FFF;
font-size:12px;
display:block;
background-color:#555;
padding:5px 20px 5px 20px;
}
.condition_li a:visited{
color:#FFF;
font-size:12px;
display:block;
background-color:#555;
padding:5px 20px 5px 20px;
}
.condition_li a:hover{
color:#FFF;
font-size:12px;
display:block;
background-color:#555;
padding:5px 20px 5px 20px;
text-decoration:underline;
}
.lady_li{
list-style:none;
background-color:#B5005A;
color:#FFF;
font-size:12px;
margin:10px 20px 10px 0px;
float:left;
}
.lady_li a:link{
color:#FFF;
font-size:12px;
display:block;
background-color:#B5005A;
padding:5px 20px 5px 20px;
}
.lady_li a:visited{
color:#FFF;
font-size:12px;
display:block;
background-color:#B5005A;
padding:5px 20px 5px 20px;
}
.lady_li a:hover{
color:#FFF;
font-size:12px;
display:block;
background-color:#B5005A;
padding:5px 20px 5px 20px;
text-decoration:underline;
}
.model_li{
float:left;
margin:7px 40px 7px 0px;
font-size:12px;
}
.model_li a{
color:#009;
font-size:12px;
}
.model_li a:hover{
color:#009;
font-size:12px;
text-decoration:underline;
}
.table1{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
background:#F3F3F3;
}
.table2{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
}
.table3{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
background:#F3F3F3;
}
.table4{
border:solid 1px #000000;
}
.table5{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
}
.table6{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
}
.table7{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
background:#F3F3F3;
}
.table8{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
}
.table9{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
}
.table td{
padding:5px;
font-size:12px;
}
.image_left {
margin-bottom: 4px;
}
.appeal{
margin-top:30px;
margin-bottom:10px;
}
.otherpict{
margin-top:20px;
border:#f2f2f2 4px solid;
padding:20px;
}
.otherpict img{
width:200px;
margin-right:10px;
}
.new_text{
margin-top: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.column4 .sp_price{
color:#0080FF;
}
.column4 .price{
color:#0080FF;
}
.price td{
vertical-align:top;
}
.fx_price td{
vertical-align:middle;
}
.spec tr th{
line-height:300%;
}
#header p{
margin:0px;
}
table .centerbox{
width:1012px;
}
.title1{
background: #555555;
color: #fff;
margin:10px 0px;
padding: 7px 0 7px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:15px;
font-weight:normal;
}
#formArea a:link {
color:#0080FF;
text-decoration: none;
}
#formArea a:visited {
color:#0080FF;
}
#formArea a:hover {
color:#0080FF;
text-decoration: underline;
}
.header2 {
width:1012px;
margin-left:auto;
margin-right:auto;
}
.blackmidashi {
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 7px 0 7px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:16px;
font-weight:normal;
font-family: inherit;
}
#itemList h1{
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 7px 0 7px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:16px;
font-weight:normal;
}
.bg_link {
padding-left: 22px;
background: url(//www.rasin.co.jp/common/img/ico_list.png) left center no-repeat;
padding-top:20px;
padding-bottom:20px;
}
.bg_link a {
color: #21A6FA;
font-size: 120%;
}
.txt_note {
color: #ff053a;
}
.description{
width:500px;
float:left;
font-size:100%;
}
#itemDetail-cont .itemOutline .icons {
margin: 0px;
height:0px;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod {
overflow: hidden;
margin: 0 0 10px 0;
}
#itemDetail-cont .itemOutline ul.ico_salesMethod li {
float: left;
width: 61px;
height: 25px;
}
#itemDetail-cont .itemOutline ul.ico_itemType {
overflow: hidden;
}
#itemDetail-cont .itemOutline ul.ico_itemType li {
float: left;
width: 25px;
height: 36px;
text-align:center;
}
article #main-column h1 {
background: none;
margin-bottom: 10px;
font-weight: normal;
padding: 0;
}
article section#itemDetail-wrap p.price {
font-size: 100%;
margin-bottom: 3px;
}
article section#itemDetail-wrap p.sp_price {
font-size: 100%;
color: #FF0000;
font-weight: bold;
margin-bottom: 3px;
}
article section#itemDetail-wrap p.regular_price {
font-size: 100%;
margin-bottom: 0;
color: #2A78D0;
}
section#itemDetail-wrap table.spec {
line-height: 250%;
margin: 15px 0 15px;
font-size:100%;
}
section#itemDetail-wrap table.spec tr {
border: none;
}
section#itemDetail-wrap table.spec tr.date {
line-height:150%;
}
#leftsab img{
290px;
}
#itemDetail-cont .itemThumb-wrap {
float: left;
width: 350px;
margin: 0px;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
text-align:center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
height: auto;
margin: 0 0 5px 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
float: left;
padding: 0;
}
.itemThumb li img{
width: 60px;
}
.itemThumb-wrap .itemThumb-main{
padding-left:47px;
}
.mainImg{
width:500px;
}
.itemThumb img:onmouseover{
border:1px solid #CCC;
}
#Detail #main-column{
width:1012px;
margin-left:auto;
margin-right:auto;
}
#main-column{
width:796px;
margin-right:0px;
}
#sub-column {
float: left;
width: 194px;
}
.shoptable{
width:500px;
}
.shoptable td {
padding:5px;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
.shopline {
padding:10px;
width:140px;
}
.shoptable td {
padding:10px;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
.itemtable {
width:310px;
float:left;
}
.itemtable td {
border-top:#999 1px solid;
border-right:#999 1px solid;
padding:2px;
}
#item1{
width:115px;
border-left:#999 1px solid;
background:#EBEBEB;
}
#item4{
border-left:#999 1px solid;
border-bottom:#999 1px solid;
background:#EBEBEB;
}
#item3{
border-bottom:#999 1px solid;
}
.block img{
margin-right:5px;
}
.block{
margin-bottom:7px;
width:320px;
clear:both;
}
.twitter-follow-button { width: 110px ; }
#image-navigation {
padding:3px;
border:#333 1px solid;
width:678px;
height:300px;
}
#image-navigation a:hover img{
opacity:1.0;
filter: alpha(opacity=100);
}
#image-navigation ul li a {
display:block;
width:184px;
}
#image-navigation .navi {
float:right;
}
#image-navigation .navi-image {
float:left;
}
#image-navigation-text ul li a {
display:block;
width:150px;
height:50px;
color:#333;
line-height:50px;
text-align:center;
}
#image-navigation-text .navi {
float:left;
}
#image-navigation-text .navi-image {
float:left;
}
#image-navigation-text a {
background:#eee;
}
#image-navigation-text a.active {
background:#333;
color:#fff;
}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }
ul,
li {
margin:0;
padding:0;
list-style:none;
}
.navi li{
margin:0px;
padding:0px;
height:75px;
}
.top_main{
width:490px;
float:left;
margin-right:8px;
}
.rx_text {
position:absolute;
margin-top:420px;
margin-left:20px;
width:250px;
}
.brown{
color:#643200;
}
dl{
margin-top:3px;
padding:0px;
}
.modelmidashi{
font-size:14px;
padding-top:10px;
padding-bottom:5px;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
border-bottom:1px solid #000;
}
.redback{
padding:5px 10px 5px 10px;
margin:10px 0 10px 0;
font-size:12px;
border-right:1px solid #000;
color:#000;
}
.column-set{
float:left;
display:table;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.column-set .column5{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
#pager-bm{
clear:both;
}
img.chuiimage{
float: left;
margin-right:4px;
}
.chuiimage2{
margin-bottom:4px;
}
.chui {
padding-top: 5px;
font-size:14px;
}
.category{
margin-top:0px;
padding-left:0px;
width:182px;
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
}
dl{
padding:0px; margin:0px; float: left;
}
dd{
padding:0px; margin:0px; float: left;
}
dt{
padding:0px; margin:0px; float: left;
}
.brandspecial{
width:172px;
margin-left:0px;
margin-top:0px;
list-style-type:none;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
font-size:12px;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
}
.brandspecial2{
width:172px;
margin-left:0px;
list-style-type:none;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
font-size:12px;
border-bottom:solid 1px #9E9E9E;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
}
#sub-column p{
margin-bottom:3px;
}
.blackback a{
color:#009;
font-size:12px;
}
.blackback a:hover{
color:#009;
font-size:12px;
text-decoration:underline;
}
.blackback2{
background-color:#555;
padding:5px 20px 5px 20px;
color:#FFF;
font-size:12px;
margin-bottom:5px;
}
.blackback2 a:link{
color:#FFF;
font-size:12px;
}
.blackback2 a:visited{
color:#FFF;
font-size:12px;
}
.blackback2 a:hover{
color:#FFF;
font-size:12px;
text-decoration:underline;
}
.redback2{
background-color:#B5005A;
padding:5px 20px 5px 20px;
color:#FFF;
font-size:12px;
margin-top:10px;
margin-bottom:10px;
}
.redback2 a:link{
color:#FFF;
font-size:12px;
}
.redback2 a:visited{
color:#FFF;
font-size:12px;
}
.redback2 a:hover{
color:#FFF;
font-size:12px;
text-decoration:underline;
}
.model_man{
float:left;
background-color:#555;
padding:5px 10px 5px 10px;
color:#FFF;
margin:5px 10px 5px 0px;
font-size:12px;
}
.model_man a{
color:#FFF;
font-size:12px;
}
.model_man a:hover{
color:#FFF;
font-size:12px;
text-decoration:underline;
}
.model_lady{
float:left;
background-color:#B5005A;
padding:5px 10px 5px 10px;
color:#FFF;
margin:5px 0px 5px 0px;
font-size:12px;
}
.model_lady a{
color:#FFF;
font-size:12px;
}
.model_lady a:hover{
color:#FFF;
font-size:12px;
text-decoration:underline;
}
.blackback{
padding:5px 10px 5px 10px;
margin:10px 0px 10px 0px;
font-size:12px;
border-right:1px solid #000;
}
.modelli{
float:left;
padding:5px 10px 5px 10px;
margin:5px 0px 5px 0px;
font-size:12px;
border-right:1px solid #000;
}
.modelli a{
color:#009;
font-size:12px;
}
.modelli a:hover{
color:#009;
font-size:12px;
text-decoration:underline;
}
#formArea{
width:1012px;
}
.cart-section .header_area{
display:none;
}
#back1 {
background:#EBEBEB;
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
}
#back3 {
border-bottom:#B0B0B0 1px solid;
}
#back4 {
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
background:#EBEBEB;
}
.shoptable td {
padding:5px;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
#back6 {
background:#EBEBEB;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
#back7 {
border-left:#B0B0B0 1px solid;
}
#back8 {
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
#back9 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
background:#EBEBEB;
}
#back10 {
background:#EBEBEB;
border:#B0B0B0 1px solid;
}
#back11 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
#back12 {
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
#back13 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
background:#EBEBEB;
}
#back14 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
#back15 {
border:#B0B0B0 1px solid;
}
#back17 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
}
#back18 {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
#Journal{
width:796px;
margin:0px;
padding:0px;
}
#Journal h2{
display:none;
}
table.shop_info{
border:0px none;
margin:0px;
padding:0px;
}
.shop_info td {border:0px none;margin:5px;padding:4px;border-collapse:collapse;}
/* 既存css */
* {margin:0;padding:0;}
html {
overflow-y: scroll;
height: 100%;
}
img{
vertical-align: top;
}
div, img, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
margin: 0;
padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th {
text-align: left;
}
q:before ,q:after {
content: '';
}
object, embed {
vertical-align: top;
}
hr {
display: none;
}
img, abbr, acronym, fieldset {
border: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: none;
}
ul li, ol li {
list-style-type: none;
}
li{
font-size:12px;
color:#000;
margin:0px;
padding:0px;
}
input {
vertical-align: middle;
}
Anchor
/* General Settings
----------------------------------------------- */
.text-center {
text-align: center;
}
.w100 {
width: 100%;
}
.bold {
font-weight: bold;
}
/* Header
----------------------------------------------- */
div#wrapper div#enquete-header,
div#wrapper > div#cart-header,
*:first-child+html #header-inner div {
display: inline;
zoom: 1;
}
#header-inner h1 a img:hover, #header-inner h2 a img:hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#hNav #searchbox_wrap {
overflow: hidden;
margin: 15px 0;
}
#hNav #searchbox {
line-height: 160%;
font-size: 65%;
color: #999;
align:right;
float: right;
overflow: hidden;
}
#hNav #searchbox p.cart-search {
margin-top: 10px;
}
#hNav #searchbox p {
display: none;
}
#hNav #searchbox p img {
display:none;
}
#hNav #searchbox form{
background: url(../img/searchbox.gif) no-repeat left top;
width: 172px;
height: 25px;
float: left;
}
#hNav #searchbox input.searchbox {
border: none;
width: 128px;
height: 15px;
padding: 2px 10px 2px 0;
margin-right: 3px;
}
#hNav ul#keyword {
line-height: 80%;
color: #626262;
text-align: right;
margin-top: 5px;
}
#hNav ul#keyword li {
display: inline-block;
*display: inline;
*zoom: 1;
}
#hNav ul#keyword li a {
float: left;
font-size: 100%;
padding: 0 0 0 10px;
}
#hNav ul#keyword li a:hover {
padding: 0 0 0 10px;
color: #626262;
}
#hNav ul#header-nav {
line-height: 100%;
color: #626262;
margin: 10px 0 10px 0;
}
#hNav ul#header-nav li#header-nav-cart{
background: url(../img/header_icon_cart.png) no-repeat left;
}
#hNav ul#header-nav li a.header-cart{
padding-left:10px;
}
#hNav ul#header-nav li#header-nav-mypage{
background: url(../img/header_icon_mypage.png) no-repeat left;
}
#hNav ul#header-nav li a.header-mypage{
padding-left:10px;
}
#hNav ul#header-nav li {
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 65%;
height: 21px;
padding: 10px 0 1px 25px;
}
#hNav ul#header-nav li a:hover {
background-color: #d7d7d7;
color: #626262;
text-decoration: none;
}
.column-set {
width: 100%;
overflow: hidden;
*zoom: 1;
}
.column3 {
float: left;
width: 235px;
padding:0 8px 0 0;
}
.column3:nth-child(3n) {
margin: 0 0 15px 1px;
}
.newItem .column3 .itemThumb {
display: table-cell;
text-align: center;
height: 235px;
width: 235px;
vertical-align: middle;
margin-bottom: 5px;
}
.column3 h3 {
font-size: 12px;
line-height: 130%;
margin-bottom: 3px;
}
.column3 img {
vertical-align: bottom;
}
.column3 p.price {
margin-bottom: 3px;
}
.column5 {
float: left;
width: 130px;
padding:14px 14px 14px 14px;
}
.column5 .itemThumb img{
width:130px;
height:130px;
}
.column5 h3{
width:130px;
padding:0px;
margin:5px 0px;
}
.column5:nth-child(5n) {
padding:14px 14px 14px 15px;
}
.column5 .itemThumb {
display: table-cell;
text-align: center;
height: 130px;
width: 130px;
vertical-align: middle;
margin-bottom: 5px;
}
.column5 .item-list-span-img{
width:130px;
display:inline-block;
}
.column5 .itemThumb a img {
max-height: 130px;
max-width: 130px;
}
.column5 p {
font-size: 100%;
}
.recommend {
width:1012px;
}
.recommend .column-set{
width:1012px;
}
/* TOP PAGE
----------------------------------------------- */
#main-column .column3 .badge {
padding: 6px 0 0 6px;
position: absolute;
z-index: 5;
}
#main-column .column5 .badge {
padding: 3px 0 0 3px;
position: absolute;
z-index: 5;
}
#main-column .ranking {
position: relative;
width:730px;
margin: 30px 0 10px 20px;
background: url(../img/Title-ranking.gif) no-repeat;
overflow: hidden;
}
#main-column .ranking .ranking-Title {
position: absolute;
height: 35px;
top: 0;
}
#main-column .ranking h2 {
margin: 0 0 0 107px;
padding: 4px 0 20px 0;
font-size: 65%;
color:#626262;
}
#main-column .half-cont_wrap01, .half-cont_wrap02 {
overflow: hidden;
}
#main-column .half-cont {
float: left;
width: 48%;
}
#main-column .half-cont:nth-child(2n) {
float: left;
width: 48%;
margin: 10px 0 10px 10px;
}
#main-column .half-cont_wrap01 .half-cont:first-child,
#main-column .half-cont_wrap02 .half-cont:first-child {
margin: 10px 0 10px 20px;
}
#main-column .news-box dd {
line-height: 145%;
margin-left:10px;
padding-bottom:10px;
}
#main-column .news-box dd a {
color: #626262;
}
#main-column .news-box dd a:hover {
color: #5fa2bc;
}
#main-column .w100 .news {
width: 730px;
margin: 10px 0 10px 20px;
background: url(../img/Title-news.gif) no-repeat;
padding-bottom: 10px;
}
#main-column .w100 .news h2 {
display: block;
margin: 0 0 10px;
padding-left: 79px;
border: none;
}
#main-column .w100 .news h2 img {
display: block;
width: 63px;
height: 35px;
}
#main-column .w100 .news .news-contents {
width: 730px;
overflow: hidden;
padding-right:20px;
}
#main-column .freeArea2 h2 {
display:none;
}
#main-column .freeArea2 .free-banner {
margin: 0 0 5px 13px;
width: 337px;
}
#main-column .freeArea2 .free-contents p {
line-height:100%;
font-size: 100%;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
#main-column .w100 .free-contents{
margin-bottom:10px;
}
#main-column .w100 .free-contents p {
font-size: 100%;
line-height: 150%;
width:796px;
}
#main-column .group {
position: relative;
width: 350px;
padding-bottom: 10px;
}
#main-column .group .group-Title {
position: absolute;
height: 35px;
top: 0;
}
#main-column .group h2 {
font-size: 100%;
color:#626262;
background: url(../img/Title-group.gif) no-repeat;
padding: 3px 0 35px 80px;
}
#main-column .group .group-banner {
margin-bottom: 5px;
}
#main-column .group ul {
padding: 1px 0 0 10px;
list-style-type: none;
margin:0px 8px 8px 0;
}
#main-column .group li {
background: url(../img/arrw.png) no-repeat left;
float: left;
font-size: 100%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
}
#main-column .group a {
display: block;
}
#main-column .w100 .group {
position: relative;
width: 730px;
margin: 20px 0 10px 20px;
padding-bottom: 10px;
overflow:hidden;
}
#main-column .w100 .group .group-Title {
position: absolute;
top: 0;
}
#main-column .w100 .group h2 {
margin: 0 0 0 79px;
padding: 4px 0 0 0;
font-size: 65%;
color:#626262;
}
#main-column .w100 .group h2 img {
display: block;
height: 48px;
width: 730px;
margin: 0 auto;
}
#main-column .w100 .group ul {
padding: 15px 0 0 10px;
list-style-type: none;
margin:5px 8px 8px 0;
}
#main-column .w100 .group li {
background: url(../img/arrw.png) no-repeat left;
float: left;
font-size: 75%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
height: 25px;
}
#main-column .w100 .group a {
display: block;
height: 25px;
}
#main-column .category {
position: relative;
width: 340px;
padding-bottom: 10px;
}
#main-column .category .category-Title {
position: absolute;
top: 0;
}
#main-column .category h2 {
padding: 3px 0 35px 130px;
font-size: 100%;
color:#626262;
background: url(../img/Title-category.gif) no-repeat;
}
#main-column .category .category-banner {
margin-bottom: 5px;
}
#main-column .category ul {
list-style-type: none;
overflow:hidden;
}
#main-column .category li {
background: url(../img/arrw.png) no-repeat left;
float: left;
font-size: 75%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
height: 25px;
}
#main-column .category a {
display: block;
height: 25px;
}
#main-column .w100 .category {
position: relative;
width:730px;
margin: 20px 20px 10px 20px;
overflow:hidden;
padding-bottom: 10px;
}
#main-column .w100 .category .category-Title {
position: absolute;
top: 0;
}
#main-column .w100 .category h2 {
padding: 3px 0 35px 130px;
font-size: 65%;
color:#626262;
}
#main-column .w100 .category h2 img {
display: block;
height: 48px;
width: 730px;
margin: 0 auto;
}
#main-column .w100 .category ul {
list-style-type: none;
}
#main-column .w100 .category li {
background: url(../img/arrw.png) no-repeat left;
float: left;
font-size: 75%;
padding-left: 10px;
margin-right: 30px;
vertical-align: middle;
line-height: 250%;
height: 25px;
}
#main-column .w100 .category a {
display: block;
height: 25px;
}
#main-column .w100 .category h3{
font-weight: bold;
line-height: 120%;
font-size: 12px;
}
#main-column .freeArea {
width: 730px;
height: 300px;
background-color: #EEE;
margin-left: 20px;
}
/*---------------------------------------------
itemDetail/itemList
---------------------------------------------*/
/* itemList
----------------------------------------------- */
#itemList {
width:796px;
padding: 0;
}
.column5 h2{
width:130px;
padding:0px;
margin:5px 0px;
}
#itemList2 {margin:15px 0 0 0;position:relative;}
#itemList2 .column5 {float:none;width:100%;height:auto ;overflow:hidden;*zoom:1;}
#itemList2 .column5 .itemThumb-wrap {float:left;padding-right:15px;}
#itemList2 .column5 .inner-catch {
line-height:160%;
margin-top:3px;
}
#itemList_wrap{
clear:both;
}
/* itemDetail
----------------------------------- */
#itemDetail-cont {
overflow: hidden;
width:1024px;
}
#itemDetail-cont .cartArea input:hover,
#itemDetail-cont .cartArea .variation a:hover{
opacity: .70;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: .70;
-moz-opacity: .70;
cursor: pointer;
}
#itemDetail-cont .itemThumb-wrap {
float: left;
width: 500px;
margin: 0px;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main {
text-align:center;
}
#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
height: auto;
margin: 0 0 5px 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul {
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
float: left;
padding: 0;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
height: 62px;
width: 62px;
margin: 0 5px 0 5px;
}
#itemDetail-cont .itemThumb-wrap .itemThumb ul li:nth-child(5n) {
margin: 0;
}
section#itemDetail-wrap table.date {
margin: 15px 0 3px;
}
section#itemDetail-wrap table.jan {
margin: 0 0 15px;
}
section#itemDetail-wrap table.price {
line-height: 170%;
margin: 0 0 20px;
}
section#itemDetail-wrap table.price th {
font-size: 100%;
padding: 0 0 1px;
}
section#itemDetail-wrap table.price td {
font-size: 100%;
}
table.price tr.rg_price span.regular_price_str {
color: #2A78D0;
margin-bottom: 3px;
}
table.price tr.rg_price span.regular_price,
table.price tr.rg_price span.taxin
{
color: #2A78D0;
margin-bottom: 3px;
}
section#itemDetail-wrap .cartArea {
margin-bottom: 20px;
padding-top:50px;
background:url(//www.rasin.co.jp/common/img/haisoumuryou.gif);
background-repeat:no-repeat;
position:relative;
}
section#itemDetail-wrap .cartArea img.nostock {
width: auto;
height: auto;
}
section#itemDetail-wrap .cartArea table.variation {
width: 100%;
word-break:break-all;
}
section#itemDetail-wrap .cartArea tr.t-variation {
background-image: url(../img/valiation_bk.gif);
background-repeat: x-repeat;
background-position: left top;
}
section#itemDetail-wrap .cartArea table.variation th {
font-size: 60%;
background:#eeeeee;
padding: 3px 5px;
text-align: center;
line-height: 150%;
border: solid 1px #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr {
border-bottom: 1px dotted #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation tr.t-variation {
border: none;
}
section#itemDetail-wrap .cartArea table.variation td {
font-size: 60%;
padding: 5px;
text-align: center;
line-height: 150%;
border: solid 1px #CCCCCC;
}
section#itemDetail-wrap .cartArea table.variation td img {
vertical-align: middle;
width: 110px;
height: 20px;
}
section#itemDetail-wrap .cartArea table.variation span.nostock {
color: #F00;
}
section#itemDetail-wrap p.review_txt {
height: 21px;
padding-left: 25px;
background-image: url(../img/ico_review.gif);
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 15px;
font-size: 100%;
}
.itemOutline ul.snsArea, article .itemOutline ul.infoArea {
overflow: hidden;
margin-bottom: 10px;
height:30px;
}
section#itemDetail-wrap .itemOutline li {
float: left;
margin-right: 5px;
}
section#itemDetail-wrap .description p {
font-size: 100%;
line-height: 160%;
}
article #main-column .spec-g_txt_table_wrap {
width: 750px;
overflow: hidden;
margin-bottom: 30px;
}
article #main-column section.spec-g_txt {
float: left;
margin-right: 10px;
margin-left: 20px;
width: 350px;
padding: 0;
background: url(../img/mainttl_bg.gif) repeat-x top left;
}
article #main-column section.spec-g_txt p {
font-size: 100%;
padding: 10px 0 0 0;
line-height: 160%;
}
article #main-column section.spec-g_table {
float: left;
width: 350px;
padding: 0;
background: url(../img/mainttl_bg.gif) repeat-x top left;
margin-left:20px;
}
article #main-column section.spec-g_table table {
width: 100%;
margin: 10px 0 0 0;
}
article #main-column section.spec-g_table tr{
width: 100%;
font-size: 65%;
}
article #main-column section.spec-g_table tr:nth-child(2n+1) {
background:#eeeeee;
width: 100%;
font-size: 65%;
}
article #main-column section.spec-g_table td {
padding: 5px 0;
}
article #main-column .w100 section.spec-g_txt {
width:730px;
padding: 0;
margin: 20px 20px 20px 20px;
background: url(../img/mainttl_bg.gif) repeat-x top left;
}
article #main-column .w100 section.spec-g_txt p {
font-size: 100%;
padding-top: 10px;
line-height: 160%;
}
article #main-column .w100 section.spec-g_table {
float: none;
width: 100%;
}
article #main-column .w100 table.spec-g_cont tr {
border-bottom: 1px dotted #CCC;
width: 100%;
}
article #main-column .w100 table.spec-g_cont th {
padding: 5px 0;
}
article #main-column .w100 table.spec-g_cont td {
padding: 5px 0;
}
section.userreview {
width:730px;
padding: 0;
margin: 20px 20px 20px 20px;
background: url(../img/mainttl_bg.gif) repeat-x top left;
}
section.userreview table.userreview_list {
width: 100%;
font-size: 100%;
margin: 10px 20px 0 0;
line-height: 180%;
border-bottom: 1px dotted #CCC;
vertical-align: middle;
}
section.userreview div.more {
width: 100%;
height: 20px;
margin: 10px 20px 0 0;
text-align: right;
}
section.userreview div.more a img {
width: 110px;
height: 20px;
vertical-align: middle;
}
section.userreview table.userreview_list tr td.userreview_user {
padding: 5px 0 0 30px;
text-align: left;
background: url(../img/ico_usersvoice.gif) no-repeat top left;
height:22px;
vertical-align:top;
}
section.userreview table.userreview_list tr td.userreview_date {
text-align: right;
display: block;
padding-left: 28px;
}
section.userreview table.userreview_list td.userreview_rate {
padding-left: 26px;
}
section.userreview table.userreview_list td.userreview_rate img {
vertical-align: middle;
}
section.userreview table.userreview_list td.userreview_comment {
padding: 10px 0 20px 28px;
}
article #main-column section.recommend {
width:730px;
padding: 0;
margin: 20px 20px 60px 20px;
}
#main-column .column5 .badge {
padding: 0px 0 0 0;
position: absolute;
z-index: 5;
}
.column5 .price{
color: #F00;
}
/* rating_all
----------------------------------------------- */
article #main-column .pageNav_top {
overflow: hidden;
font-size: 100%;
padding: 0 0 5px 0;
margin: 0px;
border-bottom: 1px dotted #626262;
}
article #main-column .pageNav{
font-size: 100%;
padding: 10px 20px 0 20px;
}
.pageNav form img{
float:right;
}
article #main-column .pageL {
width:100%;
float: left;
}
article #main-column .pageNav_top .pageL {
width: 50%;
}
article #main-column .pageR {
float: right;
}
article #main-column section.rating {
padding-bottom: 30px;
margin: 0 20px 5px 20px;
border-bottom: 1px dotted #626262;
}
article #main-column section.rating .reviewBox {
overflow: hidden;
margin: 15px 0 15px 0;
}
article #main-column section.rating .tmb {
float: left;
margin-right: 20px;
}
article #main-column section.rating .reviewTxt {
float: right;
width: 620px;
}
article #main-column section.rating .ttlArea {
overflow: hidden;
}
article #main-column section.rating h2 {
float: left;
font-size: 100%;
background: none;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 160%;
border-bottom: none;
}
article #main-column section.rating .btnMore {
float: right;
}
article #main-column section.rating .reviewTxt ul {
margin: 5px 0;
vertical-align: middle;
line-height: 120%;
overflow: hidden;
}
article #main-column section.rating ul li {
float: left;
margin-right: 5px;
font-size: 100%;
}
article #main-column section.rating .reviewTxt ul li {
float: left;
margin-right: 5px;
font-size: 89%;
}
article #main-column section.rating .comment p {
background: #eaeaea;
padding: 15px;
}
article #main-column section.rating .comment h3 {
padding: 20px 0 0 15px;
background: url(../img/shop/trigona.png) no-repeat;
font-size: 100%;
font-weight: bold;
}
/* rating_item
----------------------------------------------- */
article #main-column section.rating .reviewBox_item h2 {
color: #0C3;
float: left;
font-size: 75%;
background: none;
font-weight: bold;
padding: 0;
margin: 0;
line-height: 160%;
border-bottom: none;
}
article #main-column section.rating .reviewBox_item {
margin: 15px 0 15px 0;
}
article #main-column section.rating .reviewBox_item ul {
overflow: hidden;
vertical-align: middle;
line-height: 120%;
}
article #main-column section.rating .reviewBox_item ul li {
float: left;
margin-right: 5px;
margin-bottom: 10px;
font-size: 75%;
}
article #main-column section.rating .reviewBox_item ul li.point {
margin-right: 20px;
color: #F60;
font-weight: bold;
}
article #main-column section.rating ul li.space {
margin-right: 20px;
}
article #main-column #itemBox {
overflow: hidden;
margin: 0 20px 15px 20px;
}
article #itemBox h2 {
float: left;
font-size: 100%;
border-bottom: none;
}
article #itemBox p {
float: right;
}
/* shoppinguide
----------------------------------------------- */
section #guide h1 {
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 5px 0 5px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:14px;
font-weight:bold;
}
section #guide p {
font-size: 75%;
line-height: 175%;
margin: 10px 20px 5px 20px;
}
section #guide .guide01 {
padding-bottom: 20px;
}
section.guide01 img {
padding-left:25px;
padding-top:5px;
}
section #guide .guide01 h2 {
font-size: 75%;
font-weight: bold;
line-height: 200%;
border-bottom:1px dotted;
margin: 10px 20px 0 20px;
background: none;
padding: 0;
}
section #guide .guide01 ul {
font-size: 75%;
list-style-type: disc;
margin: 10px 20px 0 20px;
}
section #guide .inner {
overflow: hidden;
margin-bottom: 10px;
}
section #guide .inner .fL {
float: left;
width: auto;
margin-right: 20px;
max-width: 350px;
}
/* business
----------------------------------------------- */
section #guide .chart .ttlShop {
font-size: 100%;
font-weight: bold;
border: none;
margin: 0 20px 0 20px;
}
section #guide table {
line-height: 120%;
border-bottom: 1px dotted #626262;
margin: 0 0 0 20px;
width:730px
}
section #guide table th {
background-color: #EEEEEE;
border-top: 1px dotted #626262;
color: #626262;
font-size: 75%;
font-weight: bold;
padding: 15px 20px;
width: 100px;
}
section #guide table th.shopGuidePointClass{
width:530px;
}
section #guide table td {
font-size: 75%;
border-top: 1px dotted #626262;
padding: 15px 20px;
width: 530px;
}
.state_l {
border-top: 1px dotted #626262;
padding: 10px 20px 0 0;
font-size: 65%;
margin: 0 20px 0 20px;
}
.state_r {
display:none;
}
.state_l ul, .state_r ul {
line-height: 100%;
}
.state_l li, .state_r li {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 3px 0 0;
}
.state_l li.comment, .state_r li.comment {
border-left: 1px solid #626262;
padding: 0 0 0 5px;
}
.state_l li.cate, .state_r li.cate {
border-left: 1px solid #626262;
padding: 0 5px;
}
.state_l li.name {
border-right: 1px solid #626262;
padding: 0 5px 0;
margin: 0 5px 0 0;
}
#comment-post h2 {
font-size: 100%;
padding: 0;
}
#comment-form {
margin-left: 20px;
}
#comment-form h1 {
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 5px 0 5px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:14px;
font-weight:bold;
}
#comment-form legend {
background: none repeat scroll 0 0 transparent;
font-size: 75%;
line-height: 200%;
padding: 0;
width: 100%;
font-weight: bold;
}
#comment-form p {
margin-bottom: 15px;
}
#comment-form .name {
width: 215px;
height: 16px;
}
#comment-form .comment-txt {
width: 360px;
padding: 0;
height: auto;
}
#comment-post {
margin: 20px 0 0 20px;
}
.comment-box {
margin: 30px 0 0;
}
div.caution p {
color: #d51414;
font-size: 100%;
line-height: 145%;
}
.btn-confirmBack {
height: 25px;
width: 80px;
color: #FFF;
padding: 0 0 0 8px;
font-size: 75%;
font-size: 0.75rem;
text-align: center;
background: url(../img/btn-back_bg.gif) no-repeat left top;
border: none;
margin: 0 5px 0 0;
}
.btn-confirmBack:hover {
background: url(../img/btn-back_bg_on.gif) repeat-x left top;
}
.btn-confirmBack {
padding: 0 2px 2px 8px;
}
/*JournalList
----------------------------------------------- */
#JournalList h2, #Journal h2 {
font-size: 100%;
margin-left: 20px;
}
#JournalList .journal-cont {
margin: 0 0 15px 20px;
}
#Journal .journal-cont {
margin: 0 20px 0 20px;
}
#JournalList article {
margin: 0 20px 40px 0;
}
/* sitemap
----------------------------------------------- */
section#document_wrap h1 {
background: url(../img/side_ttl_ico.gif) no-repeat top left;
margin: 0;
font-size: 100%;
font-weight:bold;
color:#5fa2bc;
padding-left:15px;
margin: 0 20px 10px 20px;
}
section#document_wrap h2 {
font-size: 85%;
font-weight: bold;
line-height: 200%;
border-bottom:1px dotted;
margin-bottom: 10px;
background: none;
padding: 0;
}
section#document_wrap h2{
font-size: 100%;
margin: 0 20px 15px 20px;
border-left:5px solid #5fa2bc;
border-bottom:1px dotted #5fa2bc;
padding:.1em .7em;
}
section#document_wrap h3 {
font-size: 75%;
margin: 0 0 15px 20px;
}
section #document li {
font-size: 75%;
font-size: 0.75em;
}
section #document li.c1 {
padding-left:20px;
}
section #document section.tree00 ul.tree01{
padding-left: 20px;
}
section #document .txt-list01 {
padding-bottom: 30px;
}
section #document .txt-list01 li.c1 {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 25px 0 0;
}
section #document .txt-list01 li.c1 {
padding: 0 25px 0 20px;
}
section #document .txt-list02 {
padding-bottom: 10px;
overflow: hidden;
}
section #document .txt-list02 h3 {
font-weight: bold;
}
section #document .txt-list02 section.tree00 {
float: left;
padding: 0 35px 20px 0;
width:356px;
}
section #document .txt-list02 ul. {
padding: 0 0 0 12px;
overflow: hidden;
}
section #document .txt-list02 ul.tree01 li.c2 {
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.c3 {
padding: 0 0 0 28px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.c4 {
padding: 0 0 0 42px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 {
padding: 0 0 0 56px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp1 {
float:left;
padding: 0 0 0 14px;
margin: 0 0 0 3px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp2 {
float:left;
padding: 0 0 0 2px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 li.sp3{
float:left;
padding: 0 0 0 2px;
font-size: 75%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.tree01 ul.tree02 li.c5 a{
display: inline;
*display: inline;
*zoom: 1;
padding: 0 10px 0 0;
font-size: 110%;
font-size: 0.75rem;
}
section #document .txt-list02 ul.iB {
padding: 5px 0 0 12px;
float: left;
line-height: 120%;
}
section #document .txt-list02 ul.iB li {
padding: 0 10px 0 0;
float: left;
}
section #document .txt-list03 {
padding-bottom: 30px;
overflow: hidden;
}
section #document .txt-list03 section.tree00 {
float: left;
padding: 0 35px 0 0;
width: 156px;
}
section #document .txt-list03 ul.tree01 li {
padding: 0 0 0 7px;
margin: 0 0 0 5px;
background: url(../img/ico_list01.gif) no-repeat left center;
}
#enquete-header{
width:960px;
margin:0 auto;
}
#enquete-header #logo {
margin: 0 auto;
width: 960px;
}
#enquete-header #logo .shoplogo img{
display: table-cell;
vertical-align: middle;
padding: 5px 0;
}
#enquete-header #logo .shoplogo h1 {
max-width: 340px;
background: none;
margin: 0;
padding-top: 5px;
}
#enquete-header #logo .shoplogo h1 a:hover img, #enquete-header #logo h1 a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 1;
-moz-opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#enquete-header #logo .shoplogo img.float_right{float:right;}
#enquete-header #logo .shoplogo img.float_left{float:left;}
div.enquete-section{
padding:0;
}
#center-seo .mainCont,
#center3 .mainCont {
padding: 10px;
margin: 0px;
width: auto;
}
#center-seo .centerbox .caution,
#center3 .centerbox .caution {
font-weight: bold;
color: #d51414;
}
section .freeTop h2 {
border: medium none;
font-size: 100%;
font-weight: bold;
line-height: 165%;
margin-bottom: 10px ;
padding: 0 0 10px ;
}
.leftSearch {
overflow: hidden;
}
.leftSearch #searchbox_wrap {
margin-bottom: 30px;
overflow: hidden;
}
.leftSearch #searchbox {
color: #999999;
font-size: 65%;
line-height: 160%;
overflow: hidden;
text-align: right;
}
.leftSearch #searchbox form {
border: 1px solid #CCC;
float: left;
height: 27px;
width: 170px;
}
.leftSearch #searchbox input.searchbox {
border: medium none;
margin-left: 1px;
padding: 0 5px;
width: 125px;
height: 100%;
}
.leftSearch #searchbox input.searchSubmit {
padding: 1px 1px 0 0;
float: right;
}
.leftSearch #searchbox p {
display: none;
}
#header-inner h2 {
max-width : 340px;
}
.header_area {
padding:0px;
margin:0px;
font-size:12px;
}
.header_area p{
margin-bottom:10px;
margin-top:10px;
}
.header_area {
text-align:center;
padding:0px;
}
.footer_area {
text-align:left;
width:796px;
}
.pageNav form img{
float:right;
}
#main-column-full .footer_area {
margin-left: 50px;
}
#main-column .w100 .freeTop h2 {
background: url("../img/side_ttl_ico.gif") no-repeat;
padding-left: 15px;
}
#main-column .w100 .freeTop .freeAreaTitle {
margin: 0 0 0 15px;
padding: 0;
}
#main-column .half-cont .freeArea2 {
background: url("../img/Title-shop.gif") no-repeat;
}
#main-column .half-cont .freeArea2 .freeAreaTitle {
margin: 0 0 0 79px;
}
section.half-cont div.category section h3{
font-weight: bold;
line-height: 120%;
font-size: 12px;
}
div.cart-section div#contact img[height="1"]{
display:none;
}
.prev-hide {
background: none;
}
.itemDescFc{
position:absolute;
margin-left:5px;
}
.itemThumb-wrap-left{
width:170px;
padding-left:10px;
}
.itemThumb-wrap-right{
width:80%;
word-break:break-all;
margin-left:210px;
}
#enter #contents {
width: auto;
}
#enter{
width:992px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:30px;
padding:10px;
border:1px solid #ccc;
line-height:200%;
}
#enter center input[type="button"]{
padding-left:5px !important;
padding-right:5px; !important;
}
#enter .center input[type="button"]{
padding-left:5px !important;
padding-right:5px; !important;
}
#enter .layoutp3{
margin-left:15px;
margin-bottom:15px;
}
#enter p{
line-height:200%;
}
#enter a:link {
color:#0080FF;
text-decoration: none;
}
#enter a:visited {
color:#0080FF;
}
#enter a:hover {
color:#0080FF;
text-decoration: underline;
}
#enter .mypage_login{
margin-bottom:15px;
}
#enter #bread{
font-size:14px;
padding:5px 15px 5px 15px;
border-bottom:1px solid #ccc;
background:#000;
color:#FFF;
}
#enter .backcolor1 th{
padding:5px;
}
#enter table table td{
border-bottom:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
}
#enter table .layoutp3 table td{
border-bottom:none !important;
border-left:none !important;
}
/*---------------------------------------------
Browser Default Initialization seo_p_blue
---------------------------------------------*/
/*---------------------------------------------
form
---------------------------------------------*/
/* contact
----------------------------------------------- */
#contact {
width: 1012px;
margin: 0 auto;
}
.regi_next{
background: #20a6fa;
color:#FFF;
padding:5px 30px;
border:none;
margin-top:20px;
margin-bottom:20px;
}
.regi_back{
background: #20a6fa;
color:#FFF;
padding:5px 30px;
border:none;
margin-top:20px;
margin-bottom:20px;
}
input[type="button"] {
background: #20a6fa;
color:#FFF;
padding:5px 30px;
border:none;
margin-top:20px;
margin-bottom:20px;
}
.layoutp3 .border tr{
border-top:#B0B0B0 1px solid;
padding:5px;
}
.layoutp3 .layoutp3{
border:none;
}
.layoutp3 .layoutp3 tr{
border:none;
}
.layoutp3 .layoutp3 td{
border:none;
}
.bordlayoutp3 td{
padding:5px;
}
.bordlayoutp3 tr{
border-right:#B0B0B0 1px solid;
}
.backcolor1 { background:#EBEBEB;
border-top:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
}
.backcolor2 td{
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
.bordlayoutp3 .backcolor2{
border-top:#B0B0B0 1px solid;
}
.backcolor2{
border-right:#B0B0B0 1px solid;
}
.center .center{
text-align:center;}
.right{
float:right;
}
.bordlayoutp3{
width:1012px;
}
FORM NAME=NEXTM .backcolor1 { background:#EBEBEB;
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
border-right:#B0B0B0 1px solid;
}
.backcolor2{
border-left:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
}
/* contact
----------------------------------------------- */
.backcolor1 {
background: none repeat scroll 0 0 #D8D8D8;
}
.modelblock{
width:504px;
float:left;
padding-right:10px;
}
.recommend .itemThumb a img{
width:150px;
}
.column5 .itemThumb a img {
max-height: 150px;
max-width: 150px;
}
.grayhaikei{
width:796px;
background-color: #f2f2f2;
border:#f2f2f2 1px solid;
}
.graytsuyomi{
background:#FFFFFF;
margin:10px;
padding:10px;
}
.underline{
border-bottom:#000000 1px dotted;
margin-bottom:10px;
font-size:12px;
}
.brandspecial{
width:172px;
margin-left:0px;
margin-top:0px;
list-style-type:none;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
font-size:12px;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
}
.brandspecial2{
width:172px;
margin-left:0px;
list-style-type:none;
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
font-size:12px;
border-bottom:solid 1px #9E9E9E;
border-left:#999999 1px solid;
border-right:#999999 1px solid;
}
#brandintroduction2{
width:664px;
height:auto;
border:#616161 1px solid;
text-align:left;
background:url(https://www.kaitori-ginza.com/img/grayhaikei.gif);
padding:10px;
}
#brandintroduction2 a{
color:#840000;
text-decoration:underline;
}
.brandmei2{
padding-top:4px;
font-size:16px;
height:24px;
padding-left:15px;
background:url(//www.rasin.co.jp/images/brandmidashi.png);
margin-bottom:5px;
}
.brandmini2{
font-size:14px;
color:#999;
padding-top:10px;
}
.brandminimidashi2{
font-size:14px;
padding-top:10px;
text-decoration:none;
font-weight:normal;
border-bottom:1px dotted #000;
}
.quizmidashi{
font-size:24px;
color:#BF0000;
}
.daytona {
float:left;
margin-right:20px;
}
#guide{
height:60px;
width:304px;
border-bottom:#000 dotted 1px;
padding-top:10px;
padding-bottom:10px;
float:left;
margin-right:10px;
margin-bottom:10px;
}
.guidepict{
float:left;
border:#000 1px solid;
}
.guidename{
padding-left:10px;
float:left;
}
#guidemain{
float:left;
width:504px;
}
#guideright{
float:right;
width:170px;
border-right:#999999 1px solid;
border-left:#999999 1px solid;
border-bottom:#999999 1px solid;
}
#guideright ul{
padding:0px;
margin:0px;
}
#guideright li{
list-style-type:none;
margin-bottom:5px;
border-bottom:#999999 1px dotted;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
text-align:left;
}
.guideh3{
padding-top:10px;
padding-bottom:10px;
color:#0080FF;
font-size:18px;
clear:both;
}
#guideright .guideh3{
padding-top:10px;
padding-bottom:10px;
color:#0080FF;
font-size:14px;
padding-left:5px;
}
.ulhistory{
margin:10px;
padding:0px;
}
.yougoindex{
margin-left:0px;
list-style:none;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
background-color:#E6E6E6;
}
.yougoindex a{
color:#00C;
}
.historylist{
margin-left:0px;
list-style:none;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
margin-top:5px;
margin-bottom:5px;
}
.historylist a{
color:#003;
}
.dottomidashi{
border-bottom:#000 dotted 1px;
padding-bottom:10px;
padding-top:0px;
margin-top:0px;
font-size:18px;
clear:both;
}
.footer_area .dottomidashi{
border-bottom:#000 dotted 1px;
padding-bottom:10px;
padding-top:0px;
margin-top:0px;
font-size:12px;
clear:both;
}
.footer_area p{
font-size:12px;
}
.white1{
margin-top:0px;
font-size:30px;
font-weight:normal;
padding-top:25px;
margin-left:20px;
margin-bottom:10px;
color:#FFF;
font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.white2{
margin-top:0px;
font-size:24px;
margin-left:20px;
color:#FFF;
font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.h4midashi {
margin:0px;
padding-top:0px;
padding-bottom:0px;
color:#004993;
font-size:16px;
clear:both;
}
.collection {
float:left;
margin-right:5px;
border-bottom:1px dotted #000;
width:335px;
margin-bottom:20px;
padding-bottom:10px;
}
.leftindex{
width:174px;
margin-left:0px;
list-style-type:none;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
background-color:#E6E6E6;
}
.rightimg {
float: right;
padding-right: 10px;
padding-left: 10px;
margin-bottom:20px;
}
.categoryleft{
width:460px;
}
.categoryleft img{
float:right;
}
.categoryinfo{
width:280px;
}
.categoryinfo ul{
padding:2px 0px 2px 0px;
margin:0px;
}
.categoryinfo li{
list-style:none;
border-bottom:dotted #666 1px;
padding:3px 0px 3px 0px;
}
.buylink{
float:right;
}
p{
line-height:140%;
margin-top:10px;
margin-bottom:10px;
font-size:12px:
}
.header_center{
margin-left:auto;
margin-right:auto;
width:894px;
}
.woctext{
font-size:20px;
}
.red{color:#CC0000;}
.condition_li{
list-style:none;
background-color:#555;
color:#FFF;
font-size:12px;
margin:10px 20px 10px 0px;
float:left;
}
.condition_li a:link{
color:#FFF;
font-size:12px;
display:block;
background-color:#555;
padding:5px 20px 5px 20px;
}
.condition_li a:visited{
color:#FFF;
font-size:12px;
display:block;
background-color:#555;
padding:5px 20px 5px 20px;
}
.condition_li a:hover{
color:#FFF;
font-size:12px;
display:block;
background-color:#555;
padding:5px 20px 5px 20px;
text-decoration:underline;
}
.lady_li{
list-style:none;
background-color:#B5005A;
color:#FFF;
font-size:12px;
margin:10px 20px 10px 0px;
float:left;
}
.lady_li a:link{
color:#FFF;
font-size:12px;
display:block;
background-color:#B5005A;
padding:5px 20px 5px 20px;
}
.lady_li a:visited{
color:#FFF;
font-size:12px;
display:block;
background-color:#B5005A;
padding:5px 20px 5px 20px;
}
.lady_li a:hover{
color:#FFF;
font-size:12px;
display:block;
background-color:#B5005A;
padding:5px 20px 5px 20px;
text-decoration:underline;
}
.model_li{
float:left;
margin:7px 40px 7px 0px;
font-size:12px;
}
.model_li a{
color:#009;
font-size:12px;
}
.model_li a:hover{
color:#009;
font-size:12px;
text-decoration:underline;
}
.table1{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
background:#F3F3F3;
}
.table2{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
}
.table3{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
background:#F3F3F3;
}
.table4{
border:solid 1px #000000;
}
.table5{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
}
.table6{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
}
.table7{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
background:#F3F3F3;
}
.table8{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
}
.table9{
border-top:solid 1px #000000;
border-left:solid 1px #000000;
border-bottom:solid 1px #000000;
}
.table td{
padding:5px;
font-size:12px;
}
.image_left {
margin-bottom: 4px;
}
.otherpict{
margin-top:20px;
border:#f2f2f2 4px solid;
padding:20px;
}
.otherpict img{
width:200px;
margin-right:10px;
}
.itemOutline .fixed_price_str{
font-size:14px;
margin-bottom:20px;
line-height:300%;
vertical-align:middle;
}
.itemOutline .selling_price{
font-size:280%;
}
.itemOutline .special_price{
font-size:220%;
color:#E31500;
}
.column5 .sp_price{
color:#0080FF;
}
.column5 .price{
color:#0080FF;
}
.price td{
vertical-align:top;
}
.fx_price td{
vertical-align:middle;
}
.spec tr th{
line-height:300%;
}
#header p{
margin:0px;
}
table .centerbox{
width:1012px;
}
#formArea a:link {
color:#0080FF;
text-decoration: none;
}
#formArea a:visited {
color:#0080FF;
}
#formArea a:hover {
color:#0080FF;
text-decoration: underline;
}
.header2 {
width:1012px;
margin-left:auto;
margin-right:auto;
}
.bg_link {
padding-left: 22px;
background: url(//www.rasin.co.jp/common/img/ico_list.png) left center no-repeat;
padding-top:20px;
padding-bottom:20px;
}
.bg_link a {
color: #21A6FA;
font-size: 120%;
}
.txt_note {
color: #ff053a;
}
/*再定義化
////////////////////////////////////////////////////*/
html {
font-size: 70%;
}
* {
font-family: "メイリオ","ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size: 100%;
}
body {
font-size: 120%;
line-height: 2.0;
}
img {
vertical-align: top;
border: none;
font-size: 0;
}
/*デフォルトリンクカラー
////////////////////////////////////////////////////*/
a:link {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*レイアウト
////////////////////////////////////////////////////*/
#wrapper {
line-height: 200%;
}
.header_inner,
#globalNavi > ul,
.footer_inner {
width: 1012px;
margin: 0 auto;
min-width: 1012px;
overflow: hidden;
}
#globalNavi {
clear: both;
overflow: hidden;
}
#contents {
padding-bottom: 80px;
}
#main_contents {
float: left;
width: 796px;
padding-bottom: 40px;
}
#sidebar {
float: left;
width: 176px;
padding: 20px 10px;
background-color: #f2f2f2;
margin-right:20px;
}
#footer_banner {
clear: both;
}
/*------------------ header ---------------------*/
#header {
background-image: url(https://image1.shopserve.jp/rasin.co.jp/pic-labo/bg_header2.png);
background-repeat: repeat-x;
height:156px;
}
#header_cart {
background-image: url(https://image1.shopserve.jp/rasin.co.jp/pic-labo/bg_header2.png);
background-repeat: repeat-x;
height:115px;
}
/*------------------ ヘッダースクロール用ここから ---------------------*/
@media screen and (min-width:651px) {
#header {
width: 100%;
position: fixed;
transition: .5s;
z-index: 10;
height:161px;
}
.header2 {
padding-top:161px;
}
}
/*------------------ ヘッダースクロール用ここまで---------------------*/
#header_area1 {
position: relative;
height: 68px;
padding-top: 15px;
color: #fff;
}
#header_area1 .logo_area {
float: left;
padding-right: 20px;
}
#header_area1 .logo_area a {
display: block;
width: 162px;
height: 0;
padding-top: 45px;
overflow: hidden;
background-image: url(https://image1.shopserve.jp/rasin.co.jp/pic-labo/imglogo.png);
}
#header_area1 .lead_text {
height: 45px;
line-height: 45px;
font-size: 11px;
}
#header_area1 .sns_box {
position: absolute;
top: 10px;
right: 0;
}
#header_area1 .sns_box li {
display: inline;
margin-left: 5px;
}
#header_area1 .bn_tel {
position: absolute;
/*top: 40px;*/
right: 0;
}
.bn_tel a:hover img{
opacity:1;
filter: alpha(opacity=100);
}
#header_area1 .bn_tel img:nth-of-type(1) {
top: -5px;
}
#header_area1 .bn_tel img:nth-of-type(2) {
top: 12px;
}
#header_area1 .bn_tel img:nth-of-type(3) {
top: 35px;
}
#header_area1 .bn_tel img {
display: block;
position: absolute;
right: 0;
}
#header_area1 .lead_text {
float: left;
}
#header_area2 {
position: relative;
z-index: 100;
}
#header_area2 #searchform .select-ui {
position: absolute;
z-index: 200;
top: 0;
left: 0;
}
#header_area2 #searchform input[type="text"] {
position: absolute;
top: 0;
left: 200px;
background-color: #c4c4c4;
width: 250px;
height: 28px;
padding: 0 8px;
line-height: 28px;
border: none;
color: #6e6e6e;
}
#header_area2 #searchform input[name="search"] {
position: absolute;
top: 0;
left: 468px;
}
/*------------------ footer ---------------------*/
#footer {
clear: both;
border-top: 2px solid #e8e8e8;
width: 100%;
min-width: 1012px;
overflow: hidden;
}
#footer_area1 {
overflow: hidden;
padding: 36px 0;
background-color: #bbbbbb;
}
#footer_area2 {
clear: both;
padding: 15px 0;
background-color: #b0b0b0;
}
#footer_area3 {
clear: both;
padding-top: 10px;
padding-bottom: 80px;
background-color: #707070;
color: #adadad;
}
#footer .footer_nav {
float: left;
width: 240px;
padding-left: 15px;
border-left: 1px solid #dadada;
box-shadow: -1px 0 0 #a8a8a8;
}
#footer .footer_nav:first-child {
padding-left: 0;
border-left: none;
box-shadow: none;
}
#footer .footer_nav h2 {
margin-bottom: 10px;
font-weight: normal;
font-size: 120%;
color: #fff;
}
#footer_area2 li {
display: inline-block;
padding-left: 20px;
padding-right: 20px;
border-left: 1px solid #fff;
}
#footer_area2 li:first-child {
padding-left: 0;
border-left: none;
}
#footer_area2 li a {
color: #fff;
}
#footer_area3 .footer_inner {
position: relative;
}
#footer_area3 .bn_tel {
margin-top: 20px;
}
#footer_area3 .copyright {
position: absolute;
top: 0;
right: 0;
}
#footer_area3 .sns_box {
position: absolute;
top: 3em;
right: 0;
}
#footer_area3 .sns_box li {
display: inline;
margin-left: 5px;
}
#footer_area3 .footer_inner .secured {
position: absolute;
top: 40px;
right: 173px;
}
.bg_tit {
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 5px 0 5px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:14px;
font-weight:bold;
}
.blue {
color:#0080FF;
}
.footstep a:link {
color:#0080FF;
text-decoration: none;
}
.footstep a:visited {
color:#0080FF;
}
.footstep a:hover {
color:#0080FF;
text-decoration: underline;
}
.footstep {
padding-top:10px;
padding-bottom:10px;
}
.footstep img {
vertical-align:middle;
}
.footermodel a:link {
color:#0080FF;
text-decoration: none;
}
.footermodel a:visited {
color:#0080FF;
}
.footermodel a:hover {
color:#0080FF;
text-decoration: underline;
}
.left_back{
background:#FFF;
font-size:95%;
padding:5px;
}
.left_tit {
background: #555555;
color: #fff;
padding: 5px 0 5px 10px;
line-height: 20px;
/* box-shadow */
font-size:12px;
}
#bread-crumb a:link {
color:#0080FF;
text-decoration: none;
}
#bread-crumb a:visited {
color:#0080FF;
}
#bread-crumb a:hover {
color:#0080FF;
text-decoration: underline;
}
#bread-crumb{
width:1012px;
font-size:100%;
}
#formArea #bread-crumb{
width:1012px;
margin-top:20px;
}
#bread-crumb-listTop ol, .bread-crumb-listCate ol {
margin: 0;
padding: 0;
overflow: hidden;
*zoom: 1;
}
#bread-crumb-listTop ol li:first-child {
padding-left: 0;
background-image: none;
}
#bread-crumb-listTop, .bread-crumb-listCate {
margin: 0;
}
#bread-crumb-listTop ol li, .bread-crumb-listCate ol li {
float: left;
*float: none;
*display: inline;
padding: 7px 10px 7px 13px;
line-height: 10%;
background: url(//www.rasin.co.jp/hpgen/HPB/theme/img/breadcrumb_bg.gif) no-repeat left center;
}
#Detail #bread-crumb-listTop{
width:140px;
float:left;
}
.item_topics{
width:300px;
margin-top:20px;
margin-right:50px;
margin-bottom:50px;
float:left;
line-height:160%;
}
.item_topics2{
width:300px;
margin-top:20px;
margin-right:0px;
margin-bottom:50px;
float:left;
line-height:160%;
}
.item_topics img{
padding:4px;
border:#666 1px solid;
width:300px;
}
.item_topics2 img{
padding:4px;
border:#666 1px solid;
width:300px;
}
.item_topics h2{
font-weight:bold;
font-size:130%;
margin-top:15px;
margin-bottom:15px;
padding:0px;
}
.item_topics2 h2{
font-weight:bold;
font-size:130%;
margin-top:15px;
margin-bottom:15px;
padding:0px;
}
input[type="button"]:hover{
background:#C00;
}
.border .backcolor2 table{
border-right:none;
}
.border .backcolor2 table tr{
border-right:none;
}
.border .backcolor2 table td{
border-right:none;
}
.border .backcolor2 .layoutp5 tr td{
border-right:#B0B0B0 1px solid;
}
#cartNewmem table {
border-top:#B0B0B0 1px solid;
border-left:#B0B0B0 1px solid;
}
#cartNewmem td{
border-right:#B0B0B0 1px solid;
border-bottom:#B0B0B0 1px solid;
padding:5px;
}
#cartNewmem .backcolor{
background:#EBEBEB;
}
.recommend .column-set{
width:1012px;
float:left;
display:table;
border:none;
}
.recommend .column5{
width:148px;
padding:10px;
height:auto;
border:none;
}
.recommend .column5 .itemThumb img{
width:130px;
}
.recommend .column5 a{
color:#000;
}
.recommend .column5 .price{
font-size:105%;
color:#0080FF;
margin:0;
}
.recommend{
clear:both;
}
#leftsab{
display:none;
}
.txt_note {
color: #ff053a;
font-size:90%;
}
.recommend h2{
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 5px 0 5px 10px;
line-height: 24px;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
font-size:14px;
font-weight:bold;
}
.column-set .taxin{
display:none;
}
.column-set .fx_price{
font-size:105%;
}
.column-set .sp_price{
font-size:105%;
}
.column-set .price{
font-size:105%;
}
.column-set .sp_price .selling_price{
font-size:105%;
}
#itemList .selling_price{
font-size:105%;
}
.appeal{
margin-top:15px;
margin-bottom:15px;
width:1012px;
margin-left:auto;
margin-right:auto;
}
.pickup .column5 .sp_price{
color:#0080FF;
}
.pickup .column5 .price{
color:#0080FF;
}
.pickup .column-set .column5{
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.pickup .column5 {
float: left;
width: 130px;
padding:14px 14px 14px 14px;
}
.pickup .column5 .itemThumb img{
width:130px;
height:130px;
}
.pickup .column5 h3{
width:130px;
padding:0px;
margin:5px 0px;
line-height:200%;
}
.pickup .column5:nth-child(5n) {
padding:14px 14px 14px 14px;
}
.pickup .column5 .itemThumb {
display: table-cell;
text-align: center;
height: 130px;
width: 130px;
vertical-align: middle;
margin-bottom: 5px;
}
.pickup .column5 .item-list-span-img{
width:130px;
display:inline-block;
}
.pickup .column5 .itemThumb a img {
max-height: 130px;
max-width: 130px;
}
#main-column .pickup .column5 .badge {
padding: 3px 0 0 3px;
position: absolute;
z-index: 5;
}
.pickup{
clear:both;
padding-top:20px;
}
.brandlink{
background-color:#F7F7F7;
padding:10px 10px 0px 10px;
border-top:2px solid #000;
line-height:200%;
margin-top:20px;
margin-bottom:20px;
}
.brandlink a:link {
color:#000;
text-decoration: none;
}
.brandlink a:visited {
color:#000;
}
.brandlink a:hover {
color:#0080FF;
text-decoration: underline;
}
.modellink2{
padding-bottom:30px;
}
.modellink {
clear:both;
border-bottom:dotted 1px #CACACA;
line-height:300%;
}
.modellist2{
font-weight:bold;
float:left;
width:150px;
}
.modellist{
float:left;
margin-right:30px;
}
.brand_title{
font-size:18px;
border-bottom:#CDCDCD 2px solid;
padding-bottom:10px;
font-family: 'Judson';
}
#pager-top{
padding:0px;
}
.sp_price .selling_price_str {
display:none;
}
#formArea input[type="text"]:focus {background:#DFF3FF;
}
#formArea input{
margin:5px;
}
.off3 {
background-image: url(//www.rasin.co.jp/images/3offpriceback.jpg);
background-repeat: no-repeat;
height: 70px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.off3_limit {
background-image: url(//www.rasin.co.jp/images/3offpriceback_limit.jpg);
background-repeat: no-repeat;
height: 83px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.off3_limit_10under {
background-image: url(//www.rasin.co.jp/images/3offpriceback_limit_10under.jpg);
background-repeat: no-repeat;
height: 83px;
width: 360px;
margin-top: 5px;
padding-top: 15px;
margin-left: 45px;
position: relative;
}
.off2_limit {
background-image: url(//www.rasin.co.jp/images/2offpriceback_limit.jpg);
background-repeat: no-repeat;
height: 83px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.off3_limit_1000 {
background-image: url(//www.rasin.co.jp/images/3offpriceback_limit_1000.jpg);
background-repeat: no-repeat;
height: 83px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.off5_limit {
background-image: url(//www.rasin.co.jp/images/5offpriceback_limit.jpg);
background-repeat: no-repeat;
height: 83px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.off5_limit_1000 {
background-image: url(//www.rasin.co.jp/images/5offpriceback_limit2.jpg);
background-repeat: no-repeat;
height: 83px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.off10 {
background-image: url(//www.rasin.co.jp/images/10offpriceback.jpg);
background-repeat: no-repeat;
height: 70px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.off10_limit {
background-image: url(//www.rasin.co.jp/images/10offpriceback_limit.jpg);
background-repeat: no-repeat;
height: 83px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.off20_limit {
background-image: url(//www.rasin.co.jp/images/20offpriceback_limit.jpg);
background-repeat: no-repeat;
height: 83px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.a_gift_back {
background-image: url(//www.rasin.co.jp/images/amazongift_back.jpg);
background-repeat: no-repeat;
height: 83px;
width: 360px;
margin-top: 5px;
margin-left: 45px;
position: relative;
}
.a_gift_price {
position: absolute;
left: 115px;
top: 40px;
font-size: 30px;
font-weight: bold;
color: #F00;
}
.off3price {
position: absolute;
left: 105px;
top: 35px;
font-size: 30px;
font-weight: bold;
color: #F00;
}
.off3price_10under {
position: absolute;
left: 105px;
top: 42px;
font-size: 30px;
font-weight: bold;
color: #F00;
}
.selectbox{
display:none;
}
/* 商品ページ ローンシミュレーション */
.goriyou {
float: left;
width: 220px;
margin-left: 25px;
margin-top: 10px;
}
.sonotasupport {
float: right;
width: 220px;
margin-right: 25px;
margin-top: 10px;
}
#loan_simu {
height: 140px;
width: 454px;
background-color: #FFF;
padding: 8px;
margin-top: 7px;
color: #666;
font-size: 14px;
margin-left: 7px;
}
.loanprice {
height: auto;
width: 200px;
float: left;
margin-right: 10px;
}
.loanform {
width: 470px;
height: 50px;
}
#meyasu {
clear: both;
width: 170px;
float: left;
height: 25px;
padding-top: 5px;
}
.kingaku {
width: 400px;
clear: both;
height: 30px;
margin-top: 10px;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #666;
margin-bottom: 3px;
}
#loanbtn {
float: right;
width: 135px;
padding-top: 0px;
margin-right: 20px;
margin-top: 10px;
}
.loankaisu {
width: 100px;
float: left;
}
#osiharaigaku {
float: left;
height: 25px;
width: 160px;
padding-left: 40px;
padding-top: 5px;
}
.oshiharaiyen {
float: right;
height: 25px;
width: 30px;
padding-top: 5px;
}
.shousaikotira {
clear: both;
}
.s-price {
font-size:16px;
font-weight: bold;
color: #F00;
}
/* 商品ページ ローンシミュレーション */
.bordlayoutp3 input{
padding:10px;
}
/* ヘッダーナビのレイアウト設定
////////////////////////////////////////////////////*/
.h_sub_nav {
overflow: hidden;
float: right;
padding-top: 5px;
padding-bottom: 7px;
}
.h_sub_nav ul {
overflow: hidden;
float: left;
padding: 3px 5px;
}
.h_sub_nav ul li {
float: left;
font-size: 11px;
padding: 0 7px 0 10px;
margin: 0;
line-height: 1.4;
/*border-right: 1px solid #333;*/
}
.h_sub_nav .last {
border: none;
}
.btn_cart {
float: left;
}
/* グローバルナビのレイアウト設定
////////////////////////////////////////////////////*/
#globalNavi {
background: url(//www.rasin.co.jp/common/img/bg_nav.jpg) left bottom repeat-x;
border-bottom: 3px solid #606162;
}
#globalNavi ul {
overflow: hidden;
}
#globalNavi ul li {
float: left;
}
/* サイドナビのレイアウト設定
////////////////////////////////////////////////////*/
.side_bn_box li {
margin: 0 0 5px;
}
.side_nav {
margin: 0 0 10px;
}
.side_nav p {
background: #292929;
padding: 5px 10px;
color:#FFF;
font-weight: bold;
line-height: 1;
}
.side_nav > ul > li > a {
padding: 6px 10px 5px 10px;
display: block;
position: relative;
background-image: url(//www.rasin.co.jp/common/img/bg_side_border.png);
background-repeat: no-repeat;
background-position: center top;
background-color: #fff;
}
.side_nav > ul > li:first-child > a {
background-image: none;
}
.side_nav > ul > li > a:hover {
background: #888888;
color: #fff;
}
.side_nav > ul > li > a:after {
content: "";
background: url(//www.rasin.co.jp/common/img/ico_side_down.png) right top no-repeat;
position: absolute;
right: 10px;
height: 7px;
width: 15px;
}
.side_nav > ul > li > a:hover:after {
background: url(//www.rasin.co.jp/common/img/ico_side_down_hover.png) right top no-repeat;
}
.side_nav > ul > li.open > a {
background-image: none;
background-color: #888888;
color: #fff;
}
.side_nav > ul > li.open > a:after {
background: url(//www.rasin.co.jp/common/img/ico_side_up.png) right top no-repeat;
}
.side_nav ul li ul li {
}
.side_nav ul li ul li a {
padding: 8px 23px;
line-height: 1;
border: none;
display: block;
background: url(//www.rasin.co.jp/common/img/ico_side_gray.png) 10px center no-repeat #fff;
}
.side_nav ul li ul li.mens a {
background: url(//www.rasin.co.jp/common/img/ico_side_white.png) 10px center no-repeat #93d2fa;
color: #fff;
}
.side_nav ul li ul li.ladys a {
background: url(//www.rasin.co.jp/common/img/ico_side_white.png) 10px center no-repeat #fb8999;
color: #fff;
}
.side_nav ul li ul li.sidebrand a {
background: url(//www.rasin.co.jp/common/img/ico_side_white.png) 10px center no-repeat #FFF ;
padding-left:10px;
}
/* sidenav open時確認用 */
.side_nav ul li ul {
overflow: hidden;
height: 0;
}
.side_nav ul li.open ul {
height: auto;
}
/* フッターナビのレイアウト設定
////////////////////////////////////////////////////*/
.parent_box {
margin: 20px 0 20px 0;
font-size:120%;
}
.parent_box h2 {
font-size: 14px;
font-weight: bold;
}
.parent_box h2.bg_tit {
background: #555555;
color: #fff;
margin: 0 0 20px;
padding: 2px 0 1px 10px;
line-height: 1.6;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.4) 2px 2px 2px 0px;
}
.main_bn_box {
overflow: hidden;
margin: 0 0 10px -10px;
}
.main_bn_box p {
float: left;
margin: 0 0 0 10px;
}
.pickup_keywords {
padding: 9px 12px;
line-height: 1.4;
color: #7a7a7a;
background: #dfdfdf;
}
/* アイテム */
.item_table {
border-collapse: collapse;
}
.item_table td {
border: solid 1px #ccc;
text-align: center;
background: #fff;
vertical-align: top;
width: 138px;
cursor: pointer;
padding: 10px;
}
.item_table span {
position: relative;
display: block;
background: #fff;
}
.item_table .lady:after {
content:"";
background: url(//www.rasin.co.jp/common/img/recommend/txt_lady.png) no-repeat;
position: absolute;
width: 43px;
height: 19px;
bottom: 10px;
right: 10px;
display: block;
}
.item_table td:hover {
/* box-shadow */
/*box-shadow:rgb(0, 0, 0) 0px 0px 0px 10px inset;
-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 0px 10px inset;
-moz-box-shadow:rgb(0, 0, 0) 0px 0px 0px 10px inset;*/
background: #000;
}
.item_table td p {
font-size: 11px;
line-height: 1.0;
color: #333;
cursor: pointer;
background: #fff;
padding: 7px 0 0;
}
.txt_big_img {
padding: 7px 0 4px;
}
.item_table td a {
display: block;
}
.item_table td a:link {
text-decoration: none;
}
/* 新着商品 */
.new_item_table {
border-top: solid 1px #ccc;
}
.new_item_row {
display: table;
border-left: solid 1px #ccc;
}
.new_item_table dl {
display: table-cell;
width: 130px;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 14px 14px 25px;
position: relative;
}
.new_item_table td {
margin: 0 0 20px;
cursor: pointer;
}
.item_name {
line-height: 1.2;
margin: 1.5em 0 0;
}
.item_price {
color: #20a6fa;
margin: 3px 0 0;
}
.new_item_table .hover {
cursor: pointer;
}
.new_item_table .hover .item_name {
text-decoration: underline;
}
.new_item_table .hover .item_price {
text-decoration: underline;
}
.new_item_table .hover .item_price {
color: #20a6fa;
}
.new_item_table .hover img {
opacity: 0.5;
}
/* 更新情報 */
.bg_link a {
color: #21A6FA;
font-size: 120%;
}
.txt_note {
color: #ff053a;
line-height:160%;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin:0;
padding:0;
}
fieldset,
img {
border:0;
}
/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style:normal;
font-weight:normal;
}
/*
TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
list-style:none;
}
caption,
th {
text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size:100%;
font-weight:normal;
}
q:before,
q:after {
content:'';
}
abbr,
acronym {
border:0;
font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input,
textarea,
select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
color:#000;
}
.pickupbrand {
list-style-type: none;
margin-top: 5px;
margin-bottom: 10px;
}
.pickb {
margin-bottom: 3px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
.side_price > ul > li > a {
padding: 6px 10px 5px 10px;
display: block;
position: relative;
background-image: url(//www.rasin.co.jp/common/img/bg_side_border.png);
background-repeat: no-repeat;
background-position: center top;
background-color: #fff;
}
.side_price > ul > li:first-child > a {
background-image: none;
}
.side_price > ul > li > a:hover {
background: #888888;
color: #fff;
}
.side_price p {
background: #292929;
padding: 5px 10px;
color:#FFF;
font-weight: bold;
line-height: 1;
}
.side_price{
margin-bottom:10px;
}
.list_sub{
padding-left:20px;
}
.box_01 {
float: left;
width: 310px;
height: 50px;
margin-left: 40px;
}
.type {
float: left;
width: 128px;
height: 20px;
}
.box_02 {
float: left;
height: 50px;
width: 200px;
}
.checkbox {
margin-bottom: 5px;
width: 300px;
height: 20px;
margin-left: 5px;
}
.box_03 {
float: left;
height: 50px;
width: 300px;
}
#page_search {
height: 54px;
width: 1012px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
font-size: 12px;
color: #000;
margin:0px;
background:#F2F2F2;
padding-top: 13px;
padding-bottom: 11px;
}
.brand {
width: 240px;
height: 20px;
margin-left: 5px;
}
.choice_area {
height: 20px;
width: 300px;
}
.select_price {
height: 50px;
width: 120px;
float: right;
}
.price_upper {
margin-bottom: 5px;
height: 20px;
width: 100px;
}
.price_lower {
height: 20px;
width: 100px;
}
.search_area {
margin-bottom: 10px;
height: 20px;
width: 300px;
}
.btn {
margin-top: 2px;
height: 28px;
width: 60px;
margin-right: 40px;
}
.kakakutai_img {
float: left;
width: 63px;
height: 30px;
margin-top: 15px;
}
.zaiko {
float: right;
width: 160px;
height: 20px;
}
.btn:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}
.recommend .column-set .column5:nth-child(6n+1) {
clear:both;
}
.ct_spp {
width: 450px;
margin-top: 0px;
margin-left: 25px;
margin-bottom: 10px;
}
.loan_all {
width: 484px;
border: 3px solid #255675;
background-color: #ededed;
height: auto;
padding-bottom: 8px;
}
.loantopimg {
margin-top: 7px;
margin-left: 3px;
}
.payment_all {
background-color: #efefef;
height: 190px;
width: 490px;
margin-top: 10px;
border-radius: 7px; /* CSS3草案 */
-webkit-border-radius: 7px; /* Safari,Google Chrome用 */
-moz-border-radius: 7px; /* Firefox用 */
}
.payment_top {
margin-top: 5px;
margin-left: 7px;
}
.payment_wrap {
width: 490px;
}
.payment_left {
float: left;
width: 147px;
font-weight: bold;
color: #255675;
padding: 0px;
margin-left: 9px;
}
.payment_right {
width: 327px;
float: right;
margin-right: 7px;
}
.payment_rx {
font-size: 90%;
}
.payment_card {
line-height: 15px;
color: #255675;
padding-top: 9px;
}
.payment_txt {
line-height: 33px;
color: #255675;
}
.payment_img {
margin-top: 3px;
}
.goriyou_all {
height: 250px;
width: 490px;
background-color: #efefef;
margin-top: 10px;
border-radius: 7px; /* CSS3草案 */
-webkit-border-radius: 7px; /* Safari,Google Chrome用 */
-moz-border-radius: 7px; /* Firefox用 */
}
.goriyou_top {
margin-top: 5px;
margin-left: 7px;
}
.goriyou .item_icon .bluelink {
line-height: 20px;
}
.sonotasupport .item_icon2 .bluelink {
line-height: 20px;
}
.bunner_area {
margin-top: 10px;
}
.bunner_area_all {
width: 475px;
margin-left: 15px;
}
.escape_clause {
height: auto;
width: 490px;
background-color: #ebebeb;
margin-top: 10px;
padding-bottom: 5px;
border-radius: 7px; /* CSS3草案 */
-webkit-border-radius: 7px; /* Safari,Google Chrome用 */
-moz-border-radius: 7px; /* Firefox用 */
}
.escape_top {
margin-top: 5px;
margin-left: 7px;
}
#used_toku {
margin-left: 7px;
margin-top: 2px;
}
#main-column-full #document_wrap #document{
font-size:160%
}
.cont_part {
width: 252px;
height: 240px;
float: left;
margin-left: 10px;
background-color: #FFFFFF;
margin-bottom: 10px;
}
.top_cont {
width: 796px;
height: auto;
margin-top: 10px;
padding-top: 15px;
padding-bottom: 5px;
background-color: #E8E4E4;
}
.cont_text {
width: 232px;
height: 70px;
padding: 10px;
font-size: 12px;
margin-bottom: 0px;
}
.cont_title {
font-weight: bold;
padding-bottom: 0px;
margin-bottom: 0px;
font-size: 110%;
color: #2D2C2C;
}
.cont_sent {
color: #2D2C2C;
line-height: 150%;
display: block;
}
.comingsoon{
margin-left:106px;
margin-bottom:30px;
width:800px;
color:#ff0800;
font-weight: bold;
}
/* 検索窓追記*/
#condition_clear {
height: 20px;
width: 150px;
margin-top: 1px;
font-size: 90%;
cursor: pointer;
}
.box_04 {
float: right;
height: 50px;
width: 150px;
}
/* カテゴリーページ下部*/
.title_bar {
width: auto;
height: 40px;
text-align: center;
font-weight: bold;
border-top: 3px solid #000000;
border-bottom: 3px solid #000000;
font-family: "Times New Roman", Times, serif;
color: #000000;
font-size: 24px;
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: 20px;
font-style: normal;
}
#ban-all {
width: 796px;
height: 10 00px;
}
.contents_part {
width: 188px;
height: 470px;
margin-right: 5px;
margin-bottom: 0px;
float: left;
position: relative;
}
.contents_part2 {
width: 188px;
height: 160px;
margin-right: 5px;
margin-bottom: 30px;
float: left;
position: relative;
}
.contents_all {
margin-left: 13px;
margin-top: 30px;
}
.contents_headtext {
margin-left: 0px;
text-align: center;
border-bottom: thin dotted #ADA8A8;
padding-bottom: 5px;
font-size: 12px;
}
.contents_img {
width: 188px;
}
.contents_text {
margin-top: 5px;
margin-bottom: 0px;
font-size: 13px;
line-height: 140%;
height: 60px;
}
.read_more {
color: #6B6969;
font-size: 12px;
}
.ranking_icon {
position: absolute;
left: 0px;
top: -20px;
z-index:1;
}
.item_desc {
color: #6B6969;
font-size: 12px;
line-height: 130%;
}
.wrapper_oder{
height: 150px;
width: 1012px;
}
.oder_title{
background-color:#414141;
color:#FFFFFF;
padding:7px 5px;
margin-left: 8px;
font-size:12px;
}
.oder_ul{
width:1012px;
margin: 20px 0 0 0;
padding: 0px;
}
.oder_li{
margin: 2px 0;
text-decoration: none;
list-style:none;
display: inline-block;
font-size: 12px;
float:left;
padding: 2px 10px;
line-height: 1;
border-right: 1px solid #414141;
}
.oder_li a{
text-decoration: none;
color:#000000;
}
@media screen and (max-width:480px) {
.comingsoon{
margin-left:0px;
width: 100%;
color:#ff0800;
font-weight: bold;
}
}
.entry h1{
font-size:13px;
}
.entry{
padding:20px;
border:#CDCDCD 2px solid;
margin-bottom:20px;
margin-top:20px;
clear:both;
}
.top_h1{
position: absolute;
top:10px;
left: 50%;
margin-left:-323px;
color:#FFF;
font-size:11px;
}
/* 左右に帯設置 */
.obi_left {
background-image: url(//www.rasin.co.jp/images/summer_sale_banner_100x640_1.jpg);
background-repeat: repeat-y;
background-position: left top;
width: 100px;
height: 6400px;
position: absolute;
top: 0px;
left: 0px;
}
.obi_right {
background-image: url(//www.rasin.co.jp/images/summer_sale_banner_100x640_1.jpg);
background-repeat: repeat-y;
background-position: right top;
width: 100px;
height: 6400px;
position: absolute;
top: 0px;
right: 0px;
}
.right .button1 {
display: none;
}
.blue_head {
padding: .5em .75em;
background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
font-weight: bold;
text-align: center;
}
div#rightArea {
width: 200px;
height: 270px;
position: fixed;
top: 170px;
right: -30px;
text-indent:-9993px;
z-index:30;
display:block;
}
div#rightArea .right1 {
outline:none;
display: block;
position: relative;
width:162px;
height: 132px;
right: 0px;
z-index:30;
background-attachment: scroll;
background-color: transparent;
background-image: url(//www.rasin.co.jp/images/left_loan162x132.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#rightArea .right2 {
outline:none;
display: block;
position: relative;
width:162px;
height: 132px;
margin-top:5px;
right: 0px;
z-index:30;
background-attachment: scroll;
background-color: transparent;
background-image: url(//www.rasin.co.jp/images/left_return162x132.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#rightArea .right3 {
outline:none;
display: block;
position: relative;
width:162px;
height: 132px;
margin-top:5px;
right: 0px;
z-index:30;
background-attachment: scroll;
background-color: transparent;
background-image: url(//www.rasin.co.jp/images/left_kaitori162x132.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#rightArea .right1:hover {
width:162px;
right: 5px;
}
div#rightArea .right2:hover {
width:162px;
right: 5px;
}
div#rightArea .right3:hover {
width:162px;
right: 5px;
}
.links {
position: fixed;
bottom: 0;
left: 0;
background: rgba(0,0,0, 0.8);
z-index: 1000;
width: 100%;
color: #fff;
}
.links a {
display: inline-block;
padding: 7px 10px;
font-size: 11px;
color: #fff;
}
.links .linkbox {
float: left;
}
.links .searchbox {
margin-top: 3px;
margin-left: 20px;
height: 18px;
font-size: 90%;
opacity: 1;
}
.links .searchbox form .searchSubmit {
margin-top: 3px;
}
table.sps-inputTablePopup {
width: 98%;
margin-top: 10px;
border-top: solid 1px #ccc;
}
/*商品ページ下部ホットコンテンツ*/
.hot_contents_area {
max-width: 1012px;
margin: 50px auto;
padding: 0 20px;
}
.hot_contents_area .midashi {
padding: 20px 0;
}
.hot_contents_area .midashi h2 {
margin: 0;
padding: 0 0 5px;
font-size: 36px;
line-height: 1;
font-weight: 400;
text-align: center;
}
.hot_contents_area .midashi p {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1;
text-align: center;
}
.hot_contents_area ul {
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
overflow: hidden;
}
.hot_contents_area ul li {
width: 49%;
margin: 0 2% 0 0;
border-top: 1px dotted #929292;
float: left;
}
.hot_contents_area ul li:nth-child(2n) {
margin: 0;
}
.hot_contents_area ul li:nth-last-child(1),
.hot_contents_area ul li:nth-last-child(2) {
border-bottom: 1px dotted #929292;
}
.hot_contents_area ul li a {
display: block;
padding: 15px 0;
text-decoration: none;
color: #000;
font-size: 12px;
line-height: 1.5;
overflow: hidden;
position: relative;
}
.hot_contents_area ul li img {
display: block;
width: 33%;
padding: 0;
border: 1px solid #a5a5a5;
box-sizing: border-box;
float: left;
}
.hot_contents_area ul li .c_conte {
width: 67%;
padding: 0 20px 0 15px;
box-sizing: border-box;
float: left;
}
.hot_contents_area .c_conte p {
margin: 0;
}
.c_time {
display: block;
padding: 0 0 10px;
color: #a5a5a5;
font-size: 11px;
line-height: 1;
}
.c_title {
padding: 0 0 10px;
font-size: 15px;
line-height: 1.2;
}
.c_title:hover {
color: blue;
text-decoration: underline;
}
.c_icon::after {
content: "＞";
position: absolute;
top: 50%;
right: 0;
color: #a5a5a5;
font-size: 18px;
font-weight: bold;
transform: translate(0,-50%) scale(0.6,1);
}
.new_icon::after {
content: "NEW!";
padding: 0 2px;
border-radius: 3px;
background: #f39;
color: #fff;
font-size: 10px;
line-height: 1;
position: relative;
left: 10px;
}
.btn_ichiran {
width: 100%;
margin: 30px 0 0 0;
overflow: hidden;
padding-left: 343px;
}
.btn_ichiran a {
display: block;
width: 240px;
padding: 25px;
background-color: #929292;
border: 2px solid #929292;
color: #fff;
font-size: 14px;
line-height: 1;
text-decoration: none;
text-align: center;
position: relative;
}
.btn_ichiran>a>span.c_icon::after {
color: #fff;
right: 10px;
}
.btn_ichiran a:hover {
background-color: #fff;
color: #929292;
}
.btn_ichiran>a:hover>span.c_icon::after {
color: #929292;
}
section #document .txt-list02 ul.tree01 li.c2 span a, section #document .txt-list02 ul.tree01 li.c3 span a {
font-size: 120%;
}
/*会員ページ*/
.bordlayoutp3 tr th {
border: #B0B0B0 1px solid;
}
.bordlayoutp3 table {
width: 98% !important;
}
table .centerbox div {
margin: 0;
}
td.backcolor2 p {
margin: 10px 0 0 0!important;
}
.mw_wp_form_send_error {
display: none;
}
@media screen and (max-width: 1260px) {
.obi_right {
visibility: hidden;
}
.obi_left {
visibility: hidden;
}
div#rightArea{
visibility: hidden;
}
}