/* CSS Document */

@charset 'UTF-8';

/* レイアウト、全体設定
----------------------------------------------------------------------- */

div{
	margin:0px;
	padding:0px;
}

* {
	margin:0; 
	padding:0;
}
img{
	border: 0px;
}

body{ background:#FFFFFF url(../img/footer_bg.gif) bottom repeat-x; }

a:hover{text-decoration:none;}

a ../img { border:0;}

../img { vertical-align:top; }

ol,ul { list-style:none; }

.left { float:left; }

.right { float:right; }

.clear  { clear:both; }

html, input, textarea
{
	/*font-family:Georgia, tahoma;*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:11px;
	line-height:17px;
	color:#868686;		
}

input, select { vertical-align:middle; font-weight:normal;}

strong {font-size:12px; color:#444444;}

a { color:#3d6f92; font-size:12px; }

h1 {
	font-size:12px;
	margin:0;
	padding:0;
}

/*main layout */

#main {
	margin:0 auto;
	width:800px;
	background:url(../img/header_tall.gif) top repeat-x;
}

/* メイン
----------------------------------------------------------------------- */

/* ヘッダー */
#header {
	width:100%;
	height:108px;
}

/* ロゴ */
#h_logo{
	width:270px;
	float:left;
	margin:5px 0 0 10px;
}
#h_logo_admin{
	width:270px;
	float:left;
	margin:20px 0 0 0px;
}

/* グローバルナビゲーション */
#header ol{
	margin-right:10px;
	float:right;
}

#header ol li{
	float:left;
	margin-right:20px;
	margin-top:30px;
	background-image:url(../../img/search.gif);
	background-repeat: no-repeat;
	padding-left:20px;
}

#header ol li.login{
	float:left;
	margin-right:20px;
	margin-top:30px;
	background-image:url(../../img/icon/login_user.gif);
	background-repeat: no-repeat;
	padding-left:20px;
}
#header ol li.login a{
	padding-left:10px;
	font-size: 10px;
}

#header ul#gn{
	width:780px;
	height:32px;
	margin:0px auto;
	margin-bottom:3px;
#	border:10px;
	float:clear;
}

#header li{
	float:left;
}

#header ul li a{
	width:130px;
	height:32px;
	text-indent:-5000px;
	display: block;
	text-decoration:none;
	background:#FFF url(../img/gn.gif) no-repeat 0px 0px
	;
}

li#gn1 a:link, li#gn1 a:visited{ background-position: 0px 0px; }
li#gn1 a:hover, li#gn1 a:active { background-position: 0px -32px; }

li#gn2 a:link, li#gn2 a:visited{ background-position: -130px 0px; }
li#gn2 a:hover, li#gn2 a:active { background-position: -130px -32px; }

li#gn3 a:link, li#gn3 a:visited{ background-position: -260px 0px; }
li#gn3 a:hover, li#gn3 a:active { background-position: -260px -32px; }

li#gn4 a:link, li#gn4 a:visited{ background-position: -390px 0px; }
li#gn4 a:hover, li#gn4 a:active { background-position: -390px -32px; }

li#gn5 a:link, li#gn5 a:visited{ background-position: -520px 0px; }
li#gn5 a:hover, li#gn5 a:active { background-position: -520px -32px; }

li#gn6 a:link, li#gn6 a:visited{ background-position: -650px 0px; }
li#gn6 a:hover, li#gn6 a:active { background-position: -650px -32px; }


/* コンテンツ
----------------------------------------------------------------------- */

#contents {
	width:780px;
	margin:0px auto;
}

#moushikomi {
	width:200px;
	height:200px;
	margin:0;
	float:left;
}

#moushikomi a{
    display : block ;
    width : 200px ;
	height: 200px;
	margin:0px;
    text-align : center ;
    background-repeat : no-repeat ;
    background-position : top center ;
	text-indent:-5000px;
}

/* トップページ タイトル画像 */
#contents .titleImage {
	margin: 5px 0 10px 0;
	background: url("../img/title_image.jpg") no-repeat 0 0;
	width: 780px;
	height: 120px;
}

#contents .titleImage p {
	color: black;
	padding-left: 32px;
	padding-top: 55px;
}

/* サブページ パンクズ */
#contents .panNavi {
	margin: 5px 0;
	width: 780px;
}

#contents .panNavi p{
	padding-left: 12px;
/*	background: url("../img/pan_ya.gif") no-repeat 1px */
}

#contents .panPart{
	padding: 4px 0 0 2px;
}

/* トップページ以外　開始 */

#sidebar {
	width:202px;
	margin:0 0 20px 0;
	float:left;
}

#sidebar ../img{
	padding-top:10px;
}

#sidebar p{
	padding:10px 0 0 20px;
}

#sidebar li {
	padding:10px 0 0 50px;
	font-size:18px;
}

#migi {
	width:565px;
	float:right;
	margin:5px;
	padding:0 0 0 10px;
	border-left:dotted 1px #999;
}

#migi h1{
	font-size:16px;
	border:solid 1px #999;
	border-left:solid 4px #FF9900;
	padding:7px 0 0 14px;
	margin:5px 0 0 2px;
	height:1.4em;
}
#migi h2{
	font-size:14px;
	border-bottom:solid 1px #999;
	padding:7px 0 0 14px;
	margin:25px 0 0 2px;
	height:1.4em;
}
#migi h3{
	font-size:12px;
	border-bottom:dashed 1px #999;
	padding:7px 0 0 14px;
	margin:5px 0 0 22px;
	height:1.4em;
}
#migi p{
	font-size:12px;
	padding:7px 0 0 20px;
	margin:5px 15px 20px 2px;
	line-height:1.4em;
}
#migi ul{
	font-size:12px;
	padding:0 0 0 80px;
	margin:5px 15px 20px 2px;
	line-height:1.6em;
	list-style:disc;
}

#migi p.news{
	font-size:12px;
	padding:7px 0 0 14px;
	margin:5px 0 0 22px;
	height:1.4em;
}
#migi p.news a{
	background: url("../img/icon/news_oshirase.gif") no-repeat 5px 1px;
	padding-left:50px;
}

#migi p.matter{
	font-size:12px;
	background: url("../img/snlist_blue.gif") no-repeat left 10px;
	padding:7px 0 0 14px;
	margin:5px 0 0 32px;
	height:1.4em;
}


#gaiyou {
	margin:20px 0 10px 28px;
}

#gaiyou a {
	font-size:14px;
}

#gaiyou p {
	margin:10px 0 0 15px;
	padding-top:10px;
	font-size:14px;
}

#gaiyou ol {
	margin:20px 0 20px 28px;
	font-size:14px;
	line-height:1.8em;
	border: dotted 1px #FF8C00;
	background-color:#FAF0E6;
	padding:10px 10px 10px 30px;
	color:black;
	font-weight:bold;
}

.kakojirei {
	width:500px;
	height:200px;
	margin:20px 0 15px 0;
	padding:5px;
	border: dotted 1px #FF8C00;
}

.thumbnail {
	width:150px;
	float:left;
	margin:25px 0 0 10px;
}

.jireisyoukai {
	width:310px;
	float:right;
	margin:0;
	padding:0 0 0 5px;
}

/*　　買取事例ページ用　終了　　*/

/* よくある質問ページ用　開始　*/

.question {
	font-size:14px;
	border:solid 1px #0000ff;
	border-left:solid 5px #0000ff;
	padding:5px 5px 5px 10px;
	margin:10px 10px 0 10px;
}

.answer {
	font-size:14px;
	border:solid 1px #FF4500;
	border-left:solid 5px #FF4500;
	padding:5px 5px 5px 10px;
	margin:1px 10px 20px 10px;
}

/* よくある質問ページ用　終了　*/	

/* 会社概要ページ用　開始　*/

#vision {
	background-image : url(/../img/vision.gif);
	background-repeat : no-repeat ;
	margin:20px 0 0 28px;
	padding:50px 0 0 50px;
	width:531px;
	height:360px;
}

#vision p{
	font-size:12px;
	margin:5px 0 10px 0;
	line-height:1.5em;
}

#vision ul {
	margin: 0 0 13px 0;
}

#vision li {
	font-size:14px;
	margin:0 0 0 50px;
	line-height:1.3em;
}

/* 会社概要ページ用　終了　*/

#catch {
	width:550px;
	height:200px;
	float:left;
	margin-left:5px;
	padding:5px 0 5px 0px;
}

#catch p{
	margin:0 0 7px 75px;
}

#needs {
	margin:20px 0 0 5px;
	float:right;
}

#appeal {
	margin-bottom:4px;
	margin-left:25px;
	float:left;
}

#big {
	width:193px;
	float:right;
	margin:5px 0 0 3px;
}

#big ../img{
	margin-bottom:5px;
}

#big .snrental a{
	width:190px;
	height:62px;
	text-indent:-5000px;
	display: block;
	text-decoration:none;		
	outline:none;
	margin-bottom:5px;
	background:url(/../img/rental.gif) no-repeat 0 0;
}

#big .snrental a:hover, a:active {
	background-position:0 -62px;
}

#big .snkaitori a{
	width:190px;
	height:62px;
	text-indent:-5000px;
	display: block;
	text-decoration:none;		
	outline:none;
	margin-bottom:5px;
	background:url(/../img/webkaitori.gif) no-repeat 0 0;
}

#big .snkaitori a:hover, a:active {
	background-position:0 -62px;
}

#big .snhanbai a{
	width:190px;
	height:62px;
	text-indent:-5000px;
	display: block;
	text-decoration:none;		
	outline:none;
	margin-bottom:5px;
	background:url(/../img/hanbai.gif) no-repeat 0 0;
}

#big .snhanbai a:hover, a:active {
	background-position:0 -62px;
}

#big .snrss a{
	width:192px;
	height:72px;
	text-indent:-5000px;
	display: block;
	text-decoration:none;		
	outline:none;
	margin-bottom:5px;
	background:url(/../img/rss.gif) no-repeat 0 0;
}

#big .snrss a:hover, a:active {
	background-position:0 -72px;
}

#sn {
	width:190px;
	margin:0 auto;
	float:left;
}

#sn h2{
	font-size:12px;
	height:1.5em;
	color:#333;
	padding:5px 5px 5px 7px;
	margin:5px 5px 0 0;
	display:block;
	line-height:120%;
	border-bottom:dotted 1px #999;
}

#sn .navi {
	width: 180px;
	margin: 0px 5px 5px 5px;
	padding: 0 0 10px 0;
	border: 1px solid #A9A9A9;
	font-size:11px;
}

#sn ul{
	margin:0;
	padding:0 0 0 0px; ;
	list-style-type:none;
}

#sn li{
	list-style-type:none;
	margin:5px;
	padding:3px 0 3px 5px;	
	border-bottom:dotted 1px #999;
}

#sn ul#sub{
	list-style-type:none;
	margin:0 5px 5px 15px;
	padding:0 0 0 5px;	
}

#sn a{
	padding-left: 20px;
	line-height:120%;
	background:URL(../img/snlist.gif) no-repeat 1px 3px;
	text-decoration:none;
	display:block;
}

#sn a:hover{
	padding-left: 20px;
	line-height:120%;
	background:URL(../img/snlist.gif) no-repeat 1px 3px;
	text-decoration:none;
	display:block;
	color:#FF1493;
}

.small {
	width:324px;
	height:104px;
	margin: 3px 0 0 0;
	padding:3px;
	background:#FFF url(../img/waku.gif) no-repeat 0px 0px;
}

.small h2 {
	margin:10px 0 10px 15px;
	color:black;
	font-weight:bold;
	letter-spacing:0.1em;
}

.small p {
	font-size:13px;
	line-height:1.5em;
	margin-left:22px;
}

#news {
	width:580px;
	float:left;
	margin:5px 0 8px 0;
}

.newsarticle{
	border-bottom:dotted 1px #999;
	margin-top:8px;
	padding-left:20px;
	width:558px;
}

#jirei p{
	font-size:16px;
	line-height:1.6em;
	margin:15px;
}

.topics {
	width:253px;
	height: 270px;
	margin: 5px 0 5px 2px;
	float:left;
	border: solid 2px;
}

.topics h2{
	margin:5px 0 15px 10px;
	border: 1px dotted;
	border-left: 3px solid #3cf;
	padding: 3px 0 3px 5px;
	width:222px;
}

.topics #kaitori{
	margin:15px 0 10px 20px;
}

.topics #renovation{
	margin:20px 0 0 20px;
}

.topics #rentalsell{
	margin:45px 0 0 20px;
}

.topics p{
	margin:30px 0 0 20px;
	line-height:1.6em;
}


/* フッター
----------------------------------------------------------------------- */

#footer {
	width:780px;
	margin:10px auto;
	border-top:1px solid #FF3300;
	background-image : url(../img/fb.gif);
	background-repeat : repeat-x ;
}

#footer ul{
	margin:0 auto;
	padding:5px 0 0 30px;
}

#footer li {
	display:inline;
	margin:5px;
}

#footer p{
	margin:5px auto;
}

/* Tables */
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* form */
form input{
	color: black;
	background-color: #f2f2f2;
	font-weight: bold;
	border: 1px solid;
	padding: 2px 1px;
}

.right{
	text-align: right;
}

td.text-left{
	color: black;
	text-align: left;
	padding-left: 10px;
}

td.text-right{
	color: black;
	text-align: right;
	padding-left: 10px;
}

span.red {	
	text-align: left;
	color: red;
	padding-left: 5px;
}


.loginForm form{
	margin-left: 15px;
}

.loginForm input{
	font-size: 10px;
	width: 90%;
	border: 1px #999999 solid;
	padding: 2px 0;
}

.loginForm input.submit{
	margin-top: 5px;
	margin-right: 15px;
	font-weight: bold;
	width: 70px;
	color: black;
	background: #FFFFFF;
	float: right;
}

fieldset.loginForm {
	border: 1px solid #DFDFDF;
	margin-left: 5px;
}

#backends{
	margin: 0px;
	padding: 0px;
}

#backends h2{
	font-size: 15px;
	background: navy;
	border: 2px #333; color: #FFF;
	padding: 5px 0 5px 5px;
}

#backends .act{
	font-size: 15px;
	padding-bottom: 10px;
}

.contractTable{
	font-size: 11px;
}
.contractTable th{
	height: 24px;
	text-align: center;
}
.contractTable td{
	height: 24px;
	padding-top: 12px;
	text-align: left;
}

.contractTable .a_right {
	text-align: right;
}
.contractTable .a_center {
	text-align: center;
}