@charset "UTF-8";
/*
**********************************************************************
* common.css
* site name : リネア建築企画
* description : 基本共通指定
* since : 2010/01/19
*********************************************************************
*/
/*
==================================================================
* 共通指定
==================================================================
*/

body{
	margin: 0 auto;
	text-align: center;
	font:13px "ＭＳ Ｐゴシック",sans-serif,arial,helvetica,clean;
	*font-size:small;
	*font:x-small;
	color: #4c4c4c;
	background-color:#FFF;

}

html>/**/body{
	margin: 0 auto;
	text-align: center;
	font:14px  "ＭＳ Ｐゴシック",sans-serif,arial,helvetica,clean;
	*font-size:small;
	*font:x-small;
	color: #4c4c4c;
	background-color:#FFF;
}


table {
	font-size:inherit;
	border-collapse:collapse;
}

p,div,li,ul,img {
	margin:0;
	padding:0;
}
ul{
	list-style: none;
}
img{
	border-width:0;
	vertical-align:bottom;
}
input[type="radio"]{
	vertical-align:middle;
}

input[type="radio"], x:-moz-any-link{
	vertical-align:bottom;
}

.wrapper {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	font-size:90%;
}
#header {
	width: 100%;
}

/****************回り込みの解除*******************/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	font-size: 0.1em;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

.text-a-l {
	text-align: center;
}

/*
-------------------------------------------------------
* リンク
-------------------------------------------------------
*/
/***********************
/*下線なし
*************************/
a{
	text-decoration: none;
	color: #4c4c4c;
	outline: none;
}
a:link{
	text-decoration: none;
	color: #4c4c4c;
}
a:hover{
	text-decoration: none;
	color: #be2836;
}

/***********************
/*下線あり
*************************/
a.line{
	text-decoration: underline;
	color: #4c4c4c;
	outline: none;
}
a.line:link{
	text-decoration: underline;
	color: #4c4c4c;
}
a.line:hover{
	text-decoration: underline;
	color: #be2836;
}

/***********************
/*下線あり / 見栄え赤
*************************/
a.line-r{
	text-decoration: underline;
	color: #be2836;
	outline: none;
}
a.line-r:link{
	text-decoration: underline;
	color: #be2836;
}
a.line-r:hover{
	text-decoration: none;
	color: #be2836;
}

/***********************
/*三角アイコンあり
 （通常：グレー、hove：赤）
*************************/
a.icon{
	background: url("/img/www/ico-arrow-gray.gif") no-repeat 0 2px;
	padding:0 0 0 10px;
}
a.icon:link{
	background: url("/img/www/ico-arrow-gray.gif") no-repeat 0 2px;
	padding:0 0 0 10px;
}
a.icon:hover{
	background: url("/img/www/ico-arrow-red.gif") no-repeat 0 2px;
	padding:0 0 0 10px;
	color:#be2836;
}

/***********************
/*三角アイコンあり / 下線あり
 （通常：グレー、hove：赤）
*************************/
a.icon-line{
	color:#be2836;
	text-decoration: underline;
	background: url("/img/www/ico-arrow-red.gif") no-repeat 0 2px;
	padding:0 0 0 10px;
}
a.icon-line:link{
	text-decoration: underline;
	background: url("/img/www/ico-arrow-red.gif") no-repeat 0 2px;
	padding:0 0 0 10px;
}
a.icon-line:hover{
	text-decoration: none;
	background: url("/img/www/ico-arrow-red.gif") no-repeat 0 2px;
	padding:0 0 0 10px;
	color:#be2836;
}

/*css hack:IE7*/
*:first-child+html a.icon, *:first-child+html a.icon:link{background: url("/img/www/ico-arrow-gray.gif") no-repeat 0 1px}
*:first-child+html a.icon:hover{background: url("/img/www/ico-arrow-red.gif") no-repeat 0 1px;}


/*
-------------------------------------------------------
* フォントサイズ
-------------------------------------------------------
*/
.fontsize11{
	font-size:11px;
}

/*
-------------------------------------------------------
* 見出し:hタグ
-------------------------------------------------------
*/

/*h1:ロゴ*/
h1{
	margin:16px 0 0 18px;
	padding:0;
	float:left;
}
/*css hack:IE6*/
*html h1{margin:18px 0 0 5px;}

/*h2:ページタイトル*/
h2{
	float: left;
	margin: 2px 0 0 0;
	padding:0 10px 0 0;
}
/*css hack:Firefox*/
h2, x:-moz-any-link{margin:0;}
/*css hack:IE6*/
*html h2{margin:-1px 0 0 0;}
/*css hack:IE7*/
*:first-child+html h2{margin:-1px 0 0 0;}

h2.top-sttl-r{
	float: none;
}

/*h3:物件名*/
h3.article-name{
	margin:0;
	width:280px;
	float:left;
	font-size:110%;
	color:#333;
}
/*css hack:IE6*/
*html h3.article-name{font-size:120%;}
/*css hack:IE7*/
*:first-child+html h3.article-name{font-size:120%;}

h3.article-name span{
	font-size:69%;
	font-weight:normal;
	margin:0 0 0 5px;
}

/*h3:小見出し*/
.sttl-box{
	margin:35px 0 0 0;
	padding:0 0 3px 0;
	border-bottom:2px solid #707070;
}
*html .sttl-box{margin:35px 0 0 0;}

h3.sttl{
	margin:2px 0 0 0;
	padding:0;
	float:left;
}
h3.sttl-txt{
	margin:30px 0 0 0;
	padding:0 0 2px 0;
	border-bottom:2px solid #a1a1a1;
	font-size:110%;
}
/*css hack:IE6*/
*html h3.sttl-txt{font-size:120%;}
/*css hack:IE7*/
*:first-child+html h3.sttl-txt{font-size:120%;}

h3.sttl-txt .rss img{
	padding:0 0 0 10px;
	vertical-align: top;
}



.ttl-jp{
	margin:7px 3px 0 0;
	padding: 0;
	float:right;
}


/*h3:右側おすすめ情報*/
h4.ttl-recommend{
	margin:22px 0 0 0;
	padding:0;
}
/*css hack:IE6*/
*html h4.ttl-recommend{margin:21px 0 0 0;}
/*css hack:IE7*/
*:first-child+html h4.ttl-recommend{margin:18px 0 0 0;}


/*
==================================================================
* コンテンツ共通指定
==================================================================
*/
/*
-------------------------------------------------------
* ヘッダー
-------------------------------------------------------
*/
.header-box{
	margin:0;
	padding:0;
}

.header-navi-box{
	float:right;
}

.header-navi{
	margin:20px 0 0 0;
	width:782px;
	font-size:80%;
}

.header-navi p{
	float:left;
}
.header-navi p a{
	float:left;
}

.header-navi ul{
	float:right;
}
.header-navi ul li{
	float:left;
}
.header-navi ul li a{
	float:left;
	margin:0 0 0 20px;
}

.head-company-name{
	clear:both;
	text-align:right;
	margin:12px 0 0 0;
	padding:0;
	width:782px;
}

/*
-------------------------------------------------------
* コンテンツ
-------------------------------------------------------
*/
.container{
	float:right;
	width:782px;
	margin:0 0 0 30px;
	padding:0;
}

.main{
	width:588px;
	float:left;
	margin:0;
	padding:0;
}
.main-wide{
	width:782px;
	float:left;
	margin:0;
	padding:0;
}
.main-t{
	width:588px;
	float:left;
	margin:0;
	padding:0;
}

.right-box{
	float:right;
	width:138px;
	margin:26px 0 0 0;
	padding:0;
	width:170px;
}

.left-box{
	float:left;
	width:138px;
	margin:0;
	padding:0;
}


/*
==================================================================
* コンテンツメニュー共通指定
==================================================================
*/
.contents-menu {
	width:782px;
	margin:0;
	padding:0;
}

.contents-menu-top {
	margin:13px 0 0 0;
	padding:0;
	border-bottom: 2px solid #808080;
}
*html .contents-menu-top {margin:14px 0 0 0;}

.contents-menu-top-gray {
	margin:13px 0 0 0;
	padding:0;
	border-bottom: 2px solid #808080;
}
*html .contents-menu-top-gray {margin:14px 0 0 0;}

.contents-menu-btm {
	margin:6px 0 0 0;
	padding:0;
}

.contents-menu-btm p{
	margin:0;
	padding:0;
	float:left;
}

.contents-menu-btm p.other{
	clear:both;
	margin:0 0 36px 0;
	_margin:0 0 30px 0;		/* IE6 */
	padding:0;
	float:left;
}

*+html body .contents-menu-btm p.other{	/* IE7 */
	margin:0 0 33px 0;
}

.search_condition{
	color:#BE2836;
}


/*印刷ボタン*/
.print-btn{
	background:url("/img/www/btn-print.gif") no-repeat;
	width: 170px;
	height:23px;
	float: right;
	margin: 0 0 4px 0;
	padding: 0;
}
.print-btn span{
	display:none;
}
.print-btn a{
	display:block;
	height:23px;
}
.print-btn a:hover{background:url("/img/www/btn-print.gif") no-repeat 0 -23px;}


/*オキニイリボタン*/
.favorite-btn{
	background:url("/img/www/btn-favorite.gif") no-repeat;
	width: 170px;
	height:23px;
	float: right;
	margin: 0 5px 4px 0;
	padding: 0;
}
.favorite-btn span{
	display:none;
}
.favorite-btn a{
	display:block;
	height:23px;
}
.print-btn a:hover{background:url("/img/www/btn-print.gif") no-repeat 0 -23px;}


/*ヒストリーバックボタン*/
.back-btn{
	background:url("/img/www/btn-back.gif") no-repeat;
	width: 114px;
	height:19px;
	float: left;
	margin: 3px 0 4px 2px;
	padding: 0;
}
.back-btn span{
	display:none;
}
.back-btn a{
	display:block;
	height:23px;
}
.back-btn a:hover{background:url("/img/www/btn-back.gif") no-repeat 0 -19px;}


/*並び替え・パンくず*/
.sort-box{
	margin:26px 0 26px 0;
	padding:6px 0 3px 0;
	border-bottom:1px solid #7d7d7d;
	border-top:1px dotted #999999;
}
.sort-box-b{
	clear:both;
	margin:4px 0 0 0;
	padding:6px 0 3px 0;
	border-bottom:1px solid #7d7d7d;
	border-top:1px dotted #999999;
}
	/*中が空の場合*/
	.sort-box-empty{
		margin:26px 0 0 0;
		padding:6px 0 8px 0;
		border-bottom:1px solid #7d7d7d;
		border-top:1px dotted #999999;
	}
.sort-box p{
	margin:2px 0 3px 0;
	padding:0;
	width:83px;
	float:left;
}

.sort-box p img{
	vertical-align: top;
}

/*css hack:IE6*/
*html .sort-box{margin:27px 0 0 0; padding:6px 0 4px 0;}
*html .sort-box-empty{margin:27px 0 0 0; padding:6px 0 8px 0;}
/*css hack:IE7*/
*:first-child+html .sort-box-empty{margin:31px 0 0 0; padding:5px 0 5px 0;}
/*css hack:Firefox*/
.sort-box, x:-moz-any-link{margin:28px 0 28px 0;}
.sort-box-empty, x:-moz-any-link{margin:28px 0 0 0; padding:0 0 10px 0;}
.sort-box p, x:-moz-any-link{margin:0;}

.sort-box ul{
	margin:0 0 1px 0;
	padding:0;
	float:left;
}
.sort-box ul li{
	text-align:center;
	float:left;
	margin:0 0 0 1px;
}
.sort-box ul li a{
	display:block;
	background: url("/img/www/ico-arrow-gray.gif") no-repeat 10px 4px;
	padding:2px 15px 2px 20px;
	font-size: 80%;
}
.sort-box ul li a:hover,
.sort-box ul li a.active{
	display:block;
	background: url("/img/www/ico-whitedark.gif") no-repeat 10px 4px;
	padding:2px 15px 2px 20px;
	color:#fff;
	background-color:#6c6c6c;
}
/*css hack:Firefox*/
.sort-box ul li a, x:-moz-any-link{padding:2px 15px 1px 20px;}
.sort-box ul li a:hover, x:-moz-any-link{padding:2px 15px 1px 20px;}
.sort-box ul li a.active, x:-moz-any-link{padding:2px 15px 1px 20px;}
/*css hack:IE7*/
*:first-child+html .sort-box ul li a, *:first-child+html .sort-box ul li a.active{padding:2px 15px 1px 20px;}


/*パンくず*/
.pankuz{
	margin:0;
	padding:4px 2px;
	font-size: 80%;
}
.pankuz span{
	color:#be2836;
}


/*注意書き*/
.info-list{
	margin:10px 0 12px 0;
	padding:0;
	line-height:1.05em;
}
/*css hack:IE7*/
*:first-child+html .info-list{margin:8px 0 13px 0;}

.info-list li{
	margin:0;
	padding:0 0 0 9px;
	background: url("/img/www/ico-listmark-dot-gray.gif") no-repeat 1px 6px;
	font-size:80%;
}
.info-list li.red{
	margin:0;
	padding:0 0 0 9px;
	background: url("/img/www/ico-listmark-dot-red.gif") no-repeat 1px 6px;
	color:#be2836;
	font-size:80%;
}


/*テキスト*/
.d-txt{
	margin:6px 0;
}
.d-txt2{
	margin:8px 0 0 0;
	line-height:1.3em;
}


/*
==================================================================
* グローバルナビ
==================================================================
*/
ul.gnavi{
	background:url("/img/www/gnavi.gif") no-repeat;
	width:782px;
	height:33px;
	margin:6px 0 0 0;
	padding:0;
}
/*css hack:Firefox*/
ul.gnavi, x:-moz-any-link{margin:4px 0 0 0;}

ul.gnavi li{
	float:left;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

ul.gnavi li span{
	display:none;
}

ul.gnavi li,
ul.gnavi a{
	display:block;
	height:33px;
}

#gnavi01,#gnavi01_active{width:100px;}
#gnavi02,#gnavi02_active{width:120px;}
#gnavi03,#gnavi03_active{width:173px;}
#gnavi04,#gnavi04_active{width:70px;}
#gnavi05,#gnavi05_active{width:87px;}
#gnavi06,#gnavi06_active{
	width:159px;
	margin-left:73px;
}

/*オンマウス*/
#gnavi01 a:hover {background:url("/img/www/gnavi.gif") 0px -33px no-repeat;}
#gnavi02 a:hover {background:url("/img/www/gnavi.gif") -100px -33px no-repeat;}
#gnavi03 a:hover {background:url("/img/www/gnavi.gif") -220px -33px no-repeat;}
#gnavi04 a:hover {background:url("/img/www/gnavi.gif") -393px -33px no-repeat;}
#gnavi05 a:hover {background:url("/img/www/gnavi.gif") -463px -33px no-repeat;}
#gnavi06 a:hover {background:url("/img/www/gnavi.gif") -623px -33px no-repeat;}

/*アクティブ*/
#gnavi01_active{background:url("/img/www/gnavi.gif") 0px -33px no-repeat;}
#gnavi02_active{background:url("/img/www/gnavi.gif") -100px -33px no-repeat;}
#gnavi03_active{background:url("/img/www/gnavi.gif") -220px -33px no-repeat;}
#gnavi04_active{background:url("/img/www/gnavi.gif") -393px -33px no-repeat;}
#gnavi05_active{background:url("/img/www/gnavi.gif") -463px -33px no-repeat;}
#gnavi06_active{background:url("/img/www/gnavi.gif") -623px -33px no-repeat;}

/*
==================================================================
* ページトップ
==================================================================
*/
.to-top-box{
	clear:both;
	width:782px;
	margin:0 0 0 168px;
	padding:20px 0 0 0;
}


.pagetop-box{
	clear:both;
	margin:0 0 0 auto;
	padding:0 4px 8px 0;
	text-align:right;
	border-bottom:1px solid #7d7d7d;
}
.pagetop{
	clear:both;
	width:138px;
	height:10px;
	background:url("/img/www/btn-pagetop.gif") no-repeat 0 0;
	margin:0 0 0 auto;
	padding:0;
}
.pagetop span{
	display:none;
}
.pagetop a{
	height:10px;
	display:block;
}
.pagetop a:hover{background:url("/img/www/btn-pagetop.gif") no-repeat 0 -10px;}


/*
==================================================================
* リネアトップ
==================================================================
*/
.to-linea{
	margin:8px 0 0 0;
	padding:0 0 0 0;
}

.linea-btn{
	clear:both;
	float:left;
	width:149px;
	height:11px;
	background:url("/img/www/btn-linea-top.gif") no-repeat 0 0;
	margin:0 auto 0 0;
	padding:0;
}
.linea-btn span{
	display:none;
}
.linea-btn a{
	height:11px;
	display:block;
}
.linea-btn a:hover{background:url("/img/www/btn-linea-top.gif") no-repeat 0 -11px;}


/*
-------------------------------------------------------
* ページャー
-------------------------------------------------------
*/
.pager-box{
	clear:both;
	margin:28px 0 0 0;
	padding:0;

}

/*ページング(数字)*/
.pager-box ul{
	float:right;
	margin:0;
	padding:0;
	font-family:arial;
}
.pager-box ul li{
	float:left;
	margin:2px 0 2px 1px;
	padding:0;
	text-align:center;
}
.pager-box ul li a{
	display:block;
	width:20px;
	height:15px;
}
.pager-box ul li a:hover,
.pager-box ul li a.active{
	background-color:#808080;
	margin:-2px 0 0 0;
	padding:2px 0;
	color:#fff;
	display:block;
	width:20px;
	height:15px;
}
/*css hack:IE6*/
*html .pager-box ul li{margin:-4px 0 0 1px;padding:4px 0 3px 0; height:19px;}
*html .pager-box ul li a:hover,
*html .pager-box ul li a.active{margin:-4px 0 0 0;padding:4px 0 3px 0; height:19px;}

/*ボタン 小*/
.pager-box-s{
	clear:both;
	margin:0 0 0 0;
	padding:0;
//	width:200px;
	float:right;
}

/*ページング(数字)*/
.pager-box-s ul{
	float:right;
	margin:0;
	padding:0;
	font-family:arial;
}
.pager-box-s ul li{
	float:left;
	margin:2px 0 2px 1px;
	padding:0;
	text-align:center;
}
.pager-box-s ul li a{
	display:block;
	width:20px;
	height:15px;
}
.pager-box-s ul li a:hover,
.pager-box-s ul li a.active{
	background-color:#808080;
	margin:-2px 0 0 0;
	padding:2px 0;
	color:#fff;
	display:block;
	width:20px;
	height:15px;
}
/*css hack:IE6*/
*html .pager-box ul li{margin:-4px 0 0 1px;padding:4px 0 3px 0; height:19px;}
*html .pager-box ul li a:hover,
*html .pager-box ul li a.active{margin:-4px 0 0 0;padding:4px 0 3px 0; height:19px;}

/*前のページへ・次のページへボタン*/
.page-back{
	background:url("/img/www/btn-pageback.gif") no-repeat;
	width: 109px;
	height:19px;
	margin: 0;
	padding: 0;
	float:left;
}
.page-next{
	background:url("/img/www/btn-pagenext.gif") no-repeat;
	width: 109px;
	height:19px;
	margin: 0 0 0 17px;
	padding: 0;
	float:right;
}
/*前のページへ・次のページへボタン 小*/
.page-back-s{
	background:url("/img/www/btn-pageback-s.gif") no-repeat;
	width: 39px;
	height:19px;
	margin: 0 17px 0 0;
	padding: 0;
	float:left;
}
.page-next-s{
	background:url("/img/www/btn-pagenext-s.gif") no-repeat;
	width: 39px;
	height:19px;
	margin: 0 0 0 17px;
	padding: 0;
	float:right;
}
.page-back span,
.page-next span,
.page-back-s span,
.page-next-s span{
	display:none;
}
.page-back a,
.page-next a,
.page-back-s a,
.page-next-s a{
	display:block;
	height:19px;
}
.page-back a:hover{background:url("/img/www/btn-pageback.gif") no-repeat 0 -19px;}
.page-next a:hover{background:url("/img/www/btn-pagenext.gif") no-repeat 0 -19px;}



/*
==================================================================
* フッター
==================================================================
*/
.footer{
	clear:both;
	margin:0 0 0 168px;
	padding:30px 0 7px 0;
	border-bottom:5px solid #808080;
}
.footer ul{
	margin:0;
	padding:0;
	width:520px;
	float:left;
	font-size:80%;
}

.footer ul li{
	float:left;
}
.footer ul li a{
	float:left;
	margin:0 20px 0 0;
}


/*
==================================================================
* エラー
==================================================================
*/
.err-msg{
	background:#fad0cc url("/img/www/ico-caution.gif") no-repeat 11px 11px;
	padding:11px;
	margin:22px 0 0 0;
	min-height:52px;
	height: auto !important;
	height: 72px;
}
.err-msg-box{
	background:#fad0cc url("/img/www/ico-caution.gif") no-repeat 11px 11px;
	padding:11px;
	margin:15px 0 0 0;
	min-height:52px;
	height: auto !important;
	height: 72px;
}
.err-msg p,
.err-msg-box p{
	color:#be2836;
	margin:0 0 0 73px;
	line-height:1.3em;
}

.to-top{
	margin:45px auto 0 auto;
	padding:0;
	text-align:center;
}
.to-top a{
	display:block;
	margin:0 auto;
	padding:10px 27px 10px 40px;
	background:#4d4d4d url("/img/www/ico-arrow-white.gif") no-repeat 27px 13px;
	color:#fff;
	width:195px;
}
*html .to-top a{width:258px;}
.to-top a:hover{
	background:#be2836 url("/img/www/ico-arrow-white.gif") no-repeat 27px 13px;
	color:#fff;
}


.clr_b{
	clear:both;
}

/*ロードGIF*/
img.loading-list{
	margin:0;
	padding:50px 0 10px 250px;
}

/*ロードGIF*/
img.loading-info{
	margin:0;
	padding:50px 0 10px 80px;
}

/*　オキニイリ　*/
div.dialog{
	display:none;
}

p.dialog{
	margin:17px 0 0 0;
	font:14px "ＭＳ Ｐゴシック",sans-serif,arial,helvetica,clean;
	color:#4C4C4C;
}