/* =============================================================================
	防食ソリューション CSS
============================================================================= */

/* ---------------------------------------------------------
	見出し
--------------------------------------------------------- */
h2 {
	margin:0 auto 10px;
	padding:13px 0 0 33px;
	width:667px;
	height:27px;
	background:#243596 url("../../common/img/header2.gif") no-repeat;
	line-height:1.1;
	font-size:16px;
	color:#fff;
}

h3 {
	margin:0 auto 10px;
	padding:1px 5px;
	border-left:5px solid #243596;
	border-bottom:1px solid #243596;
	width:685px;
	position:relative;
	color:#243596;
}

h3 span.mark {
	padding:2px 5px 0;
	height:20px;
	background-color:#798AD9;
	position:absolute;
	bottom:0;
	right:0;
	line-height:20px;
	font-weight:normal;
	font-size:12px;
	color:#fff;
}

/* ---------------------------------------------------------
	上部写真
--------------------------------------------------------- */
div.top-image {
	margin:0 0 1.5em;
}

/* ---------------------------------------------------------
	ボタン
--------------------------------------------------------- */
ul.btns {
	margin:0 0 10px;
	padding:0 3px;
	list-style:none;
}

ul.btns li,
ul.btns li a {
	display:block;
	font-size:12px;
}

ul.btns li {
	margin:0 0 0 10px;
	width:200px;
	height:25px;
	float:right;
}

ul.btns li a {
	padding:5px 0 0 22px;
	width:178px;
	height:20px;
	background: url("../common/img/btn.gif") no-repeat -800px -50px;
	text-decoration:none;
	color:#444;
}

ul.btns li a.font {
	letter-spacing:0;
}

ul.btns li a:hover {
	background-position:-800px -75px;
	color:#243596;
}

ul.btns li.kojo {
	width:140px;
}

ul.btns li.kojo a {
	letter-spacing:0;
	padding:5px 0 0 16px;
	width:124px;
	background-position:-660px 0;
}

ul.btns li.kojo a:hover {
	background-position:-660px -25px;
}

ul.btns li.middle {
	width:140px;
}

ul.btns li.middle a {
	width:118px;
	background-position:-660px -50px;
}

ul.btns li.middle a:hover {
	background-position:-660px -75px;
}

ul.btns li.long-pdf {
	width:350px;
}

ul.btns li.long-pdf a {
	padding:5px 0 0 22px;
	width:328px;
	height:20px;
	background-position:-1000px -50px;
	letter-spacing:0;
}

ul.btns li.long-pdf a:hover {
	background-position:-1000px -75px;
}

/* ---------------------------------------------------------
	鋼構造物の維持管理
--------------------------------------------------------- */
ul.prop2 {
	margin:0 0 20px;
	padding:0 3px;
	list-style:none;
}

ul.prop2 li {
	margin:0 11px 0 0;
	width:226px;
	display:block;
	float:left;
}

ul.prop2 li.last {
	margin-right:0;
}

div.structure-image {
	margin:0 0 20px;
	text-align:center;
}
