@charset "shift_jis";

/*************非表示*************/
.invisiblePC{
display: none;
}

/*        レイアウトに関する指定                 */

body {

	font-size: small;
	line-height: 2.0em;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url('images/bg.gif');
}

/*        見出し・リストの設定                   */



h1, h2, h3, p, ul, li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}


h6 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #ccc;
  font-size: 100%;
}
h6::before {
  position: absolute;
  left: -6px;
  bottom: 0;
  content: '';
  width: 6px;
  height: 50%;
  background-color: #3498db;
}
h6::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}



/*                  基本リンク                   */

a:link {
	color: #038903;
	text-decoration: underline;
}
a:visited {
	color: #046303;
	text-decoration: underline;
}
a:hover {
	color: #669966;
	text-decoration: underline;
}
a:ACTIVE {
	color: #669933;
	text-decoration: underline;
}


/*        ページ全体の指定                       */

#group {
	border: 1px solid #808080;
	width: 1000px;
	text-align: left;
	background: #ffffff;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

/*        ヘッダー部分 （写真とサイトロゴ）      */

#header {
	height: 70px;
	background: url('images/headback.jpg') no-repeat left top;
	vertical-align : top
}

#header h1 {
	font-size: x-small;
	color: #808080;
	padding-top: 0px;
	padding-left: 30px;
	font-weight: normal;
}


/*        ヘッダー下のナビメニュー               */

#nav {
	font-size: x-small;
	background: #f6f8f4 url('images/nav_bg.gif') repeat-x bottom;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	color: #ffffff;
	text-align: right;
	line-height: 30px
}


/*        コンテンツ                             */

/*----------左側コンテンツ*/
#left {
	font-size: x-small;
	width: 220px;
	border-right: 1px solid #808080;
	vertical-align: top;
}

/*----------右側コンテンツ*/
#right {
	font-size: x-small;
	width: 180px;
	border-left: 1px solid #808080;
	vertical-align: top;
}

#right img {
	width: 130px;/* 写真のサイズ指定 */
}

/*----------中央コンテンツ*/
#center {
	width: 600px;
	vertical-align: top;
	padding: 10px;
}

#center p {
	padding: 0.5em 5px 1em;
}

.style1 {font-size: 11px}
.style2 {
    font-size: 12px;
	line-height: 1.5;
}
.style21 {
	font-size: 14px;
	color: #FF0000;
}
.style24 {
	font-size: 14px;
	color: #990000;
	font-weight: bold;
}
.style26 {font-size: 14px}
.style27 {font-weight: bold; font-size: 14px;}
.style28 {font-size: 9px}
.style31 {
	font-size: 24px;
	font-weight: bold;
    color: #FF0000;
}
.style32 {
	font-size: 12px;
    color: #FF0000
}
.style34 {
	font-size: 16px;
	font-weight: bold;
}



/* --- プレゼントバナーエリア --- */
div.present img {
margin: 0 0 2px 0;
}

/* --- 大型ベッド搬入注意 --- */
div.oogata img {
margin: 0 0 2px 0;
}

/* --- 送料代引パターン --- */
div.pt img {
margin: 0 0 2px 0;
}

/* --- インフォメーションリストエリア --- */
ul.info {
width: 600px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 12px;
}


/* --- info項目の内容 --- */
ul.info dl {
margin: 0;
background: #f9f9f9 url(images/qa_back.gif) repeat-x top; /* リスト項目の背景 */
}

/* --- info項目エリア --- */
ul.info dt {
margin: 0;
padding: 8px 6px 6px 35px; /* info項目エリアのパディング（上右下左） */
border: 1px #c0c0c0 solid; /* info項目エリアの境界線 */
font-weight: bold;
line-height: 120%;
}

/* --- info説明エリア --- */
ul.info dd {
margin: 0;
padding: 11px 6px 25px 35px; /* info説明rエリアのパディング（上右下左） */
background: #ffffff;
line-height: 150%;
}


/* --- リストエリア　ichiran.html商品リスト --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 30px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 24.9%; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 142px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 80%;
}

/* --- 写真エリア --- */
ul.thumbnail dt {
height: 130px;  /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail dt img {
border: 1px #808080 solid; /* 写真の境界線 */
width: 130px;/* 写真のサイズ指定 */
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 9.5em; /* キャプションエリアの高さ */
line-height: 120%;
}

/* --- リストエリア2 エクセルの関連商品リスト PR_waku --- */
ul.thumbnail2 {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 10px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目2 --- */
ul.thumbnail2 li {
width: 24.9%; /* 項目の幅 */
float: left;
}

/* --- 項目内容2 --- */
ul.thumbnail2 dl {
width: 142px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 80%;
}

/* --- 写真エリア2 --- */
ul.thumbnail2 dt {
height: 130px;  /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail2 dt img {
border: 1px #808080 solid; /* 写真の境界線 */
width: 130px;/* 写真のサイズ指定 */
}

/* --- キャプションエリア2 --- */
ul.thumbnail2 dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 3.5em; /* キャプションエリアの高さ */
line-height: 120%;
}


/* --- レーザーラインナップ --- */
ul.thumbnail3 {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 10px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目3 --- */
ul.thumbnail3 li {
width: 24.9%; /* 項目の幅 */
float: left;
}

/* --- 項目内容3 --- */
ul.thumbnail3 dl {
width: 142px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 80%;
}

/* --- 写真エリア3 --- */
ul.thumbnail3 dt {
height: 130px;  /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail3 dt img {
border: 1px #808080 solid; /* 写真の境界線 */
width: 130px;/* 写真のサイズ指定 */
}

/* --- キャプションエリア3 --- */
ul.thumbnail3 dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 11.5em; /* キャプションエリアの高さ */
line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
/* --- ナビゲーション ichiran,html TOPのメニューカテゴリ --- */
div.footerNav1 {
font-size: 14px;
}
/* --- メニューエリア --- */
div.footerNav1 ul.nl {
margin: 20px 0; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: left; /* メニューのセンタリング */
}
/* --- メニュー項目 --- */
div.footerNav1 ul.nl li {
display: inline;
padding: 0 7px 0 13px; /* 項目のパディング（上右下左） */
background: url(images/menu_triangle5_box.gif) no-repeat 0 0.2em; /* 項目の背景（マーカー） */
}

/* --- 2番目のメニュー --- */
/* --- ナビゲーション ---   ichiran,html 家具のアイテム別メニューカテゴリ */
div.footerNav2 {
font-size: 100%;
}
/* --- メニューエリア --- */
div.footerNav2 ul.nl {
margin: 5px 0; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: left; /* メニューのセンタリング */
}
/* --- メニュー項目 --- */
div.footerNav2 ul.nl li {
display: inline;
padding: 0 7px 0 11px; /* 項目のパディング（上右下左） */
background: url(images/menu_triangle5.gif) no-repeat 0 0.2em; /* 項目の背景（マーカー） */
}



/* --- 見出しエリア --- */
div.heading {
width: 598px; /* 見出しエリアの幅 */
margin-bottom: 1em;
background: #f9f9f9 url(images/heading_back1.gif) repeat-x; /* 見出しエリアの背景 */
border: #c0c0c0 solid; /* 見出しエリアの境界線（色、スタイル） */
border-width: 1px 1px 2px; /* 見出しエリアの境界線（太さ 上、左右、下） */
}

/* --- 見出し --- */
div.heading h4 {
margin: 0;
padding: 7px 7px 4px; /* 見出しのパディング（上、左右、下） */
border-bottom: 2px #4169e1 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}


/* --- レーザーアキュラシーエリア レーザーアキュラシーページのみ 関連キーワード--- */
div.report {
width: 580px; /* レポートエリアの幅 */
padding: 1px 3px; /* レポートエリアのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* レポートエリアの境界線 */
margin: 5px 1px; 
}




/*        サイドメニューの設定                   */

.sbttl_bar {
	font-size: x-small;
	background-color: #808080;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px dotted #808080;
	line-height: 30px
}

/*----------サイドメニュー左のアイコン*/
.icon1 a {
	font-size: x-small;
	background: url('images/icon.jpg') no-repeat 8px center;
	display: block;
	padding-left: 25px;
	border-bottom: 1px dotted #808080;
	padding-right: 10px;
	width: 180px;
	line-height: 30px
}
.icon1 a:hover {
	background: #ddeecc ;
}
.icon3 a {
	font-size: x-small;
	display: block;
	padding-left: 25px;
	padding-right: 10px;
	width: 180px;
	line-height: 20px
}
.icon3 a:hover {
	background: #ddeecc ;
}
.icon4 a {
	font-size: x-small;
	display: block;
	padding-left: 25px;
	border-bottom: 1px dotted #808080;
	padding-right: 10px;
	width: 180px;
	line-height: 30px
}
.icon4 a:hover {
	background: #ddeecc ;
}

/*----------サイドメニュー内の段落*/
#left p, #right p {
	padding: 10px;
	line-height: 1.5em;
}


/*        中央コンテンツの設定                   */

/*----------コンテンツ見出し*/
#center h1 {
	font-size: 12px;
	font-weight : normal;
}
#center h2 {
	font-size: 12px;
}
#center h3 {
	font-size: 12px;
	color: #666666;
	border: 1px solid #61b65f;
	padding-left: 10px;
	padding-right: 10px;
}
.icon2 a {
	display: block;
	padding-left: 25px;
	border-bottom: 1px dotted #808080;
	padding-right: 10px;
	width: 150px;
	line-height: 30px
}

/* --- リストエリア iphoneケースのページのみ 特長見出し--- */
ul.list {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list li {
font-size: 12px;
padding: 0 0 5px 10px; /* 項目のパディング（上右下左） */
background: url(images/triangle2.gif) no-repeat 260px 0.2em; /* マーカー画像 */
line-height: 130%;
}

/* 追加 被リンク*/
#footer-link {
    font-size: small;
}

/* [ショップインフォメーション]
----------------------------------------------------- */
#order h3.order{
 font-family: Arial, Helvetica, sans-serif;
 font-size:1em;
 font-weight:bold;
 color:#333333;
 background: linear-gradient(white,#d2d2d2);
 padding: 5px 10px;
 margin: 20px 0 5px 0;
 border: 0;
}

h4.pay{
 font-family: Arial, Helvetica, sans-serif;
 font-size:1em;
 font-weight:bold;
 color:#1a08f4;
 padding: 3px 10px;
 margin: 20px 0 5px 0;
 border-left: solid 5px #1a08f4;
}

#order h5.shop{
 text-align: center;
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-size:1.5em;
 font-weight:bold;
 color:#fff;
 background:#ffda67;
 padding: 5px 10px;
 margin: 20px 0 5px 0;
 border: 0;
}

.convini img{
 display: block;
 margin: 0 auto;
 }


/* ユーザー様の声
_________________________________________*/
.recommendation {
width:600px;
padding-top: 20px;
overflow: hidden; 
}

.recommendation dt {
 margin-bottom: 10px;
 }

.recommendation dl {
width:295px;
margin: 0;
margin-left: 5px;
float:left;
}

.recommendation:after{
 content:".";
 display: block;
 height: 0; 
 clear: both; 
 color:#FFFFFF; 
 }

.recommendation dl:nth-child(2n+1){
margin: 0; 
margin-right: 5px; 
}

.recommendation dd{
margin: 0; 
padding: 0 12px 10px; 
font-size: 12px;
line-height: 15px;
}

.name{
font-weight: bold;
text-align: center;
}

#qa img{
 float: left;
 overflow: hidden;
 }
 
.qa{
 overflow: hidden;
 }

.targetBox{
 width: 280px;
 float: right;
 }
 
img.target{
 float: left;
 margin: 10px 0;
 }

/* 商品一覧　ページトップへ
----------------------------------------------------- */
.back {
 position: fixed;
 bottom: 10px;
 right: 10px;

 padding:2pt;
 background-color: #ffffff;
 filter:alpha(opacity=85);
 -moz-opacity:0.85;
 -khtml-opacity: 0.85;
 opacity:0.85;
 }

.back2 {
 position: fixed;
 bottom: 10px;
 left: 10px;

 padding:2pt;
 background-color: #ffffff;
 filter:alpha(opacity=85);
 -moz-opacity:0.85;
 -khtml-opacity: 0.85;
 opacity:0.85;
 }


/* copyright
----------------------------------------------------- */
address{
 clear: both;
 font-style: normal; 
 }