/************************/
/*			index		*/
/************************/

#sidebar {
	float: left;
	width: 200px;
	padding-top: 30px;
}

#sidebar ul li#menu01 a {
	display: block;
	width: 153px;
	height: 37px;
	background: url(../images/construction/construction_sidebar_menu01.gif) no-repeat left bottom;
}

#sidebar ul li#menu01 a:hover {
	background: url(../images/construction/construction_sidebar_menu01_ro.gif) no-repeat left bottom;
}

#sidebar ul li#menu02 a {
	display: block;
	width: 153px;
	height: 36px;
	background: url(../images/construction/construction_sidebar_menu02.gif) no-repeat left bottom;
}

#sidebar ul li#menu02 a:hover {
	background: url(../images/construction/construction_sidebar_menu02_ro.gif) no-repeat left bottom;
}

#sidebar ul li#menu03 a {
	display: block;
	width: 153px;
	height: 37px;
	background: url(../images/construction/construction_sidebar_menu03.gif) no-repeat left bottom;
}

#sidebar ul li#menu03 a:hover {
	background: url(../images/construction/construction_sidebar_menu03_ro.gif) no-repeat left bottom;
}

#sidebar ul li#menu04 a {
	display: block;
	width: 153px;
	height: 36px;
	background: url(../images/construction/construction_sidebar_menu04.gif) no-repeat left bottom;
}

#sidebar ul li#menu04 a:hover {
	background: url(../images/construction/construction_sidebar_menu04_ro.gif) no-repeat left bottom;
}

#sidebar ul li#menu05 a {
	display: block;
	width: 153px;
	height: 36px;
	background: url(../images/construction/construction_sidebar_menu05.gif) no-repeat left bottom;
}

#sidebar ul li#menu05 a:hover {
	background: url(../images/construction/construction_sidebar_menu05_ro.gif) no-repeat left bottom;
}

#sidebar ul li#menu06 a {
	display: block;
	width: 153px;
	height: 36px;
	background: url(../images/construction/construction_sidebar_menu06.gif) no-repeat left bottom;
}

#sidebar ul li#menu06 a:hover {
	background: url(../images/construction/construction_sidebar_menu06_ro.gif) no-repeat left bottom;
}

#sidebar ul li#menu07 a {
	display: block;
	width: 153px;
	height: 38px;
	background: url(../images/construction/construction_sidebar_menu07.gif) no-repeat left bottom;
}

#sidebar ul li#menu07 a:hover {
	background: url(../images/construction/construction_sidebar_menu07_ro.gif) no-repeat left bottom;
}

#contents {
	float: right;
	width: 744px;
	padding-top: 15px;
	padding-bottom: 80px;
}

#contents ul li {
	float: left;
	width: 235px;
	height: 130px;
	margin: 5px;
}

#contents ul li a {
	display: block;
	width: 235px;
	height: 130px;
}

#contents ul li#works01 a {
	background: url(../images/construction/index/works_01.jpg) no-repeat left bottom;
}

#contents ul li#works01 a:hover {
	background: url(../images/construction/index/works_01_ro.jpg) no-repeat left bottom;
}

#contents ul li#works02 a {
	background: url(../images/construction/index/works_02.jpg) no-repeat left bottom;
}

#contents ul li#works02 a:hover {
	background: url(../images/construction/index/works_02_ro.jpg) no-repeat left bottom;
}

#contents ul li#works03 a {
	background: url(../images/construction/index/works_03.jpg) no-repeat left bottom;
}

#contents ul li#works03 a:hover {
	background: url(../images/construction/index/works_03_ro.jpg) no-repeat left bottom;
}
#contents ul li#works04 a {
	background: url(../images/construction/index/works_04.jpg) no-repeat left bottom;
}

#contents ul li#works04 a:hover {
	background: url(../images/construction/index/works_04_ro.jpg) no-repeat left bottom;
}

#contents ul li#works05 a {
	background: url(../images/construction/index/works_05.jpg) no-repeat left bottom;
}

#contents ul li#works05 a:hover {
	background: url(../images/construction/index/works_05_ro.jpg) no-repeat left bottom;
}
#contents ul li#works06 a {
	background: url(../images/construction/index/works_06.jpg) no-repeat left bottom;
}

#contents ul li#works06 a:hover {
	background: url(../images/construction/index/works_06_ro.jpg) no-repeat left bottom;
}

/****************************/
/*			renew			*/
/****************************/

a.ro:hover {
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

#contents h3 {
	padding-top: 15px;
}

#contents #pager {
	margin-top: 30px;
	font-weight: bold;
}

#contents #pager #blue {
	color: #337BA9;
	font-size: larger;
}

#contents #pager #glay {
	padding-left: 50px;
	color: #4C4C4C;
}

#contents #pager #carrent {
	margin: 5px;
}

#contents #pager a {
	margin: 5px;
}

#contents .box {
	width: 722px;
	margin-top: 10px;
	margin-bottom: 30px;
	border: 1px solid #CCCCCC;
}

#contents .box .title {
	height: 40px;
	line-height: 40px;
	margin-top:1px;
	padding-left: 44px;
	font-family: 'ＭＳ 明朝', '平成明朝';
	font-weight: bold;
	font-size: 120%;
	font-color: #333333;
	border-top: 2px solid #2F6798;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/construction/icon.jpg) no-repeat 12px 9px;
}

#contents .box .contents {
	padding: 20px 20px 0px 20px;
}

#contents .box .contents .left {
	float: left;
	width: 237px;
}

#contents .box .contents .foto_frame {
	width: 237px;
	height: 179px;
	background: url(../images/construction/box_img_frame.gif) no-repeat left bottom;
}

#contents .box .contents .foto_frame img {
	padding: 3px;
}

#contents .box .right {
	float: right;
	width: 413px;
}

#contents .box .contents table {
	float: right;
	width: 413px;
	margin-top: 5px;
	font-size: 90%;
	border-collapse: colapse;
	border: 1px solid #D6D6D6;
}

#contents .box .contents table tr {
	height: 40px;
	border: 1px solid #D6D6D6;
}

#contents .box .contents table tr.blue {
	color:  #333333;
	background-color: #F6F6F6;
}

#contents .box .contents table th {
	padding-left: 14px;
	width: 25%;
}

#contents .box .contents .post {
	float: right;
	width: 178px;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#contents .box .clear {
	clear: both;
}

/****************************/
/*			renew_01		*/
/****************************/

#contents #paging {
	text-align: right;
	padding-right: 20px;
}

#contents #paging a {
	text-decoration: underline;
	margin: 10px;
}

#contents #paging a:hover {
	text-decoration: none;
}

#contents .box .contents table.pics {
	width: 237px;
	border-collapse: collapse;
	border: 2px solid #FFFFFF;
	margin-bottom: 15px;
}

#contents .box .contents table.pics tr {
	height: 58px;
	padding: 0px;
}

#contents .box .contents table.pics td{
	width: 73px;
	height: 58px;

	padding: 1px 2px 1px 2px;
	border: 4px solid #FFFFFF;
	background: url(../images/construction/none_img.gif) no-repeat 0px 0px;
}
html:not([lang*=""]) #contents .box .contents table.pics td  {
	height: 60px;
}

#contents .box .contents #comment {
	width: 218px;
	padding: 5px;
	padding-bottom: 15px;
	border: 3px solid #F6F6F6;
	border-top: none;
}

*html #contents .box .contents #comment {
	width: 234px;
}

#contents .box .contents #textspace_1  {
	padding: 10px 0px 20px 0px;
}

#contents .box .contents .comment2 {
	width: 398px;
	padding: 5px;
	padding-bottom: 15px;
	border: 3px solid #F6F6F6;
	border-top: none;
	margin-bottom: 20px;
}

*html #contents .box .contents .comment2 {
	width: 414px;
}

#contents .box .contents .comment2 img {
	float: left;
	padding: 4px 10px 10px 0px;
}

#contents #back {
	text-align: center;
	margin-top: -10px;
	font-size: 80%;
}

#contents #back img {
	margin-right: 5px;
}

#contents #back a {
	text-decoration: underline;
}

#contents #back a:hover {
	text-decoration: none;
}