@charset 'utf-8';

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

Production Date:2007/5/17
Last Modified Date:2009/06/28[最近の制作実績を追加]


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


div#mainContents h3.reccomend{
padding-top:20px;
}


/* お知らせ */

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

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

dl.information dd{
padding:5px 0px 5px 10px;
margin:0px;
line-height:150%;
}



/*------------------
キャンペーン部分
------------------*/

div.campaign{
height:200px;
margin:0px 0px 20px 0px;
zoom:100%;
position:relative;
}

div.campaign{
min-height:200px;
height:auto;
}

* html body div.campaign{
height:200px;
}

div.campaign img.sampleImage{
position:absolute;
top:40px;
left:10px;
}

div.campaign p{
margin:0px 10px 1.5em 230px;
}


/*------------------
div.recommendBox
------------------*/

div.recommendBox{
width:424px;
margin:0px 0px 30px 0px;
}

div.recommendBox img{
float:left;
margin:0px 10px 0px 0px;
}

div.recommendBox p{
padding:0px 10px 0px 0px;
}


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




/*------------------
dl.wideBox
------------------*/

dl.wideBox{
width:560px;
margin:0px 0px 30px 0px;
background-image:url(../images/maincontents/bg_widebox_middle.gif);
background-position:left top;
background-repeat:repeat-y;
}

dl.wideBox:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}

dl.wideBox dd{
zoom:1;/*for IE 5.5-7*/
}

dl.wideBox dd:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}


dl.wideBox dt{
margin:0px 0px 15px 0px;
padding:0px;
}

dl.wideBox dt img{
vertical-align:bottom;
}

dl.wideBox dd{
margin:0px;
padding:0px;
background-image:url(../images/maincontents/bg_widebox_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
}


/* dl.quarter */

dl.wideBox dd dl.quarter{
width:136px;
padding:0px 0px 0px 15px;
margin:0px 0px 0px 0px;
float:left;
}


dl.wideBox dd dl.quarter dt{
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 6px;
border-left:5px solid #71529f;
}

dl.wideBox dd dl.quarter dd{
margin:0px;
padding:0px;
background-image:none;
}


/* dl.harf */

dl.wideBox dd dl.harf{
width:280px;
padding:0px 0px 0px 15px;
margin:0px 0px 0px 0px;
float:left;
}


dl.wideBox dd dl.harf dt{
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 6px;
border-left:5px solid #71529f;
}

dl.wideBox dd dl.harf dd{
margin:0px;
padding:0px;
background-image:none;
}

dl.wideBox dd dl.harf dd img{
margin:0px 0px 1em 0px;
}



/* div.wideBox_right */

div.wideBox_right{
width:241px;
float:right;
}

div.wideBox_right p{
width:225px;
margin:0px 0px 10px 0px;
}


/* ul.menuList */

ul.menuList{
width:225px;
margin:0px 0px 15px 0px;
padding:0px 0px 10px 0px;
list-style-type:none;
border-bottom:1px dashed #71529f;
}


ul.menuList li{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 15px;
list-style-type:none;
background-image:url(../images/ic/ic_arrow_purple.gif);
background-position:left center;
background-repeat:no-repeat;
}



/* dl.leftLine_black */

div.wideBox_right dl.leftLine_black{
width:220px;
margin:0px 0px 15px 0px;
padding:0px;
}

div.wideBox_right dl.leftLine_black dd{
zoom:1;/*for IE 5.5-7*/
}

div.wideBox_right dl.leftLine_black dd:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}


div.wideBox_right dl.leftLine_black dt{
border-left:3px solid #000000;
padding:0px 0px 0px 5px;
margin:0px 0px 7px 0px;
}

div.wideBox_right dl.leftLine_black dt img{
vertical-align:middle;
}

div.wideBox_right dl.leftLine_black dd{
margin:0px;
padding:0px;
background-image:none;
}

div.wideBox_right dl.leftLine_black dd p{
display:inline;
}

div.wideBox_right dl.leftLine_black dd img{
float:left;
margin:0px 10px 0px 0px;
}





/*------------------
dl.miniBox
------------------*/

dl.miniBox{
width:170px;
float:left;
margin:0px 25px 10px 0px;
background-image:url(../images/maincontents/bg_minibox_middle.gif);
background-position:left top;
background-repeat:repeat-y;
}

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

dl.miniBox dt{
margin:0px 0px 10px 0px;
padding:0px;
}

dl.miniBox dt img{
vertical-align:bottom;
}

dl.miniBox dd{
margin:0px 0px 0px 0px;
padding:0px 0px 15px 0px;
background-image:url(../images/maincontents/bg_minibox_bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

dl.miniBox dd p{
width:150px;
margin:0px auto 0px auto;
display:block;
}

dl.miniBox dd img{
margin:0px 0px 10px 0px;
}




/*------------------
p.location
------------------*/

p.location{
color:#71529f;
font-size:80%;
}


/*------------------
dl.osewa
------------------*/

dl.osewa{
font-size:90%;
border:1px solid #385445;
margin:10px 0px 0px 0px;
padding:0px;
}

dl.osewa dt{
color:#ffffff;
text-align:center;
padding:4px 0px 4px 4px;
border-bottom:1px solid #385445;
background-color:#385445;
}

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


dl.osewa dd ul{
margin:0px;
padding:0px;
line-height:130%;
list-style:none;
}

dl.osewa dd ul li{
margin-bottom:3px;
}


/*------------------
dl.sougoLink
------------------*/

dl.sougoLink{
font-size:90%;
border:1px solid #385445;
margin:10px 0px 0px 0px;
padding:0px;
}

dl.sougoLink dt{
color:#ffffff;
padding:4px 0px 4px 4px;
border-bottom:1px solid #385445;
background-color:#385445;
}

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


dl.sougoLink dd ul{
margin:0px;
padding:0px;
line-height:130%;
list-style:none;
text-align:left;
}

dl.sougoLink dd ul li{
display:inline;
padding:0px 1em 1em 0px;
}

dl.sougoLink dl{
border:none;
margin:0px;
}

dl.sougoLink dl dt{
color:#333;
padding:0px;
background-color:#fff;
border-bottom:none;
}

dl.sougoLink dl dd{
padding:0px;
}


/*==============================

筆耕ドットコムからのお知らせ

=============================*/

div#mainContents div#recentWorks{
zoom:100%;
}

div#mainContents div#recentWorks:after{
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}

div#mainContents div#recentWorks div.works{
width:270px;
margin:0px 10px 10px 0px;
background-color:#fff2f9;
float:left;
}

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

div#mainContents div#recentWorks div.works h4{
background-color:#edadcf;
text-align:center;
margin:0px 0px 10px 0px;
padding:2px 0px 2px 0px;
border:none;
}

div#mainContents div#recentWorks div.works img.sampleImage{
margin:0px auto 10px auto;
display:block;
}

div#mainContents div#recentWorks div.works p{
font-size:90%;
margin:0px 10px 10px 10px;
}