@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:	2008/02/28

Copyright(C)Y.M All Rights Reserved.
============================================================*/


/*_*********************************
*	 0. ホーム限定属性
*	 1. 招待状宛名書き
*	 2. その他の商品
*	 3. お得情報
*********************************_*/


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

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



/* お知らせ_個展（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{
font-size:100%;
margin-top:0px;
margin-bottom:10@x;
border-bottom:none;
padding:0px 0px 0px 8px;
}



/*------------------------------
1.招待状宛名書き
------------------------------*/

div.atenaProducts{
float:left;
margin-right:1px;
position:relative;
left:7px;
}

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


/*------------------------------
2.その他の商品
------------------------------*/

div.products{
margin:0px 7px 0px 7px;
}

div.products p{
text-align:right;
}

div.products ul{
text-align:right;
}

div.products ul li{
display:inline;
padding-right:1.5em;
}

div.products ul li.end{
padding-right:0px;
}


/*------------------------------
3.お得情報
------------------------------*/

dl.information{
background-color:#e8e4d1;
margin:0px 9px 20px 9px;
}

dl.information dt{
font-weight:bold;
padding:6px 6px 0px 6px;
margin:0px 0px 6px 0px;
}

dl.information dd{
padding:0px 6px 6px 6px;
}