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

*                                                                              *
*  Web Site  :  http://www.quad-4.jp/                                          *
*  Author    :  QUAD                                                           *
*  Modified  :  Oct-2006                                                       *
*                                                                              *

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

#wrap_wide #side_title {
 background-image: url(../img/h1_title.jpg);
 background-repeat: no-repeat;
 height: 29px;
 width: 190px;
 text-indent: -9999px;
}


a {
    color: #414141;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#contents_wide div div span,
#contents_wide h1 span,
#contents_wide h2 span {
display:none;
}

.clear {
width: 100%;
height: 1px;
font-size: 1px;
clear: both;
}


/* toppage
*******************************************************************************/
#contents_wide {
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

/* h1_タイトル */
/*
.architect_ttl {
	background-image: url(../img/architect_ttl_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 75px;
	width: 769px;
	padding-bottom: 27px;
}
.architect_ttl img{
	margin: 14px 0 0 13px;
}
*/

/* 共通 */
.architect_ttl {
	background: url(../img/h1_title.jpg) no-repeat;
	height:29px;
	margin:0px 0px 15px;
	padding-bottom:0px;
	width:190px;
	text-indent: -9999px;
}


#pankuzu_all {
width: 571px;
height: 20px;
padding: 9px 19px 0px 0px;
background: url(../img/bg_pankuzu_wide.gif) repeat;
position: absolute;
left: 190px;
top: 130px;
clear: both;
}

#pankuzu_all li {
float:right;
}

#pankuzu_all li.list01 {
width: 14px;
height: 13px;
text-indent: -9999px;
}

#pankuzu_all li.list01 a {
width: 14px;
height: 13px;
background: url(../img/ic_home.gif) no-repeat;
display: block;
}

#pankuzu_all li.list02 {
padding: 0px 7px 0px 0px;
}

#pankuzu_all li.list02 span {
padding: 0px 0px 0px 3px;
}

/* */


.architect_subttl {
	padding-bottom: 8px;
	padding-left: 18px;
}
.datadownload {
	padding-left: 18px;
}
.datadownloadbox {
	width: 231px;
	float: left;
	background-image: url(../img/architect_bgimg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-bottom: 40px;
	margin-right: 19px;
}
.datadownloadbox .ddttl {
	padding-top: 6px;
	padding-bottom: 8px;
	text-align: center;
}
.datadownloadbox .ddjpg {
	background-image: url(../img/architect_imgtext01.gif);
}
.datadownloadbox .dddxf {
	background-image: url(../img/architect_imgtext02.gif);
}
.datadownloadbox .ddpdf {
	background-image: url(../img/architect_imgtext03.gif);
}
.datadownloadbox .ddjpg,
.datadownloadbox .dddxf,
.datadownloadbox .ddpdf {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 70px;
	width: 211px;
	text-indent: -9999px;
	margin-left: 10px;
}
.datadownloadbox .ddbtn {
	height: 28px;
	width: 211px;
	background-image: url(../img/architect_imgbtn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	margin-left: 10px;
}
.datadownloadbox .ddbtn a {
	height: 23px;
	width: 211px;
	text-decoration: none;
	display: block;
}

/* 2007-12 */
.datadownload02 .datadownloadbox02 {
width: 746px;
padding: 0px 0px 27px 15px;
}

.datadownload02 .datadownloadbox02 li {
width: 364px;
height: 131px;
padding: 0px 9px 8px 0px;
text-indent: -9999px;
float: left;
}

.datadownload02 .datadownloadbox02 li.list01 {
}

.datadownload02 .datadownloadbox02 li a {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
}

.datadownload02 .datadownloadbox02 li a:hover {
background-position: 0px -131px;
}

.datadownload02 .datadownloadbox02 li.list01 a {
background-image: url(../img/architect_img02_01.jpg);
}

.datadownload02 .datadownloadbox02 li.list02 a {
background-image: url(../img/architect_img02_02.jpg);
}

.datadownload02 .datadownloadbox02 li.list03 a {
background-image: url(../img/architect_img02_03.jpg);
}

.datadownload02 .datadownloadbox02 li.list04 a {
background-image: url(../img/architect_img02_04.jpg);
}

.datadownload02 .datadownloadbox02 li.list05 a {
background-image: url(../img/architect_img02_05.jpg);
}

/* / */

.info_update {
	padding-left: 18px;
	padding-right: 16px;
}
.info_update .left {
	width: 361px;
	float: left;
	margin-right: 13px;
}
.info_update .right {
	width: 361px;
	float: left;
}
.info_update ul {
	padding-top: 11px;
	padding-left: 12px;
	overflow: scroll;
	padding-right: 10px;
	height: 90px;
}
.info_update li {
	background-image: url(../img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 12px;
	padding-bottom: 5px;
}
.banner {
	padding-left: 14px;
	padding-top: 27px;
	padding-bottom: 30px;
}
.banner h2 {
	text-align: right;
}

.banner .bannerleft,
.banner .bannercenter,
.banner .bannerright {
	width: 235px;
	height: 110px;
	border: 5px solid #EBEDED;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	margin-right: 5px;
}
* html .banner .bannerleft,
* html .banner .bannercenter,
* html .banner .bannerright {
	width: 235px;
	height: 110px;
}
.banner .bannerleft {
	background-image: url(../img/architect_bana_img01.jpg);
}
.banner .bannerleft .banatext {
	font-size: 10px;
	color: #666666;
	padding: 10px 5px 0 100px;
	line-height: 115%;
}
.banner .bannerleft .banatext a {
	color: #666666;
}
.banner .bannercenter {
	background-image: url(../img/architect_bana_img02.jpg);
}
.banner .bannercenter .banatext {
	font-size: 10px;
	color: #666666;
	padding: 10px 5px 0 85px;
	line-height: 115%;
}
.banner .bannercenter .banatext a {
	color: #666666;
}
.banner .bannerright {
	background-image: url(../img/architect_bana_img03.jpg);
}
.banner .bannerright .banatext {
	font-size: 10px;
	color: #666666;
	padding: 10px 5px 0 75px;
	line-height: 115%;
}
.banner .bannerright .banatext a {
	color: #666666;
}
.banner .bannerright .banabtn {
	font-size: 10px;
	color: #538C0D;
	line-height: 115%;
	padding-top: 6px;
	padding-right: 5px;
	padding-left: 45px;
	background-image: url(../img/icon02.gif);
	background-repeat: no-repeat;
	background-position: 30px 7px;
}
.banner .bannerright .banabtn a {
	color: #538C0D;
	text-decoration: underline;
}
.banner .bannerright .banabtn a:hover {
	color: #66CC33;
	text-decoration: underline;
}
.recommend {
	padding-left: 18px;
	padding-top: 12px;
}
.recommend .recommendbox {
	background-image: url(../img/architect_rec_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-bottom: 30px;
	width: 370px;
	height: 90px;
	float: left;
}
.recommend .recommendbox img {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
.recommend .recommendbox .rectext {
	padding-top: 10px;
	padding-right: 12px;
	padding-left: 176px;
	font-size: 10px;
	line-height: 110%;
	color: #666666;
}
.recommend .recommendbox .recbtn {
	font-size: 10px;
	color: #538C0D;
	padding-top: 10px;
	padding-right: 12px;
	padding-left: 192px;
	background-image: url(../img/icon03.gif);
	background-repeat: no-repeat;
	background-position: 180px 13px;
}
.recommend .recommendbox .recbtn a {
	color: #538C0D;
	text-decoration: underline;
}
.recommend .recommendbox .recbtn a:hover {
	color: #66CC33;
	text-decoration: underline;
}
.other {
	background-image: url(../img/architect_other_bg01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 735px;
	background-color: #E6E6E6;
	margin-left: 18px;
	padding-top: 10px;
	margin-bottom: 40px;
}
.other .otherbg {
	background-image: url(../img/architect_other_bg02.gif);
	background-repeat: no-repeat;
	width: 735px;
	background-position: left bottom;
	padding-bottom: 10px;

}
.other .otherbg .left {
	width: 337px;
	float: left;
	padding-left: 20px;
	padding-right: 10px;
}
.other .otherbg .left .otherttl,
.other .otherbg .right .otherttl  {
	font-weight: bold;
	padding-bottom: 5px;
}
.other .otherbg .right {
	width: 337px;
	float: left;
	padding-left: 10px;
	padding-right: 20px;
}
.other .otherbg .left .othertext,
.other .otherbg .right .othertext {
	background-image: url(../img/icon04.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}