@charset "utf-8";
/* CSS Document */

html {
background: url(/img/html-back.gif) repeat-x;
}
body {
background: url(/img/body-back2.png) no-repeat center 411px;
_background: url(/img/body-back.png) no-repeat center 411px;
width: auto;
min-width:840px;
position: relative;
}
header, header hgroup, header ul {
height: 0;
width: 0;
margin: 0;
overflow:hidden;
text-indent: -9999px;
}

/*検索ボタン*/
/*----------------------------------*/
section#searchSet {
width:100%;
display:block;
z-index: 10;
position:absolute;
top: 10px;
}
section#searchSet h2 {
height: 0;
width: 0;
margin: 0;
overflow:hidden;
text-indent: -9999px;
}
section#searchSet form {
margin: 0 auto;
width: 800px;
}
section#searchSet input.searchInput {
background: url(/img/search-input.gif) no-repeat;
border: none;
line-height: 110%;
font-size: 145%;
font-weight: bold;
color: #666666;
width: 201px;
height: 23px;
_height: 20px;
padding: 0 0 0 3px;
_padding: 3px 0 0 3px;
display: block;
float: left;
_background-attachment: fixed;
}
section#searchSet button {
background-image: url(/img/search-button.gif);
background-position: top;
background-repeat: no-repeat;
background-color: transparent;
border: none;
text-indent: -9999px;
overflow: hidden;
width: 26px;
height: 23px;
display: block;
float: left;
}
section#searchSet button:hover {
background-position: bottom;
}


/*メインイメージ*/
/*----------------------------------*/
#mainImg {
height: 321px;
width: 100%;
}
#mainImg section {
height: 321px;
overflow: hidden;
background: url(/img/load.gif) no-repeat center;
display:none;
}
#designImg1 a, #designImg2 a, #designImg3 a,
#designImg4 a, #designImg5 a, #designImg6 a {
height: 321px;
width: 840px;
display:block;
margin: 0 auto;
text-indent: -9999px;
overflow: hidden;
}
#designImg1 p, #designImg2 p, #designImg3 p,
#designImg4 p, #designImg5 p, #designImg6 p,
#designImg1 h2, #designImg2 h2, #designImg3 h2,
#designImg4 h2, #designImg5 h2, #designImg6 h2 {
height: 0;
margin: 0;
overflow: hidden;
}
#mainImg section.this, #mainImg section.this * {
display: block;
}
/*メインイメージ：top*/
/*----------------------------------*/
#designImg1 div {
background: url(http://www.rasen-d.net/module/topimg/main-index-wd201009.png) no-repeat center;
height: 321px;
}
#designImg1 div div {/*書籍へのリンク位置調整用*/
background: none;
width: 840px;
margin: 0 auto;
}
#designImg1 a {/*書籍へのリンク*/
width: 311px;
height: 198px;
margin: 55px 0 0 0;
}
/*メインイメージ：first-css*/
/*----------------------------------*/
#designImg2 div {
background: url(/img/main-first-css.png) no-repeat center;
height: 321px;
}
/*メインイメージ：gyo-mu*/
/*----------------------------------*/
#designImg3 div {
background: url(/img/main-gyo-mu.png) no-repeat center;
height: 321px;
}
/*メインイメージ：rasen*/
/*----------------------------------*/
#designImg4 div {
background: url(/img/main-rasen.png) no-repeat center;
height: 321px;
}
/*メインイメージ：tateuri*/
/*----------------------------------*/
#designImg5 div {
background: url(/img/main-tateuri.png) no-repeat center;
height: 321px;
}
/*メインイメージ：kakaku*/
/*----------------------------------*/
#designImg6 div {
background: url(/img/main-kakaku.png) no-repeat center;
height: 321px;
}
#designImg6 div div {/*お問い合わせへのリンク位置調整用*/
background: none;
width: 840px;
margin: 0 auto;
}
#designImg6 a#mainImgKakakuOtoiawase {/*お問い合わせへのリンク*/
width: 88px;
height: 18px;
margin: -140px 0 0 70px;
}


/*中央ナビゲーション*/
/*----------------------------------*/
nav#centerNavi{
height: 90px;
margin-bottom: 5px;
}
nav#centerNavi ul {
width: 840px;
height: 90px;
margin: 0 auto;
}
#centerNavi li {
float:left;
list-style-type: none;
height: 90px;
}
#centerNavi li.this {
background: url(/img/center-navi-back.gif) repeat-x;
}
#centerNavi li a {
text-indent: -9999px;
overflow:hidden;
display:block;
height: 90px;
background-repeat: no-repeat;
background-position: center;
}
#no1 div {
width: 50px;
background-image: url(/img/center-logo.gif);
text-indent: -9999px;
overflow:hidden;
display:block;
height: 90px;
background-repeat: no-repeat;
background-position: center;
}
#no2 a {
width: 174px;
background-image: url(/img/center-first-css.gif);
}
#no3 a {
width: 139px;
background-image: url(/img/center-gyo-mu.gif);
}
#no4 a {
width: 178px;
background-image: url(/img/center-rasen.gif);
}
#no5 a {
width: 159px;
background-image: url(/img/center-tateuri.gif);
}
#no6 a {
width: 140px;
background-image: url(/img/center-kakaku.gif);
}


/*中央３段コンテンツ紹介*/
/*----------------------------------*/
#contents1 {
width: 840px;
margin: 0 auto 20px auto;
_height: 1px;
min-height: 1px;
}
#contents1:after {/*clearfix用*/
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#contents1 h3 {
margin: 0;
padding: 0;
overflow: hidden;
}
#contents1 section {
float: left;
}
/*中央３段コンテンツ紹介：建売*/
/*----------------------------------*/
#contentsTateuri {
width: 165px;
}
#contentsTateuri a {
display: block;
margin: 10px auto 0 auto;
background: url(/img/contents-tateuri.gif) no-repeat;
width: 130px;
height: 110px;
padding: 1px 0 0 1px;
}
#contentsTateuri img {
display: block;
}
#contentsTateuri h3 a {
background: none;
width: 145px;
height: 33px;
display:block;
text-indent: -9999px;
overflow: hidden;
margin: 0 auto;
}
/*中央３段コンテンツ紹介：更新情報*/
/*----------------------------------*/
#contentsNews {
width: 465px;
}
#contentsNews h3 {
text-indent: -9999px;
height: 33px;
}
#contentsNews p.read {
width: 435px;
height: 13px;
text-indent: -9999px;
margin: 10px auto 0 auto;
background: url(/img/contents-news-text.gif) no-repeat;
}
#contentsNews div {
width: 435px;
height: 100px;
overflow: auto;
font-size: 90%;
margin: 15px auto 0 auto;
}
#contentsNews article {
border-bottom: 1px dashed #999;
}
#contentsNews article time {
margin: 5px 8px 0 3px;
padding: 0 0 0 10px;
float:left;
font-weight:bold;
background: url(/img/contents-news-mark.gif) no-repeat center left;
font-family:Arial;
line-height: 100%;
}
#contentsNews div div {
width: auto;
height: auto;
margin: 3px 0 0 0;
padding: 0;
}
#contentsNews article h4 {
margin: 0;
padding: 0;
display:inline;
font-weight:bold;
}
#contentsNews article p {
color: #666;
display:inline;
}
#contentsNews article p a {
color: #666;
text-decoration: none;
}
#contentsNews article p a strong {
font-weight:normal;
}
#contentsNews article p a:visited {
color: #888;
}
#contentsNews article p a:hover {
color: #F69;
}
/*中央３段コンテンツ紹介：業務日誌*/
/*----------------------------------*/
#contentsLogs {
width: 210px;
}
#contentsLogs h3 a {
width: 190px;
height: 33px;
display:block;
text-indent: -9999px;
margin: 0 auto;
overflow: hidden;
}
#contentsLogs ul {
margin-top: 2px;
}
#contentsLogs li {
width: 180px;
padding: 1px;
margin: 0 auto;
border-bottom: 1px dashed #4EA2BE;
}
#contentsLogs li a {
width: 180px;
height: 45px;
display:block;
text-indent: -9999px;
margin: 0;
overflow: hidden;
}
#contentsLogs li a:hover {
	background-color: #E3EBF2;
}
#contentsLogsKouchiku a {
background: url(/img/contents-logs-kouchiku.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/contents-logs-kouchiku.png');
_background-image:none;
}
#contentsLogsMt a {
background: url(/img/contents-logs-mt.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/contents-logs-mt.png');
_background-image:none;
}
#contentsLogsEtc a {
background: url(/img/contents-logs-etc.png) no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/contents-logs-etc.png');
_background-image:none;
}

/*中央２段コンテンツ紹介*/
/*----------------------------------*/
#contents2 {
width: 800px;
margin: 0 auto 15px auto;
_height: 1px;
	min-height: 1px;
}
#contents2:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#contents2 a {
display: block;
text-indent: -9999px;
overflow: hidden;
}
#contents2 h3 a {
height: 26px;
}
#contents2 p {
margin: 2px 0 0 0;
}
#contents2 p a {
height: 50px;
}
#contents2 p a:hover {
background-color: #E3EBF2;
}

#contentsOtoiawase {
float:left;
width: 395px;
margin: 0 10px 0 0;
}
#contents2 #contentsOtoiawase h3 a {
background: url(/img/contents-otoiawase.gif) no-repeat;
}
#contents2 #contentsOtoiawase p a {
background-image: url(/img/contents-otoiawase-text.png);
background-repeat: no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/contents-otoiawase-text.png');
_background-image:none;
}

#contentsWorks {
float:left;
width: 395px;
}
#contents2 #contentsWorks h3 a {
background: url(/img/contents-works.gif) no-repeat;
}
#contents2 #contentsWorks p a {
background-image: url(/img/contents-works-text.png);
background-repeat: no-repeat;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/contents-works-text.png');
_background-image:none;
}


/*下段RSS・外部サイト系*/
/*----------------------------------*/
#outsideSite {
width: 800px;
margin: 0 auto 50px auto;
}

/*下段RSS・外部サイト系：特にRSS*/
/*----------------------------------*/
#outsideSite ul {
background: url(/img/out-info-out.gif) repeat-x bottom;
margin: 0 0 15px 0;
border-bottom: 1px solid #999;
border-right: 1px dashed #333;
_height: 1px;
	min-height: 1px;
}
#outsideSite ul:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#outsideSite li {
border-left: 1px dashed #333;
float:left;
font-size: 80%;
}
#outsideSite li a {
display:block;
height: 45px;
text-decoration: none;
color: #333;
}
#outsideSite li a:hover {
background: url(/img/out-info-over.gif) repeat-x bottom;
color: #000;
}
#outsideSite li a span {
display:block;
background: no-repeat 10px center;
line-height: 110%;
}
#outsideSite li.rss {
width: 228px;
}
#outsideSite li.rss a span {
background-image: url(/img/rss.gif);
padding: 18px 10px 0 35px;
height: 27px;
}
#outsideSite li.twitter{
width: 340px;
}
#outsideSite li.twitter a span {
background-image: url(/img/twitter.gif);
padding: 13px 10px 0 105px;
height: 32px;
}

/*下段RSS・外部サイト系：特にバナー系*/
/*----------------------------------*/
#outsideSite dl {
_height: 1px;
	min-height: 1px;
}
#outsideSite dl:after {/*clearfix用*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#outsideSite dt {
float: left;
margin: 0 5px 0 0;
}
#outsideSite dt img {
margin: 0 5px 0 0;
}
#outsideSite dd {
float: left;
font-size: 90%;
line-height: 120%;
}


#footer .inner #gotoPageTop {
	padding-left: 0px;
}
#footer ul {
	text-align: center;
	width: 100%;
}
#footer .inner #copyright {
	background-position: center 5px;
}