@charset "UTF-8";


/* +++++++++++++++++++++++++++++++　画面独自　+++++++++++++++++++++++++++++++ */
html {
	background:url("/images/zexy/base_background.png") repeat-x left top;
}
span#home {
	background:url("/images/zexy/zexy_logo.png") no-repeat -0px -60px;
}
a.siteLogo {
	background:url("/images/zexy/zexy_logo.png") no-repeat -0px -0px;
	height:60px;
	width:235px;
	display:block;
	text-indent:-9999px;
	display:none;
}
a.siteLogo:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.logo {
	float:right;
	position:relative;
}

/* +++++++++++++++++++++++++++++++　見出し　+++++++++++++++++++++++++++++++ */


.leftBox {
	position:relative;
}
h1 {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	position:relative;
	text-align:left;
	color:#f80150;
	padding:0 10px 0 50px;
}
h2 {
	background-image:url("/images/zexy/outline_sprite_mb.png") ;
	text-indent:-9999px;
	height:28px;
	margin-bottom:10px;
}
.line {
	background:url("/images/zexy/h_line.gif") no-repeat -0px -0px;
	height:12px !important;
	overflow:hidden;
	margin:-3px 0 5px 0;
}
.sectionBlock {
	margin-bottom:20px;
	font-size:0.8em;
}
.fL {
	float:left;
}
.fR {
	float:right;
}
.mB20 {
	margin-bottom:20px;
}
.mR20 {
	margin-right:20px;
}
.taR {
	text-align:right;
}
.even {
	background-color:#f7f7f7;
}
.odd {
	background-color:#fff;
}
.sub {
	font-size:0.8em;
}
.bT {
	border-top:1px dotted #ccc;
}
.pB4 {
	padding-bottom:4px;
}
.line18 {
	line-height:1.8;
}
#photo {
	background-position: -0px -0px;
}
#data {
	background-position: -0px -28px;
}
#access {
	background-position: -0px -56px;
}
#contact {
	background-position: -0px -84px;
}

/* +++++++++++++++++++++++++++++++ メイン補足 +++++++++++++++++++++++++++++++ */

.hblock {
	background:url("/images/zexy/outline_hblock.png") no-repeat -0px -0px;
	padding-top:40px;
	margin-bottom:10px;
}
.hblockArea {
	margin-bottom:5px;
	font-weight:bold;
	font-size:0.8em;
	padding:0 10px 0 70px;
	color:#fff;
}
.hblockCatch {
	margin-bottom:10px;
	font-weight:bold;
	color:#cc6566;
	padding: 0 10px 0 20px;
}

.tabList {
	position:relative;
	left:10px;
	top:0;
	height:50px;
}
.tabList li {
	float:left;
	width:102px;
	height:23px;
	overflow:hidden;
}
.tabList li a {	
	display:block;
	background-image:url("/images/zexy/outline_sprite_mb.png") ;
	text-indent:-9999px;
	width:102px;
	height:23px;
	overflow:hidden;
}
.tabPhoto a {
	background-position: -0px -165px;
}
.tabPhoto a:hover {
	background-position: -0px -189px;
}
.tabData a {
	background-position: -102px -165px;
}
.tabData a:hover {
	background-position: -102px -189px;
}
.tabAccess a {
	background-position: -204px -165px;
}
.tabAccess a:hover {
	background-position: -204px -189px;
}
.tabContact a {
	background-position: -306px -165px;
}
.tabContact a:hover {
	background-position: -306px -189px;
}

/* +++++++++++++++++++++++++++++++ メイン概要 +++++++++++++++++++++++++++++++ */

.mainBlock {
	background:url("/images/zexy/outline_sprite_mb.png") no-repeat -0px -317px;
	padding-top:15px;
	font-size:0.8em;
	margin-bottom:20px;
}
.mainPhoto {
	float:left;
	width:320px;
	/*
	height:235px;
	*/
	padding-left:20px;
	margin-bottom:10px;
}
.mainPhoto img{
	width:320px;
	/*
	width:218px;
	height:218px;
	*/
}
.detailList ,
.commitmentList {
	float:left;
	width:350px;
	margin:0 10px 10px 0px ;
}
.detailList {
}
.detailiconList {
	margin:0 0px 20px 10px ;
}
.commitmentList li {
	float:left;
	width:95px;
	height:20px;
	overflow:hidden !important;
	background-image:url("/images/zexy/icon.png") ;
	text-indent:-9999px;
	margin:0 3px 3px 0 ;
}
.detailiconList li {
	float:left;
	width:100px;
	height:20px;
	overflow:hidden !important;
	background-image:url("/images/zexy/icon_detail.png") ;
	text-indent:-9999px;
	margin:0 3px 3px 0 ;
}
.icon021 {
	background-position:0 0;
}
.icon022 {
	background-position:0px -20px;
}
.icon023 {
	background-position:0px -40px;
}
.icon024 {
	background-position:0px -60px;
}
.icon025 {
	background-position:0px -80px;
}
.icon026 {
	background-position:0px -100px;
}
.icon162 {
	background-position:0px -120px;
}
.icon01 {
	background-position:0 0;
}
.icon02 {
	background-position:0px -20px;
}
.icon03 {
	background-position:0px -40px;
}
.icon04 {
	background-position:0px -60px;
}
.icon05 {
	background-position:0px -80px;
}
.icon06 {
	background-position:0px -100px;
}
.icon07 {
	background-position:0px -120px;
}
.icon08 {
	background-position:0 -140px;
}
.icon09 {
	background-position:0 -160px;
}
.icon12 {
	background-position:0px -180px;
}
.icon10 {
	background-position:0px -200px;
}
.icon11 {
	background-position:0px -220px;
}
.icon13 {
	background-position:0px -240px;
}
.icon14 {
	background-position:0px -260px;
}
.icon15 {
	background-position:0px -280px;
}
.icon16 {
	background-position:0px -300px;
}
.mainBlock .bT {
	padding-top:10px;
    color: #CC6566;
}
.accessBtn {
	width:72px;
	height:22px;
	display:block;
	background:url("/images/zexy/outline_sprite_mb.png") no-repeat -415px -165px;
	text-indent:-9999px;
	float:right;
}
.accessBtn:hover {
	background:url("/images/zexy/outline_sprite_mb.png") no-repeat -415px -189px;
}
.toiawaseBtn {
	float:right;
	height:40px;
}
.toiawaseBtn a {
	display:block;
	background:url("/images/zexy/outline_sprite_mb.png") 0px -231px;
	text-indent:-9999px;
	width:167px;
	height:40px;
}
.toiawaseBtn a:hover {
	background:url("/images/zexy/outline_sprite_mb.png") 0px -274px;
}

/* +++++++++++++++++++++++++++++++　ギャラリー　+++++++++++++++++++++++++++++++ */
.subPhoto {
	float:left;
	width:350px;
}
.subPhoto img {
	width: 320px;
	padding-left: 20px;
}
.subPhoto p {
	padding:5px;
	font-size:0.8em;
	line-height:1.4;
	margin:0 5px;
}
.subPhoto .caption {
    color: #CC6566;
    font-weight:bold;
    font-size:1.0em;
    border-bottom:1px dotted #ccc;
}
table.tb1 {
	clear:both;
	width:100%;
	border-collapse:separate;
	border-spacing:2px;
	empty-cells: show;
}
table.tb2 {
	width:350px;
	border-collapse:separate;
	border-spacing:2px;
	empty-cells: show;
	float:left;
}
th {
	border-bottom:1px dotted #ccc;
	white-space: nowrap;
	width:120px;
	padding:3px;
	font-weight:bold;
	vertical-align:top;
}
th span {
	border-left:3px solid #CC6566;
	padding-left:10px;
}
td {
	border-bottom:1px dotted #ccc;
	padding:3px;
	empty-cells: show;
}

/* +++++++++++++++++++++++++++++++　アクセス　+++++++++++++++++++++++++++++++ */

.mapBlock {
	width: 220px;
	float: left;
	padding-left: 25px;
}
.mapBlock img {
	width:220px;
	border:1px solid #ccc;
	margin-bottom:5px;
}
p.goMap {
}
p.goMap a {
	background:url("/images/zexy/outline_sprite_mb.png") no-repeat -660px -163px;
	padding-left:24px;
}

/* +++++++++++++++++++++++++++++++　コンタクト　+++++++++++++++++++++++++++++++ */

.btnList {
	margin:20px auto 10px;
	float:right;
}
.btnList li {
	float:left;
	width:167px;
	height:40px;
	margin:0 2px 2px 0 ;
}
.btnList li a {
	display:block;
	background-image:url("/images/zexy/outline_sprite_mb.png") ;
	text-indent:-9999px;
	width:167px;
	height:40px;
}

.shiryoBtn a {
	background-position: -167px -231px;
}
.shiryoBtn a:hover {
	background-position: -167px -274px;
}
.fairBtn a {
	background-position: -334px -231px;
}
.fairBtn a:hover {
	background-position: -334px -274px;
}
.kengakuBtn a {
	background-position: -502px -231px;
}
.kengakuBtn a:hover {
	background-position: -502px -274px;
}
.radiusBox {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	border:1px solid #eee;
	background-color:#feb5b5;
	font-size:0.8em;
	padding:10px;
	margin-bottom:20px;
	position:relative;
}
.radiusBox p {
	width:340px;
}
.goZexyBtn {
	position:absolute;
	right:10px;
	top:35px;
	width:165px;
	height:30px;
	display:block;
	background:url("/images/zexy/outline_sprite_mb.png") no-repeat -490px -165px;
	text-indent:-9999px;
}
.goZexyBtn:hover {
	background:url("/images/zexy/outline_sprite_mb.png") no-repeat -490px -195px;
}
.bottomLink {
	font-size:0.8em;
	text-align:center;
}


/* +++++++++++++++++++++++++++++++　sns　+++++++++++++++++++++++++++++++ */

.snsBox {
	position:absolute;
	top:0px;
	left:0px;
}


/* +++++++++++++++++++++++++++++++　サイドバー　+++++++++++++++++++++++++++++++ */

.multiBox {
	background-color:#ddd;
	font-size:0.75em;
	line-height:1.2em;
	margin-bottom:10px;
	padding-bottom:5px;
}
.multiTitle {
	font-size:1.1em;
	line-height:1.3em;
	padding:15px 0 10px 10px;
	font-weight:bold;
}
.multiSubTitle {
	font-size:1.0em;
	line-height:1.4em;
	font-weight:bold;
}
.multiList {
	margin:5px 0px 5px 3px;
	padding-bottom:5px;
}
.multiList li {
	margin-bottom:2px;
}
.sideInnerBox {
	background-color:#fff;
	margin:0 5px 0;
	padding:5px;
	line-height:1.6em;
}
.sideInnerBox p {
}
.multiList li .taR a {
	background:url("/images/zexy/outline_sprite_mb.png") no-repeat -666px -196px;
	padding-left:20px;
	font-size:1.2em;
}
.multiList li .txt {
	line-height:1.3em;
}

.hrList li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
}
.potoList {
	padding-left:2px;
}
.potoList li {
	float:left;
	width:66px;
	height:66px;
	text-align:center;
	line-height:1.3;
	padding:2px;
}
.potoList li a img {
	width:60px;
	height:60px;
	border:1px solid #ccc;
	padding:2px;
}
.potoList li a {
	width:66px;
	height:66px;
	display:block;
	position:relative;
	text-decoration:none;
}
.potoList li a span {
	display:none;
	position:absolute;
	top:3px;
	left:3px;
	width:80px;
	height:80px;
	overflow:hidden;
	background-color:#fff;
	background-color:#feb5b5;
	padding:5px;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	color:#333;
}
.potoList li a:hover span {
	display:block;
	cursor:pointer;
}

/* +++++++++++++++++++++++++++++++　サイドバナー　+++++++++++++++++++++++++++++++ */

.zexyBox .{
}
.zexyBox li{
	overflow:hidden;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
	margin-bottom:2px;
}
.zexyBox li a {
	display:block;
	font-size:0.2em;
	line-height:0.2em;
}

.zexyBox li a:hover {
	display:block;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.zexyBox li a:hover img {
	display:block;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
li.zexy a {
	background:url("/images/zexy/zexy_logo.png") no-repeat -0px -145px;
	height:60px;
	width:235px;
	display:block;
	text-indent:-9999px;
}
li.zexynavi a {
	background:url("/images/zexy/zexy_logo.png") no-repeat -0px -205px;
	height:60px;
	width:235px;
	display:block;
	text-indent:-9999px;
}
li.zexyinfo a {
	background:url("/images/zexy/zexy_logo.png") no-repeat -0px -265px;
	height:60px;
	width:235px;
	display:block;
	text-indent:-9999px;
}