@charset "UTF-8";


/*

*** base.css start ***
misumi-vona reset CSS

*/
body,
div,
pre,
form,
fieldset,
input,
textarea,
p,
th,
td {
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
ul,
ol,
li,
dl,
dt,
dd {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
fieldset,
img,
a img {
    border: 0 none
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
}
th {
    font-style: normal;
    font-weight: normal;
    text-align: left;
}
hr {
    display: none
}
.clearfix {
    min-height: 1px
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
*html .clearfix {
    height: 1px
}
.inner,
dl,
.head,
.navArea,
.searchArea,
.container,
.itemDetailBody,
.makerTitBody,
.progressBody,
.pageNav,
.itemTitleBody,
.resultNum,
.resultNum .model,
.cartBody,
.subCategBody,
.titlebody,
.specPhotoBody,
.illustBody,
.figureBody,
.detailBody,
.product .floatingBox .btnArea,
.searchBody,
.catalogue .selectArea,
.login .wrapper,
.itemBody,
.specBoxBody,
.reviewBox,
.cadSelectBody,
.priceDetailBox,
.result .main .specBoxBody .item_icon_box,
.result .main .abolition .sub_model,
.product .btnArea,
.spec .main .specListTable td.price,
.floatingBox .detailBody .useSelect,
.floatingBox .figureBody .specSelect,
.mypage .floatingBox .similarBody .folder01,
.mypage .floatingBox .similarBody .folder01_01,
.mypage .floatingBox .similarBody .folder01_02,
.mypage .floatingBox .similarBody .folder01_03,
.itemDetailBody .detail,
.mAssembler .unit .toggleLink,
.result .main .resultPhotoBody {
    min-height: 1px
}
.inner:after,
dl:after,
.head:after,
.navArea:after,
.searchArea:after,
.container:after,
.itemDetailBody:after,
.makerTitBody:after,
.progressBody:after,
.pageNav:after,
.itemTitleBody:after,
.resultNum:after,
.resultNum .model:after,
.cartBody:after,
.subCategBody:after,
.titlebody:after,
.specPhotoBody:after,
.illustBody:after,
.figureBody:after,
.detailBody:after,
.product .floatingBox .btnArea:after,
.searchBody:after,
.catalogue .selectArea:after,
.login .wrapper:after,
.itemBody:after,
.specBoxBody:after,
.reviewBox:after,
.cadSelectBody:after,
.priceDetailBox:after,
.result .main .specBoxBody .item_icon_box:after,
.result .main .abolition .sub_model:after,
.product .btnArea:after,
.spec .main .specListTable td.price:after,
.floatingBox .detailBody .useSelect:after,
.floatingBox .figureBody .specSelect:after,
.mypage .floatingBox .similarBody .folder01:after,
.mypage .floatingBox .similarBody .folder01_01:after,
.mypage .floatingBox .similarBody .folder01_02:after,
.mypage .floatingBox .similarBody .folder01_03:after,
.itemDetailBody .detail:after,
.mAssembler .unit .toggleLink:after,
.result .main .resultPhotoBody:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
*html .inner,
*html dl,
*html .head,
*html .navArea,
*html .searchArea,
*html .container,
*html .itemDetailBody,
*html .makerTitBody,
*html .progressBody,
*html .pageNav,
*html .itemTitleBody,
*html .resultNum,
*html .cartBody,
*html .subCategBody,
*html .titlebody,
*html .specPhotoBody,
*html .illustBody,
*html .figureBody,
*html .detailBody,
*html .product .floatingBox .btnArea,
*html .searchBody,
*html .catalogue .selectArea,
*html .login .wrapper,
*html .itemBody,
*html .specBoxBody,
*html .reviewBox,
*html .cadSelectBody,
*html .priceDetailBox,
*html .result .main .specBoxBody .item_icon_box,
*html .result .main .abolition .sub_model,
*html .product .btnArea,
*html .spec .main .specListTable td.price,
*html .floatingBox .detailBody .useSelect,
*html .floatingBox .figureBody .specSelect,
*html .mypage .floatingBox .similarBody .folder01,
*html .mypage .floatingBox .similarBody .folder01_01,
*html .mypage .floatingBox .similarBody .folder01_02,
*html .mypage .floatingBox .similarBody .folder01_03,
*html .itemDetailBody .detail,
*html .mAssembler .unit .toggleLink,
*html .result .main .resultPhotoBody {
    height: 1px
}
/* ie6,7 */
.wrapper .container {
*min-height:1px
}
.wrapper .container:after {
*content:".";
*display:block;
*clear:both;
*height:0;
*visibility:hidden;
}
*html .wrapper .container {
*height:1px
}
iframe {
    border-style: none
}
/*----------------------------------------------------------------

LINK

----------------------------------------------------------------*/
a,
a:link {
    text-decoration: none;
    background-color: transparent;
    color: #004bb1;
    outline: none;
}
a:visited {
    background-color: transparent;
    color: #851f99;
}
a:hover,
a:active {
    text-decoration: underline;
    background-color: transparent;
    color: #ff730a;
}
/*----------------------------------------------------------------

デコレーション

----------------------------------------------------------------*/
label[for] {
    cursor: pointer;
}



/* base_layout.css */
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
}
th {
    font-style: normal;
    font-weight: normal;
    text-align: left;
}



/* title
----------------------- */
.titleBlock {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #333333;
  line-height:1.2;
}
.titleBlock .titleBlock__h3 {
  font-size: 14px;
  padding-bottom: 5px;
}
.titleBlock .titleBlock__container {
  padding: 0 0 10px 0;
}
.titleBlock .titleBlock__container .titleBlock__main {
  float: left;
  border-left: 5px solid #0169c6;
  padding: 0 10px;
}
.titleBlock .titleBlock__container .titleBlock__main strong {
  font-size: 20px;
}
.titleBlock .titleBlock__container .titleBlock__sub {
  float: right;
  margin-top: 10px;
}

.titleBlock__h1 {
  border-top:solid 3px #0169c6;
  border-bottom:solid 1px #333333;
  font-weight:bold;
  padding:10px 0px;
  margin: 0 0 20px 0;
  font-size:25px;
}

.titleBlock__h3{
  background-color:#e6e6e6;
  border-left:solid 5px #999999;
  font-weight:bold;
  padding:8px;
  line-height:120%;
  margin-bottom:20px;
  font-size: 14px;;
  text-align: left;
}

/* テーブル list
----------------------- */
.contentsWrap .tableBlockList{
    border-top:solid 1px #bfbfbf;
    border-left:solid 1px #bfbfbf;
    width:100%;
}
.contentsWrap .tableBlockList th{
    border-right:solid 1px #bfbfbf;
    border-bottom:solid 1px #bfbfbf;
    background-color:#e6e6e6;
    text-align:left;
    padding:5px 20px;
    font-weight:bold;
    /*width:20%;*/
}
.contentsWrap .tableBlockList td{
    border-right:solid 1px #bfbfbf;
    border-bottom:solid 1px #bfbfbf;
    background-color:#ffffff;
    text-align:left;
    padding:5px 20px;
}
.contentsWrap .tableBlockList th:after{
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
*html .contentsWrap .tableBlockList th {
    height: 1px
}
.tableBlockList__title{
  float: left;
}
.tableBlockList__icon{
  float: right;
  /*width: 3em;*/
}

/* form
----------------------- */
/* input */
input[type="text"],
input[type="password"] {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #bfbfbf;
  box-shadow: 0 1px rgba(0, 0, 0, 0.1) inset;
}
input[type="radio"],
input[type="checkbox"] {
  vertical-align: middle;
}

.inputLarge {
  padding: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #bfbfbf;
  box-shadow: 0 1px rgba(0, 0, 0, 0.1) inset;
}

input[type="text"].error,
input[type="password"].error {
  background: #ffd9d9;
}

input[type="text"].focus,
input[type="password"].focus {
  background: #fff2bf;
}

.inputLabel label {
  cursor: pointer;
}

.inputWithMsg {
  margin: 0 0 5px 0;
}
.inputWithMsg input {
  float: left;
  margin-right: 15px;
}
.inputWithMsg p {
  overflow: hidden;
}
.inputWithMsg p span {
  margin: 5px 0 0;
}

.textWithEdit p {
  float: left;
  margin-right: 20px;
}
.textWithEdit p.note{
  margin-top:4px;
}
.textWithEdit p input {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 200px;
}

/* mypage */
/* box
----------------------- */
.inputBox .inputBox__input {
  float: left;
  margin: 5px 10px 5px 0;
}
.inputBox .inputBox__button {
  float: left;
  margin: 7px 10px 5px 0;
}
.inputBox .inputBox__input {
  line-height: 32px;
}
.inputBox .inputBox__radio,
.inputBox .inputBox__checkbox {
  line-height: 21px;
}
.inputBox .inputBox__text {
  float: left;
}

.noteBox {
  margin: 0 0 20px 0;
  padding: 10px;
  background-color: #ffd9d9;
  color: #d90000;
}
.noteBox .noteBox__container {
  padding: 0 0 0 25px;
  background-image: url(../../../images/my/en/icon_note.png);
  background-repeat: no-repeat;
  background-position: left center;
}

/* 強調枠
----------------------- */
.contentsWrap .contentsBlockEmphasis{
  border:solid 2px #67a5dd;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-bottom:20px;
}
.contentsWrap .contentsBlockEmphasis__title{
  color:#ffffff;
  background-color: #67A5DD;
  font-weight:bold;
  font-size: 14px;;
  line-height:1.2;
  padding:10px 14px;
}
.contentsWrap .contentsBlockEmphasis__main{
  padding:15px;
}

/* 汎用枠
----------------------- */
.contentsWrap .contentsBlockGeneral{
  border:solid 2px #999999;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  margin-bottom:20px;
}
.contentsWrap .contentsBlockGeneral__title{
  color:#ffffff;
  background-color: #999999;
  font-weight:bold;
  font-size: 14px;;
  line-height:1.2;
  padding:10px 14px;
}
.contentsWrap .contentsBlockGeneral__main{
  padding:15px;
}