/*
---------------------------------------
# SiteName: ソネットポストカード
# Page: TOP
# /postcard/css/index.css
# Update: 2007.010.11
# Editor: Shin.Uwai@so-net.co.jp
---------------------------------------
*/

/* 01) メインバナー記述 */
body#index div#main div.main-banner { width: 740px; margin: 0px 0px 20px; }

/* 02) 新着情報 */
body#index div#main div.whats-new { width: 740px; margin: 0px 0px 20px; padding: 0px; background: #fef5e5; }
body#index div#main div.whats-new ul { margin: 0px; padding: 10px 15px ; }
body#index div#main div.whats-new ul li { margin: 0px; padding: 5px 0px;  border-bottom: dotted 1px #c7b9b8; }
body#index div#main div.whats-new ul li.end { border-bottom: none; }
body#index div#main div.whats-new ul li span.date { margin: 0px 15px 0px 0px; }
body#index div#main div.whats-new ul li span.date2 { margin: 0px 15px 0px 0px; color: #FF0000;}


/* 03) 年賀状コーナー */
body#index div#main div.newyear { width: 740px; padding: 0px 0px 5px; }
body#index div#main div.newyear h2.newyear-mt { width: 740px; margin: 0px 0px 15px; }
body#index div#main div.newyear div.frame { width: 738px; background: #fff9fa; border: solid 1px #fc9595; margin: 0px 0px 15px; }

body#index div#main div.newyear div.frame h3 { padding: 2px 5px 2px 5px; color: #ff0000; background:url(../images/gr_pink.gif) repeat-x top #fdcbd1 ; border-top: solid 1px #FFF; border-left: solid 1px #FFF; border-bottom: solid 1px #fc9595; }

/* IEハック */
* html body#index div#main div.newyear div.frame h3 { width: 732px; }

body#index div#main div.newyear div.frame h3 span.title { display: block; float: left; }
body#index div#main div.newyear div.frame h3 span.detail-btn { margin: 5px 0px 0px; padding: 0px 0px 0px 14px; background: url(../images/icon_arrow.gif) no-repeat 0 1px; font-size: 12px; line-height: 1.2; display: block; float: right; }
body#index div#main div.newyear div.frame p.genre-navi { margin: 15px; font-size: 14px; line-height: 1.2;}
body#index div#main div.newyear div.frame ul { margin: 0px 0px 15px 23px;}
body#index div#main div.newyear div.frame ul li { width: 126px; margin: 0px 15px 0px 0px; float: left;}
body#index div#main div.newyear div.frame ul li table { width: 126px; margin: 0px; padding: 0px; }
body#index div#main div.newyear div.frame ul li table td.img { width: 126px; height: 126px; margin: 0px; padding: 0px; background:url(../images/thumbnail_panel.gif) no-repeat; text-align:center; vertical-align:middle;}
body#index div#main div.newyear div.frame ul li table td.img img { border:#c9c9c9 solid 1px; }
body#index div#main div.newyear div.frame ul li table td.text { margin: 0px; padding: 5px 0px; }


/* 03) 通常コーナー */

body#index div#main h2.mt { width: 740px; margin: 0px 0px 15px; }
body#index div#main div.frame { width: 738px; background: #f5f9fc; border: solid 1px #85bada; margin: 0px 0px 15px; }

body#index div#main div.frame h3 { padding: 2px 5px 2px 5px; background:url(../images/gr_blue.gif) repeat-x top #e3f0ff ; border-top: solid 1px #FFF; border-left: solid 1px #FFF; border-bottom: solid 1px #85bada; }

/* IEハック */
* html body#index div#main div.frame h3 { width: 732px; }

body#index div#main div.frame h3 span.title { display: block; float: left; }
body#index div#main div.frame h3 span.detail-btn { margin: 5px 0px 0px; padding: 0px 0px 0px 14px; background: url(../images/icon_arrow.gif) no-repeat 0 1px; font-size: 12px; line-height: 1.2; display: block; float: right; }
body#index div#main div.frame p.genre-navi { margin: 15px; font-size: 14px; line-height: 1.2;}
body#index div#main div.frame ul { margin: 0px 0px 15px 23px;}
body#index div#main div.frame ul li { width: 126px; margin: 0px 15px 0px 0px; float: left;}
body#index div#main div.frame ul li table { width: 126px; margin: 0px; padding: 0px; }
body#index div#main div.frame ul li table td.img { width: 126px; height: 126px; margin: 0px; padding: 0px; background:url(../images/thumbnail_panel.gif) no-repeat; text-align:center; vertical-align:middle;}
body#index div#main div.frame ul li table td.img img { border:#c9c9c9 solid 1px; }
body#index div#main div.frame ul li table td.text { margin: 0px; padding: 5px 0px; }