@charset "utf-8";
/*
Theme Name: company
Theme URI: http://sphere-links.co.jp/
Description: company
Version: 1.0
Author: sphere-links
Author URI: http://sphere-links.co.jp/
Tags: company

*/

*{margin:0;padding:0; letter-spacing:1px;}

body{
		font: 14px/1.4 "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",arial,"Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333333;
	background:#fbfbf3;
}

h1,h3,h4,h5,h6 {
	clear: both;
}

p {
	line-height:21px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding:0 7px 0 8px;
}

a {
	color:#004098;
	text-decoration:none;
}

a:visited {
	color:#004098;
}
a:hover {
	color:#004098;
	text-decoration:underline;
}

a:active, a:focus {
	outline: 0;
}

img {
	border:0;
}

.clear {
	clear:both;
}

.clear hr {
	display:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.t-right {
	text-align:right;
}

.t-center {
	text-align:center;
}

strong {
	font-weight:bold;
}

/*******************************
/* テーブル基本
*******************************/
table {
	border-collapse:collapse;
	width:100%;
}

td, th {
	border:1px #d9d9da solid;
	padding:15px 8px;
}

th {
	background:#6FBB50;
	color:#fff;
}

.glay {
	background:#f6f6f6;
}

.center {
	text-align:center;
}

/*************
全体
*************/
#top {
	margin:0 auto;
	padding:0;
	width: 100%;
	text-align:center;
}

.container_wrap {
	margin:0 auto;
	padding:0;
	padding-top:10px;
	width: 100%;
	text-align:center;
}

#container {
	width:950px;
	margin:0 auto;
}

#container p {
	padding:0;
}

/*************
ヘッダー
*************/
/* ヘッダーラップ */
div#headwrap {
	position: relative;
	width: 100%;
	background:url(images/headwrapbg.png) repeat-x;
	margin:0 auto;
	clear:both;
}

/* ヘッダーロゴ */
div#header-logo {
	position: relative;
	width: 100%;
	width:950px;
	height:133px;/* headwrapbg.pngの高さ */
	margin:0 auto;
	clear:both;
	background:url(images/headwrapbg.png) top repeat-x;
}

div#header-logo h1 {
	font-size:10px;
	line-height:18px;
	font-weight:normal;
	text-align:left;
	color:#fff;
}

div#header-logo a {
	color:#333333;
}

div#header-logo .innerbox {
	position:relative;
	width:950px;
	margin:0 auto;
}

div#header-logo .sitelogo {
	position:absolute;
	top:0;
	left:0;
	text-align:left;
	background:url(images/logo.png) no-repeat;
	height:133px;
}

div#header-logo .sub_navi {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}

div.clear {
	clear:both;
}

/*************
/* トップナビゲーション
*************/
/* メインイメージ */
.mainimage {
	position:relative;
	height:330px;
	background:url(images/mainimage.jpg) 50% 0 no-repeat;
	margin:0 auto;
	clear:both;
}

.mainimage2 {
	position:relative;
	height:191px;
	background:url(images/mainimage2.jpg) 50% 0 no-repeat;
	margin:0 auto;
	clear:both;
}

.sub_title {
	position:relative;
	width:950px;
	height:191px;
	margin:0 auto;
}

.sub_title h2 {
	text-align:left;
	position:absolute;
	left:10px;
	top:67px;
	font-size:36px;
	font-weight:normal;
	font-family: "HGS明朝B","ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "細明朝体";
	color: #00a63c;
	background:none;
	border:none;
	padding-left:0;
	line-height: 25px;
}

/* ナビゲーション */
#gnavi {
	position:absolute;
	bottom:0;
	right:0;
	height:52px;
/*	background:url(images/gnavibg.png) top repeat-x; */
} 

#gnavi li {
	float: right;
	list-style:none;
}

#gnavi li.gnavi_end {
}

#gnavi li a {
	display: block;
	text-decoration:none;
}

#gnavi li a:hover {
	text-decoration:none;
}

#gnavi li div.indent {
	text-indent:-9999px;
}

#gnavi li div.indent a {
	display: inline;
}

/*************
トップメインコンテンツ
*************/
#top-main {
	width:950px;
	margin:0 auto;
	background:#fff;
	text-align:left;
}

.main_body {
/*	padding:8px 10px; */
}

ul#topics {
	margin:0;
	padding:0;
}

ul#topics li {
	margin:0;
	padding:0;
	list-style:none;
	line-height:180%;
}

#feed li {
	margin:0;
	padding:0;
	list-style:square;
	line-height:180%;
}


.bread_crumb {
	padding:10px 0;
	text-align:left;
	margin:0 auto;
}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 685px;
padding: 0;
display: inline;
text-align:left;
}


div#main h2 {
	color: #fff;
	background: url(images/main_h2_bg.png) 0 50% no-repeat;
	padding-left:50px;
	line-height: 42px;
	padding-top:4px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom:10px;
	display:block;
	position:relative;
}

div#main h2 span {
	position:absolute;
	display:block;
	right:5px;
	top:10px;
	font-size: 12px;
	color:#6dcf4c;
}

#main h3{
	color: #00a63c;
	line-height: 36px;
	font-size: 18px;
	font-weight: bold;
	border-bottom:1px #00a63c solid;
	margin:10px 20px;
}

#main h4 {
font-size: 16px;
line-height: 42px;
padding-left: 15px;
	margin:10px 20px;
letter-spacing: 0.2em;
color: #333333;
	border:1px #808080 solid;
	background: url(images/h4bg.png);
}

#main p {
	padding:0 30px 0 30px;
}

#main ol {
padding: 5px 15px 10px 30px;
}

/* 画像を右に回りこみ */

#date {
text-align: right;
padding-right: 15px;
padding-top: 0;
padding-bottom: 10px;
font-weight:bold;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
line-height:30px;
height:30px;
}


#next .left {
	margin-left:20px;
}

#next .left a {
	display:block;
	padding-left:38px;
	background: url(images/prev.png) 0 50% no-repeat;
}

#next .center {
	margin:0 auto;
	width:150px;
}

#next .right {
	margin-right:20px;
}

#next .right a {
	display:block;
	padding-right:38px;
	background: url(images/next.png) right 50% no-repeat;
}

#next img {
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}


/* フッター共通 */
.box{
float: left;
width: 185px;
margin: 20px 5px 10px 0;
line-height: 1.2;
}


.last{margin-right:0;}


/* ボタン */
		div.btn a:hover img {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		}

p.button{
text-align: center;
font-weight:bold;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#fff;}
p.button a:hover{color:#d9e8ff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 250px;
font-size:12px;
}

#sidebar .side_banner a img {
margin-bottom:10px;
}

#sidebar .side_banner div.indent {
	text-indent:-9999px;
	line-height:8px;
}


		div.side_banner a:hover img {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		}


#sidebar p{
margin-bottom: 35px;
padding: 0;
line-height:1.3;
}

#sidebar h3 {
padding: 0 10px 0 33px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #333333;
background: #0b82be url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dashed #37a937;
}


#sidebar li a:hover{
background-position: 3px 50%;
}




/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px 0;
}

div.totop {
	float:right;
	text-align:right;
}
		div.totop a:hover img {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		}

div.footer_menu {
	background:#f0f2f5 url(images/footbg.png) top repeat-x;
	width:100%;
	clear:both;
}


.footer_inner{
	position:relative;
	width:950px;
	margin:0 auto;
	clear:both;
}

.footleft {
float:left;
text-align:left;
}

.footright {
float:right;
}

		div.footright a:hover img {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		}

.footer_menu  a {
color:#fff;
font-size:14px;
line-height:180%;
}

.footer_menu  li {
list-style:none;
float:left;
text-align:center;
}

.footer_menu  li a {
display:block;
font-size:12px;
margin-top:3px;
line-height:35px;
padding-left:15px;
padding-right:15px;
	background:url(images/footarrow.png) 0 50% no-repeat;
	color:#4c4c4c;
}

.fmenu {
width:950px;
margin:0 auto;
padding:0 15px 0;
}

.fmenu_middle {
float:right;
margin-top:20px;
padding:0 15px 0;
border-left:1px #fff solid;
border-right:1px #fff solid;
}

#footer #logo{
float:left;
padding:30px 10px 30px 20px;
width: 190px;
}

.address {
padding-bottom:50px;
background:#9c9d9d;
text-align: center;
font-style:normal;
font-size: 10px;
color:#fff;
line-height:25px;
clear:both;
display:block;
}

/* リンク */
.pageselector {
	margin-top: 20px;
	text-align: center;
}

.pageselector {
	margin-top: 20px;
	text-align: center;
}

.selectedpage {
	margin: 0px 4px 10px 4px;
	padding: 7px;
}

.unselectedpage {
	margin: 0px 4px 10px 4px;
	padding: 7px;
}

.previousnextactive {
	margin: 0px 7px 10px　7px;
	padding: 7px;
}

.previousnextinactive {
	margin: 0px 7px 10px 7px;
	padding: 7px;
	color: #000000;
}

/* 印刷用ページ表示 */

.print_icon {
	text-align:right;
	float:right;
	font-size:12px;
	padding-top:15px;
}

/* ツイッター（お知らせ） */
#twitter_div {
text-align:left;
margin:10px 0; /* 適宜変更推奨 */
padding:10px 0;
background:url("背景画像のURL") no-repeat;
}

#twitter_div h2 {
font-size:1.4em;
color:#333333;
text-align:left;
margin:5px 0;
}

#twitter_div ul {
	width:800px;
}

#twitter_div ul#twitter_update_list {
	padding:0;
}

/* ↓ここの設定は、10px×7pxのアイコン画像を基準にした数値になっています。 */
#twitter_div li {
padding:0 2px 15px 2px; /* 適宜変更推奨 */
margin:0 15px 0 12px;
background-image:url("各POSTの左側に表示させるアイコン画像のURL");
background-repeat:no-repeat;
background-position:5px 8px; /* 適宜変更推奨 */
border-bottom:dotted 1px #6e6055; /* 適宜変更推奨 */
list-style:none;
}

#twitter_div li a {
font-size:14px !important;
color:#37a937; /* 適宜変更推奨 */
}

#twitter_div li a:hover {
color:#5dd75d;
}

#twitter_div li span {
color:#252525; /* 適宜変更推奨 */
font-size:14px;
}

#twitter_div li span a {
color : #37a937; /* 適宜変更推奨 */
font-size : 1em !important;
}

a#twitter-link {
font-size:14px;
color:#37a937; /* 適宜変更推奨 */
text-align:right;
display:block;
}

a#twitter-link:hover {
color:#5dd75d;
}

/*************
/* 個別コンテンツ
*************/
/* お知らせ */
#news {
	border:2px #e6e6e6 solid;
	background:#f2f2f2;
	padding:10px;
}

#news li {
	font-size:14px;
	list-style:none;
	border-bottom:1px #d3d3d3 dashed;
	padding:8px 0;
}

#news li a {
	font-weight:bold;
}


/* 物件最新情報 */
#article {
	margin:0 2px;
}

#article li.card {
	float:left;
	font-size:14px;
	list-style:none;
	text-align:center;
	width:219px;
	height:280px;
	margin:0 4px;
	margin-bottom:10px;
	background:url(images/articlebg.png) no-repeat;
	overflow:hidden;
}

#article li.card .photo {
	padding-top:20px;
}

		#article li.card a:hover img {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		}

#article li.card .photo img {
	max-width:180px;
	max-height:135px;
}

#article li.card .text {
	padding:5px 20px;
	text-align:left;
}

#article li.card .text a {
	color:#00a63c;
	font-weight:bold;
	font-size:16px;
}

.textinner {
	height:46px;
	overflow:hidden;
}

.text ul {
margin:0;
}

.text li {
list-style:none;
display:block;
font-size:11px;
padding-left:15px;
background:url(images/articlearrow.png) 0 50% no-repeat;
color:#000;
}

.text strong {
	color:#00a63c;
}
.text strong.t11 {
	font-size:10px;
	letter-spacing:0;
}

/* アーカイブ物件リスト */
#archivelist {
	margin:0 2px;
}

#archivelist li.card {
	float:left;
	font-size:14px;
	list-style:none;
	text-align:center;
	width:219px;
	height:280px;
	margin:0 4px;
	margin-bottom:10px;
	background:url(images/articlebg.png) no-repeat;
}

#archivelist li.card .photo {
	padding-top:20px;
}
li.card .photo {
	position:relative;
}

		#archivelist li.card a:hover img {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		}

#archivelist li.card .photo img {
	max-width:180px;
	max-height:135px;
}

li.card div.photo div.soldout {
	position:absolute;
	top:30px;
	left:50px;
	
}

#archivelist li.card .text {
	padding:5px 20px;
	text-align:left;
}

#archivelist li.card .text a {
	color:#00a63c;
	font-weight:bold;
	font-size:16px;
}

/* 問い合わせ */

#formbtn {
	border:0;
	display:block;
    margin:0 auto;
    width: 223px;
    height: 41px;
	background: url(images/formbtn.png) no-repeat;
	font-size:20px;
	color:#fff;
	font-weight:bold;
}

		input#formbtn:hover {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		}


/* 買取システム */

.box {
	margin:10px 20px;
	width:645px;
	background: url(images/boxbg.png);
	border:1px #cccccc solid;
	padding:10px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.box ul {
	margin:0 30px;
	padding:0;
}

.box li {
	float:left;
	margin-right:10px;
	margin-left:20px;
}

div.jumplink {
	display:block;
	float:left;
	background:url(images/jumplinkbg.png) no-repeat;
	width:312px;
	height:52px;
	text-align:center;
	margin-left:13px;
	font-size:11px;
}

div.jumplink a {
	display:block;
	text-align:center;
	margin:0 auto;
	padding:4px;
	font-size:14px;
	font-weight:bold;
	color:#00a63c;
}

/* 一覧 */

.newslist ul {
	margin:0 20px;
	padding:0;
}

.newslist li {
	margin:8px 20px;
}

/* 物件詳細 */

.detail table {
	margin:0 20px;
	width:645px;
}

.detail .detailphoto img {
	max-width:315px;
	max-height:250px;
}

		.detail a:hover img {
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
		}

table.visual td {
	width:50%;
	text-align:center;
	border:0;
}

table.option td {
	padding:4px;
}

table.option th {
	padding:4px 10px;
	font-size:12px;
	background:#efefef;
	font-weight:normal;
	color:#333;
	white-space:nowrap;
}