/* ***********************************************/
/*	DATE		: 2008/11/14
	TITLE		: 株式会社ツクル_トップページ
	FILE_NAME	: top.css
	AUTHER		: Hiaa.S 			 */
/*************************************************/

/*=====各属性のスタイル===========================*/
h1 {
	margin-bottom:15px;
}

/*=====レイアウトのスタイル===========================*/

/*導入文*/
 .intro-box {
 	background-image:url(../common_image/bk_top_leftbox02.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-bottom:15px;
 }

 .flash-box {
	WIDTH: 750px; HEIGHT: 241px;
 }

 .p-intro {
 	background-image:url(../common_image/bk_top_leftbox01.gif);
	background-position:top;
	background-repeat:repeat-y;
	padding:0px 15px 15px;
	text-align:left;
	
 }
 
 /*ニュース＆トピックス*/
 .tb-news {
 	width:535px;
 }
 
 .td-news-left {
 	width:20%;
	border-bottom:dotted 1px #999999;
	text-align:left;
	padding:8px 10px;
 }
 
  .td-news-right {
 	width:auto;
	border-bottom:dotted 1px #999999;
	text-align:left;
	padding:5px 10px;
 }
 
 /*各種サービス*/
 .img-service {
	border:solid 2px #605757;
	float:left;
 }
 
 .p-service {
 	float:right;
	padding-left:5px;
	width:110px;
 }


/*widthは並べたい枚数にあわせて調整*/
#items {
	clear:both;
	width: 570px; 
	height: 750px;
}

/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/


dl{
    margin:0px;
    margin-right:2px;
    margin-top:5px;
    padding:0px;
    float:left;
    width:180px;
    font-size:14px;
    border-width:1px 1px 1px;
    border-style:solid;
    border-color:#DBDBDB;
    BACKGROUND-COLOR: #ffffff;
    height:370px;
}
dt{
    margin:0px;
    padding:0px;
}
dd{
    margin:0px;
    padding:4px 0.5em;
}


/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/

dt.img{

	height:240px;
	width:170px;

	text-align:center; 
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

dd.cate{
    height:1em;
    text-align:right;
}

dd.name{
    height:1.2em;
    text-align:left;
}
dd.comment{
    height:2em;
    background-color:#ffffff;
    text-align:left;
    font-size: 80%;
}
dd.detail{
    text-align:center;
    height:2em;
}
 
// 写真をふちありにする
img.image{
    padding:10px 15px;
    background-color:#ffffff;
    border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:1px;
    border-style:solid;
}


 .top-img {
	WIDTH: 830px; HEIGHT: 184px;
 }