@charset "utf-8";

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

>>design.css

Description: design.

Create Date: 2009/06/25

Copyright (C) Hygahiga All Rights Reserved.

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

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

LastUpdate: 2009/../..

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

/*
-------------------------------------------
###########################################
コラム
###########################################
-------------------------------------------
*/


/*
-------------------------------------------
###########################################
main
###########################################
-------------------------------------------
*/

/* content
=========================================*/

#main #content{
background:url(/img/col_bg_rep.jpg) repeat-y;
}

#main #content-bg-bottom{
padding: 0 0 40px 0;
background:url(/img/col_bg_btm.jpg) no-repeat bottom left ;
}

/* catgory top
.........................................*/



/* page
.........................................*/

#main #content #col-head01{
height:290px;
background:url(/img/col01_hd_bg.jpg)  no-repeat top left ;
}

#main #content #col-head01 h2{
padding: 70px 10px 10px 80px;
}
#main #content #col-head01 p{
padding: 0 0 20px 100px;
color:#999999;
}

#main #content #col-content p.col-p{
background:url(../img/col_p.gif) no-repeat top left;
padding: 0 40px 15px 140px;
color:#ce6f3c;
font-weight: bold;
}

#main #content #col-content p.doc-p{
background:url(../img/doc01_p.jpg) no-repeat top left;
padding: 0 40px 40px 125px;
line-height: 18px;
}

#main #content #col-content p.doc-p img.center{
margin: 0 auto 0 auto;
padding: 20px 0 20px 0;
}

#main #content #col-content #doc{
background:url(../img/docpro_line.gif) no-repeat top left;
padding: 40px 0 20px 0;
}
#main #content #col-content #doc #doc-img{
width: 270px;
padding: 0 10px 0 0;
float:left;
}
#main #content #col-content #doc #doc-pro{
width: 390px;
padding: 0 60px 0 0;
float:right;
}
#main #content #col-content #doc #doc-pro p.doc-intro{
padding: 5px 0 0 10px;
margin: 0 0 15px 0;
color:#a7948d;
border-bottom: 1px dotted #ECECEC;
}


#main #content #col-content #doc #doc-pro h4{
padding: 0 0 0 35px;
background:url(../img/cln_ico.gif) no-repeat left;
font-size:14px;
}

#main #content #col-content #doc #doc-pro p strong{
color:#999999;
}

#main #content #col-content #doc #doc-pro h4 a:link { color: #ce6f3c; text-decoration: underline; font-weight:bold;}
#main #content #col-content #doc #doc-pro h4 a:visited { color: #ce6f3c; text-decoration: underline; font-weight:bold;}
#main #content #col-content #doc #doc-pro h4 a:hover { color:#999999; text-decoration: none; font-weight:bold;}
#main #content #col-content #doc #doc-pro h4 a:active { color: #999999; text-decoration: none; font-weight:bold;}

#main #content #col-content #doc p.cln-link{
text-align:right;
display:block;
clear: both;
}