@charset "utf-8";

/* ---SUMMARY---
* Site Name: アートクラフト
* Description: index.html
* Version: 20090623
------*/

/*** index用レイアウト
----------------------------------------- */
#index_main{
float:left;
width:500px;
}

#index_sub{
float:right;
width:215px;
}

/*** メインビジュアル
----------------------------------------- */
#index_mv{
width:500px;
height:295px;
margin-bottom:15px;
}


/*** news
----------------------------------------- */
.bg_bottom{
background:url(../../img/index/bg_bottom.gif) no-repeat 0 0;
width:500px;
height:3px;
}

#news{
background:url(../../img/index/bg_news.jpg) no-repeat 0 0;
}

#news p{
margin:5px 15px 0 15px;
}

#news dl{
margin:0 15px;
padding-bottom:10px;
}

#news dt{
font-weight:bold;
padding-top:5px;
float:left;
width:10em;
}

#news dd{
padding-top:5px;
padding-left:10em;
border-bottom:1px dashed #c8bdae;
}


/*** feed
----------------------------------------- */
#feed_area{
background:url(../../img/index/bg_feed.jpg) no-repeat 0 0;
margin-top:15px;
}

#feed dl{
margin:10px 15px 0 15px;
padding-bottom:10px;
}

#feed dt{
font-weight:bold;
padding-top:5px;
float:left;
width:10em;
}

#feed dd{
padding-top:5px;
padding-left:10em;
border-bottom:1px dashed #c8bdae;
}


/*** 商品ラインナップ
----------------------------------------- */
#index_pro{
margin-top:10px;
}

#index_pro h2{
line-height:0;
}

#index_pro table{
border-collapse:collapse;
line-height:1.0;
}

#index_pro th{
text-align:left;
vertical-align:top;
line-height:0;
}

#index_pro td{
text-align:left;
vertical-align:top;
}

#index_pro p{
margin:0;
color:#765b34;
line-height:1.2;
}

/*--craft--*/
#bg_craft01{
background:url(../../img/index/bg_craft01.jpg) no-repeat 0 0;
width:500px;
height:99px;
}

#bg_craft02{
background:url(../../img/index/bg_craft02.jpg) no-repeat 0 0;
width:500px;
height:82px;
}

#bg_craft02 p{
padding:8px 0 0 22px;
}

#bg_craft02 p.more_pro{
padding:0 0 0 150px;
}

/*--art--*/
#bg_art01{
background:url(../../img/index/bg_art01.jpg) no-repeat 0 0;
width:500px;
height:101px;
}

#bg_art02{
background:url(../../img/index/bg_art02.jpg) no-repeat 0 0;
width:500px;
height:84px;
}

#bg_art02 p{
padding:8px 0 0 22px;
}

#bg_art02 p.more_pro{
padding:0 0 0 150px;
}

/*--pinotio--*/
#bg_pino01{
background:url(../../img/index/bg_pino01.jpg) no-repeat 0 0;
width:254px;
height:60px;
}

#bg_pino02{
background:url(../../img/index/bg_pino02.jpg) no-repeat 0 0;
width:254px;
height:170px;
}

#bg_pino02 p{
padding:15px 0 0 22px;
}

#bg_pino02 p.more_pro{
padding:15px 0 0 20px;
}

/*--rustique--*/
#bg_rus01{
background:url(../../img/index/bg_rus01.jpg) no-repeat 0 0;
width:246px;
height:60px;
}

#bg_rus02{
background:url(../../img/index/bg_rus02.jpg) no-repeat 0 0;
width:246px;
height:170px;
}

#bg_rus02 p{
padding:15px 0 0 12px;
}

#bg_rus02 p.more_pro{
padding:15px 0 0 15px;
}

/*** 施工例
----------------------------------------- */
#i_works{
width:500px;
background:#f7f2dd;
padding-bottom:20px;
margin-bottom:20px;
}

#i_works ul{
margin:0 6px;
}

#i_works li{
float:left;
text-align:center;
}

#i_works li a{
display:block;
margin:0 2px;
width:158px;
height:130px;
background:#fff url(../../img/index/bg_i_works.gif) no-repeat 0 0;
}

#i_works li img{
padding:5px 0;
}


/*--end of this file--*/