@charset "utf-8";
/**
* INIT base.css
* (C) malltail. Inc.
*/

/* ======================================================

Element

====================================================== */
body  {
background: #ffffff;
font-family: 'メイリオ',Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.4;
color: #545454;
}

/*  Anchor
------------------------------------------------------ */
a  {
outline: none;
text-decoration: none;
}
a:link  { color: #2e83dd; }
a:visited  { color: #2e83dd; }
a:hover  {
text-decoration: underline;
color: #2e83dd;
}
a:active  { color: #2e83dd; }

/*  ImgHover
------------------------------------------------------ */
input.imgHover:hover,
a.imgHover:hover img  {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
/*background-color: #ffffff;*/
}
.imgHoverArea a:hover img  {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
/*background-color: #ffffff;*/
}

/* ======================================================

Layout - Outline

====================================================== */
/*  Outline
------------------------------------------------------ */
#contents{ width: 955px; margin: 0 auto 43px;}
#sideNav{ width: 205px; float: left;}
#mainContens{ width: 705px; float: right; }
#pageTit{ margin-bottom: 10px; }
#mainContens #pageTit h3{ float: left;}
#mainContens #pageTit p{ padding: 10px 0 0 15px; float: left;}
#subContens{ width: 705px; margin: 0 auto;}
#subContens #pageTit h3{ float: left;}
#subContens #pageTit p{ padding: 10px 0 0 15px; float: left;}
.spacer { margin-bottom: 30px;}

/*  breadcrumb
------------------------------------------------------ */
#breadcrumb {
width: 945px;
margin: 0 auto;
padding: 0 0 20px 0;
font-size: 10px;
}
#breadcrumb li {
background:url(../img/base/arrow-bc.gif) left center no-repeat;
float: left;
padding-left: 10px;
margin-left: 5px;
}
#breadcrumb li:first-child,#breadcrumb li.first-child{
background:url(../img/base/ico-home.gif) left center no-repeat;
padding-left: 13px;
margin-left: 0;
}

/* ======================================================

Layout - Header

====================================================== */
body#home div#headerWrap  {
height: 156px;
border-top: 10px solid #167ed4;
border-bottom: 10px solid #a3a3a3;
margin-bottom: 20px;
}
body#import div#headerWrap  {
height: 156px;
border-top: 10px solid #167ed4;
border-bottom: 10px solid #5da9ed;
}
body#export div#headerWrap  {
height: 156px;
border-top: 10px solid #167ed4;
border-bottom: 10px solid #fdbd57;
}
body#mypage div#headerWrap  {
height: 156px;
border-top: 10px solid #167ed4;
border-bottom: 10px solid #9bd332;
margin-bottom: 20px;
}
#header  {
width: 950px;
margin: 0 auto ;
position: relative;
}
h1  {
width: 169px;
height: 45px;
left: 0;
top: 25px;
position: absolute;
}
h2  {
width: 373px;
height: 17px;
left: 172px;
top: 48px;
position: absolute;
}

/*  snsArea
------------------------------------------------------ */
#snsArea { width: 390px; right: 0; top: 13px; position: absolute;}
#snsArea li { float: left;}
#snsArea li.hatebu { width: 130px;}
#snsArea li.google { width: 83px;}
#snsArea li.facebook { width: 117px;}
#snsArea li.twitter { width: 90px;}
#snsArea li.en { margin: 2px 0 0 10px;}

/*  subNav
------------------------------------------------------ */
#header #subNav { right: 0; top: 45px; position: absolute;}
#header #subNav li { float: right;}
#header #subNav li a{ height: 25px; text-indent: -9999px; display: block;}
#header #subNav li.guide a{ background: url("../img/header/snav.png") 0 0 no-repeat; width: 105px;}
#header #subNav li.guide a:hover{ background-position: 0 -25px;}
#header #subNav li.faq a{ background: url("../img/header/snav.png") -105px 0 no-repeat; width: 63px;}
#header #subNav li.faq a:hover{ background-position: -105px -25px;}
#header #subNav li.sitemap a{ background: url("../img/header/snav.png") -168px 0 no-repeat; width: 106px;}
#header #subNav li.sitemap a:hover{ background-position: -168px -25px;}
#header #subNav li.contact a{ background: url("../img/header/snav.png") -274px 0 no-repeat; width: 105px;}
#header #subNav li.contact a:hover{ background-position: -274px -25px;}

/*  globalNav
------------------------------------------------------ */
#header #globalNav {
left: 0;
top: 80px;
position: absolute;
}
#header #globalNav li {
float: left;
margin-right: 14px;
}
#header #globalNav li a {
display: block;
width: 193px;
height: 76px;
/*background-image: url("https://img.malltail.com/goods_img/contents/jporders/h_tab_D.png");*/
background-image: url("https://img.malltail.com/goods_img/contents/jporders/h_tab_v2_D.jpg");
background-repeat: no-repeat;
text-indent: -9999em;
}
#header #globalNav li.across a { background-position: 0px 28px; }
#header #globalNav li.japan a { background-position: -193px 28px; }
/*#header #globalNav li.checkout a { background-position: -386px 28px; }*/
#header #globalNav li.mypage a { background-position: -386px 28px }
#header #globalNav li.across a.ac { background-position:  0px 0px; }
#header #globalNav li.japan a.ac { background-position: -193px 0px; }
/*#header #globalNav li.checkout a.ac { background-position: -386px 0px; }*/
#header #globalNav li.mypage a.ac { background-position: -386px 0px; }

/*  globalNav-import
------------------------------------------------------ */
body#import #gnavi{ background-image: url("../img/header/i_gnavi_bg.png"); height: 84px; margin-bottom: 20px;}
body#import #gnavi ul{width: 950px; margin: 0 auto;}
body#import #gnavi li{ float: left;}
body#import #gnavi a{ height: 84px; display: block; text-indent: -9999px;}
body#import #gnavi #gdelivery a{ background: url("../img/header/i_gnavi.png") 0 0 no-repeat; width: 166px;}
body#import #gnavi #gdelivery a:hover ,body#import #gnavi #gdelivery a.ac{ background-position: 0 -84px;}
body#import #gnavi #gbuy a{ background: url("../img/header/i_gnavi.png") -166px 0 no-repeat; width: 134px;}
body#import #gnavi #gbuy a:hover ,body#import #gnavi #gbuy a.ac{ background-position: -166px -84px;}
body#import #gnavi #gfee a{ background: url("../img/header/i_gnavi.png") -300px 0 no-repeat; width: 96px;}
body#import #gnavi #gfee a:hover ,body#import #gnavi #gfee a.ac{ background-position: -300px -84px;}
body#import #gnavi #gcriterion a{ background: url("../img/header/i_gnavi.png") -396px 0 no-repeat; width: 85px;}
body#import #gnavi #gcriterion a:hover ,body#import #gnavi #gcriterion a.ac{ background-position: -396px -84px;}
body#import #gnavi #gguide a{ background: url("../img/header/i_gnavi.png") -481px 0 no-repeat; width: 192px;}
body#import #gnavi #gguide a:hover ,body#import #gnavi #gguide a.ac{ background-position: -481px -84px;}
body#import #gnavi #gshop a{ background: url("../img/header/i_gnavi.png") -673px 0 no-repeat; width: 193px;}
body#import #gnavi #gshop a:hover ,body#import #gnavi #gshop a.ac{ background-position: -673px -84px;}
body#import #gnavi #gnews a{ background: url("../img/header/i_gnavi.png") -866px 0 no-repeat; width: 84px;}
body#import #gnavi #gnews a:hover ,body#import #gnavi #gnews a.ac{ background-position: -866px -84px;}

body#import #gnavi #gdelivery_new a{ background: url("../img/header/i_gnavi.jpg") 0 0 no-repeat; width: 195px;}
body#import #gnavi #gdelivery_new a:hover ,body#import #gnavi #gdelivery_new a.ac{ background-position: 0 -84px;}
body#import #gnavi #gfee_new a{ background: url("../img/header/i_gnavi.jpg") -195px 0 no-repeat; width: 122px;}
body#import #gnavi #gfee_new a:hover ,body#import #gnavi #gfee_new a.ac{ background-position: -195px -84px;}
body#import #gnavi #gcriterion_new a{ background: url("../img/header/i_gnavi.jpg") -317px 0 no-repeat; width: 109px;}
body#import #gnavi #gcriterion_new a:hover ,body#import #gnavi #gcriterion_new a.ac{ background-position: -317px -84px;}
body#import #gnavi #gguide_new a{ background: url("../img/header/i_gnavi.jpg") -426px 0 no-repeat; width: 120px;}
body#import #gnavi #gguide_new a:hover ,body#import #gnavi #gguide_new a.ac{ background-position: -426px -84px;}
body#import #gnavi #gblog_new a{ background: url("../img/header/i_gnavi.jpg") -546px 0 no-repeat; width: 95px;}
body#import #gnavi #gblog_new a:hover ,body#import #gnavi #gblog_new a.ac{ background-position: -546px -84px;}
body#import #gnavi #gshop_new a{ background: url("../img/header/i_gnavi.jpg") -641px 0 no-repeat; width: 201px;}
body#import #gnavi #gshop_new a:hover ,body#import #gnavi #gshop_new a.ac{ background-position: -641px -84px;}
body#import #gnavi #gnews_new a{ background: url("../img/header/i_gnavi.jpg") -842px 0 no-repeat; width: 108px;}
body#import #gnavi #gnews_new a:hover ,body#import #gnavi #gnews_new a.ac{ background-position: -842px -84px;}
body#import #gnavi #gsale_new a{ background: url("../img/header/i_gnavi.jpg") -842px 0 no-repeat; width: 108px;}
body#import #gnavi #gsale_new a:hover ,body#import #gnavi #gsale_new a.ac{ background-position: -842px -84px;}

/*  globalNav-export
------------------------------------------------------ */
body#export #gnavi{ background-image: url("../img/header/e_gnavi_bg.png"); height: 84px; margin-bottom: 20px;}
body#export #gnavi ul{width: 950px; margin: 0 auto;}
body#export #gnavi li{ float: left;}
body#export #gnavi a{ height: 84px; display: block; text-indent: -9999px;}
body#export #gnavi #gdelivery a{ background: url("../img/header/e_gnavi.png") 0 0 no-repeat; width: 191px;}
body#export #gnavi #gdelivery a:hover ,body#export #gnavi #gdelivery a.ac{ background-position: 0 -84px;}
body#export #gnavi #gbuy a{ background: url("../img/header/e_gnavi.png") -191px 0 no-repeat; width: 162px;}
body#export #gnavi #gbuy a:hover ,body#export #gnavi #gbuy a.ac{ background-position: -191px -84px;}
body#export #gnavi #gcountry a{ background: url("../img/header/e_gnavi.png") -353px 0 no-repeat; width: 126px;}
body#export #gnavi #gcountry a:hover ,body#export #gnavi #gcountry a.ac{ background-position: -353px -84px;}
body#export #gnavi #gfee a{ background: url("../img/header/e_gnavi.png") -479px 0 no-repeat; width: 123px;}
body#export #gnavi #gfee a:hover ,body#export #gnavi #gfee a.ac{ background-position: -479px -84px;}
body#export #gnavi #gcriterion a{ background: url("../img/header/e_gnavi.png") -602px 0 no-repeat; width: 108px;}
body#export #gnavi #gcriterion a:hover ,body#export #gnavi #gcriterion a.ac{ background-position: -602px -84px;}
body#export #gnavi #gshop a{ background: url("../img/header/e_gnavi.png") -710px 0 no-repeat; width: 134px;}
body#export #gnavi #gshop a:hover ,body#export #gnavi #gshop a.ac{ background-position: -710px -84px;}
body#export #gnavi #gnews a{ background: url("../img/header/e_gnavi.png") -844px 0 no-repeat; width: 105px;}
body#export #gnavi #gnews a:hover ,body#export #gnavi #gnews a.ac{ background-position: -844px -84px;}

body#export #gnavi #gdelivery_new a{ background: url("../img/header/e_gnavi.jpg") 0 0 no-repeat; width: 224px;}
body#export #gnavi #gdelivery_new a:hover ,body#export #gnavi #gdelivery_new a.ac{ background-position: 0 -84px;}
body#export #gnavi #gcountry_new a{ background: url("../img/header/e_gnavi.jpg") -224px 0 no-repeat; width: 143px;}
body#export #gnavi #gcountry_new a:hover ,body#export #gnavi #gcountry_new a.ac{ background-position: -224px -84px;}
body#export #gnavi #gfee_new a{ background: url("../img/header/e_gnavi.jpg") -367px 0 no-repeat; width: 148px;}
body#export #gnavi #gfee_new a:hover ,body#export #gnavi #gfee_new a.ac{ background-position: -367px -84px;}
body#export #gnavi #gcriterion_new a{ background: url("../img/header/e_gnavi.jpg") -515px 0 no-repeat; width: 137px;}
body#export #gnavi #gcriterion_new a:hover ,body#export #gnavi #gcriterion_new a.ac{ background-position: -515px -84px;}
body#export #gnavi #gshop_new a{ background: url("../img/header/e_gnavi.jpg") -652px 0 no-repeat; width: 161px;}
body#export #gnavi #gshop_new a:hover ,body#export #gnavi #gshop_new a.ac{ background-position: -652px -84px;}
body#export #gnavi #gnews_new a{ background: url("../img/header/e_gnavi.jpg") -813px 0 no-repeat; width: 137px;}
body#export #gnavi #gnews_new a:hover ,body#export #gnavi #gnews_new a.ac{ background-position: -813px -84px;}

/*  memberBtn
------------------------------------------------------ */
#header #memberBtn {
right: 0;
top: 78px;
position: absolute;
}
#header #memberBtn li.first-child {
margin-bottom: 5px;
}

/* ======================================================

Layout - Footer

====================================================== */
/*  Footer
------------------------------------------------------ */
#footerWrap {
background-color: #6a6a6a;
color: #FFF;
width: 100%;
border-bottom: 10px solid #167ed4;
height:100px;
}
#footer {
margin: 0 auto;
padding: 20px 0;
width: 950px;
position: relative;
}
#footer dl#bankInfo {
width: 495px;
padding: 9px;
background-color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
behavior: url(/common/js/PIE.htc);
}
#footer dl#bankInfo dt {
padding-bottom: 7px;
border-bottom: 1px dashed #000;
margin-bottom: 7px;
}
#footer dl#bankInfo dd {
float: left;
}
#footer dl#bankInfo dd.b {
padding: 19px 0 0 20px;
}
#footer dl#bankInfo dd.c {
padding: 19px 0 0 10px;
}
#footer dl#bankInfo dd.d {
padding: 17px 0 0 10px;
}
#footer dl#bankInfo dd.e {
padding: 26px 0 0 10px;
}
#footer ul {
right: 0;
top: 20px;
position: absolute;
}
#footer li {
background: url("../img/footer/f_arrow.gif") no-repeat scroll 0 0.3em transparent;
font-size: 12px;
margin-left: 15px;
padding: 0 0 3px 12px;
float: right;
}
#footer li a:link {
text-decoration: none;
color: #FFF;
}
#footer li a:visited {
color: #FFF;
}
#footer li a:hover {
text-decoration: underline;
color: #FFF;
}
#footer dl#copyright {
right: 0;
top: 50px;
position: absolute;
}
#footer dl#copyright dt {
padding-left: 10px;
float: right;
}
#footer dl#copyright dd {
text-align: right;
float: right;
padding-top: 13px;
}
#pageTop {
line-height: 0;
margin: 0 auto 0px;
text-align: right;
width: 950px;
}

/* ======================================================

Layout - Part

====================================================== */
/*  titleBox
------------------------------------------------------ */
.titleBox h3 {
float: left;
}
.titleBox p {
float: right;
padding-left: 6px;
}
.titleBox p.sBtn {
height: 10px;
padding-top: 5px;
}
/*  h4
------------------------------------------------------ */
h4{
font-size: 16px;
margin: 5px 0 10px 0;
background: url("../img/base/h4-bg.gif") left center no-repeat;
height: 35px;
width: 680px;
padding-left: 14px;
display: block;
}

#export h4{
background: url("../img/base/h4-bg-or.gif") left center no-repeat;
}

/*  p.ct
------------------------------------------------------ */
p.ctTit{
background: url("../img/base/line.gif") no-repeat scroll 0 bottom transparent;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
}
p.ctTit span.tit{
background: url("../img/base/ico-ct-h4.gif") no-repeat scroll left 0 transparent;
margin-left: 2px;
padding-left: 12px;
float: left;
}

#export p.ctTit span.tit{
background: url("../img/base/ico-h4_or.gif") no-repeat scroll left 0 transparent;
margin-left: 2px;
padding-left: 12px;
float: left;
}

p.ctTit span.ico{
padding-right: 10px;
float: right;
}
p.ctTit span.w660{
width: 660px;
}
p.ctTit span.w500{
width: 500px;
}

/*  simpleTit
------------------------------------------------------ */
.simpleTit{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
background: url("../img/base/tit-border.gif") left bottom no-repeat;
height: 32px;
padding-left: 5px;
display: block;
}
.simpleTit span{
padding-right: 10px;
float: left;
color: #e20000;
}
.simpleTit p{
float: left;
width: 600px;
}
/*  shadowBox
------------------------------------------------------ */
.box {
border: 1px solid #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 2px #9a9a9a, inset 0px 0px 2px #9a9a9a;
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #9a9a9a, inset 0px 0px 2px #9a9a9a;
behavior: url(/common/js/PIE.htc);
position: relative;
background: #ffffff;
}
.boxArea p {
border: 1px solid #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 2px #9a9a9a, inset 0px 0px 2px #9a9a9a;
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #9a9a9a, inset 0px 0px 2px #9a9a9a;
behavior: url(/common/js/PIE.htc);
position: relative;
background: #ffffff;
}
.shadow-a {
-moz-box-shadow: 2px 2px 1px 0px #e9e9e9 inset;
-webkit-box-shadow: 2px 2px 1px 0px #e9e9e9 inset;
box-shadow: 2px 2px 1px 0px #e9e9e9 inset;
position: relative;
background: #ffffff;
border: 1px solid #c3c3c3;
}
.shadow-b {
-moz-box-shadow: 2px 2px 1px 0px #cfcfcf inset;
-webkit-box-shadow: 2px 2px 1px 0px #cfcfcf inset;
box-shadow: 2px 2px 1px 0px #cfcfcf inset;
position: relative;
background: #ffffff;
border: 1px solid #c3c3c3;
}

/*  date
------------------------------------------------------ */
#newsArea .new,
#reviewArea .new {
background:url("../img/base/ico-new.gif") right center no-repeat;
padding-right: 48px;
}
#newsArea .across {
background: url(../img/base/ico-across.gif) left center no-repeat;
padding-left: 72px;
display: inline;
}
#newsArea .japan {
background: url(../img/base/ico-japan.gif) left center no-repeat;
padding-left: 72px;
display: inline;
}

/*  sideNav
------------------------------------------------------ */
#sideNav > ul{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 2px #9a9a9a;
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #9a9a9a;
behavior: url(/common/js/PIE.htc);
position: relative;
background: #ffffff;
}

#home #sideNav > ul > li.ac,#home #sideNav > ul > li.ac a{ background: #2981dc url(../img/base/arrow-white.png) 8px center no-repeat; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ffffff; color: #ffffff; padding: 8px 15px 8px 18px;}
#home #sideNav > ul.shop > li.ac{ background: none; border-bottom: none; padding: 0;}
#home #sideNav > ul > li > a{ background: #daedfd url(../img/base/arrow-blue.png) 8px center no-repeat; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ffffff; padding: 8px 15px 8px 18px; display: block;}
#home #sideNav > ul > li > a:hover{ background: #2981dc url(../img/base/arrow-white.png) 8px center no-repeat; color: #ffffff; text-decoration: none;}
#home #sideNav > ul > li.last-child > a{ border-bottom: none;}
#home #sideNav .under a{ background: #ffffff url(../img/base/arrow-blue.png) 18px center no-repeat; border-bottom: 1px solid #daedfd; padding: 8px 15px 8px 30px; display: block;}
#home #sideNav .under .last-child a{ border-bottom: none;}
#home #sideNav .under .ac a{ font-weight: bold; color: #545454;}

#import #sideNav > ul > li.ac,#import #sideNav > ul > li.ac a{ background: #2981dc url(../img/base/arrow-white.png) 8px center no-repeat; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ffffff; color: #ffffff; padding: 8px 15px 8px 18px;}
#import #sideNav > ul.shop > li.ac{ background: none; border-bottom: none; padding: 0;}
#import #sideNav > ul > li > a{ background: #daedfd url(../img/base/arrow-blue.png) 8px center no-repeat; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ffffff; padding: 8px 15px 8px 18px; display: block;}
#import #sideNav > ul > li > a.us{ background: #daedfd url(../img/base/us.png) 8px center no-repeat; border-bottom: 1px solid #ffffff; color: #2E83DD; padding: 8px 15px 8px 30px; display: block;}
#import #sideNav > ul > li.ac > a.us,#import #sideNav > ul > li > a.us:hover{ background: #2981dc url(../img/base/us.png) 8px center no-repeat; color: #ffffff; text-decoration: none;}
#import #sideNav > ul > li > a.kr{ background: #daedfd url(../img/base/kr.png) 8px center no-repeat; border-bottom: 1px solid #ffffff; color: #2E83DD;padding: 8px 15px 8px 30px; display: block;}
#import #sideNav > ul > li.ac > a.kr,#import #sideNav > ul > li > a.kr:hover{ background: #2981dc url(../img/base/kr.png) 8px center no-repeat; color: #ffffff; text-decoration: none;}
#import #sideNav > ul > li > a:hover{ background: #2981dc url(../img/base/arrow-white.png) 8px center no-repeat; color: #ffffff; text-decoration: none;}
#import #sideNav > ul > li.last-child > a{ border-bottom: none;}
#import #sideNav .under a{ background: #ffffff url(../img/base/arrow-blue.png) 18px center no-repeat; border-bottom: 1px solid #daedfd; padding: 8px 15px 8px 30px; display: block;}
#import #sideNav .under .last-child a{ border-bottom: none;}
#import #sideNav .under .ac a{ font-weight: bold; color: #545454;}

#export #sideNav > ul > li.ac,#export #sideNav > ul > li.ac a{ background: #f18503 url(../img/base/arrow-white.png) 8px center no-repeat; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ffffff; color: #ffffff; padding: 8px 15px 8px 18px;}
#export #sideNav > ul.shop > li.ac{ background: none; border-bottom: none; padding: 0;}
#export #sideNav > ul > li > a{ background: #fee1b0 url(../img/base/arrow-blue.png) 8px center no-repeat; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ffffff; padding: 8px 15px 8px 18px; display: block;}
#export #sideNav > ul > li > a:hover{ background: #f18503 url(../img/base/arrow-white.png) 8px center no-repeat; color: #ffffff; text-decoration: none;}
#export #sideNav > ul > li.last-child > a{ border-bottom: none;}
#export #sideNav .under a{ background: #ffffff url(../img/base/arrow-blue.png) 18px center no-repeat; border-bottom: 1px solid #fee1b0; padding: 8px 15px 8px 30px; display: block;}
#export #sideNav .under .last-child a{ border-bottom: none;}
#export #sideNav .under .ac a{ font-weight: bold; color: #545454;}

#sideNav dl{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 2px #9a9a9a;
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #9a9a9a;
behavior: url(/common/js/PIE.htc);
position: relative;
background: #ffffff;
}
#sideNav dl,.calendar{ margin-bottom: 20px;}
#sideNav dt{ background: #2981dc; border-bottom: 1px solid #ffffff; color: #ffffff; padding: 8px 15px 8px 10px;}
#sideNav dd a{ background: #daedfd url(../img/base/arrow-blue.png) 8px center no-repeat; border-bottom: 1px solid #ffffff; padding: 8px 15px 8px 18px; display: block;}
#sideNav dd a:hover, #sideNav dd.ac{ background: #2981dc url(../img/base/arrow-white.png) 8px center no-repeat; border-bottom: 1px solid #ffffff; color: #ffffff; text-decoration: none; padding: 8px 15px 8px 18px;}
#sideNav dd.last-child{ text-align: right;}
#sideNav dd.last-child a{ background: #ffffff url(../img/base/arrow-blue.png) 120px center no-repeat; border-bottom: none;}
#sideNav dd.last-child a:hover{ background: #2981dc url(../img/base/arrow-white.png) 120px center no-repeat;}
#sideNav p{ margin-bottom: 10px;}

.blogArea dl{ border-bottom: 1px dotted #c3c3c3; padding:5px 0 15px 0;}
.blogArea dt,.blogArea dd.thema,.blogArea dd.article{ float: left;}
.blogArea dt{ font-weight: bold; margin-bottom: 10px;}
.blogArea dd.thema{ width: 622px; margin-bottom: 10px;}
.blogArea dd.article{ width: 680px;}
.blogArea .snsWrap p{ float: left; font-size: 12px; font-weight: bold; margin-top: 5px;}
.blogArea .snsWrap .snsBox{ float: right; padding-top: 0px !important;}

#wp-calendar{ border: 1px solid #c3c3c3; width: 205px;}
#wp-calendar caption{ background: #f3f3f3; border-top: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; padding: 5px;}
#wp-calendar table{ border: 1px solid #c3c3c3;}
#wp-calendar th{ border: 1px solid #c3c3c3; padding: 5px; text-align:center;}
#wp-calendar thead { background: #c7d8ed;}
#wp-calendar th.saturday{ background: #a6c0e1;}
#wp-calendar th.sunday{ background: #cc0000; color: #ffffff;}
#wp-calendar td{ border: 1px solid #c3c3c3; padding: 5px; text-align:center;}
#wp-calendar td#prev,#wp-calendar td.pad,#wp-calendar td#next{ border: none; border-top: 1px solid #c3c3c3;}
#wp-calendar tfoot.noLink{ display: none;}
.newArea dl{ border-bottom: 1px dotted #c3c3c3; padding: 15px 0;}
.newArea dl.first-child{ padding-top:5px;}
.newArea dt{ background: url(../img/base/arrow-blue.gif) left center no-repeat; padding-left: 10px; display: block; width: 520px; float: left;}
.newArea dd{ float: right;}
.box ul.linkBox{ background: #f1f8ff; padding: 10px 10px 5px 0; margin-bottom: 20px;}
.box ul.linkBox li{ background: url("../img/base/arrow-blue.gif") left center no-repeat; font-size: 12px; padding-left: 12px; margin: 0 0 5px 10px; float: left;}
.box ul.linkBox li.ac{ font-weight: bold;}
.theme ul.linkBox li{ width: 310px;}
.month ul.linkBox li{ width: 140px;}

/*  sideNav-mypage
------------------------------------------------------ */
#mypageNav {
width: 225px;
float: left;
}
#mypageNav .navWrap {
border: 4px solid #8ec824;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 2px #9a9a9a;
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #9a9a9a;
behavior: url(/common/js/PIE.htc);
position: relative;
background: #ffffff;
margin-bottom: 20px;
}
.navWrap dl.nameBox dt{
background:url(../../img/mypage/img-name.gif) top center no-repeat;
height: 73px;
}
.navWrap dl.nameBox dt p{
width: 126px;
text-align: center;
position: absolute;
top: 36px;
right: 20px;
}
.navWrap dl.nameBox dt span{
font-size: 10px;
font-weight: bold;
background: url(../../img/mypage/name.gif)no-repeat right;
padding-right: 10px;
}
.navWrap dl.nameBox dd.no{
color: #e20000;
text-align: center;
border-top: 2px solid #8ec824;
border-bottom: 2px solid #8ec824;
padding: 5px 0;
font-weight: bold;
}
.navWrap dl.nameBox dd.btnBox{
text-align: center;
padding: 10px 0;
}
.navWrap ul.navBox li a{
text-indent:-9999px;
display:block;
width:217px;
height:40px;
cursor:pointer;
background-image:url(../../img/mypage/sidenavi-my.gif);
background-repeat:no-repeat;
background-position:0 0;
}
.navWrap ul.navBox li.menu1 a{ background-position:0 0; }
.navWrap ul.navBox li.menu2 a{ background-position:0 -40px; }
.navWrap ul.navBox li.menu3 a{ background-position:0 -80px; }
.navWrap ul.navBox li.menu4 a{ background-position:0 -120px; }
.navWrap ul.navBox li.menu5 a{ background-position:0 -160px; }
.navWrap ul.navBox li.menu6 a{ background-position:0 -200px; }

.navWrap ul.navBox li.menu1 a.ac,
.navWrap ul.navBox li.menu1 a:hover{ background-position:-217px 0; }
.navWrap ul.navBox li.menu2 a.ac,
.navWrap ul.navBox li.menu2 a:hover{ background-position:-217px -40px; }
.navWrap ul.navBox li.menu3 a.ac,
.navWrap ul.navBox li.menu3 a:hover{ background-position:-217px -80px; }
.navWrap ul.navBox li.menu4 a.ac,
.navWrap ul.navBox li.menu4 a:hover{ background-position:-217px -120px; }
.navWrap ul.navBox li.menu5 a.ac,
.navWrap ul.navBox li.menu5 a:hover{ background-position:-217px -160px; }
.navWrap ul.navBox li.menu6 a.ac,
.navWrap ul.navBox li.menu6 a:hover{ background-position:-217px -200px; }

.navWrap .status{
padding: 10px;
position: relative;
}
.navWrap .status p.btn{
margin-bottom: 15px;
}
.navWrap .status dt.tit{
margin-bottom: 10px;
}
.navWrap .status ul.line{
border-bottom: 1px dotted #c3c3c3;
padding-bottom: 10px;
margin-bottom: 10px;
}
.navWrap .status ul.last-child{
border-bottom: none;
padding-bottom: 0;
}
.navWrap .status li{
margin-bottom: 10px;
background: url(../img/base/arrow-blue.gif) left center no-repeat;
padding-left: 14px;
display: block;
}
.navWrap .status li.last-child{
margin-bottom: 0;
}
.navWrap .status li.ac a{
color: #f18503;
font-weight: bold;
}
.navWrap .status dd ul dt{
float: left;
}
.navWrap .status dd ul dd{
float: right;
}
.navWrap .status dd ul span{
font-size: 10px;
padding-left: 5px;
}
.navWrap .status a.question{
margin-left: 5px;
}
.navWrap dl.guestBox{
padding: 10px 10px 0;
}
.navWrap .status .under {
margin-bottom:10px;
background: none;
padding-left: 14px;
display: block;
}
.navWrap .status .under li {
margin-bottom: 10px;
background: url(../img/base/arrow-under.gif) left center no-repeat;
padding-left: 14px;
display: block;
}
.navWrap dl.guestBox dt{
margin-bottom: 5px;
}
.navWrap dl.guestBox dt table{
width: 100%;
}
.navWrap dl.guestBox dt th{
background: #4d4d4d;
color: #ffffff;
padding: 5px;
width: 35%;
text-align: left;
}
.navWrap dl.guestBox dt td{
background: #f5f5f5;
padding: 5px;
width: 65%;
font-weight: bold;
}
.navWrap dl.guestBox dd td{
padding:0 10px;
vertical-align: middle;
font-size: 14px;
font-weight: bold;
}
.navWrap p.open{
border-top: 2px solid #8ec824;
text-align: center;
font-size: 13px;
padding: 10px 0;
margin-top: 10px;
}
.navWrap p.open span{
font-weight: bold;
}
/*  sideNav-mypage-popup
------------------------------------------------------ */

.navWrap .status .popupBox{
background: #fff;
position: absolute;
border: 2px solid #167ED4;
padding: 5px;
width: 180px;
z-index: 50;
-moz-box-shadow: 5px 5px 4px #9a9a9a;
-moz-box-shadow: 5px 5px 4px #9a9a9a;
-webkit-box-shadow: 5px 5px 4px #9a9a9a;
box-shadow: 5px 5px 4px #9a9a9a;
behavior: url(/common/js/PIE.htc);
display: none;
}
.navWrap .status .popup1.popupBox{
top: 35px;
left: 125px;
}
.navWrap .status .popup2.popupBox{
top: 62px;
left: 166px;
}
.navWrap .status .popup3.popupBox{
top: 90px;
left: 158px;
}
.navWrap .status .popup4.popupBox{
top: 116px;
left: 158px;
}
.navWrap .status .popup5.popupBox{
top: 145px;
left: 115px;
}
.navWrap .status .popup6.popupBox{
top: 170px;
left: 91px;
}
.navWrap .status .popup7.popupBox{
top: 196px;
left: 91px;
}
.navWrap .status .popup8.popupBox{
top: 225px;
left: 91px;
}
.navWrap .status .popup9.popupBox{
top: 262px;
left: 155px;
}
.navWrap .status .popup10.popupBox{
top: 290px;
left: 155px;
}
.navWrap .status .popupBox p{
float: right;
padding: 5px 5px 0 0;
}
.navWrap .status .popupBox dt{
background: #167ED4;
padding: 2px 4px;
margin-bottom: 5px;
color: #fff;
font-weight: bold;
}

/*  .box-mypage-popup
------------------------------------------------------ */
.box .popupBox{
background: #fff;
position: absolute;
border: 2px solid #167ED4;
padding: 5px;
width: 250px;
z-index: 100;
-moz-box-shadow: 5px 5px 4px #9a9a9a;
-moz-box-shadow: 5px 5px 4px #9a9a9a;
-webkit-box-shadow: 5px 5px 4px #9a9a9a;
box-shadow: 5px 5px 4px #9a9a9a;
behavior: url(/common/js/PIE.htc);
display: none;
}
.box .popup11.popupBox{
top: 330px;
left: 30px;
}
.box .popup12.popupBox{
top: 605px;
left: 398px;
}
.box .popup13.popupBox{
top: 573px;
left: 327px;
}
.box .popup14.popupBox{
top: 689px;
left: 410px;
}
.box .popupBox p{
float: right;
padding: 5px 5px 0 0;
}
.box .popupBox dt{
background: #167ED4;
padding: 2px 4px;
margin-bottom: 5px;
color: #fff;
font-weight: bold;
}
/*  pager
------------------------------------------------------ */
.box .reportNav {
padding: 15px 0;
text-align: center;
}
.box .reportNav ul .newerPost {
float: left;
}
.box .reportNav ul .newerPost a {
background: url("../img/base/postNav_newer.gif") no-repeat scroll 0 50% transparent;
padding-left: 15px;
}
.box .reportNav ul .olderPost {
float: right;
}
.box .reportNav ul .olderPost a {
background: url("../img/base/postNav_older.gif") no-repeat scroll 100% 50% transparent;
padding-right: 15px;
}
.box .reportNav ul .pager {
margin: 0 auto;
width: 50%;
}
.box .reportNav ul a {
padding: 4px;
}
.box .reportNav ul .pager span {
padding: 0 0.3em;
}

/*  selection btn
------------------------------------------------------ */
.box ul.btnForm{
padding: 20px 0;
position: relative;
left: 50%;
float: left;
}
.box ul.btnForm li{
position: relative;
left: -50%;
float: left;
margin-left: 20px;
}
.box ul.btnForm li.first-child{
margin-left: 0;
}

/*  maintenance
------------------------------------------------------ */
body.maintenance .box{
height: 300px;
margin-top: 40px;
padding: 15px;

}
body.maintenance .box dl{
text-align: center;
margin-top: 90px;
}
body.maintenance .box dt{
margin-bottom: 20px;
}

/*  404
------------------------------------------------------ */
body.notFound .box{
overflow: hidden;
padding: 15px;
position: relative;
}
body.notFound p.read{
text-align: center;
}

/*  Home
------------------------------------------------------ */
#mainMenberArea {
width: 950px;
height: 361px;
margin: 0 auto 30px;
position: relative;
background: url(../../img/home/bg-main-member.gif) left top no-repeat;
}
#mainMenberArea p.title {
position: absolute;
top: 20px;
left: 19px;
}

#mainMenberArea p.title {
position: absolute;
top: 20px;
left: 19px;
}

#import #mainMenberArea p.title{ background: url("/jp_wp/common/img/base/tit-immain-catch.gif") 0 0 no-repeat; width: 898px; height: 48px; text-indent: -9999px;}
#export #mainMenberArea p.title{ background: url("/jp_wp/common/img/base/tit-exmain-catch.gif") 0 0 no-repeat; width: 898px; height: 48px; text-indent: -9999px;}

#mainMenberArea dt {
position: absolute;
top: 80px;
left: 19px;
}
#mainMenberArea dd.logoutArea {
position: absolute;
top: 80px;
right: 22px;
width: 252px;
height: 255px;
background: url(../../img/home/bt-main-bg.gif) left top no-repeat;
}
#mainMenberArea dd.logoutArea p {
padding: 14px 0 0 14px;
}
#mainMenberArea dd.logoutArea ul {
background-color: #FFFFFF;
border-top: 1px solid #eaeaea;
width: 212px;
height: 137px;
margin: 10px 0 0 14px;
padding: 10px 0 0 10px;
}
#mainMenberArea dd.logoutArea ul li.last-child {
margin-left: 9px;
}
#mainMenberArea dd.logoutArea ul input {
width: 192px;
padding: 4px;
margin-bottom: 6px;
font-size: 12px;
color: #000000;
}
#mainMenberArea dd.logoutArea ul {
font-size: 11px;
}
#mainMenberArea dd.logoutArea ul a:link {
color: #df2929;
text-decoration: underline;
}
#mainMenberArea dd.logoutArea ul a:visited {
color: #df2929;
text-decoration: underline;
}
#mainMenberArea dd.logoutArea ul a:hover {
color: #df2929;
}
#mainMenberArea dd.loginArea {
position: absolute;
top: 100px;
right: 13px;
width: 252px;
height: 255px;
background: url(../../img/home/bt-main-bg.gif) left top no-repeat;
}
#mainMenberArea dd.loginArea li {
padding: 12px 0 0 13px;
}

/*  Ct-snsBox
------------------------------------------------------ */
.snsBox { width: 390px; padding-bottom: 10px; float: right;}
.ribonBox .snsBox{ float: none; padding: 10px 0 0;}
.snsBox li { float: left;}
.snsBox li.hatebu { margin-right: 10px;}
.snsBox li.google { width: 70px;}
.snsBox li.facebook { width: 110px;}
.snsBox li.twitter { width: 90px;}

/*  sortBox
------------------------------------------------------ */
#sortBox #sortBoxA{ background: #daedfd; margin-bottom: 10px;}
#sortBox #sortBoxA .titBox{ background: #2981dc; color: #ffffff; padding:5px 10px; margin-bottom: 10px;}
#sortBox #sortBoxA .titBox .tit{ font-size: 14px; font-weight: bold; float: left;}
#sortBox #sortBoxA .titBox .trigger .hide{ display: none;}
#sortBox #sortBoxA .titBox .trigger{ float: right;}
#sortBox #sortBoxA .titBox .trigger p{ background: #ffffff; color: #2981dc; font-weight: bold; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 1.2; cursor: pointer;}
#sortBox #sortBoxA .titBox .trigger p:hover{ background: #daedfd;}
#sortBox #sortBoxA ul.sort > li > a{ width: 19px;}
#export #sortBox #sortBoxA .titBox{ background: #F18503;}
#export #sortBox #sortBoxA .titBox .trigger p{ color: #F18503;}
#export #sortBox #sortBoxA .titBox .trigger p:hover{ background: #FEE1B0;}

#sortBox #sortBoxB{ background: #daedfd; margin-bottom: 20px;}
#sortBox #sortBoxB .titBox{ background: #2981dc; color: #ffffff; padding:5px 10px; margin-bottom: 10px;}
#sortBox #sortBoxB .titBox .tit{ font-size: 14px; font-weight: bold; float: left;}
#sortBox #sortBoxB .titBox .trigger .hide{ display: none;}
#sortBox #sortBoxB .titBox .trigger{ float: right;}
#sortBox #sortBoxB .titBox .trigger p{ background: #ffffff; color: #2981dc; font-weight: bold; padding: 2px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 1.2; cursor: pointer;}
#sortBox #sortBoxB .titBox .trigger p:hover{ background: #daedfd;}
#export #sortBox #sortBoxB .titBox{ background: #F18503;}
#export #sortBox #sortBoxB .titBox .trigger p{ color: #F18503;}
#export #sortBox #sortBoxB .titBox .trigger p:hover{ background: #FEE1B0;}

#sortBox ul.sort{ padding: 0 0 0 10px; display: none;}
#sortBox ul.sort.hide-box{ display: block;}

#export #sortBox #sortBoxA,#export #sortBox #sortBoxB{ background: #fef0d7;}

#sortBox ul.sort > li{ position: relative; float: left;}
#export #sortBox ul.sort > li .sub{ background: #F18503;}
#sortBox ul.sort > li .sub{ position: absolute; z-index: 100; top: 30px; background: #2981dc; border: 2px solid #ffffff; padding: 2px; display: none;}
#sortBox ul.sort > li:hover .sub{ display: block;}
#sortBox ul.sort > li .sub ul{ background: #ffffff; padding: 10px; width: 150px; height: 200px; overflow: auto;}
#sortBox ul.sort > li .sub ul li{ border-bottom: 1px dotted #C3C3C3; padding-bottom: 5px; margin-bottom: 5px;}
#sortBox ul.sort > li .sub ul li.last-child{ margin-bottom: 0px;}
#sortBox ul.sort > li .sub ul a{ background: url("../img/base/arrow-blue.png") left 0.4em no-repeat; padding-left: 10px; display: block;}

#sortBox ul.sort > li > a{
background: #8ac1f9; /* Old browsers */
background: -moz-linear-gradient(top,  #8ac1f9 0%, #3292f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ac1f9), color-stop(100%,#3292f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8ac1f9 0%,#3292f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8ac1f9 0%,#3292f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8ac1f9 0%,#3292f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8ac1f9 0%,#3292f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac1f9', endColorstr='#3292f2',GradientType=0 ); /* IE6-8 */
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
border: 1px solid #2981dc;
color: #ffffff;
padding: 5px 10px;
margin: 0 10px 10px 0;
display: block;
cursor: pointer;
}

#export #sortBox ul.sort > li > a{
background: #fdbd57; /* Old browsers */
background: -moz-linear-gradient(top,  #fdbd57 0%, #f18503 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdbd57), color-stop(100%,#f18503)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdbd57 0%,#f18503 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdbd57 0%,#f18503 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdbd57 0%,#f18503 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdbd57 0%,#f18503 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbd57', endColorstr='#f18503',GradientType=0 ); /* IE6-8 */
border: 1px solid #F18503;
}

#sortBox ul.sort > li.no > a{
background: #9ce4f1; /* Old browsers */
background: -moz-linear-gradient(top,  #9ce4f1 0%, #5db3c0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ce4f1), color-stop(100%,#5db3c0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9ce4f1 0%,#5db3c0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9ce4f1 0%,#5db3c0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9ce4f1 0%,#5db3c0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9ce4f1 0%,#5db3c0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ce4f1', endColorstr='#5db3c0',GradientType=0 ); /* IE6-8 */
border: 1px solid #5db3c0;
font-style: oblique;
}
#sortBox ul.sort > li.no .sub{ background: #5db3c0;}

#sortBox ul.sort > li > a:hover,#export #sortBox ul.sort > li > a:hover{
background: #838383; /* Old browsers */
background: -moz-linear-gradient(top,  #838383 0%, #d1d1d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #838383 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #838383 0%,#d1d1d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #838383 0%,#d1d1d1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #838383 0%,#d1d1d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-8 */
border: 1px solid #9a9a9a;
text-decoration: none;
}

#sortBox ul.sort > li > a > span{ background: url(../img/base/arrow_anchor-w.png) left center no-repeat; padding-left: 10px;}

/* ========== iPad optimize ==========*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}