@charset "utf-8";

/* @import url("../packages/default/css/import.css"); */

@import url("../packages/default/css/under.css");
@import url("../packages/default/css/under02.css");

*{margin:0; padding:0;}
body{ margin:10px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

.wrap{width:880px; clear:both;}
#wrap-left{ float:left; width:270px;}
.wrap-side{ background:#F0F0F0; margin-bottom:5px; padding:10px;}
#wrap-right{width:600px; float:right;}
.right-contents{width:600px; clear:both; background:url(../../new-topmain/line/line.jpg) repeat-x; padding-top:30px; margin-top:15px; float:left;}
/* 1カラム設定 */
.one_maincolumn {padding: 10px 0 0 0;}

.mini { font-size: 60%; }

.area40 {
height:134px;
width:302px;
}
.area45 {
height:290px;
width:337px;
}
.area46 {
height:134px;
width:337px;
}
.area50 {
height:290px;
width:372px;
}
.area55 {
height:290px;
width:407px;
}
.area65 {
height:290px;
width:444px;
}
.area68 {
height:134px;
width:498px;
}
.area80 {
height:134px;
width:572px;
}
.area80_2 {
height:420px;
width:572px;
}
.area92 {
height:160px;
width:666px;
}
.area96 {
height:420px;
width:694px;
}
.area96_2 {
height:160px;
width:694px;
}

/* head */

h1{ background: url(../../new-header/logo.jpg) no-repeat; width:208px; height:60px; text-indent:-9999px; font-size:2px;}
h2{ background: url(../../new-header/free-daiyal2.jpg) no-repeat; width:400px; height:60px; float:right; text-indent:-9999px; font-size:2px;}


/* head-Menu */
ul#head-Menu{float:right; list-style:none; font-size:0.8em; margin:10px 0;}
ul#head-Menu li{ float:right; margin-left:10px;}
ul#head-Menu li a{ color:#009900;}


/* main-Menu */
ul#Menu{list-style:none;margin-left:4px;}
ul#Menu li{ float:left;text-indent:-9999px; font-size:2px; margin:0 3px 3px 0; display:inline;}
ul#Menu li a{ display:block; width:143px; height:25px;}

#menu01:link,#menu01:visited{ background: url(../../new-header/h01-tv.jpg) no-repeat;}
#menu02:link,#menu02:visited{ background: url(../../new-header/h02-osouji.jpg) no-repeat;}
#menu03:link,#menu03:visited{ background: url(../../new-header/h03-kitchn.jpg) no-repeat;}
#menu04:link,#menu04:visited{ background: url(../../new-header/h04-zakka.jpg) no-repeat;}
#menu05:link,#menu05:visited{ background: url(../../new-header/h05-car.jpg) no-repeat;}
#menu06:link,#menu06:visited{ background: url(../../new-header/h06-fashon.jpg) no-repeat;}
#menu07:link,#menu07:visited{ background: url(../../new-header/h07-biyou.jpg) no-repeat;}
#menu08:link,#menu08:visited{ background: url(../../new-header/h08-kenkou.jpg) no-repeat;}
#menu09:link,#menu09:visited{ background: url(../../new-header/h013-bath.jpg) no-repeat;}
#menu10:link,#menu10:visited{ background: url(../../new-header/h09-eco.jpg) no-repeat;}
#menu11:link,#menu11:visited{ background: url(../../new-header/h011-out.jpg) no-repeat;}
#menu12:link,#menu12:visited{ background: url(../../new-header/h010-kisetu2.jpg) no-repeat;}

#menu01:hover{ background: url(../../new-header/h01-tv-ov.jpg) no-repeat;}
#menu02:hover{ background: url(../../new-header/h02-osouji-ov.jpg) no-repeat;}
#menu03:hover{ background: url(../../new-header/h03-kitchn-ov.jpg) no-repeat;}
#menu04:hover{ background: url(../../new-header/h04-zakka-ov.jpg) no-repeat;}
#menu05:hover{ background: url(../../new-header/h05-car-ov.jpg) no-repeat;}
#menu06:hover{ background: url(../../new-header/h06-fashon-ov.jpg) no-repeat;}
#menu07:hover{ background: url(../../new-header/h07-biyou-ov.jpg) no-repeat;}
#menu08:hover{ background: url(../../new-header/h08-kenkou-ov.jpg) no-repeat;}
#menu09:hover{ background: url(../../new-header/h013-bath-ov.jpg) no-repeat;}
#menu10:hover{ background: url(../../new-header/h09-eco-ov.jpg) no-repeat;}
#menu11:hover{ background: url(../../new-header/h011-out-ov.jpg) no-repeat;}
#menu12:hover{ background: url(../../new-header/h010-kisetu-ov2.jpg) no-repeat;}

#bnr01{
background:url(../../new-header/souryo-bana-natu.jpg) no-repeat top;
margin:5px 0;
height:45px;
text-indent:-9999px;font-size:2px;
}

/* ---------------------------------------------------------------------contents */

.white {
color:#FFFFFF;
}
.whitest {
color:#FFFFFF;
font-weight:bold;
}
.red {
color:#EC0000;
}
.redst {
font-weight:bold;
}
.blue {
color:#3A75AF;
}
.bluest {
color:#3A75AF;
font-weight:bold;
}
.black {
color:#000000;
}
.blackst {
color:#000000;
font-weight:bold;
}
.orange {
color:#FF6600;
}
.orangest {
color:#FF6600;
font-weight:bold;
}
.grayst {
color:#474747;
font-weight:normal;
}
.dred {
color:#990000;
font-size:12px;
font-weight:bold;
}
.red-l {
color:#FF0000;
font-size:16px;
font-weight:bold;
}
.picture {
border:1px solid #CCCCCC;
}
img {
border:0px none;
}

/* contents-left */
hr{ margin:7px 0;}

#seach_btn{
background:url(../../sonota/btn_seach.gif) no-repeat;
margin-top:6px;
width:50px; height:20px;
text-indent:-9999px;font-size:2px;
display:block;
float:right;
}

#txt_box{
width:160px;
height:18px;
margin:5px 0;
}

#side-Menu{text-align:center;}
#side_ttl{color:#999900; font-weight:bold;
font-size:14px;
background:url(../../sonota/side_top.gif) top no-repeat;
padding:20px 0;
}
 
#waku-btm{ background:url(../../sonota/side_btm.gif) no-repeat bottom; height:15px;}

ul#side-Menu{
text-align:left;
padding-left:20px;
background:#FFFFFF;
border-left:#666666 1px solid;
border-right:#666666 1px solid;
width:198px;
margin-left:15px;
}
*html ul#side-Menu{margin-left:0px;}
*:first-child+html ul#side-Menu{margin-left:0px;} 

ul#side-Menu li{
margin-left:25px;
font-size:0.9em;
line-height:1.5em;
margin-bottom:3px;
}

.sidemenu000{width:180px; height:26px; clear:both;}

.sidemenu00{width:180px; height:26px; margin-top:15px; clear:both;}
*html .sidemenu00{margin-left:-25px;}
*:first-child+html .sidemenu00{margin-left:-25px;}

.sidemenu00 a,.sidemenu000 a{
display:block;
width:100%; height:100%;
text-indent:-9999px; font-size:2px;
}

#sidemenu01:link,#sidemenu01:visited{ background: url(../../sidemenu/side001.gif) no-repeat;}
#sidemenu02:link,#sidemenu02:visited{ background: url(../../sidemenu/side002.gif) no-repeat;}
#sidemenu03:link,#sidemenu03:visited{ background: url(../../sidemenu/side003.gif) no-repeat;}
#sidemenu04:link,#sidemenu04:visited{ background: url(../../sidemenu/side004.gif) no-repeat;}
#sidemenu05:link,#sidemenu05:visited{ background: url(../../sidemenu/side005.gif) no-repeat;}
#sidemenu06:link,#sidemenu06:visited{ background: url(../../sidemenu/side006.gif) no-repeat;}
#sidemenu07:link,#sidemenu07:visited{ background: url(../../sidemenu/side007.gif) no-repeat;}
#sidemenu08:link,#sidemenu08:visited{ background: url(../../sidemenu/side008.gif) no-repeat;}
#sidemenu09:link,#sidemenu09:visited{ background: url(../../sidemenu/side009.gif) no-repeat;}
#sidemenu10:link,#sidemenu10:visited{ background: url(../../sidemenu/side010.gif) no-repeat;}
#sidemenu11:link,#sidemenu11:visited{ background: url(../../sidemenu/side0011.gif) no-repeat;}
#sidemenu12:link,#sidemenu12:visited{ background: url(../../sidemenu/side012.gif) no-repeat;}
#sidemenu13:link,#sidemenu13:visited{ background: url(../../sidemenu/side013.gif) no-repeat;}

#sidemenu01:hover{ background: url(../../sidemenu/over/side001.gif) no-repeat;}
#sidemenu02:hover{ background: url(../../sidemenu/over/side002.gif) no-repeat;}
#sidemenu03:hover{ background: url(../../sidemenu/over/side003.gif) no-repeat;}
#sidemenu04:hover{ background: url(../../sidemenu/over/side004.gif) no-repeat;}
#sidemenu05:hover{ background: url(../../sidemenu/over/side005.gif) no-repeat;}
#sidemenu06:hover{ background: url(../../sidemenu/over/side006.gif) no-repeat;}
#sidemenu07:hover{ background: url(../../sidemenu/over/side007.gif) no-repeat;}
#sidemenu08:hover{ background: url(../../sidemenu/over/side008.gif) no-repeat;}
#sidemenu09:hover{ background: url(../../sidemenu/over/side009.gif) no-repeat;}
#sidemenu10:hover{ background: url(../../sidemenu/over/side010.gif) no-repeat;}
#sidemenu11:hover{ background: url(../../sidemenu/over/side011.gif) no-repeat;}
#sidemenu12:hover{ background: url(../../sidemenu/over/side012.gif) no-repeat;}
#sidemenu13:hover{ background: url(../../sidemenu/over/side013.gif) no-repeat;}

ul.info_navi {
list-style-position:inside;
list-style-type:none;
margin-left:5px;
}
ul.info_navi li {
border:medium none;
font-size:14px;
line-height:2em;
vertical-align:middle;
}
ul.info_navi li p {
font-size:90%;
text-indent:1em;
}
ul.info_navi li img {
margin:5px 0px 0px 10px;
}

/* ログイン
----------------------------------------------- */
div#loginarea {
    width: 228px;
    padding: 0 10px 10px 10px;
    border: solid 1px #ccc;
    text-align: center;
}

div#loginarea p {
    padding: 2px 0 0 0;
}

div#login img {
    padding: 0 5px 0 0;
    vertical-align: bottom;
}

div#loginarea .btn {
    text-align: center;
    margin-top: 3px;
}

#loginarea .box96 {
    width: 100px;
    text-valign: middle;
    border: solid 1px #ccc;
}


#login_btn{
background: url(../../sonota/login.png) no-repeat;
width:82px; height:21px;
display:block;
text-indent:-9999px; font-size:2px;
margin:10px auto 5px auto;}

#member {
background-image:url(../../img/navi/point.jpg);
background-repeat:no-repeat;
height:187px;
margin-bottom:10px;
width:250px;
}
a.first {
border:0px none;
display:block;
height:47px;
left:16px;
position:relative;
top:68px;
width:217px;
}
a.touroku {
border:0px none;
display:block;
height:48px;
left:16px;
position:relative;
top:71px;
width:215px;
}
a img {
border-style:none;
}

.title {
background-color:#EEEEEE;
background-image:url(/img/main/title.gif);
background-repeat:repeat-x;
border:1px solid #CCCCCC;
padding:0px 5px 5px;
}
.title h3 {
background-image:url(/img/main/eye_c.gif);
background-repeat:no-repeat;
font-size:13px;
font-weight:normal;
line-height:20px;
margin-bottom:10px;
margin-top:6px;
padding-left:20px;
}

div#search {
    width: 248px;
    border: solid 1px #ccc;
    margin-top:5px;
}

#cart-pri {
border:1px solid #CCCCCC;
font-size:12px;
height:200px;
margin-left:30px;
overflow:auto;
vertical-align:top;
width:620px;
}

/* contents-right */

.top_flash{
padding-bottom:0px;
}

#news{
background: #FFFFE8;
overflow:auto;
padding:10px;
width:580px;
height:120px;
font-size:0.8em;
line-height:1.5em;
}

#cote01{background: url(../../new-topmain/line/osusume-line.jpg) top no-repeat; padding-top:35px;font-size:0.8em; float:left;}
#cote02{background: url(../../new-topmain/line/tv-line.jpg) top no-repeat; padding-top:35px;font-size:0.8em; float:left;}
#cote03{background: url(../../new-topmain/line/rank-line.jpg) top no-repeat; padding-top:35px;font-size:0.8em; float:left;}

#cote01 img,#cote02 img,#cote03 img{border:none; margin-bottom:5px;}
#cote01 p,#cote02 p,#cote03 p{ text-align:center; float:left; padding:0 0 5px 0; margin:0 1px 10px 0; width:118px; }
.color_g{background:#F0F0F0;}
#cote03 p span{ color:#FF0000; font-weight:bold; display:block;}

.bnr02{margin:5px 0;}

#osusume {
float:left;
font-size:13px;
height:230px;
text-align:center;
width:233px;
}
#osusume div {
padding:5px;
}
div.ichiran {
float:left;
font-size:14px;
height:210px;
text-align:center;
width:195px;
}
div.ichiran div{width:175px}
.ich-title {
background:transparent url(/img/products/i-title.gif) no-repeat scroll 0%;
margin-bottom:10px;
padding:14px 0px 10px;
width:600px;
}

div.ichiran2 {
float:left;
font-size:14px;
height:150px;
text-align:center;
width:140px;
}
div.ichiran2 div{width:200px}

.ich-title span {
font-size:16px;
line-height:16px;
margin-left:30px;
}
.fs12p {
font-size:12px;
line-height:1.3em;
}
.fs13p {
font-size:13px;
line-height:20px;
}
.fsb {
font-weight:bold;
}
.fs14-w {
color:#FFFFFF;
font-size:14px;
line-height:20px;
padding:5px;
}
.fs14-b {
font-size:14px;
line-height:20px;
padding:5px;
}
.fs10 {font-size: 62.5%; line-height: 150%;}
.fs12 {font-size: 100%; line-height: 150%;}
.fs14 {font-size: 87.5%; line-height: 150%;}
.fs18 {font-size: 117.5%; line-height: 150%;}
.fs22 {font-size: 137.5%; line-height: 130%;}
.fs24 {font-size: 150%; line-height: 130%;}
.fs30 {font-size: 187.5%; line-height: 125%;}
.fs10n {font-size: 62.5%;}
.fs12n {font-size: 75%;}
.fs14n {font-size: 87.5%;}
.fs18n {font-size: 117.5%;}
.fs22n {font-size: 137.5%;}
.fs24n {font-size: 150%;}
.fs30n {font-size: 187.5%;}
.fs12st {font-size: 75%; line-height: 150%; font-weight: bold;}

#is ul, #is ol, #is li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#is #title_setumei {
background:transparent url(/img/products/title_setumei.gif) repeat scroll 0%;
height:26px;
margin:10px 0pt;
text-indent:-5000px;
width:580px;
}
#is .item_tbl01 img {
border:1px solid #CCCCCC;
padding:6px;
}
#is .setumei_text {
font-size:14px;
padding:10px 10px;
vertical-align:top;
}
#is .border01 {
background:transparent url(/img/products/bar01.gif) repeat scroll 0%;
height:9px;
margin:10px 0pt;
width:580px;
}
#is .setumei_text01 {
font-size:14px;
font-weight:bold;
height:auto;
line-height:1.1em;
margin-bottom:0px;
padding:6px;
width:568px;
}
#is .setumei_text02 {
color:#FF9900;
font-size:14px;
height:auto;
line-height:1.1em;
margin-bottom:0px;
padding:6px;
width:568px;
}
#is .setumei_text03 {
font-size:14px;
height:auto;
line-height:1.1em;
margin-bottom:0px;
padding:6px;
width:568px;
}
#is .setumei_text03 li {
background:transparent url(/img/products/list01.gif) no-repeat scroll left top;
margin-bottom:6px;
margin-left:0px;
padding-left:20px;
}
#is .setumei_text04 {
font-size:14px;
height:auto;
line-height:1.1em;
margin-bottom:10px;
padding:6px;
width:568px;
}
#is .setumei_text05 {
font-size:14px;
height:auto;
line-height:1.1em;
margin-bottom:10px;
padding:0px;
width:580px;
}
#is .setumei_text05 table td, #is .setumei_text05 table th {
padding:3px;
}

#sitemap {
margin-left:100px;
}
#sitemap ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#sitemap ul li {
line-height:20px;
}
#sitemap ul ul {
margin-left:2em;
}
#map {
margin-bottom:20px;
width:580px;
}
#map h3 {
margin-bottom:0px;
}


/* Footer */
#copy{
text-align:center;
font-size:0.8em;
line-height:1.5em;
margin:10px 0;
padding:10px 0 0 0;
border-top: solid 1px #666666;
}

#footer-Menu{
text-align:center;
margin:10px 0;
font-size:0.8em;
line-height:1.5em;
}

#footer-bnr{
text-align:center;
}

#footer-bnr img{
border:none;
}

/*MyPage用*/
div#mypagecolumn {
    width: 700px;
    margin: 15px auto 0 auto;
}

div#mypagecolumn h2.title{
    width: 700px;
    margin: 0 0 15px 0;
}

div#mypagecolumn table {
    width: 510px;
}

div#mycontentsarea {
    width: 510px;
}

div#mycontentsarea table th.resulttd {
    text-align: right;
}

div#mycontentsarea table.delivname th {
    text-align: left;
    width: 140px;
}

div#mycontentsarea table caption {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 8px;
    background-color: #f0f0f0;
    text-align: left;
    font-weight: bold;
    color: #000;
}


/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mynavarea {
    float: left;
    width: 185px;
}

div#mynavarea li {
    display: block;
    height: 30px;
}

div#mycontentsarea {
    float: right;
}

div#mycontentsarea h3 {
    margin: 0 0 10px 0;
}

div#mycontentsarea table th {
    text-align: center;
}

div#mycontentsarea p.myconditionarea {
    clear: both;
    width: 500px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
}

div#mycontentsarea p.delivempty {
    clear: both;
    width: 500px;
    margin: 30px auto;
    padding: 10px 0;
    border: solid 5px #CCC;
    text-align: center;
}


/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontentsarea .box120 {
    width: 120px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#mycontentsarea .box60 {
    width: 60px;
    padding: 2px;
    border: 1px solid #ccc;
}

div#mycontentsarea .box300 {
    width: 300px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#mycontentsarea .box260 {
    width: 260px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

div#mycontentsarea .zipimg img {
    margin: 5px 0 0 0;
}

div#mycontentsarea #completetext {
    width: 470px;
    margin: 15px auto 0 auto;
    padding: 15px;
    border: 5px solid #ccc;
}

div#completetext p.changetext {
    padding: 40px 0;
    text-align: center;
}