@charset "UTF-8";
/*
-----------------------------------------------
	Base styles
	Version: 12 Feb 2009
----------------------------------------------- */
body {
	font-family:
		Verdana,
		Arial,
		"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3",
		"Hiragino Kaku Gothic Pro",
		Osaka,
		"繝｡繧､繝ｪ繧ｪ",
		Meiryo,
		"・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け",
		sans-serif;
	color: #333;
	background: #fff;
	}
a       { color: #9d133a; text-decoration: underline;}
a:hover { color: #9d133a; text-decoration: none;}
strong  { font-weight: bold;}
em      { font-style: italic;}


.lfbnr {
	width:470px;
	float: left;
}

.rbnr {
	float: right;
	width:470px;
}


/***** トップフォトスライド *****/
#photo {
	width: 960px;
	height: 400px;
	margin: 20px auto;
}

#title {
  position: absolute;
  bottom: 2rem;
  right: 1rem;
  font-size: 2rem;
  letter-spacing: -5px;
  margin-bottom: -5px;
  color: #fff;
  text-align: right;
}

.infotop {
margin: 20px 0;
line-height: 1.8;
}

.infomidashi {
font-size:14px;
color: red;
}

.campaign {
	background-image: url(../../img_new/2016/top/gakuwari.jpg);
	background-repeat: no-repeat;
	width: 634px;
	height: 282px;
	margin: 30px auto;
	position: relative;
}

.campain_button_english {
	width: 374px;
	position: absolute;
	left: 250px;
	top: 130px;
}

.campain_button_japanese {
	width: 374px;
	position: absolute;
	left: 250px;
	top: 185px;
}

.summercampaign {
	width: 634px;
	margin: 30px auto;
	clear: both;
	overflow: hidden;
	position: relative;
}

.shikiwarabi_cp {
	background: url(../../img_new/2016/top/topshikiwarabi.jpg) no-repeat;
	width: 634px;
	height: 282px;
	margin: 30px auto;
	clear: both;
	overflow: hidden;
	position: relative;
}

.shiki_button, .warabi_button {
	width: 194px;
	height: 30px;
	position: absolute;
}

.shiki_button {
	left: 205px;
	top: 240px;
}

.warabi_button {
	right: 15px;
	top: 240px;
}


.inq_eng {
	width: 300px;
	float: left;
	margin: 10px 0 0;
}

.inq_ja {
	width: 300px;
	float: right;
	margin: 10px 0 0;
}

.newgif {
display: block;
margin: 10px 0 0;
}

.special001{
    width: 100%;
}
.special001 img{
    width: 100%;
}





/*
--------------------------------------------------
	Container
-------------------------------------------------- */
#container { width: 100%; background: #fff url(../img/common/bg.gif) repeat-x 0 0;}
#container-inner {}

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
#header {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/common/header.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}

/* DKHOUSE東京のヘッダのみに適用↓ */
#header_tokyo {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/tokyo/header_tokyo2.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_tokyo #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSEわらびのヘッダのみに適用↓ */
#header_warabi {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/warabi/header_warabi.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_warabi #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE松戸のヘッダのみに適用↓ */
#header_matsudo {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/matsudo/header_matsudo3.png) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_matsudo #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE志木のヘッダのみに適用↓ */
#header_shiki {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/shiki/header_shiki.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_shiki #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE札幌のヘッダのみに適用↓ */
#header_sapporo {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/sapporo/header_sapporo2.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_sapporo #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE神田のヘッダのみに適用↓ */
#header_kanda {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/kanda/header_kanda.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_kanda #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}
/* DKHOUSE東京・練馬のヘッダのみに適用↓ */
#header_tokyo_nerima {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/tokyo_nerima/header_tokyo_nerima2.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_tokyo_nerima #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}
/* DKHOUSE神戸のヘッダのみに適用↓ */
#header_kobe {
	width: 960px;
	height: 90px;
	margin: 0 auto;
	background: url(../img/kobe/header_kobe2.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_kobe #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

#header #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}
#header #read02 { font-size: 16px; font-weight: bold; position: absolute; left: 235px; top: 22px; line-height: 95%; font-family: "Times New Roman",Georgia,Times,serif;}
#header #read03 { font-size: 12px; color: #E90101; font-weight: bold; position: absolute; left: 235px; top: 54px;}
/* Loacal extension header */
#page-tokyo #header { background: url(../img/tokyo/header_tokyo.gif) no-repeat 0 0;}
#page-warabi #header { background: url(../img/warabi/header_warabi.gif) no-repeat 0 0;}
#page-shiki #header { background: url(../img/shiki/header_shiki.gif) no-repeat 0 0;}
#page-matsudo #header { background: url(../img/matsudo/header_matsudo3.png) no-repeat 0 0;}
#page-sapporo #header { background: url(../img/sapporo/header_sapporo.gif) no-repeat 0 0;}
#page-kanda #header { background: url(../img/kanda/header_kanda.gif) no-repeat 0 0;}
#page-tokyo_nerima #header { background: url(../img/tokyo_nerima/header_tokyo_nerima2.gif) no-repeat 0 0;}
#page-kobe #header { background: url(../img/kobe/header_kobe.gif) no-repeat 0 0;}
/* Logo */
#logo {
	width: 240px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 100px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	}
#page-home #logo { cursor: default;}
/* cNav */
#cnav {
	position: absolute;
	right: 6px;
	top: 74px;
	overflow: hidden;
}
#cnav ul { font-size: 85%; line-height: 1.32; border-left: 1px solid #ddd;}
#cnav ul li { display: inline; padding: 0 7px; border-right: 1px solid #ddd;}
#cnav ul li a { color: #555; text-decoration: none;}
#cnav ul li a:hover { color: #333; text-decoration: underline;}

/*
-----------------------------------------------
	Nav
----------------------------------------------- */
#nav {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	}
#nav ul {
	width: 961px;
	height: 35px;
	font-size: 93%;
	line-height: 1.32;
	}
#nav ul li { float: left;}
#nav a {
	width: 120px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 35px;
	background-image: url(../img/common/nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	display: block;
	overflow: hidden;
	}
/* Nav default */
#nav #nav-01 a { width: 72px; background-position: 0 0;}
#nav #nav-02 a { width: 126px; background-position: -72px 0;}
#nav #nav-03 a { width: 154px; background-position: -198px 0;}
#nav #nav-04 a { width: 63px; background-position: -352px 0;}
#nav #nav-05 a { width: 136px; background-position: -415px 0;}
#nav #nav-06 a { width: 85px; background-position: -551px 0;}
#nav #nav-07 a { width: 62px; background-position: -636px 0;}
#nav #nav-08 a { width: 147px; background-position: -698px 0;}
#nav #nav-09 a { width: 113px; background-position: -845px 0;}
/* Nav hover */
#nav #nav-01 a:hover { background-position: 0 -35px;}
#nav #nav-02 a:hover { background-position: -72px -35px;}
#nav #nav-03 a:hover { background-position: -198px -35px;}
#nav #nav-04 a:hover { background-position: -352px -35px;}
#nav #nav-05 a:hover { background-position: -415px -35px;}
#nav #nav-06 a:hover { background-position: -551px -35px;}
#nav #nav-07 a:hover { background-position: -636px -35px;}
#nav #nav-08 a:hover { background-position: -698px -35px;}
#nav #nav-09 a:hover { background-position: -845px -35px;}
/* Nav active */
#page-home #nav-01 a      { background-position: 0 -70px !important; cursor: default;}
#page-procedure #nav-02 a { background-position: -72px -70px !important; cursor: default;}
#page-voice #nav-03 a     { background-position: -198px -70px !important; cursor: default;}
#page-faq #nav-04 a       { background-position: -352px -70px !important; cursor: default;}
#page-guide #nav-05 a     { background-position: -415px -70px !important; cursor: default;}
#page-contact #nav-06 a   { background-position: -551px -70px !important; cursor: default;}
#page-apply #nav-07 a     { background-position: -636px -70px !important; cursor: default;}
#page-corporate #nav-08 a { background-position: -698px -70px !important; cursor: default;}
#page-privacy #nav-09 a   { background-position: -845px -70px !important; cursor: default;}


/*
--------------------------------------------------
	Main photo container
-------------------------------------------------- */
#main-photo-container { width: 960px; margin: 0 auto; overflow: hidden;}
/* Overview */
#page-home #main-photo-container { height: 400px;}
#overview-stock { display: none;}

/*
--------------------------------------------------
	Bread crumbs
-------------------------------------------------- */
.breadcrumbs { width: 960px; margin: 10px auto 20px; overflow: hidden;}
.breadcrumbs ul { font-size: 93%; line-height: 1.32; color: #999;}
.breadcrumbs ul li {
	padding-left: 15px;
	background: url(../img/common/arrow_breadcrumbs.gif) no-repeat left center;
	float: left;
	}
.breadcrumbs ul li.breadcrumbs-home { padding-left: 0; background: none;}
.breadcrumbs ul li a,
.breadcrumbs ul li span {
	margin-right: 3px;
	display: block;
	float: left;
	}

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
#content { width: 940px; margin: 0 auto; padding: 0 10px; background: #fff;}
#content-inner {}
/* Contents Sub and Main cols */
.c-sm          {}
.c-sm #subcol  { width: 220px; float: left; overflow: hidden;}
.c-sm #wrapper { width: 700px; float: right; overflow: hidden;}
.c-sm #maincol { width: 700px;}
.c-sm #xcol    { display: none;}
/* Contents Main and Sub cols */
.c-ms          {}
.c-ms #subcol  { width: 220px; float: right; overflow: hidden;}
.c-ms #wrapper { width: 700px; float: left; overflow: hidden;}
.c-ms #maincol { width: 700px;}
.c-ms #xcol    { display: none;}
/* Contents Main only col */
.c-m          {}
.c-m #subcol  { display: none;}
.c-m #wrapper { width: 940px; overflow: hidden;}
.c-m #maincol { width: 940px;}
.c-m #xcol    { display: none;}

/*
--------------------------------------------------
	Column
-------------------------------------------------- */
.column { width: 700px; overflow: hidden;}
.column h3 { font-size: 114%; font-weight: bold; line-height: 1.32; margin-bottom: 10px;}
.column h4 { font-size: 93%; font-weight: bold; line-height: 1.4; margin-bottom: 10px;}
.column p { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column ul { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column ol { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column dl { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column  .fs12 { font-size: 110%; font-weight: bold; line-height: 1.572; margin-bottom: 10px;}
.column  .fs12_2 { font-size: 110%; line-height: 1.572; margin-bottom: 10px;}

.column  .fs12 img { padding-top: 4px;}
.column  .fs15 { font-size: 15px; font-weight: bold; line-height: 1.572; margin-bottom: 10px;}
.column  .fs15 img { padding-top: 4px;}
div.photos_l { margin-right: 20px; float: left;}
p.photos_l { margin-right: 20px; float: left;}
p.photos_l img { vertical-align: bottom;}


/*	Column options
-------------------------------------------------- */
/* Separation */
.entry { width: 700px; padding: 15px 0 5px; border-top: 1px solid #eee; overflow: hidden;}
.detail { width: 700px; padding: 15px 0 5px; overflow: hidden;}
.detail_s_text { width: 700px; padding: 15px 0 5px; overflow: hidden; font-size: 10px!important; color: #888;}
/* Photos */
div.photos { margin-left: 20px; float: right;}
p.photos { margin-left: 20px; float: right;}
p.photos img { vertical-align: bottom;}
/* List styles */
ul.squares,
ul.decimals,
ul.discs,
ul.circles { margin-left: 30px;}
ul.squares li  { list-style: square;}
ul.decimals li { list-style: decimal;}
ul.discs li    { list-style: disc;}
ul.circles li  { list-style: circle;}
/* Move */
.move { width: 100%; padding: 0 0 25px; clear: both;}
.move ul { font-size: 77%; line-height: 1.32; text-align: right;}
.move ul li { display: inline;}
.move ul li a {
	color: #999;
	text-decoration: none;
	padding-left: 15px;
	background: url(../img/common/arrow_pagetop.gif) no-repeat left center;
	}
.move ul li a:hover { color: #333; text-decoration: underline;}
/* Layout */
.layout2cols { width: 721px; overflow: hidden;}
.layout2cols h2.hd { margin-bottom: 15px;}
.layout2cols .entry { width: 340px; padding: 0 20px 5px 0; border: none; float: left;}
.layout3cols { width: 721px; overflow: hidden;}
.layout3cols h2.hd { margin-bottom: 15px;}
.layout3cols .entry { width: 220px; padding: 0 15px 5px 0; border: none; float: left;}
/* Box end */
.left { float: left;}
.clear { clear: both; overflow: hidden;}
sup { font-size: 10px; font-style: none; font-weight: normal; vertical-align: super; margin: 0 3px;}

/*
--------------------------------------------------
	DK HOUSE common sytles
-------------------------------------------------- */
div.column h3 { color: #a12d49;}
/* Rate table */
table.rate {
	font-size: 93%;
	line-height: 1.42;
	border-collapse: separate;
	border-spacing: 0;
	border: solid #e7e1bd;
	border-width: 1px 0 0 1px;
	margin: 0 0 10px;
	}
table.rate th,
table.rate td {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	border: solid #e7e1bd;
	border-width: 0 1px 1px 0;
	}
table.rate th { font-weight: bold; background: #fdf9e4;}
table.rate .bg01 { background: #faf3ca;}
table.rate .alignleft { text-align: left;}
table.rate .advantage { font-weight: bold; font-style: normal; color: #a12d49;}
/* Attention */
div.attention {
	width: 660px;
	color: #684c23;
	margin-bottom: 10px;
	padding: 10px 19px 0;
	border: 1px solid #ede1a5;
	background: #f7edb2;
	}
div.attention p { line-height: 1.42;}
a.arrow { padding-left: 15px; background: url(../img/common/arrow.gif) no-repeat 0 0;}


/*
--------------------------------------------------
	Home
-------------------------------------------------- */
/* Home areamap */
#home-areamap { padding-bottom: 15px;}
#home-areamap .attention { margin: 0;}
/* Home about */
#home-about {}
#home-about table { font-size: 93%; line-height: 1.42; margin: 0 0 9px;}
#home-about table td { padding: 0 5px 1px; vertical-align: middle;}
/* Home news */
#home-news { padding-bottom: 25px;}
#home-news div.entry { border: none; border-bottom: 1px solid #eee;}

/*
--------------------------------------------------
	Procedure
-------------------------------------------------- */
#procedure { padding-bottom: 25px;}
#procedure table {
	font-size: 93%;
	line-height: 1.42;
	border-collapse: separate;
	border-spacing: 0;
	border: solid #ddd;
	border-width: 1px 0 0 1px;
	margin: 0 0 10px;
	table-layout: auto;
	}
#procedure table th,
#procedure table td {
	vertical-align: middle;
	padding: 5px 10px;
	border: solid #ddd;
	border-width: 0 1px 1px 0;
	}
#procedure table th { background: #f5f5f5;}




/*
--------------------------------------------------
	Voice
-------------------------------------------------- */
#voice { padding-bottom: 25px;}

.voicebnr {
	margin: 30px 0;
}

.voicephoto-main {
	position: relative;
	margin: 50px 0 0;
}

.voice-title {
	position: absolute;
	right: 10px;
	bottom:10px;
	font-size: 16px;
	background: #FC8E5D;
	padding: 15px;
	color: #FFF;
}

.voice-name {
	position: absolute;
	right: 10px;
	bottom: 55px;
	font-size: 16px;
	background: #FFF;
	padding: 15px;
	font-weight: bolder;
}

.voice-detail {
	margin:  40px 0;
	overflow: hidden;
}


.under {
	display: inline-block;
	padding: 0 0 2px 0;
border-bottom: dashed 1px yellow;
}


/*
--------------------------------------------------
	FAQ
-------------------------------------------------- */
#faq { padding-bottom: 25px;}
#faq dl.faqs { width: 650px; margin: 0;}
#faq dl.faqs dt { width: 650px; color: #a12d49; padding: 0 0 2px 50px; position: relative;}
#faq dl.faqs dd { width: 650px; padding: 0 0 10px 50px; position: relative;}
#faq dl.faqs .question { width: 30px; position: absolute; left: 20px; top: 0; display: block;}
#faq dl.faqs .answer { width: 30px; position: absolute; left: 20px; top: 0; display: block;}

/*
--------------------------------------------------
	Guide
-------------------------------------------------- */
#guide { padding-bottom: 25px;}
#guide dl.faqs { width: 700px; margin: 0;}
#guide dl.faqs dt { width: 700px; color: #a12d49; padding: 0 0 2px 30px; position: relative;}
#guide dl.faqs dd { width: 700px; padding: 0 0 10px 30px; position: relative;}
#guide dl.faqs .question { width: 30px; position: absolute; left: 0; top: 0; display: block;}
#guide dl.faqs .answer { width: 30px; position: absolute; left: 0; top: 0; display: block;}

/*
--------------------------------------------------
	Corporate
-------------------------------------------------- */
#corporate { padding-bottom: 25px;}

/*
--------------------------------------------------
	Contact
-------------------------------------------------- */
#contact { padding-bottom: 25px;}
.required { color: #e74614;}
.forms .required { font-size: 10px;}
.forms {
	width: 100%;
	font-size: 100%;
	line-height: 1.42;
	border-collapse: separate;
	border: solid #ccd8e9;
	border-width: 1px 0 0 1px;
	margin: 0 0 10px;
	}
.forms th,
.forms td {
	padding: 7px 10px;
	border: solid #ccd8e9;
	border-width: 0 1px 1px 0;
	background: #f5f8fd;
	}
.forms th { width: 200px; text-align: center; white-space: nowrap; background: #e6edf7;}
.forms th.btns { width: 100%;}
.forms div { padding-top: 5px;}
.forms div.hints { font-size: 11px;}
.forms span.caution { color: red;}
/* Form components */
input.texts { font-size: 13px; color: #333; line-height: 1.572; padding: 2px; border: 1px solid #aaa;}
input[type="radio"] { vertical-align: middle;}
input[type="checkbox"] { vertical-align: middle;}
label { cursor: pointer;}
textarea.textareas {
	width: 98%;
	font-size: 13px;
	color: #333;
	line-height: 1.572;
	padding: 1px;
	border: 1px solid #aaa;
	overflow: auto;
	}
select { cursor: pointer;}
input.btn { cursor: pointer;}

/*
--------------------------------------------------
	Apply
-------------------------------------------------- */
#apply { padding-bottom: 25px;}

/*
--------------------------------------------------
	Privacy
-------------------------------------------------- */
#privacy { padding-bottom: 25px;}

/*
--------------------------------------------------
	Sitemap
-------------------------------------------------- */
#sitemap { padding-bottom: 25px;}
#sitemap ul { font-size: 93%; line-height: 1.572; margin-left: 30px;}
#sitemap ul li {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(../img/common/arrow.gif) no-repeat 0 0;
	}
#sitemap ul li ul { font-size: 100%; margin-top: 10px;}
#sitemap ul li span { color: #aaa;}

/*
--------------------------------------------------
	Location common styles
-------------------------------------------------- */
#location {}
/* Location snav */
div.snav {
	width: 700px;
	height: 40px;
	background: url(../img/common/location_snav_bg.gif) no-repeat 0 0;
	}
div.snav ul { font-size: 90%; line-height: 40px; text-align: center;}
div.snav ul li { padding: 0 12px; display: inline; border-left: 1px solid #e9c8c8;}
div.snav ul li a { text-decoration: underline;}
div.snav ul li a:hover { text-decoration: none;}
div.snav ul li.snav-01 { border: none;}
div.snav ul li.current a { color: #d09090; text-decoration: none; cursor: default;}
/* Location snav kanda */
div.snav.snav-kanda { background-image: url(../img/kanda/location_snav_bg_kanda.gif);}
div.snav ul li { border-color: #dfe1f0;}
div.snav.snav-kanda ul li a { color: #252b68;}
div.shinkoiwasnav { font-size: 80% !important}

#location-news { padding-bottom: 25px;}
#location-news div.entry { border: none; border-bottom: 1px solid #eee;}
#location-facilities { padding-bottom: 25px;}
#location-facilities .layout2cols .entry p { text-align: center;}
#location-facilities .layout2cols .entry span { margin-top: 1px; display: block;}
#location-facilities .layout2cols img { margin: 0 auto; display: block;}
/* Location map */
#location-map { padding-bottom: 25px;}
#location-map ul { margin-bottom: 0;}
#location-map ul li { margin-bottom: 10px;}
#location-map #location-map-train { text-align: center;}
#location-map #location-map-japan { text-align: center;}
/* Location sightseeing */
#location-sightseeing { padding-bottom: 25px;}
#location-sightseeing ul { margin-bottom: 0; margin-left: 20px;}
#location-sightseeing ul li { margin-bottom: 10px;}
#location-sightseeing ul li a {
	padding-left: 15px;
	background: url(../img/common/arrow.gif) no-repeat 0 1px;
	}
#location-access {}
#location-access table.schedule {
	font-size: 93%;
	line-height: 1.32;
	border-collapse: separate;
	border: solid #ddd;
	border-width: 1px 0 0 1px;
	margin-bottom: 10px;
	table-layout: fixed;
	}
#location-access table.schedule th,
#location-access table.schedule td {
	text-align: center;
	vertical-align: middle;
	border: solid #ddd;
	border-width: 0 1px 1px 0;
	padding: 3px 10px;
	}
#location-access table.schedule th { background: #eee;}
/* Location photo */
#location-photo { padding-bottom: 25px;}
#location-photo ol.photolist { width: 701px; padding: 0 0 15px; margin: 0; overflow: hidden;}
#location-photo ol.photolist li { width: 80px; height: 80px; margin: 0 !important; padding: 10px; float: left;}
#location-photo ol.photolist li a { width: 80px; height: 80px; display: block; overflow: hidden;}
#location-photo ol.photolist li a img { vertical-align: bottom;}

/*
--------------------------------------------------
	Side bar
-------------------------------------------------- */
/*	Apply button
-------------------------------------------------- */
#apply-button { width: 220px; margin: 5px auto 0;}
/* Apply option */
#page-apply #apply-button { display: none;}
#page-apply #location-nav { margin-top: 5px;}

/*	Location nav
-------------------------------------------------- */
#location-nav {
	width: 220px;
	margin: 0 auto 20px;
background: #f2f0df;
	border-radius: 4px;
}

#location-nav h2 {
	width: 200px;
	padding: 20px 10px 30px;
	text-align: center;
	font-size: 20px;
position: relative;
display: inline-block;
	border-bottom: 1px dotted #AF977F;
}

#location-nav h2:before  {
content: '';
position: absolute;
bottom: 15px;
display: inline-block;
width: 60px;
height: 4px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #666;
border-radius: 2px;

}



#location-nav ul { width: 220px;}
#location-nav ul li { width: 220px; border-bottom: 1px dotted #AF977F;
background: #f2f0df;
}

#location-nav ul li:last-child {
	border-bottom: none;
}


#location-nav ul li a {
	width: 200px;
	padding: 20px 10px;
	display: block;
	font-size:14px;
	text-decoration: none;
	color:#492F09;
}

#location-nav ul li a:hover {
	background: #e2dfc1;
}



/*	Online service
-------------------------------------------------- */
#onlineservice { width: 220px; margin: 0 auto 10px; overflow: hidden;}
#onlineservice-inner {}
/* Booking links */
#booking-links { width: 220px; margin: 0 auto; overflow: hidden;}
#booking-links-inner {}
#booking-links h3.shd {
	width: 220px;
	height: 34px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 34px;
	text-decoration: none;
	margin: 0 0 1px;
	padding: 0 0 0 15px;
	background: #000 url(../img/common/onlineservice.gif) no-repeat -440px 0;
	display: block;
	overflow: hidden;
	}
#booking-links ul { font-size: 12px; line-height: 1.25;}
#booking-links ul li { margin: 0 0 1px;}
#booking-links ul li a {
	width: 205px;
	height: 34px;
	color: #fff;
	line-height: 34px;
	text-decoration: none;
	padding: 0 0 0 15px;
	background: #000 url(../img/common/onlineservice.gif) no-repeat 0 0;
	display: block;
	overflow: hidden;
	}
#booking-links ul li a:hover {
	text-decoration: underline;
	background-position: -220px 0;
	}
/* Booking links multiline style */
#booking-links  ul li.multiline a {
	height: auto;
	line-height: 1.25;
	padding: 8px 0 10px 15px;
	}

/*	Information
-------------------------------------------------- */
#information { width: 220px; margin: 0 auto; overflow: hidden;}
#information-inner {}
#information h3 { font-size: 107%; font-weight: bold; line-height: 1.32; margin: 0 0 5px;}
#information p { font-size: 85%; line-height: 1.32; margin: 0 0 10px;}
#information dl {
	width: 220px;
	font-size: 93%;
	line-height: 1.32;
	margin: 0 0 10px;
	overflow: hidden;
	}
#information dl dt { width: 55px; padding: 0 0 1px; float: left;}
#information dl dd { width: 155px; margin-left: 60px; padding: 0 0 1px;}

/*	Mobile
-------------------------------------------------- */
#mobile {
	width: 200px;
	margin: 0 auto;
	padding: 9px;
	background: #fcfbe9;
	border: 1px solid #eeeccc;
	overflow: hidden;
	}
#mobile p { font-size: 77%; line-height: 1.32;}
#mobile p#mobile-qrcode { text-align: center; margin: 0 0 10px;}
#mobile p a { color: #333; text-decoration: underline;}
#mobile p a:hover { color: #333; text-decoration: underline;}

/*	Banner
-------------------------------------------------- */
#banner { width: 220px; margin: 0 auto; overflow: hidden;}
#banner p { font-size: 10px; text-align: center; margin: 0 0 10px;}
#banner p span { text-align: left; margin-top: 5px; display: block;}

/*	Weather news
-------------------------------------------------- */
#weathernews { width: 180px; margin: 0 auto;}

/*

/*	Kobe
-------------------------------------------------- */
#kobe_top ul li { float: left;}




/*	detail 
-------------------------------------------------- */



.detail_title {
background: #F8F8F8;
font-size: 120%;
font-weight: bold;
padding: 5px 10px;
}

.detail_text {
padding: 2%;
margin: 0 0 30px;
font-size: 110%;
line-height: 1.8;
background: #F8F8F8;
border-bottom: 1px dotted #666;
}



.detail_title {
border-radius: 4px 4px 0px 0px;
}

.nerima .detail_title {
background: #99cc00;
border-bottom:1px solid #618F13;
}


.warabi .detail_title {
background: #FF99CC;
border-bottom:1px solid #C928C9;
}


.shinkoiwa .detail_title {
background: #F7E930;
border-bottom:1px solid #B7A825;
}

.kobe .detail_title {
background: #4FAAF5;
border-bottom:1px solid #2C76D9;
}

.sapporo .detail_title {
background: #F3B44E;
border-bottom:1px solid #D99526;
}

.matsudo .detail_title {
background: #8CC74F;
border-bottom:1px solid #3C8216;
}


.dkhouse {
width: 630px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
color: #333;
}

.dkhouse div {
width: 300px;
flex-wrap: wrap;
}



.detail_nerima h2 {
padding: 10px 0;
text-align: center;
background: #82b417;
color: #FFF;
}

.detail_shinkoiwa h2 {
padding: 10px 0;
text-align: center;
background: #e6a500;
color: #FFF;
}

.detail_sapporo h2 {
padding: 10px 0;
text-align: center;
background: #e50027;
color: #FFF;
}

.detail_kobe h2 {
padding: 10px 0;
text-align: center;
background: #036db7;
color: #FFF;
}

/*--------------------------------------------------
	Footer
-------------------------------------------------- */
#footer {
	width: 100%;
	background: #ebece6 url(../img/common/footer_bg.gif) repeat-x 0 0;
	clear: both;
	}
#footer-inner { width: 960px; margin: 0 auto; padding: 15px 0 20px;}
#footer p { font-size: 77%; color: #666858; text-align: center; line-height: 1.572;}
/* Footer nav */
#fnav {}
#fnav-inner {}
#fnav ul { font-size: 85%; text-align: center; line-height: 1.32; margin-bottom: 7px;}
#fnav ul li { display: inline; padding: 0 7px; border-left: 1px solid #d4d5ca;}
#fnav ul li a { color: #666858; text-decoration: none;}
#fnav ul li a:hover { color: #666858; text-decoration: underline;}
#fnav-a01, #fnav-b01, #fnav-c01 { border: none !important;}
/* Footer copyright */
#copyright { color: #666858; padding: 5px 0 15px; background: #ebece6;}
#copyright a { color: #666858; text-decoration: underline;}
#copyright a:hover { color: #666858; text-decoration: none;}



@media only screen and (max-width:640px) {
	


.voice-title {
	position: relative;
	left: 5px;
	top: -15px;
	font-size: 13px;
	background: #F4A31F;
	padding: 10px;
	width: 50%
}

.voice-name {
	position: static;
	right: 0;
	bottom: 0;
	font-size: 13px;
	background: #FFF;
	padding: 10px;
	font-weight: bolder;
}

.voice-detail {
	margin:  20px 0;
}
	
	
	
	
	
img {
	width: 100%;
}

/* --------------------------------------------------
	Header
-------------------------------------------------- */
#header {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/common/header.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}

/* DKHOUSE東京のヘッダのみに適用↓ */
#header_tokyo {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/tokyo/header_tokyo.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_tokyo #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSEわらびのヘッダのみに適用↓ */
#header_warabi {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/warabi/header_warabi.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_warabi #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE松戸のヘッダのみに適用↓ */
#header_matsudo {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/matsudo/header_matsudo.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_matsudo #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE志木のヘッダのみに適用↓ */
#header_shiki {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/shiki/header_shiki.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_shiki #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE札幌のヘッダのみに適用↓ */
#header_sapporo {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/sapporo/header_sapporo.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_sapporo #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE神田のヘッダのみに適用↓ */
#header_kanda {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/kanda/header_kanda.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_kanda #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}
/* DKHOUSE東京・練馬のヘッダのみに適用↓ */
#header_tokyo_nerima {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/tokyo_nerima/header_tokyo_nerima.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_tokyo_nerima #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}
/* DKHOUSE神戸のヘッダのみに適用↓ */
#header_kobe {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/kobe/header_kobe.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_kobe #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

#header #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}
#header #read02 { font-size: 16px; font-weight: bold; position: absolute; left: 235px; top: 22px; line-height: 95%; font-family: "Times New Roman",Georgia,Times,serif;}
#header #read03 { font-size: 12px; color: #E90101; font-weight: bold; position: absolute; left: 235px; top: 54px;}
/* Loacal extension header */
#page-tokyo #header { background: url(../img/tokyo/header_tokyo.gif) no-repeat 0 0;}
#page-warabi #header { background: url(../img/warabi/header_warabi.gif) no-repeat 0 0;}
#page-shiki #header { background: url(../img/shiki/header_shiki.gif) no-repeat 0 0;}
#page-matsudo #header { background: url(../img/matsudo/header_matsudo.gif) no-repeat 0 0;}
#page-sapporo #header { background: url(../img/sapporo/header_sapporo.gif) no-repeat 0 0;}
#page-kanda #header { background: url(../img/kanda/header_kanda.gif) no-repeat 0 0;}
#page-tokyo_nerima #header { background: url(../img/tokyo_nerima/header_tokyo_nerima.gif) no-repeat 0 0;}
#page-kobe #header { background: url(../img/kobe/header_kobe.gif) no-repeat 0 0;}
/* Logo */
#logo {
	width: 240px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 100px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	}
#page-home #logo { cursor: default;}
/* cNav */
#cnav { position: absolute; right: 0; top: 74px; overflow: hidden;}
#cnav ul { font-size: 85%; line-height: 1.32; border-left: 1px solid #ddd;}
#cnav ul li { display: inline; padding: 0 7px; border-right: 1px solid #ddd;}
#cnav ul li a { color: #555; text-decoration: none;}
#cnav ul li a:hover { color: #333; text-decoration: underline;}



/*
-----------------------------------------------
	Nav
----------------------------------------------- */
#nav {
	max-width: 98%;
	margin: 0 auto;
	overflow: hidden;
	}
#nav ul {
	max-width: 98%;
	height: 35px;
	font-size: 93%;
	line-height: 1.32;
	}
#nav ul li { float: none;}
#nav a {
	width: 120px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 35px;
	background-image: url(../img/common/nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	display: block;
	overflow: hidden;
	}

/*
--------------------------------------------------
	Main photo container
-------------------------------------------------- */
#main-photo-container { width: 100%; margin: 0 auto; overflow: hidden;}
/* Overview */
#page-home #main-photo-container { height: auto;}
#overview-stock { display: none;}



/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
#content { 	max-width: 98%;
 margin: 0 auto; padding: 0 10px; background: #fff;}
#content-inner {}
/* Contents Sub and Main cols */
.c-sm          {}
.c-sm #subcol  { width: 100%; float: none; overflow: hidden;}
.c-sm #wrapper { width: 98%; float: none; overflow: hidden;}
.c-sm #maincol { width: 100%;}
.c-sm #xcol    { display: none;}
/* Contents Main and Sub cols */
.c-ms          {}
.c-ms #subcol  { width: 100%; float: none; overflow: hidden;}
.c-ms #wrapper { width: 100%; float: none; overflow: hidden;}
.c-ms #maincol { width: 100%;}
.c-ms #xcol    { display: none;}
/* Contents Main only col */
.c-m          {}
.c-m #subcol  { display: none;}
.c-m #wrapper { width: 96%; overflow: hidden;}
.c-m #maincol { width: 96%;}
.c-m #xcol    { display: none;}

/*
--------------------------------------------------
	Column
-------------------------------------------------- */
.column { width: 98%; overflow: hidden;}
.column h3 { font-size: 114%; font-weight: bold; line-height: 1.32; margin-bottom: 10px;}
.column h4 { font-size: 93%; font-weight: bold; line-height: 1.4; margin-bottom: 10px;}
.column p { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column ul { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column ol { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column dl { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column  .fs12 { font-size: 12px; font-weight: bold; line-height: 1.572; margin-bottom: 10px;}
.column  .fs12 img { padding-top: 4px;}
.column  .fs15 { font-size: 15px; font-weight: bold; line-height: 1.572; margin-bottom: 10px;}
.column  .fs15 img { padding-top: 4px;}
div.photos_l { margin-right: 20px; float: left;}
p.photos_l { margin-right: 20px; float: left;}
p.photos_l img { vertical-align: bottom;}


/*-------------------------------------------------- */
/* Home areamap */
#smp_detail { display: none;}

.detail { width: 98%; padding: 15px 0 5px; overflow: hidden;}
.detail_s_text { width: 98%; padding: 15px 0 5px; overflow: hidden; font-size: 10px!important; color: #888;}


/* Attention */
div.attention {
	width: 94%;
	color: #684c23;
	margin-bottom: 10px;
	padding: 10px 10px 0;
	border: 1px solid #ede1a5;
	background: #f7edb2;
	}

/*--------------------------------------------------
	Footer
-------------------------------------------------- */
#footer {
	width: 100%;
	background: #ebece6 url(../img/common/footer_bg.gif) repeat-x 0 0;
	clear: both;
	}
#footer-inner { width: 98%; margin: 0 auto; padding: 15px 0 20px;}
#footer p { font-size: 77%; color: #666858; text-align: center; line-height: 1.572;}
/* Footer nav */
#fnav { padding: 0 5px;}
#fnav-inner {}
#fnav ul { font-size: 85%; text-align: center; line-height: 1.32; margin-bottom: 7px;}
#fnav ul li { display: inline; padding: 0 7px; border-left: 1px solid #d4d5ca;}
#fnav ul li a { color: #666858; text-decoration: none;}
#fnav ul li a:hover { color: #666858; text-decoration: underline;}
#fnav-a01, #fnav-b01, #fnav-c01 { border: none !important;}
/* Footer copyright */
#copyright { color: #666858; padding: 5px 0 15px; background: #ebece6;}
#copyright a { color: #666858; text-decoration: underline;}
#copyright a:hover { color: #666858; text-decoration: none;}


}



/*
--------------------------------------------------
	Hacks...
	We hope that we don't have to use this!
-------------------------------------------------- */
/* Print hack for Firefox */
@media print {
	html>/**/body #subcol,
	html>/**/body #wrapper,
	html>/**/body .column,
	html>/**/body .entry,
	html>/**/body .detail { overflow: visible !important;}
	}
/* Margin fix for IE6 */
div.photos { _margin-bottom: -10px;}
p.photos { _margin-bottom: 0;}
@media print {
	.entry { _padding-bottom: 15px;}
	.detail { _padding-bottom: 15px;}
	div.photos { _margin-bottom: 0;}
	#information { _margin-bottom: 10px;}
	}
.cpbnrbox {
	text-align: center;
	margin: 20px 0;
}