@charset 'utf-8';

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

Site URL:	http://www.shoujyou.jp/
File Name:	home.css(/common/css/home.css)
Summary:	トップページに関するCSS
Created:	2008/02/28
Modified:	2010/08/16[個展お知らせ追加]

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


/*_*********************************
*	 0. ホーム限定属性
*	 1. リード部分
*	 2. 商品ラインナップ
		/*div.lineupWide
		/*div.lineupNarrow
*	 3. トップページリンク集
*	 4. 提携サイトリンク
*********************************_*/


/*==============================
0.ホーム限定属性
==============================*/

body#home div#mainVisual{
width:100%;
height:365px;
background-color:#bccf8a;
background-image:url(../images/rayout/bg_mainvisual_home.gif);
background-position:left top;
background-repeat:repeat-x;
padding:14px 0px 0px 0px;
margin:0px 0px 12px 0px;
text-align:center;
}

body#home h3{
margin-bottom:20px;
}

/* お知らせ_個展（20100816追加） */

div#mainContents div.infoKoten{
margin:0px 0px 0px 0px;
position:relative;
}

div#mainContents div.infoKoten img{
position:absolute;
left:0px;
top:0px;
}

/*
文字数が少ない場合、
また文字の表示が小さい場合に対応
*/

div#mainContents div.infoKoten{
min-height:265px;
height:auto;
}

/*
IE6にのみ適用
*/

* html body div#mainContents div.infoKoten{
height:265px;
}


div#mainContents div.infoKoten p,
div#mainContents div.infoKoten h4{
margin-left:200px;
}

div#mainContents div.infoKoten p{
margin-right:10px;
}

div#mainContents div.infoKoten h4{
margin-top:10px;
}



/*------------------------------
1.リード文部分[当サイトについて]
------------------------------*/

dl#aboutSite{
}

dl#aboutSite dt{
margin:0px;
padding:0px;
}

dl#aboutSite dt img{
vertical-align:bottom;
}

dl#aboutSite dd{
background-color:#f1ebdf;
border:1px solid #b59d73;
padding:8px 10px 8px 10px;
line-height:150%;
}


/* お知らせ */

dl.information{
margin:0px 0px 20px 0px;
border:1px solid #b59d73;
}

dl.information dt{
font-weight:bold;
background-color:#f1ebdf;
padding:3px 0px 3px 8px;
}

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


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

/* div.lineupWide */

div.lineupWide{
margin:0px 10px 10px 10px;
background-image:url(../../images/bg_lineup_wide_middle.gif);
background-position:left top;
background-repeat:repeat-y;
}

div.lineupWide h4{
height:50px;
position:relative;
background-image:url(../../images/bg_lineup_wide_top.gif);
background-position:left top;
background-repeat:no-repeat;
margin:0px;
}

div.lineupWide h4 img{
position:absolute;
top:10px;
left:26px;
}

div.lineupWide div.lineupDetail{
background-image:url(../../images/bg_lineup_wide_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
padding:7px 10px 7px 10px;
zoom:100%;
}

div.lineupWide div.lineupDetail p{
margin:15px 0px 10px 260px;
}

div.lineupWide div.lineupDetail img.lineupImage{
float:left;
margin:0px 10px 0px 0px;
}

div.lineupWide div.lineupDetail div.lineupText{
padding:15px 0px 0px 0px;
}

div.lineupWide div.lineupDetail div.lineupText p.right{
margin-bottom:0px;
}



/* div.lineupNarrow */

div.lineupNarrow{
width:250px;
margin:0px 20px 40px 0px;
background-image:url(../../images/bg_lineup_narrow_middle.gif);
background-position:left top;
background-repeat:repeat-y;
float:left;
position:relative;
left:10px;
}

div.lineupNarrow h4{
height:30px;
position:relative;
background-image:url(../../images/bg_lineup_narrow_top.gif);
background-position:left top;
background-repeat:no-repeat;
margin:0px;
}

div.lineupNarrow h4 img{
position:absolute;
top:11px;
left:24px;
}

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

div.lineupDetail{
background-image:url(../../images/bg_lineup_narrow_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
padding:10px 17px 11px 18px;
}

div.lineupDetail img{
margin-bottom:10px;
}

div.lineupDetail p{
margin-bottom:1em;
}

div.lineupDetail p.right{
margin-bottom:0px;
}



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

dl.homeLinks{
width:186px;
text-align:left;
background-image:url(../images/subcontents/bg_subnavi_green_middle.gif);
background-position:left top;
background-repeat:repeat-y;
background-color:#ffffff;
margin:0px auto 20px auto;
}

dl.homeLinks dt{
height:21px;
text-align:center;
padding:7px 0px 2px 0px;
background-image:url(../images/subcontents/bg_subnavi_green_top.gif);
background-position:left top;
background-repeat:no-repeat;
background-color:#664c12;
line-height:0px;
}

dl.homeLinks dd{
padding:7px 10px 9px 15px;
background-image:url(../images/subcontents/bg_subnavi_green_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
line-height:100%;
}

dl.homeLinks dd p.right{
margin-bottom:5px;
}

dl.homeLinks dd ul{
margin:0px;
padding:0px;
list-style:none;
font-size:90%;
}

dl.homeLinks dd ul li{
margin:0px 0px 6px 0px;
line-height:100%;
}


dl.homeLinks dd dl.linkNavi{
font-size:90%;
}

dl.homeLinks dd dl.linkNavi dt{
height:auto;
color:#657a2f;
text-align:left;
background-image:none;
background-color:#fff;
font-weight:normal;
border-bottom:none;
padding:0px 0px 3px 0px;
line-height:100%;
}

dl.homeLinks dd dl.linkNavi dd{
background-image:none;
padding:2px 0px 0px 0px;
margin-bottom:10px;
line-height:150%;
}


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

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;
}

div.bottom{
width:750px;
margin:20px auto 20px auto;
}

/*2010年末年始のお知らせ*/
.nenmatu {
padding:5px 10px 0 10px;
}