@charset "Shift_JIS";

/*ブラウザスタイルの初期化*/

body,div,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,address,
ul,ol,li,dl,dt,dd,
table,th,td,
form,fieldset,legend{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
}

/*font-size初期化*/

body{
	font-size:10px;
	_font-size:62.5%;/*IE6向け*/
}

/*border初期化*/

img,object{
	border:0;
}

/*table設定*/

table{
	border-collapse:collapse;
	border-spacing:0;
}
/*テキスト設定*/

p{

}

ul {list-style:none;}

.BOX {
	overflow:hidden;
	_height:1%;
}

.mB10 {margin-bottom:10px;}

.m10b {
	margin-bottom: 10px;
}
.m20b {
	margin-bottom: 20px;
}
.m30b {
	margin-bottom: 30px;
}
.red {
	color: #C00; 
}
.orange {
	color: #F60;
	}
.bold {
	font-weight: bold;
}
.font10 {
	font-size: 10px;
}
.font11 {
	font-size: 11px;
}
.font12 {
	font-size: 12px;
}
.font14 {
	font-size: 14px;
}
.font16 {
	font-size: 16px;
}


/*--ヘッダー用アテンション--*/
.area-attention {
	font-size: 12px;
	padding: 10px;
	margin: 0 0 10px;
	border: 1px solid red;
	}
	
/*--注意--*/
.attention {
	border: 2px solid red;
	padding: 15px;
	margin: 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: red;
	background:#f9f9f9; 
}
.attention strong {
	font-size: 20px;
}
.area {
	padding: 0 0 30px;	
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
/*--youtube--*/
.youtube {
	padding: 10px 0;
}
	
	
/*  index
--------------------------------------------*/

/* NEWS */
#iframe {
	border:1px solid #000;
	margin-bottom:10px;
}

/* Twitterキャンペーン */

.twitter-campaign {
	width: 510px;
	font-size: 12px;
	margin: 0 0 20px;		
}
.twitter-campaign strong {
	font-weight: bold;
	}
.twitter-campaign .area {
	border-left:  3px solid #37b9fe;
	border-right:  3px solid #37b9fe;
	border-bottom:  3px solid #37b9fe;
	padding: 10px 10px 20px 10px; 
}

.linkbutton-area {
    background: #F9F9F9;
    border: 1px solid #CCCCCC;
    height: 38px;
    padding: 15px 0 0 200px;
    width: 310px;
}
/* ---
.linkbutton-area {
	background:url(http://www.lobjet-d.com/item/index/twitter/bg-twitter.jpg) left center no-repeat;
    height: 38px;
    padding: 225px 0 0 180px;
    width: 330px;
}
--- */

/* Bannerボックス */
.BannerBox img {
	border:1px solid #000;
	margin-bottom:10px;
}

.BannerBox {
	width:510px;
	overflow:hidden;
	_height:1%;
}

.BannerBoxL {
	float:left;
	width:250px;
}

.BannerBoxR {
	float:right;
	width:250px;
}

/*  写真切り替え
--------------------------------------------*/
#imagegallery {
	margin:10px 0;
}

#imagegallery li {
	display: inline;	
}

#imagegallery li a img {
	border:1px solid #000;	
}

#placeholder {
	border:1px solid #000;
}


/*  段組
--------------------------------------------*/
#container {
	width:870px;
	margin:0 auto;
}

#header {
	border-bottom:2px dotted #999;
	margin-bottom:10px;
	overflow:hidden;
	_height:1%;
}

#header_logo {
	float:left;
	width:179px;
	height:55px;
	padding-left:14px;
	padding-top:24px;
	padding-bottom:3px;
}

#header_txt {
	float:right;
	width:500px;
	padding-right:35px;
	padding-top:45px;
	font-size:10px;
}
#header_txt h1 {
	font-size:10px;
	font-weight:normal;
}

/*
*html #header_txt {float:right;
	width:500px;
	padding-right:35px;
	padding-top:45px;
	font-size:10px;
}
*/

#content {
	clear:both;
	width:870px;
	padding-bottom:15px;
	overflow:hidden;
	_height:1%;
}

#wrapper {
	float:left;
	width:660px;
}

#secondary {
	float:left;
	width:140px;
}

#primary {
	float:right;
	width:510px;
}
#primary a:hover img {
	filter: alpha(opacity:60);
	opacity: 0.6;
}

/* 商品一覧ページにだけ */
#primary2 {
	float:right;
	width:520px;
}

.teigi_shohinBox {
	float:left;
	width:120px;
	padding-left:10px;
	margin-bottom:10px;
}

.teigi_shohinBox dt img {
	border:1px solid #000;
}

.teigi_shohinBox dd {
	padding:5px;
	font-size:9px;
}

/*--------------------*/


#panKuzu {
	background-color:#999;
	color:#fff;
	height:20px;
	line-height:20px;
	padding-left:8px;
	margin-bottom:10px;
}

#panKuzu a {
	text-decoration:none;
	color:#fff;
}

/* リンク */
#panKuzu a:hover {color:#8DD8F8;}

#panKuzu a.stay {color:#8DD8F8;}

#right {
	float:right;
	width:200px;
}
#right a:hover img {
	filter: alpha(opacity:60);
	opacity: 0.6;
}

/*  header_navi
--------------------------------------------*/
#header_navi {
	clear:both;
	float:right;
	margin-bottom:20px;
}

#header_navi li {
	display:inline;
	margin-right:10px;
}

#header_navi li a {
	background:url(../img/arrow.gif) left center no-repeat;
	padding-left:15px;
	text-decoration:none;
	color:#000;
}

/*  sec_navi
--------------------------------------------*/
#sec_navi li {
	margin-bottom:5px;
}

#sec_navi li a {
	height:28px;
	width:130px;
	padding-left:8px;
	display:block;
	border:1px solid #bbb;
	line-height:28px;	
	text-decoration:none;
	color:#000;
}

#sec_navi li a:hover {
	background-color:#DCDDDF;
}

/*  
--------------------------------------------*/
.boxPic {
	float:left;
	width:362px;
}

.boxExp {
	float:right;
	width:140px;
}

dl.teigi_exp dd {
	padding:3px 0 10px 5px;
}


.tb_cart th {
	padding:20px 0 5px 0;
}

.tb_cart td {
	text-align:center;
	border-bottom:2px dotted #666;
	padding:5px 10px 0 30px;
}

.tb_cart img {border:1px solid #000;}


th.cartBtnBox img {
	border:none;
	padding:0 20px;
}

.w90 {width:90px;}

/*   right
--------------------------------------------*/
.banner {xmargin-bottom:10px;}

.banner img {
	border:1px solid #000;
	margin-bottom:10px;
}

/*   footer
--------------------------------------------*/
#footer {
	clear:both;
	border-top:2px dotted #666;
	height:33px;
	line-height:33px;
}

address {
	float:left;
	font-style:normal;
	padding-left:30px;
}

#footer ul {
	float:right;
}

#footer ul li {
	display:inline;
	padding-right:40px;
}

#footer ul li a {
	text-decoration:none;
	color:#000;
}

/*   見出し
--------------------------------------------*/
h2.v2 {
	font-weight:normal;
	color:#fff;
	font-size:10px;
	height:20px;
	line-height:20px;
	padding-left:8px;	
	background-color:#999;
	margin-bottom:10px;
}

h2.v3 {
	font-size:11px;
	color:#666;
	text-align:center;
	font-weight:normal;
	padding:15px 0 10px 0;
}

/* privacy　と　souryou  と　toku  と　company */
h3.v2 {
	font-size:12px;
	margin-bottom:20px;
}

.contBox {
	width:480px;
	margin:0 auto;
}

.contBox p {
	font-size:12px;
	line-height:130%;
	margin-bottom:20px;
}

.tb_souryo {
	font-size:12px;
}

.tb_souryo td {
	padding:5px;
}

.sbox{
	margin:0 auto;
	text-align:center;
	background:#000000;
}

.sbox table{
	margin:0 auto;
}

/* =============================================
実店舗ご案内
============================================= */

#realshop {
	font-size: 12px;
	width: 510px;
}
#realshop h2 {
	padding: 0 0 20px;
	margin: 0;
}
#realshop h3 {
	padding: 0 0 5px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}
#realshop p {
	padding: 0 0 10px;
	
}

/*--Hacoa DIRECT STORE--*/
#realshop .kiboard {
	float: right;
	padding: 0 0 30px 15px;
	text-align: right;
}

/*--ロブジェカレンダー--*/
#realshop .lobjecalender {
     overflow: hidden;
     width: 600px;
}

#realshop .lobjecalender h2 {
     border: 1px solid #CCCCCC;
     color: #666666;
     font-size: 14px;
     font-weight: bold;
     margin: 0pt 0pt 10px;
     padding: 5px;
}

#realshop .lobjecalender h3 {
     background: none repeat scroll 0% 0% #666666;
     color: #FFFFFF;
     font-size: 12px;
     font-weight: bold;
     margin: 0pt;
     padding: 5px 3px;
}

#realshop .lobjecalender .calender {
     float: left;
     margin: 0pt 10px 0pt 0pt;
     width: 160px;
}

#realshop .lobjecalender .calender table {
     border-collapse: collapse;
     border-spacing: 0pt;
     empty-cells: show;
     font-size: 12px;
     width: 160px;
}

#realshop .lobjecalender .calender table th {
     background: none repeat scroll 0% 0% #CCCCCC;
     border: 1px solid #666666;
     font-size: 11px;
     padding: 3px;
     text-align: center;
}

#realshop .lobjecalender .calender table td {
     border: 1px solid #666666;
     font-size: 11px;
     padding: 3px;
     text-align: center;
}

#realshop .lobjecalender .calender table td.holiday {
     background: none repeat scroll 0% 0% #FF6600;
}

#realshop .lobjecalender .calender-text {
     float: left;
     margin: 0pt 10px 0pt 0pt;
     width: 180px;
}


/* =============================================
商品ページ
============================================= */
.item {
	width: 510px;
	margin: 0;
	padding: 0;
	color: #666;
}
.item h2 {
	margin: 0;
	padding: 0;
}
.item h3 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #34251a;
	padding: 5px;
	margin: 0 0 15px;
	background: #34251a url(images/common/headline03-bg.gif) no-repeat bottom right;
	line-height: 1.2em;
}
.item h4 {
	font-size: 11px;
	font-weight: bold;
	color: #34251a;
	border: 1px solid #34251a;
	padding: 3px 5px;
	margin: 0 0 5px;
}

.item div {
	font-size: 12px;
	line-height: 1.4em;	
}
.item table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 12px;
}
.item table td {
	vertical-align: top;
	color: #666;
	line-height: 1.4em;	
}

/*--スペック--*/
.item table.spec {
	width: 100%;
	margin: 0 0 10px;
}
.item table.spec td {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 5px;
}
/*--ニュース--*/
.item table.news {
	width: 100%;
	margin: 0 0 10px;
}
.item table.news td {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 5px;
}

/*--義援金--*/
#gienkin-110312 {
	font-size: 12px;
}
#gienkin-110312 h3 {
    background: #34251A;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 15px;
    padding: 5px;
}