﻿@charset "utf-8";

/*------------------------------------------------------------

site : 恋時雨　コイシグレ
file : /common/css/wallpaper.css

------------------------------------------------------------*/

/*============================================================
div#wallContainer
============================================================*/
#wallContainer{
position:relative;
width:800px;
height:540px;
text-align:left;
background:#f8f5e7 url(../../wallpaper/images/bg_contentsMiddle.gif) repeat-y 0 0;
}

/*============================================================
div#newsHeader
============================================================*/
#wallContainer #wallHeader{
position:absolute;
top:0;
left:0;
width:798px;
height:41px;
background:url(../../wallpaper/images/bg_contentsHeader.gif) no-repeat 0 0;
}

#wallContainer #wallHeader h2.wall{
position:absolute;
top:0;
right:17px;
width:120px;
height:30px;
text-indent:-9999px;
background:url(../../wallpaper/images/h2_sub_ttl.gif) no-repeat 0 0;
}

/*============================================================
div#wallContents
============================================================*/
#wallContainer #wallContents{
overflow-y:auto;
overflow-x:hidden;
position:absolute;
top:41px;
left:0;
width:798px;
height:470px;
margin:0 0 0 0;
}

#wallContainer .lead{
height:232px;
margin:13px 0 0 35px;
padding:0 0 20px 0;
}
#wallContainer .lead h3{
line-height:1.2em;
}

#wallContainer .lead p{
left:35px;
width:420px;
margin:15px 0 0 0;
line-height:1.65em;
}

/* 優秀作品リスト */
#wallContainer .clr{
margin:0 0 0 17px;
}
* html #wallContainer .clr{
margin:0 0 0 0;
}

#wallContainer .illust{
width:169px;
height:205px;
margin:0 0 0 17px;
float:left;
}

#wallContainer .illust h4{
font-size:93%;
font-weight:normal;
line-height:1.2em;
}

#wallContainer .illust li{
font-size:93%;
line-height:1em;
margin:5px 0 0 0;
padding:0 0 0 8px;
background:url(../../wallpaper/images/arrow.gif) no-repeat left center;
}

#wallContainer .illust img{
margin:5px 0 0 0;
}

/* 最優秀作品 */
#wallContainer .no1{
position:absolute;
top:13px;
left:37px;
width:725px;
margin:0 0 0 0;
float:none;
}

#wallContainer .no1 h4{
position:absolute;
top:188px;
left:170px;
width:247px;
margin:0 0 0 0;
}

#wallContainer .no1 img{
position:absolute;
top:0;
right:1px;
margin:0 0 0 0;
}

#wallContainer .no1 ul.horizon{
position:absolute;
top:211px;
left:170px;
margin:0 0 0 0;
}
#wallContainer .no1 ul.horizon li{
float:left;
margin:0 12px 0 0;
}

/* 設定方法 */
#wallContainer .setup{
width:726px;
height:95px;
margin:28px 0 0 34px;
}
#wallContainer .setup-inner{
width:726px;
height:80px;
background:#fff 
}

#wallContainer .setup h3{
font-size:93%;
line-height:1em;
margin:0 0 0 12px;
padding:12px 0 0 10px;
border-left:#b44e4c 3px solid;
}
#wallContainer .setup p{
color:#666;
font-size:77%;
line-height:1.6em;
margin:9px 8px 0 12px;
padding:0 0 0 0;
}

/*
div#wallFooter
------------------------------------------------------------*/
#wallContainer #wallFooter{
position:absolute;
top:511px;
left:0;
width:798px;
height:30px;
text-align:right;
background:#f8f5e7 url(../../wallpaper/images/bg_contentsFooter.gif) no-repeat 0 0;
}

#wallContainer #wallFooter img{
padding:5px 2px 0 0;
}

