@charset "utf-8";

/************************************************
 建設機械 企画ページ css
*************************************************/


/* 共通
--------------------------------------*/
#contents{
	margin:0;
	padding:0;
	height:100%;
}

#contents hr{
	border:2px #004085 solid;
	margin-bottom:30px;
}

#category-list{
	width:905px;
	margin:0 auto;
}

#category-list h2{
	width:900px;
	height:70px;
	background:url(../img/title-bg.png) 0 0 no-repeat;
	font-size:20px;
	color:#ffffff;
	padding:7px 20px 0px;
}

#category-list ul{
	margin:0;
	padding:0;
}

#category-list li{
	float:left;
	margin: -2px 0;
	padding:0;
}

.page-navi{
	width:904px;
	margin:15px auto;
	color:#888888;
}

.to-index{
	width:226px;
	text-align:left;
	float:left;
}
.to-index img{
	padding-left: 5px;
	vertical-align: text-top; 
}
.to-pre{
	width:226px;
	text-align:right;
	float:left;
}
.to-pre img{
	padding-left: 5px;
	vertical-align: text-top; 
}
.to-next{
	width:226px;
	text-align:left;
	float:left;
}
.to-next img{
	padding-right: 5px;
	vertical-align: text-top; 
}
.to-top{
	width:226px;
	text-align:right;
	float:left;
}

.to-top img{
	padding-right: 5px;
	vertical-align: text-top; 
}





/* インデックスページ
--------------------------------------*/
#index-top-img{
	width:960px;
	height:500px;
	margin:25px 0 10px;
	background:url(../img/top-img.jpg) 0 0 no-repeat;
}

#index-top-text{
	padding:380px 20px 0;
	color:#666666;
}

#index-top-text h2{
	font-size:28px;
}

#index-top-text p{
	font-weight:bold;
	font-size:21px;
	line-height:150%;
}

#index-menu-box{
	margin:0 auto;
	width:960px;
}


/* カテゴリページ
--------------------------------------*/

#menu-box{
	margin: 30px auto 0px;
	width:960px;
}


#main-box{
	margin: 50px auto 0;
	width:960px;
}


#main-box a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #ffffff;
}

.column-line{
	margin: 0 auto;
	width:904px;
}

.column-line h2{
	width:900px;
	height:70px;
	background:url(../img/title-bg.png) 0 0 no-repeat;
	font-size:20px;
	color:#ffffff;
	padding:7px 20px;
}

.category-name{
	margin: 0 auto;
	padding:0;
	width:904px;
	color:#666666;
}

.category-name1{
	float:left;
	width:300px;
	text-align:right;
}
.category-name2{
	float:left;
	width:300px;
	text-align:right;
}
.category-name3{
	float:right;
	width:300px;
	text-align:right;
}

.column-box{
	margin: 0 auto;
	padding:0;
	width:904px;
	color:#666666;
}

.column-box img{

}

.product-img{
	border:#cccccc solid 1px;
	margin:15px auto 0;
}

.logo-img{
	border:#cccccc solid 1px;
	margin-top:10px;
}


.column-box h3{
	font-size:120%;
	margin-top: 10px;
}

.column-box h4{
	color:#004085;
	font-size:250%;
	text-align:right;
	line-height:100%;
	margin-top: 5px;
}

.column-box table{
	margin:10px 0 10px;
	border-style:none;
}

.column-box td{
	padding:5px;
	border-style:none;
	font-size:120%;
	vertical-align:top;
}


.column1{
	padding:10px;
	float:left;
	background:#efefef;
	border:#cccccc solid 1px;
	width:280px;
}
.column2{
	margin-left:-1px;
	padding:10px;
	float:left;
	background:#efefef;
	border:#cccccc solid 1px;
	width:280px;
}
.column3{
	margin-left:-1px;
	padding:10px;
	float:right;
	background:#efefef;
	border:#cccccc solid 1px;
	width:280px;
}


#post_guide_area {margin:60px 0 80px;}


#post_guide_button{position:relative; font-size:3.0em;margin: 0 auto; width:400px; height:120px;background-color:#1f54a5; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}

#post_guide_button a {position:absolute; color:#FFFFFF; text-decoration: none; width:100%; height:100%;}
#post_guide_button a:hover{color:#E48E00;text-decoration:underline;}

#post_guide_button p{text-align:center; padding:50px;}