@charset 'utf-8';

/*============================================================
Home.CSS

Site URL:	http://www.naoshiya.com/
File Name:	home.css(/common/css/home.css)
Summary:	トップページに関するCSS
Created:	2008/01/28
Modified:	2008/10/23

Copyright(C)Nekonote All Rights Reserved.
============================================================*/

/*==============================
ホームで使用[naoshiya.com/index.html]
==============================*/

body#home div#mainVisual{
width:100%;
height:200px;
text-align:center;
background-image:url(../images/rayout/bg_mainvisual_home.gif);
background-position:left top;
background-repeat:repeat-x;
}


/*-------------------
商品ラインナップ
--------------------*/

/* dl.products */

dl.products{
width:240px;
float:left;
margin:0px 25px 30px 0px;
}

dl.products:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
zoom:100%;
}

dl.no-margin{
margin-right:0px;
}


/* dl.products dt */

dl.products dt{
height:14px;
background-image:url(../images/icon/ic_boxarrow_blue.gif);
background-position:4px 1px;
background-repeat:no-repeat;
position:relative;
margin:0px 0px 11px 0px;
}

dl.products dt img{
position:absolute;
left:21px;
top:0px;
}

/*
色別 */

dl.products dt.red{
background-image:url(../images/icon/ic_boxarrow_red.gif);
}

dl.products dt.black{
background-image:url(../images/icon/ic_boxarrow_black.gif);
}



/* dl.products dd */

dl.products dd{
margin:0px;
padding:0px;
}

dl.products dd img{
margin-bottom:6px;
}

dl.products dd p{
margin:0px 10px 2px 10px;
padding:0px;
}

/* dl.products ul.otherProducts */

dl.products ul.otherProducts{
margin:0px 0px 0px 20px;
padding:0px;
}

dl.products ul.otherProducts li{
margin:0px 0px 8px 0px;
}

dl.products ul.otherProducts li img{
margin:0px 0px 0px 0px;
}

dl.products ul.otherProducts li span{
font-size:90%;
margin:0px 0px 0px 10px;
}







/* ------------
トップページリンク集
--------------- */


dl.links{
background-image:url(../images/contents/bg_subbox_middle.gif);
background-position:left top;
background-repeat:repeat-y;
margin:0px 0px 15px 0px;
}

dl.links dt{
height:26px;
background-color:#304767;
background-image:url(../images/contents/bg_subbox_top.gif);
background-position:left top;
background-repeat:no-repeat;
padding:0px;
position:relative;
}

dl.links dt img{
position:absolute;
left:13px;
top:7px;
}

dl.links dd{
background-image:url(../images/contents/bg_subbox_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
padding:8px 10px 1px 13px;
}

dl.links dd ul{
font-size:90%;
padding:0px;
margin:0px 0px 8px 0px;
list-style-type:none;
/*list-style-type:circle;
list-style-position:inside;*/
}

dl.links dd ul li{
padding:0px 0px 0px 0px;
margin-bottom:2px;
}

dl.links dd ul li{
word-wrap:break-word;
}



/* ------------
提携サイトリンク
--------------- */

ul.teikei{
font-size:80%;
margin:0px 0px 10px 0px;
padding:0px;
text-align:left;
}

ul.teikei li{
display:inline;
padding:0px 5px 0px 0px;
}

ul.teikei li a{
text-decoration:none;
}


/* ------------
パートナーリンク
--------------- */

dl.partnerLink{
font-size:90%;
margin:0px 0px 20px 0px;
}

dl.partnerLink dt{
color:#fff;
font-weight:bold;
background-color:#304767;
padding:2px 5px;
}

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

dl.partnerLink dd p{
margin:0px 0px 0px 0px;
}

/* ------------
取引先メーカー
--------------- */

dl.partner{
margin:0px 0px 10px 0px;
}

dl.partner dt{
color:#fff;
font-weight:bold;
background-color:#316a51;
padding:3px 10px 3px 10px;
}

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