/* 全体共通部分
-----------------------------------------------------------*/

body {
	background: url(../img/back.gif);
	margin: 0px;
	padding: 0px;
	color: #606060;
	font: 75%/160% "ＭＳ Ｐゴシック";
}
h1,h2,h3,p {
	margin: 0px;
	padding: 0px 0px 10px;
}

h2 {
	font-size: 180%;
	color: #333333;
	background: #f0f0ff;
	margin: 0px 0px 15px;
	padding: 5px 0px 5px 15px;
	border-left: 15px solid #0066CC;
	line-height: 110%;
}

ul,li,dl,dd,dt {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mainBox #kaku_menu {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 647px;
}

#leftbox ul {
	margin: 0px;
	padding: 0px;
}



a {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	color: #FF9900;
	text-decoration: underline;
}


em {
	visibility: hidden;
}

img {
	border-style: none;
}
.center {
	text-align: center;	
}

.small{
	font-size: 70%;
	font-weight: normal;
}
.small_b{
	font-size: 85%;
	font-weight: normal;
}

.large {
	font-size: 120%;
}


/* 全体共通部分　ここまで
-----------------------------------------------------------*/


/* 各ボックス設定
-----------------------------------------------------------*/
#container {
	background: #FFFFFF url(../img/new/bg.gif) repeat-y;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 800px;
	text-align: left;
}
#titleBox {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 43px;
	width: 800px;
}
#topNaviBox {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 10px;
	height: 32px;
	width: 800px;
}

#header {
	background: url(../img/bars_header.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 190px;
	width: 800px;
}


#mainBox {
	background: #FFFFFF;
	margin: 15px 0px 0px 28px;
	padding: 0px;
	width: 580px;
	float: right;
}
#leftbox {
	padding: 15px 0px 1px;
	height: auto;
	width: 133px;
	float: left;
	background: #FFFFFF;
	margin: 0px;
}

#footerBox {
	background: #FFFFFF url(../img/footer.gif) no-repeat bottom;
	margin: 0px;
	padding: 10px 0px 0px;
	height: 42px;
	width: 800px;
	text-align: center;
}

/* 各ボックス設定 ここまで
-----------------------------------------------------------*/
.img_left {
	clear: both;
	float: left;
	margin-right: 5px;
	padding-top: 3px;
}
.img_right {
	clear: both;
	float: right;
	margin-left: 5px;
}

/*ヘッダー設定*/
#header #header_top a {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 800px;
}


/* topNaviBox */


#topNaviBox ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#topNaviBox li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#topNaviBox .blank {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 73px;
}

#topNaviBox #reform-online a {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_reform-online.gif) no-repeat;
}
#topNaviBox #reform-online a:hover {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_reform-online.gif) no-repeat right;
	text-decoration: none;
}
#topNaviBox #recycle-tushin a {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_recycle-tushin.gif) no-repeat;
}
#topNaviBox #recycle-tushin a:hover {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_recycle-tushin.gif) no-repeat right;
	text-decoration: none;
}
#topNaviBox #builder-online a {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_builder-online.gif) no-repeat;
}
#topNaviBox #builder-online a:hover {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_builder-online.gif) no-repeat right;
	text-decoration: none;
}
#topNaviBox #the-reform a {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_the-reform.gif) no-repeat;
}
#topNaviBox #the-reform a:hover {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_the-reform.gif) no-repeat right;
	text-decoration: none;
}
#topNaviBox #builders-remodelers a {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_builders-remodelers.gif) no-repeat;
}
#topNaviBox #builders-remodelers a:hover {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 160px;
	float: left;
	background: url(../img/top_navi/topnavi_builders-remodelers.gif) no-repeat right;
	text-decoration: none;
}

#topNaviBox #jyuken-navi a {
	margin: 0px 0px 0px 35px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_jyuken-navi.gif) no-repeat;
}
#topNaviBox #jyuken-navi a:hover {
	margin: 0px 0px 0px 35px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_jyuken-navi.gif) no-repeat right;
	text-decoration: none;
}
#topNaviBox #kobutsu-ichiba a {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_kobutsu-ichiba.gif) no-repeat;
}
#topNaviBox #kobutsu-ichiba a:hover {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_kobutsu-ichiba.gif) no-repeat right;
	text-decoration: none;
}
#topNaviBox #ie-meijin a {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_ie-meijin.gif) no-repeat;
}
#topNaviBox #ie-meijin a:hover {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_ie-meijin.gif) no-repeat right;
	text-decoration: none;
}
#topNaviBox #reform-ginza a {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_reform-ginza.gif) no-repeat;
}
#topNaviBox #reform-ginza a:hover {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_reform-ginza.gif) no-repeat right;
	text-decoration: none;
}
#topNaviBox #jyutaku-pro a {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_jyutaku-pro.gif) no-repeat;
}
#topNaviBox #jyutaku-pro a:hover {
	margin: 0px;
	display: block;
	padding: 0px;
	height: 16px;
	width: 146px;
	float: left;
	background: url(../img/top_navi/topnavi_jyutaku-pro.gif) no-repeat right;
	text-decoration: none;
}


/*サブメニュー*/
#leftbox #whats a {
	text-decoration: none;
	background: url(../img/sub_navi/right_whats.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 192px;
}
#leftbox #whats a:hover{
	text-decoration: none;
	background: url(../img/sub_navi/right_whats.gif) no-repeat right;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 192px;
}

#leftbox #seminar a {
	text-decoration: none;
	background: url(../img/sub_navi/right_semi.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 192px;
}
#leftbox #seminar a:hover{
	text-decoration: none;
	background: url(../img/sub_navi/right_semi.gif) no-repeat right;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 192px;
}
#leftbox #tenji a {
	text-decoration: none;
	background: url(../img/sub_navi/right_tenji.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 192px;
}
#leftbox #tenji a:hover{
	text-decoration: none;
	background: url(../img/sub_navi/right_tenji.gif) no-repeat right;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 192px;
}
#leftbox #annai a {
	text-decoration: none;
	background: url(../img/sub_navi/right_annai.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 192px;
}
#leftbox #annai a:hover{
	text-decoration: none;
	background: url(../img/sub_navi/right_annai.gif) no-repeat right;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 192px;
}
#leftbox #seten a {
	text-decoration: none;
	background: url(../img/sub_navi/right_seten.gif) no-repeat;
	display: block;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 50px;
	width: 192px;
}
#leftbox #seten a:hover{
	text-decoration: none;
	background: url(../img/sub_navi/right_seten.gif) no-repeat right;
	display: block;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 50px;
	width: 192px;
}

#leftbox #barsdaigaku a {
	text-decoration: none;
	background: url(../img/links/bars_top.jpg) no-repeat;
	display: block;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 152px;
	width: 192px;
}
#leftbox #barsdaigaku a:hover{
	text-decoration: none;
	background: url(../img/links/bars_top.jpg) no-repeat right;
	display: block;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 152px;
	width: 192px;
}

#leftbox #koudoku a {
	text-decoration: none;
	background: url(../img/sub_navi/right_koudoku.gif) no-repeat;
	display: block;
	margin: 0px 0px 3px;
	padding: 0px;
	height: 60px;
	width: 192px;
}
#leftbox #koudoku a:hover{
	text-decoration: none;
	background: url(../img/sub_navi/right_koudoku.gif) no-repeat right;
	display: block;
	margin: 0px 0px 3px;
	padding: 0px;
	height: 60px;
	width: 192px;
}
#leftbox #toi a {
	text-decoration: none;
	background: url(../img/sub_navi/right_toi.gif) no-repeat;
	display: block;
	margin: 0px 0px 20px;
	padding: 0px;
	height: 60px;
	width: 192px;
}
#leftbox #toi a:hover{
	text-decoration: none;
	background: url(../img/sub_navi/right_toi.gif) no-repeat right;
	display: block;
	margin:  0px 0px 20px;
	padding: 0px;
	height: 60px;
	width: 192px;
}

/* 各リンク設定 */

#links #bars_2 a{
	background: url(http://reform-online.jp/images/stories/link_bars2.gif);
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 100px;
	width: 192px;
	text-decoration: none;
}
#links #blog a{
	background: url(../img/links/link_blog.gif) no-repeat left;
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 60px;
	width: 192px;
	text-decoration: none;
}
#links #blog a:hover {
	background: url(../img/links/link_blog.gif) no-repeat right;
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 60px;
	width: 192px;
	text-decoration: none;
}
#links #reform a{
	background: url(../img/links/link_ref.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}
#links #reform a:hover {
	background: url(../img/links/link_ref.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}

#links #rec a{
	background: url(../img/links/link_rec.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}
#links #rec a:hover,active {
	background: url(../img/links/link_rec.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}

#links #koumuten a{
	background: url(../img/links/link_koumuten.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}
#links #koumuten a:hover,active {
	background: url(../img/links/link_koumuten.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}

#links #ginza a{
	background: url(../img/links/link_ginza.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}
#links #ginza a:hover,active {
	background: url(../img/links/link_ginza.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}
#links #hrf a{
	background: url(../img/links/link_hrf.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}
#links #hrf a:hover,active {
	background: url(../img/links/link_hrf.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}
#links #jpro a{
	background: url(../img/links/link_jpro.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}
#links #jpro a:hover,active {
	background: url(../img/links/link_jpro.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 30px;
	width: 192px;
	text-decoration: none;
}

#links #tatsujin a{
	background: url(http://reform-online.jp/images/stories/link_tatsujin.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}
#links #tatsujin a:hover {
	background: url(http://reform-online.jp/images/stories/link_tatsujin.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}

#links #raku a{
	background: url(http://reform-online.jp/images/stories/link_raku.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}
#links #raku a:hover {
	background: url(http://reform-online.jp/images/stories/link_raku.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}


#links #kentei a{
	background: url(http://reform-online.jp/images/stories/link_rekentei.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}
#links #kentei a:hover {
	background: url(http://reform-online.jp/images/stories/link_rekentei.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}
#links #kenko a{
	background: url(http://reform-online.jp/images/stories/link_kenko.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}
#links #kenko a:hover {
	background: url(http://reform-online.jp/images/stories/link_kenko.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}
#links #setuken a{
	background: url(http://the-bars.com/img/link_setuken.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}
#links #setuken  a:hover {
	background: url(http://the-bars.com/img/link_setuken.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}
#links #dvd a{
	background: url(http://reform-online.jp/images/stories/link_dvd.gif) no-repeat left;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}
#links #dvd a:hover {
	background: url(http://reform-online.jp/images/stories/link_dvd.gif) no-repeat right;
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
	height: 50px;
	width: 192px;
	text-decoration: none;
}

#links {
	height: auto;
	width: 192px;
}


/* footerBox */

#footerBox ul {
	margin: 10px auto 0px 180px;
	padding: 0px;
}
#footerBox li {
	float: left;
	height: 18px;
	display: block;
}

/* フッターナビ */

#footerBox #home a {
	margin: 0px;
	padding: 0px;
	width: 60px;
	display: block;
	height: 18px;
	text-decoration: none;
}
#footerBox #home a:hover {
	margin: 0px;
	padding: 0px;
	width: 60px;
	display: block;
	height: 18px;
	background: url(../img/footer_bg.gif);
	text-decoration: none;
}
#footerBox #pp a {
	margin: 0px;
	padding: 0px;
	width: 130px;
	display: block;
	height: 18px;
	text-decoration: none;
}
#footerBox #pp a:hover {
	margin: 0px;
	padding: 0px;
	width: 130px;
	display: block;
	height: 18px;
	background: url(../img/footer_bg.gif);
	text-decoration: none;
}
#footerBox #info a {
	margin: 0px;
	padding: 0px;
	width: 75px;
	display: block;
	height: 18px;
	text-decoration: none;
}
#footerBox #info a:hover {
	margin: 0px;
	padding: 0px;
	width: 75px;
	display: block;
	height: 18px;
	background: url(../img/footer_bg.gif);
	text-decoration: none;
}
#footerBox #mail a {
	margin: 0px;
	padding: 0px;
	width: 80px;
	display: block;
	height: 18px;
	text-decoration: none;
}
#footerBox #mail a:hover {
	margin: 0px;
	padding: 0px;
	width: 80px;
	display: block;
	height: 18px;
	background: url(../img/footer_bg.gif);
	text-decoration: none;
}
#footerBox #sitemap a {
	margin: 0px;
	padding: 0px;
	width: 90px;
	display: block;
	height: 18px;
	text-decoration: none;
}
#footerBox #sitemap a:hover {
	margin: 0px;
	padding: 0px;
	width: 90px;
	display: block;
	height: 18px;
	background: url(../img/footer_bg.gif);
	text-decoration: none;
}
.red {
	color: #FF0000;
}
.left {
	float: left;
	margin-right: 20px;
}

