/* service menu */
#sv-menu-wrap {
margin: 0 auto;
/* width:986px; */
border:1px solid #cccccc;
padding:0px 0 0 0px;
background-color:#eaeaea;
border-radius:5px;
-moz-border-radius:5px;
}
.sv-menu {float:left;padding:0 0 4px 6px;}
.sv-menu-header {font-size:1em;padding-left:0.2em;display:inline;}

.sv-menu-header-wrap {display:inline-block;font-size:0.8em;}
.sv-menu-header-link {margin-left:1em;}
.sv-menu li {float:left;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#ffffff;
	padding:6px 2px 2px 2px;
	line-height:1.2em;
	width:68px;
	text-align:center;
	list-style-type:none;
	display:block;
}
.sv-menu img {width:40px;heigth:auto;}
.sv-menu span {font-size:80%;}
.sv-menu-narrow {letter-spacing:-2px;}
.sv-menu-selected {font-weight:bold;}
.sv-menu-set {margin-left:2px;}
.sv-menu-single-set {display:none;} /*スマホ表示のメニュータイトルは表示しない*/



/* contents */
#content{margin-left:10px;}
#order-content {float:left;width:650px;padding-right:1em;}

/* header */
#sv-name-header {margin: 10px 0 0.2em 0;}
#sv-name-header h2 { display:inline;}
.sv-name-header-img {float:left;}
.sv-name-header-inf {overflow-x: hidden;overflow-y: hidden;padding-left: 5px;}
.sv-name-header-title {}
.sv-name-header-appeal {}
.sv-name-img {width:119px;height:89px;}

/* table */
.order-table-wrap {margin-top:1em;}
.order-table-sub-header {margin-top:0.5em;font-size:120%;}
.order-table {border-top:2px;border-left:2px;border-right:3px;border-bottom:3px;border-style:solid;border-color:#c8c8c8;}
.order-table table {border-style:none;background-color:#c8c8c8;font-size:100%;width:100%;border-spacing:0px}
.order-table td {border-style:none;background-color:white;font-size:100%;padding:3px;border-top:solid 1px #c8c8c8;border-left:solid 1px #c8c8c8;}
.order-table th {border-style:none;background-color:#cccccc; font-size:100%;padding:3px;text-align:left;}
.order-table-sv-link{margin-left:1em;}
.order-table-sel {width:6em;}
.order-table-sel div {text-align:left;}
.order-table-in-qty {width:3em;text-align:right;}
.order-table-sel-price { /* display:none;*/ text-align:right;font-size:80%;width:6.8em;}
.order-table-sel-price div {text-align:right;}
.order-table-sel-price input {text-align:right;width:5em;}
.order-table-sel-price-diabled {color:#dddddd;border:1px #cccccc solid;background-color:#eeeeee;}
.order-table-sel-price span {margin-left:2px;}
.order-table-title-space {font-weight:bold;text-align:center;}

/* note */
#order-note {margin-top:1em;/* background-color:#F6F6F6 ;padding:6px;border:1px solid #cccccc;*/} /*m*/
#order-note li{margin-left:20px;}
#order-note h3 {font-size:150%;}
#order-note h4 {margin-top:0.5em;padding:0.5em 0;font-size:120%;border-top:1px solid #cccccc;}

/* right side menu */
#order-side-wrap {float:right;width:320px;margin-right:10px;}
#order-menu {margin:10px 0;width:320px;}
#sel-option {background-color:#ffffff;border:1px solid #cccccc;}
.sel-column {padding:4px;} 
.sel-title  {float:left;}
.sel-title-note {clear:both;}
#sel-option-list li {font-size: 80%;}
#sel-option-list ul {margin-top:2px;padding-left:16px;}
#sel-clear {float:right;font-size:0.8em;}
#sel-option-title {font-size:0.8em;margin-left:0.5em;}
#sel-option-title-txt{color:#888888}
#order-menu-total-wrap {border-width:1px 0; border-style:solid; border-color:#cccccc;padding-top:0.5em;margin:0.5em 0;}
#order-menu-total {text-align:right;margin-bottom:0.2em;margin-right:1em;}

.order-menu-total-price {text-align:right;font-size:large;color:red;font-weight:bold;width:6em}
#order-menu-tax {text-align:right;margin-right:1em;}
#order-menu-point {text-align:right;}
#order-menu-conf {}
#order-menu-conf p {margin-left:0.5em;}
#order-menu-doui {margin-left:0.5em;}
.order-menu-in-cart {text-align:left;margin-top:4px;}
#order-tel {background-color:#ffffff;border:1px solid #cccccc;margin-top:1em;padding:4px;}
#order-tel h2 {font-size:100%;}
#order-tel p {line-height:1.3;font-size:1.5em;text-align:center;}
#order-tel span {font-size:12px;line-height:1.0}
.pointCharge { display:inline-block; /*color: #FF9900;font-size: 150%*/}
#point-get { display:inline-block; /* color: #FF9900;font-size:100% */}

/* status */
#order-status {width:320px;height:250px;border:1px solid #cccccc;margin-top:1em;background-color:#E4F2D9;overflow:hidden;}

/* calendar */
#order-calendar {margin-top:1em;border:1px solid #cccccc; background-color:#E4F2D9;padding:0.5em;}

@media screen and (max-width: 880px) {
  #select-up-arrow-right {display:none}
}
@media screen and (max-width: 500px) {
   #sv-name-header {margin: 2px 0 0 0;}
  .sv-menu li {width:60px;} 
  .sv-menu img {display:none}
  .sv-menu-set span {font-size:70% !important;}
   
}

@media screen and (max-width: 400px) {
  .sv-menu a {text-decoration: none;} /* アンダーラインを無くす */
  .sv-menu-set-title {display:none}/* セットメニューのタイトルは表示しない*/
  .sv-menu-single-item {display:none;}/* 単品メニューのタイトルは表示しない */
  .sv-menu-single-set {display:block;}
  .sv-menu {padding-left:6px;padding-bottom:2px;}
  .sv-menu-set {margin-left:1px;margin-bottom:2px;}
  .sv-menu li {height:26px;}
  .sv-menu li  div {margin-top:4px;}

  #sv-menu-wrap {
	border-left:0px;
	border-right:0px;
	border-top:1px solid #cccccc;
	border-buttom:1px solid #cccccc;
	border-radius:0px;
	-moz-border-radius:0px;
  }
  .sv-menu li {width:56px;padding-top:0;padding-bottom:0;border-right:1px solid #ccc;}
  .sv-menu-header {padding-left:0;font-weight:normal;font-size:80%;line-height:80%;}
  .sv-menu-header-link {margin-left:0;}
}
@media screen and (max-width: 360px) {
  .sv-menu {padding-left:1px;}

  .sv-menu-set {margin-left:1px;}
  .sv-menu li {width:48px;}

  .sv-menu-set span {letter-spacing:-2px;}
  .sv-menu-narrow {letter-spacing:-3px !important;}
}



/* 大枠 */
.section {padding-left:0.5em;padding-right:0.5em;}
.section:after{display:table;content:"";line-height:0;}
.section:after{clear:both}
/* ラジオボタン(非表示) */
.radioArea input[type="radio"] {
  display       : none;
}

/* ラジオボタンのlabel */
.radioArea label {
display: block;
float: left;
margin: 0 5px 5px 0;
width: 136px; /* ホタンの幅　*/
height: 3em; /* ボタンの高さ(＝なし等の文字の高さ「.sel-n」と一致させること */
padding: 0.1em 0 0 0;
color: #000;
text-align: center;
cursor: pointer;
border: 2px solid #ccc;
border-radius: 5px;
}

.radio-wide label{width:260px !important;} /* 文字が多い幅広（キッチン等）*/
.radio-wide-long label{width:296px !important;} /* 文字が多い幅広（セットキッチン）*/


/* ボタン選択時 */
input[type="radio"]:checked + label {
border: 2px solid #006DD9;
color: #000;
font-weight:bold;
}
/* ラジオボタン選択枠 */
.sel-item {padding-top:0.5em;padding-bottom: 1em;clear:both;}
.sel-title {clear:both;}
.sel-title a {margin-left:0.2em;} /*　選択名称リンク */
.sel-title input {width:5em;} /* セットの基本金額幅 */
.sel-2-line {line-height: 1em;} /* 2行の文字の高さ */
.sel-1-line {line-height: 3em;} /* なし等の1行の高さ=ボタンの高さに一致させること */
.sel-title-t {margin-top:0.5em;} /*　ボタンタイトル名称 */
.sel-title-t-small {font-size:90%;}/* 文字桁数が多い場合は小さくする*/
.sel-title-t-small-more {font-size:82%;}/* 文字桁数が多い場合はより小さくする*/
.sel-title-p {font-weight:normal;margin-top:0.2em;} /* ボタンタイトル価格 */
.sel-title-p span {color:#888;} /* (税別) */

/*
 * 選択共通
 */
.item-selectable {} /* 選択状態設定divクラス、選択オブエクトからこのクラス名を探して、選択状態のクラスを設定／解除している */
.item-all-set {width:240px;}/* 全体の各部屋 */
.allset-item-title {float:left}/* 全体の各部屋のタイトル */
/*
 * エアコン
 */
.ac-section {clear:both;}
.ac-os {clear:both;padding-top:0.5em;}
.ac-item-wrap {float:left;width:260px;}
.ac-item-w {width:6.4em;} /*エアコン幅 */
.ac-item-normal {width:136px;} /*　radioの幅（間取り等） */
.ac-item-wide {width:260px;} /*キッチン幅 */
.ac-item {
float:left;
text-align:center;
border:2px solid #ccc;
margin:0 0.5em 0.5em 0;
border-radius: 5px;
padding: 0.3em 0 0.1em 0;
}
.ac-item-sel {padding-bottom:0.2em;}
.ac-item-price {display:none;} /* 数量選択時の当該エアコンの金額 */ 
.ac-item-selected {border-color:#006DD9 !important;}
.ac-item-selected div:first-child {font-weight:bold;} /* select選択時にその文字「シャープ」等を太字にする */
.ac-os-title div {float:left;}
.ac-os-title-t {}
.ac-os-title-c {}

.inline {display: inline;}
.inline-block {display: inline-block;}
.font-normal {font-weight:normal;}

/* 天井埋込タイプ幅 */
.ac-item-h-w {width:15.5em;}
.ac-item-h {
float:left;
border:2px solid #ccc;
padding:0.3em 0.2em 0.2em 0.2em;
margin:0 0.5em 0.5em 0;
border-radius: 5px;
}
.ac-item-h-title {float:left;margin-left:0.3em;}
.ac-item-h-sel {float:right;}