@charset "shift_jis";


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

site : 株式会社金宝堂 SGI仏壇
used : topページ用 スタイル
file : /css/index.css

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

/*============================================================
div#contentzone
============================================================*/
/* #contentzone内共通 */

#contentzone{
	width:770px;
	float:right;
}


div a img:hover{
   filter:alpha(opacity=73); /*←IE用*/
   -moz-opacity:0.70; /*←Mozilla用*/
   opacity:0.70; /*←Mozilla用*/
}

#contentzone div a{
	text-decoration:none;
	color:#333;
}

#contentzone div a:hover{
	text-decoration:none;
	color:#666;
}

.content_box01,
.content_box02,
.content_box03{
	width:770px;
	margin:30px 0 0 0;
}
.content_box03{ /* リンクが機能しない事象により追加　2012/07/08 */
	z-index:600 !important;
	margin-bottom:50px;
}


/*------------------------------------------------------------
メインヴィジュアル
------------------------------------------------------------*/

.mainvisual{
	width:770px;
	height:325px;
	margin:0;
}

.mainvisual #id-of-crossfader{
	width:620px;
	height:325px;
	float:left;
	margin:0;
}
	

.mainvisual #right_visual{
	width:135px;
	position:absolute;
	right:0;
	margin:0;
}
	
.mainvisual #right_visual #bn_link05{
	margin:9px 0 0 0;
}


#viewer {
	margin: 0 auto;
	width: 618px;
	height: 323px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

#viewerBorder{
	border:solid #000 1px;
	width: 620px;
	height: 325px;
	float:left;
}

/*------------------------------------------------------------
新着情報
------------------------------------------------------------*/

#news{
	width:490px;
	height:135px;
	margin:15px 0 0 0;
	float:left;
	margin-bottom: 5px;
	background-color: #fff;

}


#title01{
	width:470px;
	height:30px;
	margin:0;
}

#title01 h3{
	width:300px;
	height:20px;
	margin:0;
	float:left;
}


#title01 p{
	width:95px;
	height:20px;
	margin:0;
	float:right;
}

#news ul{
	width:470px;
	height:90px;
	border:solid #CCC 1px;
	background-color:#FFF;
}


#news ul li{
	list-style:none;
	border-bottom:dotted 1px #CCC;
	padding:8px 0 0 10px;
}

#news ul li a{
	text-decoration:none;
	font-size:12px;
}

/*------------------------------------------------------------
info (2011.3.15地震の緊急インフォメーション）
------------------------------------------------------------*/
#info p{
	font-size:14px;
	color:#F00;
	font-weight:bold;
}


#info{
	font-size:12px;
	line-height:25px;
}



/*------------------------------------------------------------
ランキング 2013.11.15
------------------------------------------------------------*/
#ranking{
	width:770px;
	margin-bottom:0px;
	overflow:hidden;
	border-bottom:#666 dotted 1px;
}

#ranking #rankKagu{
	width:750px;
	height:24px;
	margin-bottom:15px;
	background:url(../images/top/rank_title_kagu.gif) no-repeat top;
	color:#FFF;
	padding:6px 0 0 20px;
	font-size:16px;
}

#ranking #rankDento{
	width:750px;
	height:24px;
	margin-bottom:15px;
	background:url(../images/top/rank_title_dento.gif) no-repeat top;
	color:#FFF;
	padding:6px 0 0 20px;
	font-size:16px;
}


/* 台付き */
#ranking .rankDento{
	width:780px;
	height:355px;
	margin-bottom:30px;
	background:url(../images/new_top/rank_bg01_2.gif) no-repeat top;
}

#ranking .rankDento ul{
	width:148px;
	height:355px;
	float:left;
	margin:0 10px 0 0;
	background:url(../images/new_top/rank_bg02_2.gif) no-repeat top;
}

#ranking .rankDento .rankLast{
	margin-right:0;
}

#ranking .rankDento ul li{
	list-style:none;
	font-weight:bold;
	margin-bottom:3px;
}

#ranking .rankDento ul .rankPrice{
	color:#F3F;
	font-size:14px;
}

#ranking .rankDento ul li a{
	color:#58380E;
}

#ranking .rankDento ul .rankPrice a{
	color:#F3F;
}

#ranking .rankDento ul li a:hover,
#ranking .rankDento ul .rankPrice a:hover{
	text-decoration:none;
}

#ranking .rankDento ul li .rankKaiyu{
	width:146px;
	height:50px;
	margin-top:3px;
	background:url(../images/top/rank_icon_bg.gif) no-repeat top;
}

#ranking .rankDento ul li .rankKaiyu li{
	float:left;
	margin-left:5px;
	margin-top:20px;
}

#ranking .rankDento ul .rankCom{
	font-size:11px;
	font-weight:normal;
}


/*------------------------------------------------------------
セール
------------------------------------------------------------*/
#bnSale{
	clear:both;
	width:770px;
	height:220px;
	margin:0 0 30px 0;
}

#bnSale p{
	margin:0 10px 0 0;
	float:left;
}

#bnSale .saleRight{
	margin:0;
}


/*------------------------------------------------------------
自己紹介
------------------------------------------------------------*/
#about_us{
	background: url(../images/top/about_us.gif) no-repeat 0 0;
	width:280px;
	height:135px;
	margin:15px 0 0 0;
	float:right;
}

#about_us h3,#about_us p{
	width:180px;
	height:70px;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	margin:60px 0 0 80px;
}

/*------------------------------------------------------------
イメージから探す
------------------------------------------------------------*/

#image_box{
	width:770px;
	margin:15px 0 0 0;
}

#image_box h3{
	margin:0 0 10px 0;
}


/*============================================================
			▼コンテンツ　仏具一式・ランキング〜▼
============================================================*/

#content_02_left{
	width:600px;
	margin:0;
	float:left;
}

#content_02_right{
	width:160px;
	margin:0;
	float:right;
}

/*------------------------------------------------------------
仏具一式セットでお届け
------------------------------------------------------------*/

#set{
	width:600px;
	height:150px;
	margin:0 0 20px 0;
}

/*------------------------------------------------------------
価格から選ぶ
------------------------------------------------------------*/
#price{
	background:url(../images/top/price_bg.jpg) no-repeat bottom;
	width:600px;
	height:350px;
	margin:0 10px 20px 0;
	float:left;
	position:relative;
	border:#999 solid 1px;
}

#price div{
	width:570px;
	margin:50px 0 0 15px;
}

#price div #price_img{
	width:570px;
	height:65px;
	margin:0;
}

#price div #price_text{
	width:570px;
	margin:10px 0 0 0;
	font-size:12px;
	line-height:14px;
}

#price_01{
	list-style:none;
	width:65px;
	margin:0 7px 0 0;
	float:left;
}
	
#price_02{
	list-style:none;
	width:65px;
	margin:0 16px 0 0;
	position:absolute;
	right:0;
	letter-spacing : normal;
}


#priceTitle{
	margin:8px 0 40px 8px;
}

#price h3{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:30px;
	font-weight:normal;
	margin:0 0 0 20px;
}

#priceHonbun{
	margin:15px 0 0 30px;
	font-size:12px;
}

/*------------------------------------------------------------
pick up
------------------------------------------------------------*/

#pick_up{
	width:600px;
	margin:0 0 40px 0;
	position:relative;
	float:left;
	display:block;
}

#pick_up h3{
	margin:0 0 10px 0;
}

#pick_up #pick_01{
	width:360px;
	height:270px;
	margin:0;
	float:left;
}
	
#pick_up #pick_02{
	width:230px;
	height:270px;
	margin:0;
	float:right;
}

#pick_up #pick_02 p{
	margin:0 0 10px 0;
}


#pick_up #pick_03{
	width:600px;
	height:110px;
	margin:0;
}

#pick_up #pick_04{
	width:600px;
	hei		ght:110px;
	margin:0 0 10px 0;
}

#pick_03 #pick_img01{
	margin:0 8px 0 0;
	float:left;
}

#pick_04 .pick_img01{
	margin:0 12px 0 0;
	float:left;
}
#pick_04 .pick_img02{
	margin:0;
	float:right;
}

#pick_03 #pick_img02{
	margin:0;
	float:right;
}


#pickZone01,
#pickZone02,
#pickZone03{
	margin: 0 0 20px 0;
}



/*------------------------------------------------------------
今月のオススメ仏壇
------------------------------------------------------------*/

.recommendation{
	width:600px;
	position:relative;
	margin:0 0 40px 0;
	float:left;
	display:block;
}

.recommendation h3{
	width:600px;
	height:27px;
	margin:0 0 10px 0; 
	display:block;
}

#recom{
	width:600px;
	margin:0 0 10px 0;
}

#recom h4{
	background:url(../images/top/icon_yajirushi.gif) no-repeat 0 0;
	height:30px;
	font-size:12px;
	font-weight:normal;
	color:#666;
	margin:10px 0 0 0;
	padding:3px 0 0 20px; 
	display:block;
}


#recom ul{
	width:149px;
	text-align:center;
}


#recom_no01,#recom_no02,#recom_no03{
	float:left;
	display:block;
    voice-family: "\"}\"";	/*↑IE5のみボーダーなし*/
    voice-family:inherit;	/*↑IE5のみボーダーなし*/
	float:left;
	display:block;
	border-right:dotted 1px #333;
}

#recom_no04{
	position:absolute;
	right:0;
}


#recom ul li{
	list-style:none;
}

#recom_text{
	text-align:left;
	margin:5px 0 0 10px;
}
	
#recom_text a{
	font-size:12px;
	line-height:20px;
	color:#333;
}


#recom_text a:hover{
  text-decoration: none;
  color:#666;
}

.text02{
	font-size:14px;
	color:#666;
	font-weight:bold;
}

.text02 strong,.text02 .bold{
	font-size:14px;
	color:#fa43bb;
}


/*------------------------------------------------------------
facebook
------------------------------------------------------------*/
#facebook{
	width:600px;
	heigth:300px;
	margin-bottom:30px;
}




/*------------------------------------------------------------
ランキング
------------------------------------------------------------*/
/* 家具調仏壇ランキング */

#ranking_box{
	background-color:#d8d8d8;
	width:160px;
	height:710px;
	margin:0 0 30px 0;
	font-size:11px;
	line-height:14px;
	position:relative;
}

/* ↓#fla_titleはflashのタイトル部分共通 */
#fla_title{
	margin:0;
}


#rank_no1{
	background:url(../images/top/ranking_bg_01.gif) no-repeat 0 0;
	width:145px;
	height:185px;
	position:absolute;
	right:8px;
	top:28px;
}

#img01{
	width:65px;
	height:95px;
	margin:8px 8px 8px 7px;
}
	

#text01{
	width:125px;
	text-align:left;
	margin:0 10px 0 10px;
}

	
	
#rank_no2{
	background:url(../images/top/ranking_bg_02.gif) no-repeat 0 0;
	width:145px;
	height:120px;
	margin:0;
	position:absolute;
	right:8px;
	top:220px;
}

#rank_no3{
	background:url(../images/top/ranking_bg_03.gif) no-repeat 0 0;
	width:145px;
	height:120px;
	margin:0;
	position:absolute;
	right:8px;
	top:340px;
}

#rank_no4{
	background:url(../images/top/ranking_bg_04.gif) no-repeat 0 0;
	width:145px;
	height:120px;
	margin:0;
	position:absolute;
	right:8px;
	top:460px;
}

#rank_no5{
	background:url(../images/top/ranking_bg_05.gif) no-repeat 0 0;
	width:145px;
	height:120px;
	margin:0;
	position:absolute;
	right:8px;
	top:580px;
}

#img02{
	width:60px;
	height:95px;
	margin:8px 0 0 0;
	position:absolute;
	left:16px;
}
	

#text02{
	width:60px;
	text-align:left;
	margin:20px 0 0 0;
	float:right;
	margin:15px 0 0 0;
}

/*------------------------------------------------------------
私んちのお仏壇
------------------------------------------------------------*/
#mybutudan{
	background-color:#d8d8d8;
	width:160px;
	height:286px;
	margin:0;
	font-size:12px;
	line-height:16px;
	position:relative;
}

#mybutudan h3{
	margin:0;
}

#mybutudan #fhoto_bg{
	background-color:#FFF;
	width:144px;
	height:250px;
	margin:8px;
	overflow-y: scroll;
	text-align:center;
}
	
#mybutudan #fhoto_bg div{
	margin:20px 0 0 0;
	height:230px;
	border-bottom:#333 dotted 1px;
}

#mybutudan #fhoto_bg div img{
	margin:10px 0;
}

#mybutudan #fhoto_bg div p strong,#mybutudan #fhoto_bg div p span{
	font-size:13px;
	font-weight:normal;
}



/*------------------------------------------------------------
ピックアップ　レビュー
------------------------------------------------------------*/
#pick_review p{
	margin:0;
}

.pick_if{
	height:325px;
	overflow:hidden;
}




/*------------------------------------------------------------
サービス
------------------------------------------------------------*/

#service{
	width:770px;
	margin:0;
}

#service h3{
	margin:0 0 10px 0;
}


#service #service_cate_bg{
	background:url(../images/top/service_bg.jpg) no-repeat 0 0;
	width:770px;
	height:180px;
	margin:0;
}


#service_cate_bg ul{
	width:735px;
	height:90px;
	margin:0 18px 0 17px;
	position:relative;
}


#service_cate_bg ul li{
	width:150px;
	height:60px;
	margin:15px 15px 15px 80px;
	list-style:none;
	font-size:12px;
	line-height:17px;
	font-family:"ＭＳ Ｐ明朝";
}

#service_cate_bg ul li img{
	margin:0 0 5px 0;
}
	
#item_01,#item_02{
	float:left;
	display:inline;
}
	
#item_03{
	position:absolute;
	right:0;
}


/*------------------------------------------------------------
その他
------------------------------------------------------------*/

#other{
	width:770px;
	margin:30px 0 100px 0;
}

#other #other_01{
	width:450px;
	float:left;
	margin:0;
	border:#333 solid 1px;
}

#other #other_02{
	width:310px;
	float:right;
	margin:0;
	border:#333 solid 1px;
}

#other #other_03{
	width:310px;
	float:right;
	margin:10px 0 0 0;
	border:#666 solid 1px;
}




/*------------------------------------------------------------
スライドショー
------------------------------------------------------------*/

#bg_slide{
	width:770px;
	height:160px;
	background:url(../images/top/slidebox/bg_tone.gif) no-repeat;
	display:block;
	overflow:hidden;
	margin-top:15px;
}


#loopslider {
	margin: 0 10px 0 10px;
    width: 750px;
    height: 160px;
    text-align: left;
    position: relative;
    overflow: hidden;
	
}

#loopslider ul {
	width: 750px;
	height: 160px;
	margin:0px;
	float: left;
	display: inline;
	overflow: hidden;
}
 
#loopslider ul li {
    width: 122px;
    height: 160px;
    float: left;
    display: inline;
    overflow: hidden;
}


/*------------------------------------------------------------
店舗バナー
------------------------------------------------------------*/
#bnShowroom{
	width:770px;
	margin-bottom:20px;
	margin-top:30px;
}

#bnShowroom h3{
	margin-bottom:10px;
}

#bnLeft{
	float:left;
	margin-right:10px;
}




/*------------------------------------------------------------
バナー
------------------------------------------------------------*/
#bnKumasan{
	margin-bottom:10px;
}




/* ========== clearfix設定 ========== */
div#contentzone:after,
div#content_box01:after,
div#content_box02:after,
div#content_box03:after,
div#content_02_right:after,
div#content_02_left:after,
div#news:after,
div#pick_up div:after,
div#recom:after,
div#other:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#contentzone,
div#content_box01,
div#content_box02,
div#content_box03,
div#content_02_right,
div#content_02_left,
div#news,
div#pick_up div,
div#recom,
div#other{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html div#contentzone,
* html div#content_box01,
* html div#content_box02,
* html div#content_box03,
* html div#content_02_right,
* html div#content_02_left,
* html div#news,
* html div#pick_up div,
* html div#recom,
* html div#other{
		height: 1%;
}

div#contentzone,
div#content_box01,
div#content_box02,
div#content_box03,
div#content_02_right,
div#content_02_left,
div#news,
div#pick_up div,
div#recom,
div#other{
		display: block;
}

/* End hide from IE-mac */