@charset "utf-8";

/*
  Site URL  : http://www.hanamaki.ne.jp/
  File name : /_themes/201004/design_info.css
  Target    : info.html other
  Summary   : Info design, color
*/

/* -------------------------------------
File Tree
  catv_design.css
    |-- catv_layout.css
          |-- layout.css
                |-- common.css

CSS Tree
  Container
    |-- Header
    |    |-- Global Menu
    |-- Catch
    |-- Contents
    |-- Footer
         |-- Site Map
------------------------------------- */

/* -------------------------------------
Import
------------------------------------- */
@import url("hana_layout.css");

/* -------------------------------------
Header
------------------------------------- */
/*
#headCatch {
	display: none;
}
*/

/* -------------------------------------
Catch
------------------------------------- */
#catch {
	background-color: #FF7900;
	background-image: url(img/catch_back_tv.gif);
	background-repeat: repeat-x;
}

/* -------------------------------------
Contents
------------------------------------- */
#contents #contentsMain #pageTitle {
	background-color: #FF7900;
}

#contents #sideMenu {
	background-color: #F2EFDC;
}
#contents #sideMenu .sMenuTitle {
	background-color: #FF7900;
	background-image: url(img/smenu_title_back_info.gif);
	background-repeat: repeat-x;
}
#contents #sideMenu .sMenuTitle2 {
	background-color: #FF7900;
	background-image: url(img/smenu_title2_back_info.gif);
	background-repeat: repeat-x;
}

h1 {
	background-image: url(img/back_h1_info.gif);
	background-repeat: repeat-x;
}
h2 {
	border-color: #FF7900;
}
h3 {
	border-left-color: #FF7900;
}

/* info.html */
dl.infoDl dt {
	margin-left: 4ex;
}
dl.infoDl dt a.linkRight {
	margin-left: 0ex;
}
dl.infoDl dd {
	text-indent: 5ex;
}

/* area.html */
.areaList {
	margin-top: 10px;
}
.areaList dl {
	margin: 0;
}
.areaList dt {
	margin: 0;
	padding: 5px;
	width: 35px;
	float: left;
	clear: left;
	font-weight: bold;
	text-align: center;
	border-top: 1px dotted #FF7900;
	font-size: 100%;
}
.areaList dd {
	margin-left: 45px;
	padding: 5px;
	text-align: left;
	font-size: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FF7900;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #F2EFDC;
}
.areaList dd.bno {
	border-left: 4px solid #FFF;
}

/* showroom.html */
.balloonText {
	white-space: nowrap;
	font-weight: bold;
	line-height: 120%;
}
.balloonText address {
	padding-top: 5px;
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
}
.room {
	display: inline;
	position: relative;
	width: 340px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.room h2 {
	margin-top: 0;
	margin-bottom: 0;
}

/* house */
.mapHouseInfo {
	font-size: 12px;
	line-height: 1.5em;
}
.mapHouseInfo hr{
	margin: 5px 0 2px 0;
}

.houseInfo {
	width: 100%;
	margin: 10px 0 20px 0;
}
.houseInfo h3 {
	margin: 0 0 10px 0;
	background-color: #F2EFDC;
	width: auto;
}
.houseInfo img {
	margin: 0 0 20px 0;
}
.houseInfo dl dt {
	margin-left: 0px;
	padding: 0 20px 0 0;
	width: 160px;
	float: left;
	clear: left;
	font-weight: normal;
	font-size: 100%;
}
.houseInfo dl dd {
	margin-left: 180px;
	padding: 0;
	text-align: left;
	font-size: 90%;
	line-height: 1.4em;
}

.mapHouseInfo .labelInfo {
	padding:2px 4px 1px 4px;
	font-size:90%;
	font-weight:normal;
	color:#333;
	background-color:#DDD;
}

/* faq */
.faqList {
	margin-bottom: 10px;
	margin-bottom: 10px;
}
.faqList p {
	background-image: url(/_themes/201004/img/icon_faq_q.gif);
	background-repeat: no-repeat;
	margin-top: 7px;
	padding-left: 70px;
	padding-top: 1px;
	padding-bottom: 3px;
	min-height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0281FF;
}

.faq {
	margin-left: 2ex;
	margin-top: 10px;
	margin-bottom: 10px;
}
.faq dt {
	background-image: url(/_themes/201004/img/icon_faq_q.gif);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0281FF;
	color: #003366;
}
.faq dd {
	font-size: 100%;
	background-image: url(/_themes/201004/img/icon_faq_a.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 40px;
	padding-top: 25px;
	padding-left: 0;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6600;
}

.faq .noteIndent2ex {
	display: block;
	font-size: 80%;
	line-height: 1.3em;
	text-indent: -2ex;
	padding-left: 2ex;
	padding-top: 5px;
}
.faq .linkRight {
	margin-left: 2ex;
}

.faq ul {
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 2ex;
	padding-bottom: 6px;
}
.faq ul li {
	margin-bottom: 5px;
}

.faqTable {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #FF7900;
	background-color: #FCC79D;
}
.faqTable th {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
	border: 1px solid #DDD;
	line-height: 1.3em;
}
.faqTable td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
	border: 1px solid #DDD;
}
.faqTable .tableHead th {
	background-color: #F6DDCB;
	border: 1px solid #FFB47F;
	font-size: 90%;
	font-weight: normal;
}
.faqTable .tableFontBig td {
	text-align: center;
	font-size: 200%;
	line-height: 1.3em;
}
.faqTable .tableEven td {
	background-color: #FFFFDD;
}
.faqTable th.tableItem  {
	background-color: #E9FFCC;
	border: 1px solid #C8FF7F;
}

.ArrowDown {
	display: block;
	background-image: url(/img/icon_down.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 4ex;
}
.linkRight2ex {
	display: block;
	background-image: url(/img/icon_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 7ex;
}

.linkRight2ex_cl {
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 7ex;
}

.googleSearchFaq {
	height: 32px;
	margin-left: 3ex;
	padding-top: 3px; 
	padding-left: 80px;
	background-image: url(/img/logo_google.gif);
	background-repeat: no-repeat;
}
.googleSearchFaq .keywords {
	width: 210px;
}
.googleSearchFaq .submit {
	width: 60px;
}

/* -------------- end --------------- */