@charset "utf-8";

/* CSS Document */

/*--------------------------------------
　コーディング基準
---------------------------------------

■Not use "reset.css" → "normalize.css"
　HTML5対応、各デバイスへの対応を視野に、normalize.cssをモジュール的に組み込むことを推奨します。

■Rule of Wordpress & Get ready CMS
　Wordpressとの親和性を高めるため、基本的にWordpressのコーディング基準に沿います。

■Naming Rule
　親要素など大きなまとまりには複数単語のハイフン区切りを。
　その他のclass,id名は、snakecaseでアンダースコア区切りで記述します。
*/

/*--------------------------------------
　base style
---------------------------------------*/

body{	
color:#000000;
font-size:14px;
margin:0;
height:100%;
position:relative;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
background-image:url(../image/back-sub.png);
background-repeat:repeat-x;
}

body > #primary {
height: auto;
}

a:link {color:#0c308e; text-decoration:underline;}
a:visited {color:#0c308e; text-decoration:underline;}
a:hover {color:#dd3119; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

/*--------------------------------------
　Expression
---------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:20px; }
.under-herf { margin-bottom:14px; }
.right { float:right;}
.left { float:left;}
.floatside {overflow:hidden;}

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

.subtitle {
	margin-bottom:24px;
}

/*--------------------------------------
　Primary
---------------------------------------*/

#primary {
width:100%;
height:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

article {
width:920px;
margin-left:auto;
margin-right:auto;
}

#center-window {
width:920px;
}

/*--------------------------------------
　Header
---------------------------------------*/

header {
	padding-top:10px;
	height:101px;
}

.logo {
	width:480px;
	height:55px;
	margin-top:5px;
	float:left;
}

h1 {
	font-size:13px;
	color:#7a7a7a;
	font-weight:normal;
	margin-top:-55px;
	margin-left:64px;
}

.tel-box {
	width:380px;
	float:right;
	text-align:right;
	line-height:2.5;
	margin-top:-3px;
	font-weight:bold;
}
.tel-box p {
	line-height:130%;
	margin-top:5px;
	margin-bottom:-5px;
}

/*--------------------------------------
　Navi
---------------------------------------*/

nav {
	margin-bottom:21px;
}

nav img {
	float:left;
}

/*--------------------------------------
　mainvisual
---------------------------------------*/

#mainvisual {
	position:relative;
	margin-bottom:69px;
}

.item img {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26) !important;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26) !important;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26) !important;
}

#mainvisual p {
	font-size:13px;
	line-height:17px;
	margin-top:12px;
	padding-left:260px;
	}

#mainvisual .osusumetag {
	position:absolute;
	left:-10px;
	bottom:-25px;
	z-index:9999 !important;
}


/*--------------------------------------
　Footer
---------------------------------------*/

#footer {
	background-image:url(../image/footer/back.png);
	background-repeat:repeat-x;
	min-height:282px;
	z-index:10px;
	position:relative;
}

#footer-info {
	width:920px;
	height:190px;
	margin:0 auto;
	padding-top:13px;
}

.cpname {
	font-size:16px;
	font-weight:bold;
}

#footer-info .thum {
	float:left;
	margin-top:5px;
	margin-right:20px;
}

.cpdetail {
	overflow:hidden;
	width:371px;
	min-height:103px;
	font-size:13px;
	line-height:130%;
	border-right:solid 1px #cdc7ba;
	padding-top:5px;
	float:left;
}
.cpdetail p {
	margin-top:5px;
}

.cpdetail .map {
	margin-top:-5px;
}

.cclink {
	margin-top:25px;
	margin-left:25px;
	width:350px;
	line-height:130%;
	float:left;
	font-size:13px;
}

#cc {
	width:920px;
	height:50px;
	margin:0 auto;
	color:#FFF;
	font-size:14px;
	font-family:Gadugi;
	text-align:center;
	position:relative;
}

.topback a {
	background-image:url(../image/footer/backtop.png);
	width:44px;
	height:44px;
	display:block;
	position:absolute;
	right:0;
	top:-10px;
}

.topback a:hover {
	background-image:url(../image/footer/backtop_on.png);
	cursor:pointer;
}

#flogo {
	width:920px;
	height:90px;
	margin:0 auto;
	text-align:center;
}



/*--------------------------------------
　Additional
---------------------------------------*/

/* HOME */

#top-osusume {
	width:936px;
	margin-bottom:30px;
}

#top-osusume .common {
	border:solid 1px #c1daf2;
	width:208px;
	float:left;
	margin-right:16px;
	margin-bottom:16px;
	position:relative;
	padding:4px;
}

.boxgrid { 
	background: #ffffff;
	width:208px;
	height: 149px;
	text-align:center;
	overflow: hidden; 
	position: relative;
}
.boxgrid div {
	text-align:center;
	background:transparnt;
	}
.boxgrid img{
	position: relative; 
	top: 0; 
	left: 0;
}

.captionfull .boxcaption {
	position:absolute;
	top:-149px;
	left: 0;
	width:100%;
	height:149px;
	text-align:center;
	z-index:9998 !important;
}

.cover a {
	display:block;
	width:100%;
	height:149px;
	cursor:pointer;
	text-decoration:none;
}

.cate01 {
	background-image:url(../image/icon/cate01.gif);
	background-repeat:no-repeat;
	width:64px;
	height:20px;
	position:absolute;
	top:4px;
	left:4px;
	z-index:9999 !important;
}

.cate02 {
	background-image:url(../image/icon/cate02.gif);
	background-repeat:no-repeat;
	width:64px;
	height:20px;
	position:absolute;
	top:4px;
	left:4px;
	z-index:9999 !important;
}

.cate03 {
	background-image:url(../image/icon/cate03.gif);
	background-repeat:no-repeat;
	width:64px;
	height:20px;
	position:absolute;
	top:4px;
	left:4px;
	z-index:9999 !important;
}

#top-osusume .common .detail-box {
	padding:5px;
}

#top-osusume .common .typeIc {
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	background:#efefef;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	margin-top:3px;
	margin-bottom:5px;
	padding:2px 5px 1px 5px;
}

#top-osusume .common .address {
	font-size:13px;
}

#top-osusume .common .price {
	color:#fd0000;
	font-size:18px;
	font-weight:bold;
}

#top-osusume .common .detail {
	color:#046ed1;
	font-weight:bold;
}

#top-osusume .common .comment {
	border-top:solid 1px #c1daf2;
	font-size:13px;
	width:196px;
	margin-left:-4px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:10px;
	padding-right:10px;
}

#top-info {
	width:936px;
	margin-bottom:30px;
}

.topinfo-box {
	border:solid 1px #bfd9f2;
	width:418px;
	float:left;
	margin-right:16px;
	margin-bottom:16px;
	padding:16px;
}

.topinfo-box img {
	float:left;
	margin-right:15px;
}

.info-detail {
	overflow:hidden;
}

.info-stat {
	font-size:14px;
	color:#191919;
	font-weight:bold;
	margin-bottom:15px;
}

.info-stat span {
	font-size:12px;
	color:#046ed1;
}

/* COMPANY */

#company-box {
	margin-bottom:40px;
	margin-top:45px;
}

.ccphoto {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
	float:left;
	margin-right:40px;
}

.ccmap {
	margin-bottom:40px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}

.cctable {
	width:100%;
	border-style:solid;
	border-width:1px 0 0 1px;
	border-color:#bebebe;
	margin-top:20px;
	}
	.cctable th {
		background:#f2f2f2;
		}
	.cctable th,
	.cctable td {
		border-style:solid;
		border-width:0 1px 1px 0;
		border-color:#bebebe;
		padding:10px;
		}
		.cctable td ul {
			margin:0 !important;
			padding:0 0 0 15px !important;
			}
			.cctable td ul li {
				width:300px;
				}

/* PISTDB */

#pistdb-box {
	margin-bottom:40px;
	margin-top:45px;
}

#lookcount {
	background-color:#fffcd7;
	padding:7px;
	margin-bottom:16px;
	margin-top:2px;
}

.mainPhoto {
	float:left;
	width:342px;
	height:260px;
}
.mainPhoto .inner {
	display:table-cell;
	width:342px;
	height:260px;
	text-align:center;
	vertical-align:middle;
	}
.mainPhoto img {
	max-width:342px;
	max-height:260px;
	}

.ChangePhoto {
	max-width:159px;
	max-height:119px;
	height:auto;
}

.maindetail {
	float:right;
	border:solid 1px #d7d7d7;
	width:561px;
	float:right;
	padding-bottom:12px;
}

.defmess {
	border-bottom:solid 1px #d7d7d7;
	padding-bottom:0px;
	padding-left:18px;
	padding-right:18px;
}

.defmess h2 {
	color:#f10000;
	font-size:16px;
}

.defmess h2 span {
	color:#515151;
	font-size:12px;
}

.maindetail .option {
	padding-left:18px;
	padding-right:18px;
	padding-top:18px;
}

.maindetail .option ul {
	list-style:none;
	margin:0;
	padding:0;
}

.maindetail .option ul li {
	height:31px;
	line-height:31px;
	padding-right:15px;
	margin-bottom:6px;
}

.maindetail .option ul li.marge {
	float:left;
}

.maindetail .option ul li img {
	margin-right:15px;
}

.maindetail .option ul li .price {
	font-size:20px;
	color:#f10000;
	font-weight:bold;
}

.maindetail .option ul li .price02 {
	font-size:20px;
	color:#e17400;
	font-weight:bold;
}

.otherphoto {
	min-height:119px;
	position:relative;
	margin-top:13px;
}

#owl-demo {
	width:848px;
	margin-left:36px;
}

.owl-item {
	width:159px !important;
	margin-right:13px !important;
}

.item {
	text-align:center;
}

.item img {
	border:0 !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.item a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

.prev {
	background-image:url(../image/contents/pistdb/left.png);
	width:23px;
	height:119px;
	position:absolute;
	left:0;
	top:0;
	display:block;
}

.next {
	background-image:url(../image/contents/pistdb/right.png);
	width:23px;
	height:119px;
	position:absolute;
	right:0;
	top:0;
	display:block;
}

.bk-detai-blockB {
	border:1px solid #b4b4b4;
	margin-top:18px;
	}

.bk-detai-blockB th,
.bk-detai-blockB td {
	border:1px solid #bebebe;
	padding:10px;
	font-size:16px;
	}

.bk-detai-blockB th {
	text-align:left;
	background-color:#f2f2f2;
	}

.bk-detai-blockB td .map-bt {
	vertical-align:middle;
	margin-left:1em;
	}
	
.bk-detai-blockC { margin-top:-1px; }

.bk-detai-blockC th,
.bk-detai-blockC td {
	border:1px solid #bebebe;
	padding:10px;
	}

.bk-detai-blockC th {
	text-align:left;
	background-color:#f2f2f2;
	white-space:nowrap;
	}
	
.contact-option {
	width:100%;
	height:66px;
	text-align:center;
	margin-top:25px;
	position:relative;
}

.contact-option-box {
	width:100%;
	height:66px;
	text-align:center;
	position:absolute;
	bottom:-50px;
}

.contact-option a img {
	margin-left:10px;
	margin-right:10px;
}

#objects {
	width:922px;
	position:relative;
	z-index:0;
	margin-left:-100px;
}

#objects .maru {
	background-image:url(../image/contents/pistdb/maru.png);
	background-repeat:no-repeat;
	width:788px;
	height:505px;
	position:absolute;
	left:-210px;
	top:-160px;
}

#objects .tel {
	float:right;
	margin-top:20px;
}

.detail-table {
	z-index:20;
	position:relative;
}
.hidden {
    display: none;
}