@charset "UTF-8";
/* /css/common/Format.css */

/* ノーマライズ化
------------------------------------------------------------*/

/* 「hasLayout」問題の解決 */
* html *  {_zoom:1} /*IE6*/

html{
  overflow-y: scroll;
}

/* IE7の「hasLayout」問題の解決 */
*:first-child+html {zoom: 1;} * html {zoom: 1;}


body{
  letter-spacing: 0.02em;
  font-family: "ヒラギノ角ゴPro W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  margin: 0; 
  padding: 0;
  border: 0;
  vertical-align: baseline;
  letter-spacing: 0.03em;
}

div, pre, blockquote {
  margin: 0; 
  padding: 0;
  border: 0;
}

h1, h2, h3, h4, h5, h6{
  font-size: 100%; 
  font-weight: normal;
}

dl, dt, dd, ul, ol, li, p{
}

form, fieldset{
  margin: 0; 
  padding: 0;
  border:0;
  vertical-align: baseline;
}


table, th, td {
  border-collapse: separate; 
  *border-collapse:collapse; /* for IE6,7 */
  empty-cells:show;
  border-spacing:0;
  font-size:100%;
  font-weight:nomal;
  margin: 0; 
  padding: 0;
  border: 0;
  vertical-align: top;
  text-align: left;
}

caption{
  text-align: left;
}

address, caption, cite, code, dfn, em, strong, var{
  font-style: normal; 
  font-weight: normal;
}

img{
  border:0;
  vertical-align: baseline;
}

object,embed {
	vertical-align:top;
}

a{
overflow: hidden;
}

a:hover,
label:hover{
cursor:pointer;
}



/*/css/common/Layout.css*/
/*�w�i�ݒ�
-----------------------------------------------------------------------------*/

body{
/*�t�b�^�[�p�̔w�i*/
background: #ffffff /*url(../../img/common/BodyBg.gif) left top repeat-x*/;
text-align: center;
}

.AllWrap{}

.ContainerWrap01{
/*�w�b�_�[����̔w�i*/
background: #ffffff url(../../img/common/ContainerWrapBg.gif) center top repeat-x;

}


.ContainerWrap02{
/*���C���R���e���c�G���A�͂ݏo���p�̔w�i*/
/*background: url(../../img/common/PageContainerWrap2Bg.gif) center top no-repeat;*/
}


/*�g�b�v�y�[�W�w�i*/
/*
.CssFileNametop .ContainerWrap02{background: url(../../img/common/IndexContainerWrap2Bg.gif) center top no-repeat;}
*/


/*���C�A�E�g�ݒ�
-----------------------------------------------------------------------------*/

.Container{
background: url(../../img/common/ContainerWrapBg.gif) -131px 0 no-repeat;/*�E�B���h�E���������Ȃ������̔w�i����h�~*/
/*width: 945px;*/
margin: 0 auto;
text-align:left;
}

.Header{
  width:100%;/*IE6��position:absolute;right:*;��g�����߂ɕK�v*/
  position:relative;
  text-align:left;
  height:108px;
  font-size:12px;
  line-height:1.4;
  margin-bottom:10px;
}

.top-header-wrap{position: relative;max-width: 1000px;margin: 0 auto;}
.top-header-h1{position:absolute;top: -56px;left: 212px;text-align: left;font-size: 0.8em;}

.Contents{
  position: relative;
  margin-top:10px;
}

.ContentsHeader{}

    .ContentsHeaderNarrow {width:753px;float:right;}
    .ContentsHeaderWide {}


.AsideLeft{
  width:173px;
  float:left;
  font-size:12px;
  line-height:1.3;
}

.AsideRight{
  width:188px;
  float:right;
  font-size:12px;
  line-height:1.3;
}

.Main{
  position:relative;
  font-size:12px;
  line-height:1.8!important;
}

body.CssFileNameColumn2 .Main,
body.CssFileNamedetail .Main,
body.CssFileNamesearch .Main,
body.CssFileNamelist .Main,
body.CssFileNamecategory .Main,
body.CssFileNameranking .Main,
body.CssFileNamebrand .Main,
body.CssFileNamemypage .Main,
body.CssFileNameabouts .Main,
body.CssFileNamecontact .Main,
body.CssFileNametop .Main{
  width:753px;
  float:right;
}

body.CssFileNametop .Main{
  width:753px;
  float:right;
}

body.CssFileNamecart .Main{
  width:753px;
  float:left;
}

body.CssFileNameColumn1 .Main,
body.CssFileNameentry .Main,
body.CssFileNameshopping .Main{
width:753px;
margin:0 96px;
}

body.CssFileNameshopping .MainShoppingConfirm{
width:922px;
margin:0 11px;
}

body.CssFileNameshopping .MainShoppingDeliv{
width:826px;
margin:0 59px;
}

body.CssFileNamelogin .Main{
  width:945px;
  margin:0 ;
}

.FooterWrap{
  margin-top:40px;
  text-align:center;
  background:#b2d8e3 url("../../img/block/footer/FooterBg.gif") repeat-x scroll left top;
}

.Footer{
  /*background:url(../../img/common/fooetr/FooterBg.gif) center center no-repeat;*/
  width:945px;
  padding:0 0 30px;
  margin:0 auto;
  font-size:12px;
  line-height:1.4;
}



/* �|�b�v�A�b�v�p���C�A�E�g
--------------------------------------------------------*/

body.Popup {background:none;}
body.Popup .AllWrap{background:none;}
body.Popup .ContainerWrap01{background:#FFFFFF;}
body.Popup .ContainerWrap02{background:none;}
body.Popup .Container{width: 740px;}
body.Popup .Contents{margin:0;padding: 30px 0;}
body.Popup .Main{}


/* �C�����C���t���[���p���C�A�E�g
--------------------------------------------------------*/

body.Frame ,
body.Frame .AllWrap,
body.Frame .ContainerWrap01,
body.Frame .ContainerWrap02{background:none;}
body.Frame .Container{width: 740px;}
body.Frame .Contents{margin:0;padding:0;}
body.Frame .Main{}


/* �C�����C���t���[���p���C�A�E�g
--------------------------------------------------------*/
.Mt10{margin-top:10px!important;}
.Mt20{margin-top:20px!important;}
.Mt30{margin-top:30px!important;}
.Mt40{margin-top:40px!important;}
.Mt50{margin-top:50px!important;}

.Mb10{margin-bottom:10px!important;}
.Mb20{margin-bottom:20px!important;}
.Mb30{margin-bottom:30px!important;}
.Mb40{margin-bottom:40px!important;}
.Mb50{margin-bottom:50px!important;}



/*/css/common/Index.css*/
/*���ʃp�[�c
--------------------------------------------------------------------------------*/

/*�����N*/
a:link{text-decoration:underline;color:#74A1B1;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

.CmnLink{
display:inline-block;
background:url(/img/common/LinkBg.gif) 0 -6px no-repeat;
padding:1px 10px 0px 24px;
border:1px solid #b7b7b7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size:12px;
white-space: nowrap;
}

.CmnLink:hover{
background:url(/img/common/LinkBg.gif) 0 -35px no-repeat;
}

.CmnLink2{
background:#e7e7e7;
padding:3px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size:12px;
_line-height:1.2;
white-space: nowrap;
}

.CmnLink2:hover{
background:#74A1B1;
color:#ffffff;
}

.CmnLink3{
padding-left:16px;
background:url(/img/common/Link3Bg.gif) left center no-repeat;
}

.F10{font-size:10px!important;}

/*�ėp�}�E�X�I�[�o�[*/
input.Hover:hover,
.Hover:hover img{
filter: alpha(opacity=75);  /*IE*/
-moz-opacity:0.7;          /*Firefox,Netscape*/
opacity:0.7;               /*Opera,Safari */
}

.jq_arealink:hover{
cursor:pointer;
}

/*�ėp���C�A�E�g*/
.TaLeft{text-align:left!important;}
.TaRight{text-align:right!important;}
.TaCenter{text-align:center!important;}

span.TaLeft{text-align:left!important;display:block!important;}
span.TaRight{text-align:right!important;display:block!important;}
span.TaCenter{text-align:center!important;display:block!important;}

.FlLeft{float:left;}
.FlRight{float:right;}

.ImageLeftWrap{float:left;padding: 0 15px 15px 0;background:#ffffff;}
.ImageRightWrap{float:right;padding: 0 0 15px 15px;background:#ffffff;}


/*clearfix*/
.Clearfix {zoom:1;}
.Clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
    overflow: hidden;
}


/*�m�[�g�r��*/
.CmnNote{
background:url(/img/common/CmnText.gif) left top repeat;
line-height:25px;
}


/*���M�{�^������*/
.CmnSubmit{
margin: 20px 0;
padding: 0 0 15px;
background:url(/img/common/SubmitBg.gif) center bottom no-repeat;
}

.CmnSubmit .CmnSubmitInner{
text-align:center;
padding:15px 0 0;
background:url(/img/common/SubmitTop.gif) center top no-repeat;
}



/*�y�[�W�g�b�v�ɖ߂�*/
.CmnPagetop{text-align: right;padding:100px 0 0;clear:both;}
.CmnPagetop a{padding: 0;margin: 0;}


/*�T�C�g������N�p�A�C�R��*/
a.CmnLinkSite{
background: url(/img/common/CmnLinkSite.gif) left center no-repeat;
padding-left :1.6em;
color:#0000ff;
margin:0 4px;
text-decoration:underline;
}

/*�ʑ������N�p�A�C�R��*/
a.CmnLinkBlank{
background: url(/img/common/CmnLinkBlank.gif) left center no-repeat;
padding-left :1.6em;
margin:0 4px;
color:#0000ff;
text-decoration:underline;
}


/*���o���ݒ�
--------------------------------------------------------------------------------*/
.BlockMainTitle{
color: #878785;
font-size: 16px;
font-weight: bold;
margin-bottom:10px;
padding: 7px ;
background:#f0f0f0;
border-top:3px solid #b2d8e3;
color:#7dc4d8;
}

.MainTitle{
/*background: url(/img/common/CmnMainTitle.gif) left top no-repeat;*/
border-left: 3px solid #FF6100;
font-size: 14px;
font-weight: bold;
line-height: 120%;
margin-bottom: 20px;
padding: 0 6px;
}

/*�J�[�g��y�[�W�^�C�g��*/
.CmnCartTitle{
padding:10px 10px;
font-weight:bold;
color:#2c8cb6;
background:url(/img/common/CmnCartTitle.gif) 0 0 repeat-x;
}


/* Section�ݒ�
--------------------------------------------------------------------------------*/

.Section{
margin-bottom:30px;
}

.SectionTitle{
/*border-bottom: 2px solid #027AF2;*/
font-size:14px;
margin: 0 0 1em;
}


.GrayBoxTitle,
.GrayBoxTitle{
  background: none repeat scroll 0 0 #F6F6F6;
  border: 1px solid #B5B5B5;
  color: #727272;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 1em;
  padding: 3px 14px;
}






    /*���i�ڍ�*/
    .SectionProductsDetailSubComment .SectionTitle,
    .SectionProductsDetailShop .SectionTitle,
    .SectionProductsDetailBrand .SectionTitle,
    .SectionProductsDetailReview .SectionTitle,
    .SectionProductsDetailRelated .SectionTitle{
    }

    /*�����t���[*/
    .SectionCart .SectionTitle,
    .SectionShopping .SectionTitle{
    font-weight:bold;
    background: #f6f6f6;
    border: 1px solid #b5b5b5;
    color: #727272;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 14px;
    margin: 0 0 1em;
    }
    .SectionPopupCmnTitle .SectionTitle,
    .SectionMypageReminderTop .SectionTitle,
    .SectionShopping .SectionSubTitle,
    .SectionCart .SectionSubTitle{
    background: url("/img/common/SubTitleBg.gif") no-repeat scroll left bottom transparent;
    border-bottom: 3px solid #6BBFE4;
    color: #0C84B6;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 17px;
    }
    
    /*�|�b�v�A�b�v�p�F�‚���{�^���t��*/
    .SectionPopupCmnTitle .SectionTitle,
    .SectionMypageReminderTop{
    position:relative;
    }
    
    .SectionPopupCmnTitle .Close,
    .SectionMypageReminderTop .Close{
    position:absolute;
    top:2px;
    right:0;
    }
    
    /*����o�^*/
    .SectionMypageEntryTop .SectionTitle{
    position:relative;
    height:38px;
    }
    .SectionMypageEntryTop .SectionTitle img{
    position:absolute;
    top:0;
    left:-96px;
    }
    
    
    
    
    /*TOP�A��ЊT�v�A�����@�Ȃ�*/
    
    .SectionAbouts .SectionTitle{
    font-size:16px;
    font-weight:bold;    
    margin-bottom:1.5em
    }
    
    .SectionAbouts .SectionSubTitle{
    font-size: 14px;
    font-weight: bold;
    margin: 0.8em 0 ;
    }
    
    .SectionAboutsAgreementMain .SectionSubTitle{
      font-weight:bold;
      margin:1.5em 0;
    }
    
    .SectionIndexArrivals .SectionTitle,
    .SectionIndexRanking .SectionTitle,
    .SectionIndexNews .SectionTitle,
    .SectionIndexCategoryranking .SectionTitle,
    .SectionBrandTop .ChapterTitle,
    .SectionProductsDetailRelation .SectionTitle,
    .SectionMypageHistoryDetailDeliv .SectionTitle,
    .SectionMypageHistoryDetailMain .SectionTitle,
    .SectionMypageReviewTopNew .SectionTitle,
    .SectionMypageReviewTopLog .SectionTitle,
    .SectionAboutsHelpMain .SectionTitle{
    font-weight:bold;
    background: #f6f6f6;
    border: 1px solid #b5b5b5;
    color: #727272;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 14px 3px;
    margin: 0 0 1em;
    line-height:1.4;
    }
    
    .SectionMypageHistoryDetailSub .SectionTitle{
    font-weight:bold;
    background: #f6f6f6;
    border: 1px solid #71b6d3;
    color: #71b6d3;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 14px 3px;
    margin: 0 0 1em;
    line-height:1.4;
    }
    
    
    .SectionIndexArrivals .SectionTitle h2,
    .SectionIndexRanking .SectionTitle h2,
    .SectionIndexNews .SectionTitle h2,
    .SectionIndexCategoryranking .SectionTitle h2,
    .SectionIndexRecommend .SectionTitle h2{
    float:left;
    font-weight:bold;
    margin:0;
    }

    .SectionIndexArrivals .SectionTitle span,
    .SectionIndexRanking .SectionTitle span,
    .SectionIndexNews .SectionTitle span,
    .SectionIndexCategoryranking .SectionTitle span,
    .SectionIndexRecommend .SectionTitle span{
    font-weight:normal;
    font-size:12px;
    padding:0 10px 0;
    vertical-align:-0px;
    }

    .SectionIndexArrivals .SectionTitle a,
    .SectionIndexRanking .SectionTitle a,
    .SectionIndexNews .SectionTitle a,
    .SectionIndexCategoryranking .SectionTitle a,
    .SectionIndexRecommend .SectionTitle a{
    float:right;
    font-weight:normal;
    font-size:12px;
    padding-top:2px;
    color: #727272;
    text-decoration:none;
    background:url(/img/common/IconSectionTitleMore.gif) left center no-repeat;
    padding-left:16px;
    display: block;
    }



    .SectionPopupCmn{
      margin-bottom:20px;
    }

    .SectionPopupCmn .SectionTitle{
      margin-bottom:20px;
      padding: 3px 10px;
      background:#ecf8ff;
      border:1px solid #6abfe4;
      color:#00a7f0;
      font-weight:bold;
    }

    .SectionPopupCmn .SectionSubTitle{
      margin:10px 0 -10px;
      color:#00a7f0;
      font-weight:bold;
    }
    

/*BlueBox
--------------------------------------------------------------------------------*/

.CommonBlueBox{
width:753px;
background:url(/img/common/BlueBox753Bottom.gif) left bottom no-repeat;
}

.CommonBlueBox .CommonBlueBoxInner{
background:url(/img/common/BlueBox753Top.gif) left top no-repeat;
padding:1px;
}

.CommonWhiteBox{
width:724px;
background:url(/img/common/WhiteBox724Bottom.gif) left bottom no-repeat;
}

.CommonWhiteBox .CommonWhiteBoxInner{
background:url(/img/common/WhiteBox724Top.gif) left top no-repeat;
padding:1px;
}


.CommonGrayLineBox{
  background: url( /img/common/GraySlantedLinesBg.gif);
  padding: 15px;
}

/*�����m�F�Ŏg�p*/
.CommonCyanBox{
margin:10px 0 ;
line-height:1.4;
padding:10px;
background:#f0faff;
}

/*�����m�F�Ŏg�p*/
.CommonCyanBox .Right{
text-align:right;
margin:3px 0;
}

/*Block�ݒ�
--------------------------------------------------------------------------------*/

.BlockContact{
  text-align:center;
}



.CssFileNametop .BlockConceptBanner,
.CssFileNameabouts .BlockConceptBanner,
.CssFileNameranking .BlockConceptBanner,
.CssFileNameproducts .BlockConceptBanner,
.CssFileNamecategory .BlockConceptBanner,
.CssFileNamedetail .BlockConceptBanner,
.CssFileNamesearch .BlockConceptBanner,
.CssFileNamemypage .BlockConceptBanner,
.CssFileNamecontact .BlockConceptBanner,
.CssFileNameshopping .BlockConceptBanner,
.CssFileNamecart .BlockConceptBanner,
.CssFileNamepage .BlockConceptBanner{
float:right;
margin:50px 0 0;
}

.CssFileNameentry .BlockConceptBanner{
margin:50px 0 0;
text-align:center;
}

/*�f�o�b�O�p
--------------------------------------------------------------------------------*/
.BlockDebug {
  position:fixed;
  _position:absolute;
  background:#333333;
  color:#ffffff;
  display:block!important;
  top:10px;
  left:10px;
  padding:5px;
  text-align:left;
  width:180px;
  filter: alpha(opacity=40);  /*IE*/
  -moz-opacity:0.4;          /*Firefox,Netscape*/
  opacity:0.4;               /*Opera,Safari */
  }

.BlockDebug .BlockTitle{
  text-decoration:underline;
  cursor:pointer;
  font-size:12px;
 }

.BlockDebug .BlockBody{
  margin-top:5px;
  font-size:10px;
  line-height:1.5;
 }
 
 .BlockDebug a{
  text-decoration:none;
  color:#ffffff;
 }
 
 .BlockDebug a:hover{
  text-decoration:underline;
 }
 
 .BlockDebug .memo{
  background:#eeeeee;
  color:#ff0000;
  padding:3px;
  font-size:10px;
  line-height:1.5;
 }

 .BlockDebug:hover{
  filter: alpha(opacity=100);  /*IE*/
  -moz-opacity:1;          /*Firefox,Netscape*/
  opacity:1;               /*Opera,Safari */
 }


/*/css/common/Form.css*/
/*セル内の見出し調整
------------------------------------------------------------*/

/*姓、名、セイ、メイの横幅をそろえる*/
.FormLabelFamilyName{display:inline-block;width:2.2em;}
.FormLabelGivenName{display:inline-block;width:2.2em;}


/*ラベル
------------------------------------------------------------*/

label{
margin: 0 10px 0 0;
padding:3px 6px 3px 3px;
/*
display: block;
float: left;
*/
}

label:hover{
cursor:pointer;
}

label input {
margin-right: 5px;
vertical-align: -2px;
cursor:pointer;
}


/*必須項目
------------------------------------------------------------*/

/*画像の場合*/
img.FormCaptionMandatory{
  color: #FF0000 !important;
  font-weight: bold !important;
  vertical-align: -3px;
}

/*必須項目*/
span.FormCaptionMandatory{
  display:block;
  padding:3px 0 3px 45px ;
  background:url(/img/common/FormMust.jpg) 0 4px no-repeat;
}
/*任意項目*/
span.FormCaptionOptional{
  display:block;
  padding-left:45px;
}


/*input type-text
------------------------------------------------------------*/

input.FormName{width:10em;margin:1px 10px 1px 0;padding:2px;}
input.FormNameLong{width:20em;padding:2px;}
input.FormZip1{width:3em;margin:1px 1px 1px 0;ime-mode: disabled;padding:2px;}
input.FormZip2{width:4em;margin:1px 10px 1px 0px;ime-mode: disabled;padding:2px;}
input.FormTel{width:5em;margin:1px 1px 1px 0;ime-mode: disabled;padding:2px;}
input.FormLongTel{width:15em;margin:1px 1px 1px 0;ime-mode: disabled;padding:2px;}
input.FormMail{width:20em;margin:1px 0px;ime-mode: disabled;padding:2px;}
input.FormArrivalMail{width:24em;margin:1px 0px;ime-mode: disabled;padding:2px;}
input.FormLoginID{width:10em;margin:1px 0;ime-mode: disabled;padding:2px;}
input.FormPassword{width:12em;margin:1px 0;ime-mode: disabled;padding:2px;}
input.FormCommon010{width:9%;margin:1px 0;padding:2px;}
input.FormCommon020{width:18%;margin:1px 0;padding:2px;}
input.FormCommon030{width:27%;margin:1px 0;padding:2px;}
input.FormCommon040{width:36%;margin:1px 0;padding:2px;}
input.FormCommon050{width:45%;margin:1px 0;padding:2px;}
input.FormCommon060{width:54%;margin:1px 0;padding:2px;}
input.FormCommon070{width:63%;margin:1px 0;padding:2px;}
input.FormCommon080{width:72%;margin:1px 0;padding:2px;}
input.FormCommon090{width:91%;margin:1px 0;padding:2px;}
input.FormCommon100{width:90%;margin:1px 0;padding:2px;}

/*検索画面*/
input.FormKeywords{width:18em;margin:1px 1px 1px 0;padding:2px;}
input.FormYear{width:4em;margin:1px 1px 1px 0;ime-mode: disabled;padding:2px;}
input.FormMonth{width:2em;margin:1px 1px 1px 4px;ime-mode: disabled;padding:2px;}
input.FormDay{width:2em;margin:1px 1px 1px 4px;ime-mode: disabled;padding:2px;}
input.FormPrice{width:10em;margin:1px 1px 1px 4px;ime-mode: disabled;padding:2px;}

/*角丸時の調整*/
input.FormName,
input.FormNameLong,
input.FormZip1,
input.FormZip2,
input.FormTel,
input.FormLongTel,
input.FormMail,
input.FormArrivalMail,
input.FormLoginID,
input.FormPassword,
input.FormAlphanum,
input.FormKeywords,
input.FormPrice,
input.FormYear,
input.FormMonth,
input.FormDay,
input.FormCommon010,
input.FormCommon020,
input.FormCommon030,
input.FormCommon040,
input.FormCommon050,
input.FormCommon060,
input.FormCommon070,
input.FormCommon080,
input.FormCommon090,
input.FormCommon100{
  padding:3px 6px;
  height:18px;
  border:1px solid #e3e3e3;
  border-radius: 5px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	-o-border-radius:      5px;
	-ms-border-radius:     5px;
  background:#f6f6f6;
}

input.FormArrivalMail{
  background:#FCD5D3;
  border:1px solid #ff8888;
}

  /*郵便番号検索*/
  a.FormLinkZip{
  font-size:12px;
  background:url(/img/common/FormLinkZip.gif) left center no-repeat;
  vertical-align:-7px;
  }


input.FormAlphanum{ime-mode: disabled;padding:2px;}
input.FormCommon010{width:10%;margin:1px 0;padding:2px;}
input.FormCommon020{width:20%;margin:1px 0;padding:2px;}
input.FormCommon030{width:30%;margin:1px 0;padding:2px;}
input.FormCommon040{width:40%;margin:1px 0;padding:2px;}
input.FormCommon050{width:50%;margin:1px 0;padding:2px;}
input.FormCommon060{width:60%;margin:1px 0;padding:2px;}
input.FormCommon070{width:70%;margin:1px 0;padding:2px;}
input.FormCommon080{width:80%;margin:1px 0;padding:2px;}
input.FormCommon090{width:90%;margin:1px 0;padding:2px;}
input.FormCommon100{width:98%;margin:1px 0;padding:2px;}

  /*ログイン画面用*/
  .input.FormLoginMail,
  .input.FormLoginPass{
      background-color: #F5F5F5;
      margin: 0 30px 7px;
      width: 292px;
      height:20px;
      ime-mode: disabled;
  }


/*select
------------------------------------------------------------*/

select.FormYear{margin:1px 1px 1px 0;}
select.FormMonth{margin:1px 1px 1px 4px;}
select.FormDay{margin:1px 1px 1px 4px;}

select{margin:3px 0;}


/*textarea
------------------------------------------------------------*/

textarea.FormTextarea{
  width:98%!important;
  height:200px;
  margin:4px 0;
  padding:3px;
  overflow-y: scroll;
  border: 1px solid #e5dcd5;
  zoom:1;
  border-radius: 5px;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	-o-border-radius:      5px;
	-ms-border-radius:     5px;
  behavior: url(/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}



/*ログイン画面用
------------------------------------------------------------*/
  .input.FormLoginMail,
  .input.FormLoginPass{
      background-color: #F5F5F5;
      margin: 0 30px 7px;
      width: 292px;
      height:20px;
      ime-mode: disabled;
  }



/*/css/common/Message.css*/
/*補足メッセージ
--------------------------------------------------------------*/
.MessageSub{
font-size:12px;
}

.MessagePoint{
color:#00a7f0;
font-weight:blod;
}


/*必須項目の記述
--------------------------------------------------------------*/
span.MessageFormMust{
font-weight:bold!important;
color:#FF0000!important;
}

img.MessageFormMust {
    color: #FF0000 !important;
    font-weight: bold !important;
    vertical-align: -3px;
}



/*フォームエラーメッセージ
--------------------------------------------------------------*/
.MessageFormError{
background:#fcd5d3!important;
font-weight:bold!important;
color:#FF0000!important;
padding:2px 10px!important;
line-height:1.4!important;
margin: 0 0 3px 0;
zoom:1;
}


/*table内のメッセージ
--------------------------------------------------------------*/
.MessageTableAttention{
margin:5px 0 ;
padding:5px;
background:#edfbff;
}


/*注意書き 短文
--------------------------------------------------------------*/
.MessageAttention{
color:#FF0000!important;
}



/*注意書き 長文
--------------------------------------------------------------*/
.MessageCaution{
border: 3px solid #FF5A00!important;
background:#ffffff;
padding:15px;
margin: 0 120px 20px;
}

.MessageCautionTitle{
    background: url(/img/common/Caution.gif) no-repeat left center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px;
    text-align:center;
    color:#FF5A00;
}

.MessageCautionBody{
    line-height:1.4;
    padding: 0 0 0 80px;
}



/*お知らせ 長文
--------------------------------------------------------------*/
.MessageInformation{
margin: 20px 154px 20px;
background:url(/img/common/MessageInformationBg.gif) center top no-repeat;
}

.MessageInformationTitle{
    text-align:center;
    color:#317be8;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    padding:30px 0 0 ;
}

.MessageInformationBody{
    line-height:1.4;
    background:url(/img/common/MessageInformationBottom.gif) center bottom no-repeat;
    padding: 0 30px 30px;
}




/*デモ画面用メッセージ
--------------------------------------------------------------*/
.MessageDemo{
text-align:left;
font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-weight:normal;
line-height: 1.3;
color:#000000;
background: url(/img/common/MessageDemoBg.gif) no-repeat left bottom;
padding: 5px 19px 12px 10px;
margin:2px 0;
position:relative;
}

.MessageDemoEnabled{
background: url(/img/common/MessageDemoEnabledBg.gif) no-repeat left bottom;
}

.MessageDemoDisabled{
background: url(/img/common/MessageDemoDisabledBg.gif) no-repeat left bottom;
}

.MessageDemo textarea{
font-size:12px;
border:none;
overflow:hidden;
width:99%;
word-break: break-all;
}

.MessageDemo .delete{
position:absolute;
top:2px;
right:2px;
background:#ffffff;
color:#808080;
padding:2px;
}

.MessageDemo .delete:hover{
cursor:pointer;
}



/*/css/common/Table.css*/
/* TableDefault
　　⇒商品陳列以外で使用
--------------------------------------------------------*/

/*角丸やマージンの調整で使用*/
.TableWrapDefault{
  margin-bottom:20px;
  
  /*
  background-color: #ffffff;
  border: 1px solid #2AA1DB;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
  padding: 0;
  margin:0;
  zoom:1;
  */
}


/**/
.TableDefault{
border-top:1px solid #dedede;
border-left:1px solid #dedede;
width:100%;
margin:0 ;
}

/*中段装飾*/
.TableDefault th{
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  padding: 20px 10px;
  vertical-align: middle;
  line-height:1.4;
  /*background:#DFEEFF;*/
  background:#f1faff;
  width:200px;
  color:#5f6364;
  font-size:12px;
}

.TableDefault td{
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 20px 10px;
  vertical-align: top;
  line-height:1.4;
  font-size:12px;
  /*background:#F4FCFF;*/
}

.TableDefault td.TdBtn{
  vertical-align: middle;
  text-align: center;
}

.TableDefault td.TdNobr{
  white-space: nowrap;
}

/*先頭行装飾*/
.TableDefault .TrHead th,
.TableDefault .TrHead td{
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background:#8fcddf;
  color:#ffffff;
  text-align:center;
  white-space: nowrap;
  font-weight:bold;
  line-height:1.4;
  vertical-align:middle;
  padding: 7px 10px;
}

/*最終行装飾*/
.TableDefault .TrLast th,
.TableDefault .TrLast td{
}


        /* マイページ お届け先一覧用
        --------------------------------------------------------*/
        table.MypageDelivListTable td.TitleAdd{width:420px;}
        
        
        /* ショッピング 注文確認画面
        --------------------------------------------------------*/
        .TableCartCalculat{}
        .TableCartCalculat th{width:550px;font-weight:100;background:#ffffff;text-align:right;color:#000000;padding:7px 7px;}
        .TableCartCalculat td{background:#ffffff;text-align:right;color:#000000;padding:7px 7px;}
        .TableCartCalculat th.ThTotal{background:#f6f6f6;}
        .TableCartCalculat td.TdTotal{background:#f6f6f6;}
        
        
        /* ショッピング コンビニ選択一覧用
        --------------------------------------------------------*/
        table.ShoppingConveniListTable td.TitleSelect{width:80px;}
        
        
        /*商品詳細ページ用
        --------------------------------------------------------*/
        table.TableProductsDetailSpec{width:100%;margin-bottom:20px;}
        table.TableProductsDetailSpec th{width:90px;}



/* TableShowcase
　　　⇒カート、注文フロー、注文履歴で使用
--------------------------------------------------------*/

/*角丸やマージン調整で使用*/
.TableWrapShowcase{
  margin-bottom:20px;
  /*
  background-color: #ffffff;
  border: 1px solid #2AA1DB;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
  padding: 0;
  margin:0;
  zoom:1;
  */
}


.TableShowcase{
border-top:1px solid #dedede;
border-left:1px solid #dedede;
width:100%;
margin:0 ;
background:#ffffff;
}


/*中段装飾*/
.TableShowcase th{
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  padding: 7px 3px;
  vertical-align: top;
  line-height:1.4;
  /*background:#DFEEFF;*/
  background:#f0f0f0;
  width:200px;
  font-size:12px;
  color:#ffffff;
}

.TableShowcase td{
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 7px 3px;
  vertical-align: top;
  line-height:1.4;
  font-size:12px;
  /*background:#F4FCFF;*/
}

     .TableShowcase .TdInfo{}

         .TableShowcase .TdInfo .ProductImage{float:left;margin-left:7px;_margin-left:4px;}
         .TableShowcase .TdInfo .ProductName{margin-left:115px;}
         .TableShowcase .TdInfo .IconAccordion{margin-left:0;margin-bottom:5px;padding: 3px 0 3px 20px;}
         .TableShowcase .TdInfo .ProductClass1{margin-left:115px;}
         .TableShowcase .TdInfo .ProductClass2{margin-left:115px;}
         .TableShowcase .TdInfo .ProductSpan{margin-left:115px;margin-top:5px;}
         .TableShowcase .TdInfo .ProductType{margin-left:115px;margin-top:5px;}
         .TableShowcase .TdInfo .ProductMedical{margin-left:115px;margin-top:5px;}
     
     .TableShowcase .TdPrice{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdQuantity{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdPriceQuantity{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdDeliv{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdPayment{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdSubtotal{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdTotal{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdCharge{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdCost{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdDelete{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdEdit{white-space: nowrap;text-align:center;vertical-align:middle;}
     .TableShowcase .TdCart{text-align:center;vertical-align:middle;}
     .TableShowcase .TdContact{white-space: nowrap;text-align:center;vertical-align:middle;}

     .TableShowcaseDeliv .TdDelivIndividual,.TableShowcaseDeliv .TdDelivSummarize{background:#ffe5e6;}


     .TableShowcaseDelivMain .TdInfo,
     .TableShowcaseDelivReserve .TdInfo,
     .TableShowcaseDelivSupp .TdInfo{width:301px;!important} 

     .TableShowcaseDelivMain .TdDeliv,
     .TableShowcaseDelivReserve .TdDeliv,
     .TableShowcaseDelivSupp .TdDeliv{width:170px;!important} 

     .TableShowcaseDelivMain .TdQuantity,
     .TableShowcaseDelivReserve .TdQuantity,
     .TableShowcaseDelivSupp .TdQuantity{width:30px;!important} 

     .TableShowcaseDelivMain .TdPrice,
     .TableShowcaseDelivReserve .TdPrice,
     .TableShowcaseDelivSupp .TdPrice{width:70px;!important} 

     .TableShowcaseDelivMain .TdSubtotal,
     .TableShowcaseDelivReserve .TdSubtotal,
     .TableShowcaseDelivSupp .TdSubtotal{width:75px;!important} 

     .TableShowcaseDelivMain .TdCharge,
     .TableShowcaseDelivReserve .TdCharge,
     .TableShowcaseDelivSupp .TdCharge{width:55px;!important} 

     .TableShowcaseDelivMain .TdCost,
     .TableShowcaseDelivReserve .TdCost,
     .TableShowcaseDelivSupp .TdCost{width:40px;!important} 


     /*アコーディオン形式
         →マイページ内 注文履歴詳細                      */
     .TableShowcaseMypageHistoryDetail .TdInfo{vertical-align:middle}
     .TableShowcaseMypageHistoryDetail .TdInfo .ProductNameAccordion{margin-left:0;padding: 3px 0 3px 23px;}
     .TableShowcase .TdInfo .Box1{float:left;width:120px;}
     .TableShowcase .TdInfo .Box1 *{float:none;margin-left:0;}

     .TableShowcaseMypageHistoryDetail .TdDeliv{width:130px;}
     .TableShowcaseMypageHistoryDetail .TdPrice{width:6em;}
     .TableShowcaseMypageHistoryDetail .TdQuantity{width:2em;}
     .TableShowcaseMypageHistoryDetail .TdSubtotal{width:6em;}
     .TableShowcaseMypageHistoryDetail .TdCharge{width:4em;}
     .TableShowcaseMypageHistoryDetail .TdCost{width:4em;}
     .TableShowcaseMypageHistoryDetail .TdCart{width:120px;}
     .TableShowcaseMypageHistoryDetail .TdContact{width:10.5em;}


/*先頭行装飾*/
.TableShowcase .TrHead th,
.TableShowcase .TrHead td{
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background:#f5f4ef;
  color:#797979;
  text-align:center;
  white-space: nowrap;
  font-weight:bold;
  line-height:1.4;
  vertical-align:middle;
  padding: 3px 3px;
}

/*最終行装飾*/
.TableShowcase .TrLast th,
.TableShowcase .TrLast td{
}


/* TableShowcaseCharge
　　　⇒注文商品の価格計算で使用
　　　⇒注文フロー確認、注文履歴詳細で使用
--------------------------------------------------------*/


.TableShowcaseCharge{
width:100%;
margin:0;
background:none;
}

.TableShowcaseCharge td{
  padding: 0;
  vertical-align: middle;
}

.TableShowcaseCharge .TdIcon{
width:1%;
background:none;
}

.TableShowcaseCharge .TdNum{
width:120px;
}

.TableShowcaseCharge td .Wrap{
}

.TableShowcaseCharge td .WrapBlue{
  padding: 10px 0;
  border:3px solid #97d3eb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background:#ffffff;
}

.TableShowcaseCharge td .WrapTotal{
  padding: 10px 0 3px;
  background:#f2fdff;
  border:3px solid #f2fdff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}


.TableShowcaseCharge td .Caption{
  text-align:center;
  margin-bottom:4px;
}

.TableShowcaseCharge td .Text{
  text-align:center;
  font-size:14px;
  font-weight:bold;
  white-space: nowrap;
}

.TableShowcaseCharge td .WrapTotal .Text{
  font-size:18px;
  color:#ca0002;
}


/* TableShoppingPaymentSelect
--------------------------------------------------------*/

.TableShoppingPaymentSelect{
width:100%;
}

.TableShoppingPaymentSelect .TrHead td.TdRadio{
border-bottom:1px solid #c0e2ee;
color:#48a0c8;
font-weight:bold;
text-align:center;
width:50px;
}

.TableShoppingPaymentSelect .TrHead td.TdCaption{
border-bottom:1px solid #c0e2ee;
color:#48a0c8;
font-weight:bold;
text-align:center;
}

.TableShoppingPaymentSelect td.TdRadio{
padding:15px 20px;
text-align:center;
vertical-align:middle;
}

.TableShoppingPaymentSelect td.TdCaption{
padding:15px 20px;
vertical-align:middle;
}

.TableShoppingPaymentSelect .TableDefault{
background:#ffffff;
}

.TableShoppingPaymentCleditSelect{

}

.TableShoppingPaymentCleditSelect .TdCreditRadio{
padding: 20px 10px;
width:60px;
text-align:center;
vertical-align:top;
}

.TableShoppingPaymentCleditSelect .TdCreditContents{
padding: 3px 10px;
text-align:left;
vertical-align:top;

}


/* TableShoppingPaymentSelect
--------------------------------------------------------*/

.TableShoppingPaymentCredit,
.TableShoppingConfirmInfo,
.TableShoppingDelivMain{
width:100%;
margin:0 0 20px;
border-top:1px solid #dedede;
border-left:1px solid #dedede;
background:#ffffff;
}

.TableShoppingPaymentCredit{
margin-bottom:0;
}

.TableShoppingPaymentCredit th{
width:180px;
background:#90cde0;
font-weight:bold;
border-right:1px solid #dedede;
border-bottom:1px solid #dedede;
padding:10px 0;
text-align:center;
color:#ffffff;
vertical-align:middle;
padding: 10px;
text-align:left;
}

.TableShoppingConfirmInfo th{
width:180px;
background:#90cde0;
font-weight:bold;
border-right:1px solid #dedede;
border-bottom:1px solid #dedede;
padding:10px 0;
text-align:center;
color:#ffffff;
vertical-align:middle;
padding: 10px;
}

.TableShoppingDelivMain th{
width:180px;
background:#90cde0;
font-weight:bold;
border-right:1px solid #dedede;
border-bottom:1px solid #dedede;
}

.TableShoppingDelivMain th label{
display:block;
padding:30px 0;
text-align:center;
color:#ffffff;
float:none;
}


.TableShoppingPaymentCredit td{
line-height:1.4;
padding:10px;
border-bottom:1px solid #dedede;
border-right:1px solid #dedede;
vertical-align:middle;
}

.TableShoppingConfirmInfo td.TdContent,
.TableShoppingDelivMain td.TdAddress{
line-height:1.4;
padding:10px;
border-bottom:1px solid #dedede;
}

.TableShoppingConfirmInfo td.TdEdit,
.TableShoppingDelivMain td.TdBtn{
line-height:1.4;
padding:10px;
vertical-align:middle;
text-align:center;
border-right:1px solid #dedede;
border-bottom:1px solid #dedede;
}


/*/css/abouts/Help.css*/

/*よくあるご質問
-----------------------------------------------------------------------------*/
/*目次*/

.SectionAboutsHelpToc{
background:url(/img/abouts/HelpTocBg.gif) left top repeat;
padding:10px;
}

.SectionAboutsHelpToc .SectionBody{
background:#ffffff;
padding:10px 30px;
}

.SectionAboutsHelpToc a{
color:#74A1B1;
text-decoration:none;
font-weight:bold;
}

.SectionAboutsHelpToc a:hover{
text-decoration:underline;
}


/*本文*/
.SectionAboutsHelpMain dl{
margin-left:40px;
margin-right:40px;
}

.SectionAboutsHelpMain dt{
color:#74A1B1;
font-weight:bold;
margin-top:20px;
}

.SectionAboutsHelpMain dd{
margin-bottom:10px;
}


/* /css/abouts/Sitemap.css */

/*サイトマップツリー
-----------------------------------------------------------------------------*/
.SectionSitemapTree ul {
margin : 0;
padding : 0;
}

.SectionSitemapTree ul li {
margin : 0;
padding : 0;
text-align : left;
line-height : 140%;
list-style-type : none;
}

.SectionSitemapTree ul li.Hierarchy00 {
padding : 10px 0 5px 20px;
background-repeat : no-repeat;
background-position : left;
}

.SectionSitemapTree ul li.Hierarchy01 {
padding : 10px 0 5px 55px;
background-image : url(/img/abouts/sitemap/Sitemap01.gif);
background-repeat : no-repeat;
background-position : left;
}

.SectionSitemapTree ul li.Hierarchy02 {
padding : 10px 0 5px 97px;
background-image : url(/img/abouts/sitemap/Sitemap02.gif);
background-repeat : no-repeat;
background-position : left;
}

.SectionSitemapTree ul li.Hierarchy03 {
padding : 10px 0 5px 97px;
background-image : url(/img/abouts/sitemap/Sitemap03.gif);
background-repeat : no-repeat;
background-position : left;
}

.SectionSitemapTree ul li.Hierarchy99 {
padding : 10px 0 5px 55px;
background-image : url(/img/abouts/sitemap/Sitemap99.gif);
background-repeat : no-repeat;
background-position : left;
}


/*/css/abouts/Legal.css*/
.SectionAboutsLegalToc {
    background: url("/img/abouts/LegalTocBg.gif") repeat scroll left top transparent;
    padding: 10px 10px 1px;
}


.SectionAboutsLegalToc .SectionBody {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 15px 62px 30px;
    margin:0px 0 9px;
}

.SectionAboutsLegalToc table.TableLegal {
    width: 100%;
    margin-bottom: 16px;
}


.SectionAboutsLegalToc .LegalTitle {
    font-size:14px;
    font-weight:bold;
    margin:1.5em 0;
}


.SectionAboutsLegalToc td.TdCaption ,
.SectionAboutsLegalToc td.TdContent {
    border-bottom: 1px solid #e4e4e4;
    padding: 8px 18px 8px;
    margin-bottom: 4px;
}


.SectionAboutsLegalToc td.TdCaption {
    width: 168px;
}

.shop-caption{
    display: flex;
    justify-content: space-around;
    width: 100%;
}
.shop-caption-img{
    max-width: 100%;
    width: 40%;
}


/*/css/abouts/Guide.css*/
.GuideHeadNav{
  margin: 0 12px 17px;
}

.GuideHeadNav ul,
.GuideHeadNav li{
  padding: 0;
  margin: 0;
  list-style: none;
}

.GuideHeadNav li{
  float: left;
  font-size: 11px;
  padding: 0 0 0 10px;
  background: url("/img/abouts/GuideIcon02.gif") no-repeat left center;
  white-space: nowrap;
}

.GuideHeadNav li a{
}

.ChapterGuide{
  margin-bottom: 50px;
}

.ChapterGuide .Small{
  font-size: 12px;
}


.ChapterGuide .Notes dt {
  position: relative;
  margin: 0;
  padding: 0;
}
.ChapterGuide .Notes dt span {
  position: absolute;
}
.ChapterGuide .Notes dd {
  padding-left:18px;
  margin: 0;
}


.ChapterGuide .ChapterTitle{
  border: 1px solid #b5b5b5;
  background: #f6f6f6;
  padding: 1px 14px;
  margin-bottom: 16px;
}

.ChapterGuide .ChapterBody{
  margin: 0 15px 0;
}

.BlockBorderArea .Border{
  border-bottom: 1px dotted #cdcdd6;
  padding: 0 6px;
}

.BlockBorderArea .Border.Bottom{
  border-bottom: none;
}

.BlockGuideTable{
  margin-top: 16px;
}

.BlockGuideTable th,
.BlockGuideTable td{
  padding: 5px 10px;
  font-weight: normal;
  border-bottom: 1px solid #ededed;
}

.BlockGuideTable th{
  background: #f8f8f8;
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
}

.BlockGuideTable td{
  border-right: 1px solid #ededed;
}

.BlockGuideTable th.TableHeader{
  background: #c2dfe5;
  border: none;
}

.BlockGuideTable td.TdNoBorder{
  border: none;
  padding: 2px 0;
}


.ChapterGuide .Attention{
  color: blue;
}

.SectionAboutsGuideMenu .SectionBody{
  padding: 0 18px;
}

.SectionAboutsGuideMenu .LeftSide{
  float: left;
  width: 48%;
}

.SectionAboutsGuideMenu .RightSide{ 
  float: right;
  width: 48%;
}

.SectionAboutsGuideMenu .Chapter{
  margin-bottom: 22px;
}

.SectionAboutsGuideMenu .ChapterTitle{
  padding: 0 0 0 11px;
  background: url("/img/abouts/GuideIcon01.gif") no-repeat left center;
  margin-bottom: 10px;
  color: #5e5e5e;
  cursor: pointer;
}

.SectionAboutsGuideMenu .ChapterBody{
  padding-left: 10px;
  display: none;
}

.SectionAboutsGuideMenu .Chapter a{
  padding: 0 0 0 12px;
  background: url("/img/abouts/GuideIcon02.gif") no-repeat left center;
  color: #787878;
  display: block;
  text-decoration:underline;
}


.SectionAboutsReadme .Point{
  margin-left: 16px;
}

.SectionAboutsReadme .Small{
  font-size: 12px;
}

.SectionAboutsReadme .IconList{
  font-size: 13px;
}

.SectionAboutsReadme .IconList td{
  padding: 5px 0px;
  border-bottom: 1px dotted #cdcdd6;
}

.SectionAboutsReadme .IconList th{
  padding: 7px 3px;
  border-bottom: 1px dotted #cdcdd6;
}

.SectionAboutsReadme .FootreLink{
  float: right;
  margin-top: 12px;
}

.SectionAboutsReadme .FootreLink a {
  background: url("/img/abouts/GuideIcon02.gif") no-repeat scroll left center transparent;
  color: #787878;
  display: block;
  padding: 0 0 0 12px;
}


.SectionAboutsOrder #order .Process{
  margin: 0 auto 26px;
  text-align: center;
}

.ChapterGuide .LeftSide{
  float: left;
}

.ChapterGuide .RightSide{
  float: right;
}

.ChapterGuide .Process{
  margin-bottom: 18px;
}

.ChapterGuide .ProcessText{
  width: 340px;
}

.ChapterGuide .att{
  padding-left: 1em;
  text-indent: -1em;
}

.ChapterGuide .ProcessImage{
  width: 360px;
}

.SectionAboutsOrder .Step{
  margin-bottom: 26px;
}
.SectionAboutsOrder .StepTitle{
  margin-bottom: 18px;
}



.SectionAboutsOrder #trouble .BlueBox{
  padding: 10px;
  background: #eef6f7;
}

.SectionAboutsOrder #trouble .ErrorCase{
  margin: 20px 0;
}

.SectionAboutsOrder #trouble .ErrorCase .Title{
  margin-bottom: 12px;
}

.SectionAboutsOrder #trouble .ErrorCase .Case{
  margin-bottom: 8px;
}

.SectionAboutsOrder #trouble .ErrorCase .CaseTitle{
  background: #74A1B1 url("/img/abouts/ErrorTitleIcon.gif") no-repeat 6px 8px;
  padding: 0 26px;
  color: #FFFFFF;
  margin-bottom: 2px;
  cursor: pointer;
}
.SectionAboutsOrder #trouble .ErrorCase .CaseBody{
  display: none;
  margin-bottom: 8px;
}

.SectionAboutsCustomer .Heading{
  margin-bottom: 26px;
}

.SectionAboutsCustomer .SubHeading{
  margin-bottom: 18px;
}

.SectionAboutsCustomer .Process p{
  padding: 0 4px;
}

.SectionAboutsCompany .CompanyTable tr{
}

.SectionAboutsCompany .CompanyTable td,
.SectionAboutsCompany .CompanyTable th{
  padding: 6px 20px;
  font-weight: normal;
  border-bottom: 1px dotted #cdcdd6;
}

.SectionAboutsCompany .CompanyTable{
  width: 100%;
}

.SectionAboutsCompany .CompanyTable th{
  width: 30%;
}

.SectionAboutsCompany .CompanyTable td{
  width: 70%;
}


/*/css/block/header/Index.css*/
/* ヘッダー
------------------------------------------------------------*/

.Header .HeaderSiteLogo{
  position:absolute;
  top:53px;
  left:0px;
}

.Header .HeaderDescription{
  position:absolute;
  top:67px;
  left:186px;
  margin:0;
  padding:0;
  font-size:10px;
  font-weight:normal;
}

.Header .HeaderTel{
  text-align:right;
  padding-top:2px;
}

.Header .HeaderCart{
  position:absolute;
  top:52px;
  left:824px;
}
.Header .HeaderNotice{
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  position:absolute;
  top:88px;
  left:400px;
}

/*ユーザー情報*/
.Header .HeaderUser{
  position:absolute;
  top:52px;
  left:583px;
  margin:0;
  padding:0;
  width:235px;
  height:55px;
  background:url(/img/block/header/HeaderUserBg.gif) left bottom no-repeat;
}

.Header .HeaderUser ul{
  background:url(/img/block/header/HeaderUserTop.gif) left top no-repeat;
  padding: 5px 0 0 ;
  margin:0;
  list-style:none;
}

.Header .HeaderUser li.Entry{float:left;margin:0 6px 3px 0;padding:0 5px 0 7px;background:url(/img/block/header/HeaderUserVl.gif) right center no-repeat;}
.Header .HeaderUser li.Login{float:left;margin:0 0 3px;padding:0;}
.Header .HeaderUser li.Name{text-align:center;clear:both;margin:0 0 0 ;padding:2px 0 0;border-top:1px solid #cecfcf;width:375xp;overflow:hidden;}
.Header .HeaderUser a{
  display:block;
  padding: 0;
  margin:0;
  float:left;
}
.Header .HeaderUser .logout li.Entry{padding:0 10px 0 12px;}
.Header .HeaderUser .logout li.Login a{width:96px;height:22px;margin:0 5px;display:block;background:url(/img/block/header/btn_logout.gif) center center no-repeat;text-indent:-9999px;overflow:hidden;}
.Header .HeaderUser .logout li.Login a:hover{background:url(/img/block/header/btn_logout_on.gif) center center no-repeat;}


/*カーソル付きリンク*/
.Header .HeaderLink{
  position:absolute;
  top:26px;
  right:0px;
  list-style:none;
  margin:0;
  padding:0;
  border-left:1px solid #787878;
}
.Header .HeaderLink li{float:left;margin:0;padding: 0px 5px ;border-right:1px solid #787878;}
.Header .HeaderLink a{
  display:block;
  padding: 0px 2px;
  line-height:1.2;
  background:url(/img/block/header/HeaderLinkBg.gif) left center no-repeat;
  color:#787878;
  text-decoration:none;
  float:left;
}

.HeaderLine{
/*ヘッダー下部の背景*/
background: #ffffff url(/img/common/HeaderLine.gif) center top repeat-x;
background-position:50% 100%;
}


/*フォントサイズ切り替え*/
/*
.Header .HeaderFont{
  position:absolute;
  top:97px;
  right:0px;
  list-style:none;
}

.Header .HeaderFont li{  float:left;}
.Header .HeaderFont li.Last{ margin-right:9px;_margin-right:4px;}
.Header .HeaderFont li a{
  display:block;
  width:22px;
  height:21px;
  text-indent:-9999px;
  overflow:hidden;
}

.Header .HeaderFont li a.HeaderFontSmall{background:url(/img/block/header/HeaderFontSmall.gif) left top no-repeat;}
.Header .HeaderFont li a.HeaderFontMiddle{background:url(/img/block/header/HeaderFontMiddle.gif) left top no-repeat;}
.Header .HeaderFont li a.HeaderFontLarge{background:url(/img/block/header/HeaderFontLarge.gif) left top no-repeat;}

.Header .HeaderFont li a.HeaderFontSmall:hover,
.Header .HeaderFont li a.HeaderFontMiddle:hover,
.Header .HeaderFont li a.HeaderFontLarge:hover{background-position:left bottom}
*/


/*検索エリア*/

.BlockHeaderSearch {
    background:url(/img/block/header/HeaderSearchBg.gif) left top repeat;
    padding:10px 0;
    text-align:center;
    margin-bottom:7px;
}

.BlockHeaderSearch .BtnWrap{
margin-bottom:7px;
padding-left:14px;
}

.BlockHeaderSearch .BtnWrap a{
float:left;
}

.BlockHeaderSearch .TableHeaderSearch{
margin:0 auto;
}

.BlockHeaderSearch .TableHeaderSearch td{
vertical-align:middle;
}

.BlockHeaderSearch .TableHeaderSearch .S{
vertical-align:middle;
}

.BlockHeaderSearch .TableHeaderSearch .I{
width:260px;
padding:4px;
border:2px solid #83acec;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

border-radius: 5px;
box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2) inset;
}

.BlockHeaderSearch .TableHeaderSearch .I:focus{
outline: none; 
}

.BlockHeaderSearch .TableHeaderSearch .B{
vertical-align:middle;
}



/*/css/block/footer/Index.css*/
/* フッター
------------------------------------------------------------*/

.Footer{
}

/*お問い合わせなど*/
.Footer .FooterContact{
text-align:center;
margin-bottom:20px;
}


.Footer .FooterContact ul{
background: url("/img/block/footer/FooterContactBg.gif") no-repeat scroll left top transparent;
height: 41px;
margin: 0 auto;
padding: 12px 0 0;
width: 533px;
list-style:none;
}

.Footer .FooterContact ul li{
text-align:left;
font-size: 12px;
line-height: 100%;
padding: 0 15px 8px 184px;
}

.Footer .FooterContact ul li a{
color: #3F3F3F;
text-decoration: none;
}

.Footer .FooterContact ul li a:hover{
text-decoration: underline;
}


/*フッターリンク*/
.Footer .FooterLink{
margin-bottom:7px;
margin-bottom:15px;
}

.Footer .FooterLink ul{
  list-style:none;
  margin:0;
  padding:0;
  text-align:center;
}

.Footer .FooterLink li{display:inline;margin:4px 0;padding: 2px 6px;border-right:1px solid #ffffff;text-align:center;}

.Footer .FooterLink li:last-child {
    border-right: none;
}

.Footer .FooterLink li.Last{
border-right:none;
}

.Footer .FooterLink a{
padding: 2px;
color:#ffffff;
text-decoration:none;
}


/*トップにもどる*/
.Footer .FooterReturn{
text-align:right;
height:25px;
overflow:hidden;
margin-bottom:25px;
}


/*コピーライト*/
.Footer .FooterCopy{
text-align:center;
color:#FFFFFF;
padding: 0 0 0;
}

.FooterTel{
    border: 1px dashed #fff;
    font-size: 18px;
    line-height: 1.5;
    margin: 0 auto 3%;
    padding: 10px 0;
    text-align: center;
    width: 94%;
    color: #fff;
}

.ftel span {
    display: block;
    font-size: 13px;
}

/* コラムページ */
.column-wrap{

font-size: 18px;

margin: 5% auto;

max-width: 800px;

padding: 3% 2%;

border: 1px solid #ccc;
}

.column-h1{
font-size: 1.6em;
font-weight: bold;
border-bottom: 3px solid;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "ヒラギノ角ゴPro W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.8;
}
.column-h2{

font-size: 1.4em;

font-weight: bold;

/*左線*/

margin-bottom: 2%;

padding: 10px;

background: #fffaf4;/*背景色*/

border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

.column-h3{

font-size: 1.2em;

font-weight: bold;

border-bottom: 1px solid #ccc;

padding: 5px;
}

.column-h3:before {content: "●";}

.column-h4{

font-size: 1.1em;

font-weight: bold;

border-bottom: 1px solid #ccc;

display: inline-block;

padding: 5px;
}

.column-img-block{
  margin:4% auto;
}

.column-img{

max-width: 100%;

border: 1px solid #ccc;
}

.column-text{

margin: 2% auto 5%;
}

.column-text strong{

font-weight:bold;

color: #d50000;
}

.column-list{

margin: 2% auto 5%;

padding: 4%;

background: #e7fbff;

border-radius: 10px;

font-weight: bold;
}

.column-list-block{
  
}

.column-list-block::before {content: "・";}

.column-cta-btn{
  display:block;
  margin-bottom:5%;
}

.column-cta-btn{
  margin-bottom:10%;
}
/* コラムページ */


.top-rossmin-whipure-wrap {/* display: none; */text-align: center;}

.top-rossmin-block {position: relative;z-index: 10;}

.top-whipure-block {position: relative;z-index: 1;margin-top: -110px;}

.top-whipure-btn {
	
position: absolute;
	
left: 0;
	
right: 0;
	
top: 78%;
	
margin: auto;
	
width: 65.72%;
}

.top-bihaku-block {position: relative;
}

.top-bihaku-btn {
	position: absolute;
	
left: 0;
	
right: 0;
	
top: 78%;
	
margin: auto;
	
width: 65.72%;
}

.top-whipure-btn:hover,.top-bihaku-btn :hover{
	opacity:0.6;
}

header, footer, .gb_menu {
	display: none!important;
}