﻿@charset "UTF-8";

@font-face
{
	font-family: "Yasashisa";
	src: url("../font/Yasashisa.eot");
	src: url("../font/Yasashisa.eot?iefix") format('embedded-opentype'),
		 url("../font/Yasashisa.eot") format('woff'),
		 url("../font/Yasashisa.ttf") format('truetype');
}

body
{
	background-color: #fffee9;
	text-align: center;
	color: #666666;
    /* font-family: ＭＳ ゴシック; */
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}
a,a:visited { 
    color: #0000FF; text-decoration: none; 
}
a:hover { 
    color: #0000FF; 
}
.font-color-blue {
    color: #2FAEDB;
}

.font-color-green {
    color: #12B633;
}

.detail_chintai {
    color: #666666;
    width: 880px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.detail_chintai .data {
    width: 880px;
    height: 120px;
    /* background-image: url(../img/detail/waku_img.jpg); */
    background-image: url(../img/detail/waku_img2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    /* border : 0; */
    /* border:1px solid #efefef; */
}
.detail_chintai .data .detail {
    height: 40px;
}
.detail_baibai {
    color: #666666;
    width: 880px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.detail_baibai .data {
    width: 880px;
    height: 120px;
    /* background-image: url(../img/detail/waku_img.jpg); */
    background-image: url(../img/detail/waku_img3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    /* border : 0; */
    /* border:1px solid #efefef; */
}
.detail_baibai .data .detail {
    height: 40px;
}
#detail_contens {
    width:900px;
    margin:0;
    padding:0;
    margin-left:auto;
    margin-right:auto;
    background-position:center center;
    background-color:#ffffff;
}

#detail_header {
    border:1px solid #efefef;
    background-color:#000000;
    width: 880px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}


#detail_header01 {
    background-image: url(../img/detail/rogo-detail01c.jpg);
    background-repeat: no-repeat;
    width: 880px;
    height:56px;
    padding: 0px;
    margin: 0px;
    margin-bottom:10px;
}
#detail_header02 {
    background-image: url(../img/detail/rogo-detail02c.jpg);
    background-repeat: no-repeat;
    width: 880px;
    height:56px;
    margin: 0px;
    padding: 0px;
    margin-bottom:10px;
}
#detail_header01p {
/*
    width: 880px;
    height:56px;
    margin: 0px;
    padding: 0px;
    margin-bottom:10px;
*/
    display: none;
}
#detail_header01p img {
/*
    width: 880px;
    height:56px;
    margin: 0px;
    padding: 0px;
    border:0;
*/
    display: none;
}
#detail_header02p {
/*
    width: 880px;
    height:56px;
    margin: 0px;
    padding: 0px;
    margin-bottom:10px;
*/
    display: none;
}
#detail_header02p img {
/*
    width: 880px;
    height:56px;
    margin: 0px;
    padding: 0px;
    border:0;
*/
    display: none;
}

#detail_textinfo {
    border:1px solid #efefef;
    background-color:#fffee9;
    width: 880px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
#detail_photoframe ,
#detail_photothumbnail , 
#detail_kihon , 
#detail_kodawari , 
#detail_toriatsukai , 
#detail_chikaibukken {
    /* border:1px solid #efefef; */
    background-color:#ffffff;
    width: 880px;
    /* margin: 0px 0px 10px 0px; */
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
#picMain {
    width:440px;
    height:330px;
    margin:0px;
    padding:0px;
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
    background-position:center center;
    text-align:left;
    /* padding-right:8px; */
}
#picMain img {
    padding:0px;
    margin:0px;
}
#gmap {
    width:428px;
    height:330px;
    padding:0px;
    margin:0px;
}
/* ���s��� */
.clearfix {clear: both;}
/* �X�N���[���\���G���A */
#scrollable {
	width: 100%;
    /* height:65px; */
	background: #FFFFFF;
	padding:0px;
	margin: 0px;
    position:relative;
}
/* �X�N���[���\���G���A */
.photoitems {
	/* background: #efefef; */
    height:65px;
	background: #ffffff;
	padding:0px;
	margin: 0px;
}
/* �X�N���[���\���G���A(2011/01/20�ǉ�) */
.photoitems ul {
	/* background-color:#cecece; */
    list-style-type:none;
    background-color:#ffffff;
    border:0px;
    padding:0px;
    margin:0px;
}
.photoitems ul li {
	/* background-color:#efefef; */
    background-color:#ffffff;
    border:0px;
    padding:0px;
    margin:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:3px;
    width:85px;
    float:left;
    text-align:center;
}
.photoitems ul li a {
    /* background-color:#efefef; */
    background-color:#ffffff;
	border: 1px solid #D1D1D1; 
    display:block;
}
.photoitems ul li a img {
    /* background-color:#3e3e3e; */
    border:0px;
    padding:0px;
    margin:0px;
}
/* �X�N���[���\���G���A(2011/01/20�ǉ�) */
.movesitems {
	/* width: 80px; */
    height:65px;
	background: #ffffff;
	padding:0px;
	margin: 0px;
    position:absolute; /* �e�{�b�N�X[scrollable]�ɑ΂��Ă̐�Έʒu�w�� */
    top:0px;           /* �e�{�b�N�X[scrollable]�����top�̋��� */
    right:0px;        /* �e�{�b�N�X[scrollable]�����right�̋��� */
}
.movesitems a {
    /* background-color:#efefef; */
    background-color:#ffffff;
	border: 1px solid #D1D1D1; 
    display:block;
}
.movesitems span {
    background-color:#ffffff;
    border:0px;
    padding:0px;
    margin:0px;
    height:60px;
    width:80px;
}
.movesitems a img {
    /* background-color:#3e3e3e; */
    border:0px;
    padding:0px;
    margin:0px;
    height:60px;
    width:80px;
}

#mail_header01 {
    background-image: url(../img/detail/rogo-detail01d.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height:56px;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
#mail_header01 input[type="button"] {
    background-color: lightgreen;
    width: 130px;
    height: 30px;
    font-size: 12pt;
    font-weight: bold;
    margin: 0.9em 0.6em;
}

#mail_header02 {
    background-image: url(../img/detail/rogo-detail02d.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height:56px;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
#mail_header02 input[type="button"] {
    background-color: lightblue;
    width: 130px;
    height: 30px;
    font-size: 12pt;
    font-weight: bold;
    margin: 0.9em 0.6em;
}

#btnTelPopup
{
	width: 300px;
	border-radius: 5px;
	font-size: 12pt;
	font-weight: 700;
	padding: 5px;
}

.popupTel
{
	background-color: lemonchiffon;
	border: 3px solid #ff7700;
	border-radius: 10px;
	width: 300px;
	height: 160px;
	text-align: center;
	color: black;
	font-family: �l�r �S�V�b�N;
	font-size: 16pt;
}

.popupTel .panel
{
	font-weight: bold;
	padding: 1em 0;
}

.popupTel .panel div
{
	margin: 0.5em;
}
