@charset "UTF-8";

/*
**********************************************************************

* top.css

* site name   : http://www.bisoukuukan.com/
* description : Top Page styles
* since       : 2009-06-03
* editor      : Tooru Ehara 
* modified    : 
* editor      :

*********************************************************************
*/



/*
===== CONTENTS ===========================================

  1: Main Body styles

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


/*
*********************************************************************

* 1:Main Body styles

*********************************************************************
*/
#mainvisual{
background:#f7f7f2;
border-bottom:7px solid #e4e4d8;
}

#mainvisual h3,
#mainvisual p{
text-align:center;
}

#content{
border:none;
float:left;
width:620px;
}

#campaign{
margin-bottom:1em;	
}
#campaign a .frame{
border:1px solid #e50b84;
}

.home #pagebody{
background:#ffffff;
border:1px solid #dfdfdf;
padding:0;
}

#pageshadow {
border:5px solid #fafafa;
padding:10px;
}

#pageshadow h3{
margin-bottom:1em;
}

/*beforeafter
-------------------------------------------------------------------*/
#beforeafter{
float:right;
width:403px;
}

#beforeafter .image{
float:left;
padding-right:10px;
}

#beforeafter .image img{
border:1px solid #dfdfdf;
padding:4px;
}

#beforeafter h4{
margin-bottom:0.5em;
}

#beforeafter li{
padding-bottom:2em;
}

#beforeafter .button{
margin:0.5em 0 0 170px;
}
/*news
-------------------------------------------------------------------*/
#news{
float:left;
width:165px;
}

#news .date{
color:#666666;
font-size:smaller;
display:block;
}

#news ul{
border-top:1px dotted #999999;
}

#news li{
border-bottom:1px dotted #999999;
padding-bottom:0.2em;
margin-bottom:0.2em;
}