@charset "utf-8";


/* ==

　00 override

=============================================================================== */
@import url("/common/css/rn01/common.css");
.container .topicPath{ background:none !important; }
#hdArea{ margin-bottom:5px; border-bottom:1px solid #d0d0da; }

.container h2 {
  background-image: none;
}

.container {
  width: 950px;
}

.devSmp{ display:none; }




/* ==

　01. 基本

=============================================================================== */
div.title {
  width: 950px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  clear: both;
}

h1 {
  margin: 0;
  padding: 0 0 7px;
  float: left;
}

/* パンくずリスト
------------------------------------------------------------------------------- */
.container .topicPath {
  background: url(../images/bk_topicPath.gif) 0 -5px no-repeat;
}

/* リキッドエリア
------------------------------------------------------------------------------- */
#topLiquidBg {
  position: absolute;
  width: 100%;
  min-width: 960px;
  z-index: 0;
  top: 240px !important;
  left: 0;
  overflow: hidden;
}

#topLiquidBg img {
  width: 100%;
  height: auto;
}

* html #topLiquidBg img {
  display: none;
}

.container.topLiquidContainer {
  position: relative;
  z-index: 10;
  margin-top: 6px;
}

#promoArea {
  margin-bottom: 30px;
  padding-top: 31px;
  clear: both;
  position: relative;
}

/* ==

　04. レコメンドフッター

=============================================================================== */
.recoFooter .contents{ background:url(../images/bk_recoFooter.gif) left top no-repeat; }
.recoFooter .contents div{ width:215px; }
.recoFooter .contents div.howto_store{ width:227px; padding-top:20px; }
.recoFooter .contents div.utlz_cnts{ width:195px; padding-top:20px; }
.recoFooter .contents div.lastChild{ width:214px; }
.recoFooter .contents div li ul{ margin:5px 0 0; }
.recoFooter .contents div li li ul{ margin:5px 0 10px; }
.recoFooter .contents div li li li{ padding-left:0; font-size:100%; }
.recoFooter .contents p.firstChild{
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px solid #ebebeb;
}

.recoFooter .contents div.lastChild ul.category{ margin-bottom:10px; }
.recoFooter .contents div.lastChild li{ margin-bottom:3px; }

@media print{
	.recoFooter{ margin-top:20px; }
}



.recoFooter .firstChild.fnChangeTrg{ width:706px; margin:0; padding:0; }
.recoFooter .firstChild.fnChangeTrg p.fnChangeTag{ margin-left:10px; }
.recoFooter .firstChild.fnChangeTrg .fnAcTag{ width:auto; margin:0; padding:0; }


.recoFooter .firstChild.fnChangeTrg .tochikatsu02{ padding-top:0; }
.recoFooter .firstChild.fnChangeTrg .tochikatsu03{ padding-top:0; }


/*
.recoFooter .contents {
  background: url(../images/bk_recoFooter.gif) left top no-repeat;
}

.recoFooter .contents div {
  width: 215px;
}

.recoFooter .contents div.howto_store {
  width: 227px;
  padding-top: 24px;
}

.recoFooter .contents div.utlz_cnts {
  width: 195px;
  padding-top: 24px;
}

.recoFooter .contents div.lastChild {
  width: 214px;
}

.recoFooter .contents div li li {
  padding-left: 10px;
}

.recoFooter .contents div li ul {
  margin: 5px 0 0;
}

.recoFooter .contents div li li ul {
  margin: 5px 0 10px;
}

.recoFooter .contents div li li li {
  padding-left: 0;
  font-size: 100%;
}

.recoFooter .contents p.firstChild {
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ebebeb;
}

.recoFooter .contents div.lastChild ul.category {
  margin-bottom: 10px;
}

.recoFooter .contents div.lastChild li {
  margin-bottom: 3px;
}

@media print {
  .recoFooter {
    margin-top: 20px;
  }
}

 */


/* ==

　05. メインコンテンツ

=============================================================================== */
#merit, #navi, #btnList a {
  border-radius: 8px;
  box-shadow: 1px 1px 3px #e8e8e8;
}

#leftColumn {
  width: 426px;
  float: left;
}

#rightColumn {
  width: 513px;
  float: right;
}

#bottomColumn {
  clear: both;
  padding-top: 45px;
}

#merit {
  width: 419px;
  height: 257px;
  background: url("../images/index_bg_merit.png") left top no-repeat;
  margin-bottom: 5px;
  behavior: url(/tochikatsu/js/PIE.htc);
  position: relative;
}
#merit h2 {
  padding: 7px 0 5px 7px;
  margin: 0;
}
#merit > p {
  padding: 0 0 5px 7px;
}
#merit .text {
  display: block;
  margin: 5px 0 0 5px;
}
#merit a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

#navi {
  background: url("../images/index_bg_navi.png") left top no-repeat;
  padding: 7px 0 0 6px;
  height: 421px;
  behavior: url(/tochikatsu/js/PIE.htc);
  position: relative;
}
#navi a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
#navi h2 {
  margin-bottom: 5px;
}
#navi li {
  float: left;
  margin-right: 7px;
}
#navi .text {
  display: block;
  margin: 20px 0 0 5px;
}

h3 {
  box-shadow: 1px 1px 6px #e8e8e8;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #fff;
  behavior: url(/tochikatsu/js/PIE.htc);
  position: relative;
}

#btnList li {
  width: 137px;
  height: 50px;
  float: left;
  margin: 5px 5px 0 0;
}
#btnList a {
  display: block;
  padding: 0;
  margin: 0;
  background-color: #fff;
  behavior: url(/tochikatsu/js/PIE.htc);
  position: relative;
}
#btnList a img {
  border-radius: 8px;
  behavior: url(/tochikatsu/js/PIE.htc);
  position: relative;
}
#btnList a:hover {
  filter: alpha(opacity=50);
}
#btnList a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

#btnBnrList {
  margin-bottom: 45px;
}
#btnBnrList li {
  min-height: 238px;
}

/* 見学会バナー */
div.bnrs{
	width:950px;
	margin:0;
	padding:0;
	clear:both;
}
div.bnrs p.bnr{ margin:0 0 20px; }

div.bnrs p.bnr a{ zoom:1; display:block; }
div.bnrs p.bnr a:link, div.bnrs p.bnr a:visited{
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
}
div.bnrs p.bnr a:hover, div.bnrs p.bnr a:active{
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
}

div.bnrs p.bnr_souken{ display:none; }



#bottomColumn .contact p{
    padding-bottom: 7px;
}

#bottomColumn .contact ul{
    margin-bottom: 15px;
}

#bottomColumn .contact ul li{
    margin: 3px 0 0 8px;
}

#bottomColumn .contact ul li:last-child{
    margin: 8px 0 0 9px;
}

#bottomColumn .contact ul li a{
    padding: 0;
}

#bottomColumn .contact ul li a img{
    padding: 0;
}

#bottomColumn .contact ul li a:hover img{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}


/* ==

　99. SNSボタン

=============================================================================== */
#sns {
  width: 700px;
  margin: 0;
  padding: 5px 0 0;
  text-align: right;
  float: right;
}

#sns:after {
  content: '';
  display: block;
  clear: both;
}

#sns p {
  margin: 0;
  padding: 0;
  display: inline;
}