@charset "UTF-8";



/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 130%;
}

dt img,dd img,li img { vertical-align: bottom; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.txt_img { width:250px; height:auto;}
.txt_img2 { width:190px; height:auto;}


.txt_img_l { float: left; margin: 0 16px 8px 0; }
.txt_img_r { float: right; margin: 0 0 8px 16px; }


a   {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

/* IE7で本文の中にテキストリンクを貼ると、ズーム時にテキストが重なるというバグがあるので、それを回避する為のハック */
*:first-child+html p {letter-spacing:0;} 

/*----------------------------------------
■基本リンク
----------------------------------------*/
a:link    {color:#8c0000; text-decoration:none;}
a:visited {color:#8c0000; text-decoration:underline;}
a:hover   {color:#8c0000; text-decoration:underline;}
a:active  {outline:none;}


/*----------------------------------------
■サブページテキスト幅
----------------------------------------*/
p.text{ line-height:1.8;}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {background: none;}
body {color: #505050; background:#fffef6; position:relative;}


/* マージン設定 */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb19 {margin-bottom:19px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb80 {margin-bottom:80px !important;}

.mr18 { margin-right:18px !important;}
.mr26 { margin-right:26px !important;}


#wrapper{width:100%; height:auto;  padding:0; margin:0 auto; text-align:left;}
	

#main {
	width:950px;
	margin:0 auto 50px;
	overflow:hidden;
}

#m-col {
	width:710px;
	float:right;
}

#s-col {
	width:220px;
	float:left;
}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#header-wrapper {
	width:100%;
	height:120px;
}

#header-wrapper2 {
	width:100%;
	height:120px;
	position:absolute;
	top:0;
}

#outer_header {
	width:100%;
	height:120px;
	background:url(/import/tenant_1/www.luce-dc.com/images/header-bg1.png) repeat-x 0 0;
	z-index:9999999;
}

#header-inner {
	width:100%;
	height:120px;
	background:url(/import/tenant_1/www.luce-dc.com/images/header-bg2.png) no-repeat center top;
}

#header {
	width:950px;
	height:120px;
	margin:0 auto;
	position:relative;
}

#header h1{
	width:950px;
	height:14px;
	color:#c3b6a0;
	position:absolute;
	top:10px;
	left:5px;
	font-size:10px;
}

#logo {
	width:134px;
	height:84px;
	position:absolute;
	top:15px;
	left:408px;
	z-index:99999;
}

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/
#navi-outer {
	width:950px;
	height:40px;
	position:absolute;
	top:35px;
	left:0;
}

#navi {
	width:950px;
	height:40px;
	list-style:none;
	margin:0 auto;
}

#navi li { float:left; text-align:center;}
.navi-ml { margin-left:134px;}

.fixed {
    position: fixed;
    top: 0;
	height:50px;
    width: 100%;
    z-index: 10000;
}

/*==========================================================================*/
/*                                Main Image                                */
/*==========================================================================*/
#outer_topImage {
	width:100%;
	height:auto;
	position:relative;
}

#topImage {
	width:100%;
	height:auto;
}

#topImage .box {
	width:950px;
	height:auto;
	margin:0 auto;
}

#topImage .box h2 {
	width:600px;
	height:270px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	z-index:8888;
}

#topImage .box h2 img { width:100%; height:auto;}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
#outer_footer {
	width:100%;
	height:520px;
	text-align:center;
	padding:45px 0 0 0;
	box-sizing:border-box;
	background:url(/import/tenant_1/www.luce-dc.com/images/footer-bg.jpg) repeat-x 0 0;
	border-bottom:1px solid #977936;
}

#footer {
	width:950px;
	height:442px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

#footer1 {
	width:290px;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}

#footer-map {
	width:610px;
	height:230px;
	position:absolute;
	top:0;
	right:0;
	border:4px solid #fff;
	box-sizing:border-box;
}

#footer-navi {
	width:610px;
	height:190px;
	position:absolute;
	top:245px;
	right:0;
}
#footer-navi li { font-size:12px; margin-bottom:10px;}
#footer-navi p { font-size:12px; margin-bottom:10px; color:#fff; font-weight:bold;}

#footer-navi .block1 {
	width:170px;
	height:auto;
	float:left;
	margin-right:10px;
}

#footer-navi .block2 {
	width:190px;
	height:auto;
	float:left;
	margin-right:10px;
}

#footer-navi .block3 {
	width:230px;
	height:auto;
	float:left;
}

#footer-navi li a:link    {color:#fff; text-decoration:none;}
#footer-navi li a:visited {color:#fff; text-decoration:underline;}
#footer-navi li a:hover   {color:#fff; text-decoration:underline;}
#footer-navi li a:active  {outline:none;}

#copy {
	width:100%;
	height:auto;
	padding:15px 0 15px 0;
	background:url(/import/tenant_1/www.luce-dc.com/images/copy_bg.jpg) repeat 0 0;
	border-top:1px solid #b89b5a;
}

#copy p { font-size:10px; color:#fff; text-align:center;}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#contact_b {
	width:346px;
	position:fixed;
	bottom:20px;
	right:20px;
	display:block;
	z-index:99999;
}

.pc_area {display:block;}
.sp_area {display:none;}

.f-left { float:left;}
.f-right { float:right;}

.text_area {
	width:690px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}


/* index
------------------------------------------------------------------------*/
.b950 {
	width:950px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

#sec1-bg1 {
	width:100%;
	height:auto;
	padding:45px 0 65px 0;
	background:url(/import/tenant_1/www.luce-dc.com/images/sec1_bg.jpg) repeat-x 0 0;
}

#sec1-bg1 .inner {
	width:890px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

#sec1-bg1 .inner .left {
	width:535px;
	height:auto;
	float:left;
}

#sec1-bg1 .inner .right {
	width:317px;
	height:auto;
	float:right;
}

#index-line {
	width:100%;
	height:auto;
	padding:20px 0 0 0;
	background:#fffef6 url(/import/tenant_1/www.luce-dc.com/images/sec1_bg2.jpg) repeat-x 0 bottom;
}


#sec1-bg2 {
	width:100%;
	height:auto;
	padding:0 0 65px 0;
	/*background:#fffef6 url(/import/tenant_1/www.luce-dc.com/images/sec1_bg2.jpg) repeat-x 0 bottom;*/
}

.sec1-banner {
	width:298px;
	height:auto;
	float:left;
}

.sec1-banner .inner {
	width:298px;
	height:auto;
	padding:10px 11px 10px 11px;
	box-sizing:border-box;
	background:url(/import/tenant_1/www.luce-dc.com/images/sec1-bnbg1.png) repeat-y 0 0;
}

.sec1-banner .inner p {
	color:#5b421e;
	font-size:12px;
	text-align:center;
	line-height:1.6;
}

.text2 { line-height:2.0 !important;}

#sec2-bg {
	width:100%;
	height:auto;
	background:url(/import/tenant_1/www.luce-dc.com/images/sec2_bg.jpg) no-repeat center bottom;
	padding:65px 0 80px 0;
}

#sec2-bg .inner {
	width:950px;
	height:auto;
	margin:0 auto;
	padding:0 9px 0 279px;
	box-sizing:border-box;
	overflow:hidden;
}

#sec2-bg .inner li { float:left;}


#sec3-bg {
	width:100%;
	height:auto;
	margin-bottom:50px;
	padding:70px 0 58px 0;
	background:url(/import/tenant_1/www.luce-dc.com/images/sec3_bg.jpg) repeat-x 0 0;
	background-size: contain;
}
#sec3-bg h2 span {
  color: #fff !important;
      margin-left: 23px;
}

#sec3-bg .b950 li { float:left; margin:0 9px;}

#sec4-left { width:710px; height:auto; float:left; background:url(/import/tenant_1/www.luce-dc.com/images/sec4_bg.jpg) no-repeat center top;}
#sec4-left .banner {
	width:710px;
	background:#f5f1e3;
	overflow:hidden;
	padding:20px 0 5px 12px;
	box-sizing:border-box;
}

#sec4-left .banner li { float:left; margin:0 8px 15px 8px;}


#sec4-right { width:220px; height:auto; float:right;}
#sec4-right li { margin-bottom:5px;}

#blog-bg {
	width:220px;
	height:200px;
	padding:10px 10px 0 10px;
	box-sizing:border-box;
	margin-bottom:10px;
	background:url(/import/tenant_1/www.luce-dc.com/images/side-blog-bg.jpg) no-repeat center top;
}

#blog {
	width:190px;
	height:135px;
	margin:0 auto;
	overflow:hidden;
	overflow-y:scroll;
	box-sizing:border-box;
}

#blog dl { width:175px; overflow:hidden; margin:0 auto 15px;}
#blog dt { box-sizing:border-box; padding:0 0 0 0; font-size:14px; font-weight:bold;}
#blog dd {}

#blog a:link    {color:#000; text-decoration:none;}
#blog a:visited {color:#000; text-decoration:underline;}
#blog a:hover   {color:#000; text-decoration:underline;}
#blog a:active  {outline:none;}


#page-top {
	width:110px;
	height:40px;
	float:right;
	margin-bottom:20px;
}

/* 見出し
------------------------------------------------------------------------*/
#h2_outer {
	width:100%;
	height:320px;
	position:relative;
	background-size:cover;
}

#h2_outer h2 {
	width:950px;
	height:200px;
	margin:0 auto;
}

#h2_ttl {
	width:100%;
	height:150px;
	margin:0 auto;
	padding:50px 0 0 0;
	position:absolute;
	bottom:0;
	left:0;
}

#h2_ttl h2{ width:950px; height:150px; margin:0 auto;}

.bg_h2 { background:url(/import/tenant_1/www.luce-dc.com/images/h2_bg.jpg) no-repeat center top;}


.h3-ttl {
	width:100%;
	height:auto;
	box-sizing:border-box;
	margin-bottom:15px;
	padding:8px 0 10px 0;
	background:url(/import/tenant_1/www.luce-dc.com/images/h3_bg.jpg) no-repeat right;
}

.h3-ttl h3 {
	font-size:24px;
	color:#301701;
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
}

.h4-ttl {
	width:100%;
	height:auto;
	box-sizing:border-box;
	margin-bottom:15px;
	padding:0 0 5px 8px;
	background:url(/import/tenant_1/www.luce-dc.com/images/h4_bg.gif) repeat-x bottom #fdf7e6;
}

.h4-ttl h4 {
	font-size:20px;
	letter-spacing:0.1em;
	color:#a38233;
	padding:10px 0 10px 5px;
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
}

.h5-ttl {
	width:700px;
	padding:3px 0 10px 30px;
	margin:0 auto 15px;
	background:url(/import/tenant_1/www.luce-dc.com/images/h5_bg.jpg) no-repeat 3px 0;
	border-bottom:1px solid #eeecda;
	box-sizing:border-box;
}

.h5-ttl h5 {
	color:#7e0e10;
	font-weight:bold;
	font-size:16px;
}

h6 {
	font-weight:bold;
	font-size:15px;
	padding:0 0 0 10px;
	margin-bottom:15px;
	color:#234600;
}

/* パンくず
------------------------------------------------------------------------*/
.topicpath { width:950px; height:auto; margin:0 auto; padding:12px 0 12px 0;}

.topicpath ol li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
		font-size:11px;
}

.topicpath ol li:before {
        /* liの前に記号追加 */
        content: " > ";
}

.topicpath ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content:"";
}

.topicpath a:link    {color:#000000; text-decoration:none;}
.topicpath a:visited {color:#000000; text-decoration:none;}
.topicpath a:hover   {color:#c19041; text-decoration:none;}
.topicpath a:active  {outline:none;}

/*side*/
.side-list li { margin-bottom:5px;}
.side-list2 li { margin-bottom:3px;}

/* FAQ
------------------------------------------------------------------------*/
.block_faq {
	padding:14px;
	border-bottom:1px dotted #eeecda;
	margin:0 0 15px;
}


.question {
	padding:0 0 15px 30px;
	font-size:18px;
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
	font-weight:500;
	background:url(/import/tenant_1/www.luce-dc.com/images/faq-q.jpg) no-repeat 0 0;

}
.answer {
	padding:5px 0 15px 30px;
	background:url(/import/tenant_1/www.luce-dc.com/images/faq-a.jpg) no-repeat 0 3px;
	line-height:1.8;
}

.pickup-ttl {
	width:630px;
	height:auto;
	margin:0 auto;
	padding:20px 0 10px 0;
	box-sizing:border-box;
	background:url(/import/tenant_1/www.luce-dc.com/images/pickup-bg1.jpg) no-repeat center top;
}

.pickup-ttl p { 
  /* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
  font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
  font-size:18px; text-align:center; color:#5b421e;}
.pickup-ttl span { color:#8c0000; margin-right:20px; font-style:italic;}

.pickup-bg {
	width:630px;
	height:auto;
	box-sizing:border-box;
	margin:0 auto;
	padding:0 25px 0 25px;
	background:url(/import/tenant_1/www.luce-dc.com/images/pickup-bg2.jpg) repeat-y 0 0;
}

/* anc b
------------------------------------------------------------------------*/
.anc-block {
    margin-top:-120px;
    padding-top:120px;
}


ul.anc-bn {
    width:600px;
	margin:0 auto;
	box-sizing:border-box;
	overflow:hidden;
}

ul.anc-bn li{
    width:290px;
	font-size:16px;
    padding:15px 25px;
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
    list-style:none;
	color: #5b421e;
	box-sizing:border-box;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	vertical-align:middle !important;
	border-left:1px solid #ab8a3b;
	border-right:1px solid #ab8a3b;
	border-top:1px solid #ab8a3b;
	border-bottom:3px solid #ab8a3b;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f6f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f6f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f6f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f7f6f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f6f2',GradientType=0 ); /* IE6-9 */
}


ul.anc-bn li a:link,
ul.anc-bn li a:visited {
	color:#5b421e;
	text-decoration:none;
}
ul.anc-bn li a:hover { color:#ab8a3b;}

ul.anc-bn_3b{
    width:710px !important;  
}
ul.anc-bn_3b li{
    width:225px !important;   
}


/* coomon
------------------------------------------------------------------------*/

.table1 {
	width:680px;
	height:auto;
	margin:0 auto;
	border-top:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
}

.table1 th {
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	padding:8px 15px 8px 15px;
	text-align:center;
	color:#d9a859;
	font-weight:bold;
	font-size:14px;
	background:#fbf6ee;
}

.table1 td {
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	padding:8px 20px;
}

.w-p5 {width:5% !important;}
.w-p10 {width:10% !important;}
.w-p15 {width:15% !important;}
.w-p20 {width:20% !important;}
.w-p25 {width:25% !important;}
.w-p26 {width:26% !important;}
.w-p28 {width:28% !important;}
.w-p30 {width:30% !important;}
.w-p33 {width:33% !important;}
.w-p35 {width:35% !important;}
.w-p40 {width:40% !important;}
.w-p45 {width:45% !important;}
.w-p50 {width:50% !important;}
.w-p55 {width:55% !important;}
.w-p60 {width:60% !important;}
.w-p70 {width:70% !important;}
.w-p80 {width:80% !important;}
.w-p90 {width:90% !important;}
.w-p95 {width:95% !important;}
.w-p98 {width:98% !important;}

.table-img { width:100%; height:auto;}

.common-list li {
	padding:0 0 15px 20px;
	font-weight:bold;
	background:url(/import/tenant_1/www.luce-dc.com/images/lit-icon.jpg) no-repeat 3px 5px;
}

.banner-list { width:670px; height:auto; margin:0 auto; overflow:hidden;}
.banner-list li { float:left; margin:0 5px 10px;}


/*equipment*/
.equip-b {
	width:330px;
	height:auto;
	overflow:hidden;
}

.equip-img {
	width:330px;
	height:auto;
	margin:0 auto 10px;
}

.equip-h5-ttl {
	width:100%;
	padding:3px 0 10px 30px;
	margin:0 auto 15px;
	background:url(/import/tenant_1/www.luce-dc.com/images/h5_bg.jpg) no-repeat 3px 0;
	border-bottom:1px solid #eeecda;
	box-sizing:border-box;
}

.equip-h5-ttl h5 {
	color:#7e0e10;
	font-weight:bold;
	font-size:16px;
}

/*flow*/

.flow-bg {
	width:690px;
	height:auto;
	margin:0 auto;
	padding:0 0 35px 0;
	background:url(/import/tenant_1/www.luce-dc.com/images/flow-bg.jpg) repeat-x bottom;
}
.step_icon, .step_icon + .text{
    display:table-cell;   
    vertical-align:top;
}
.step_icon + .text{
    padding-left:20px;   
}
.step1 {
	width:690px;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 75px;
	background:url(/import/tenant_1/www.luce-dc.com/images/step1.jpg) no-repeat left;
}

.step2 {
	width:690px;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 75px;
	background:url(/import/tenant_1/www.luce-dc.com/images/step2.jpg) no-repeat left;
}

.step3 {
	width:690px;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 75px;
	background:url(/import/tenant_1/www.luce-dc.com/images/step3.jpg) no-repeat left;
}

.step4 {
	width:690px;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 75px;
	background:url(/import/tenant_1/www.luce-dc.com/images/step4.jpg) no-repeat left;
}
.step5 {
	width:690px;
	height:auto;
	margin:0 auto 5px;
	box-sizing:border-box;
	padding:20px 0 20px 75px;
	background:url(/import/tenant_1/www.luce-dc.com/images/step5.jpg) no-repeat left;
}

.step2 h5,
.step3 h5,
.step4 h5,
.step5 h5,
.step1 h5 {
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
	font-size:24px;
	color:#7e0e10;
}

.flow-arrow { width:105px; height:auto; margin:0 auto 20px;}
.flow-arrow img { width:100%; height:auto;}


/*voice*/

.voice-ttl {
	width:100%;
	height:auto;
	padding:20px 0 10px 0;
	text-align:center;
	background:url(/import/tenant_1/www.luce-dc.com/images/voice-ttl.png) no-repeat center top;
}

.voice-ttl p {
	font-size:18px;
	font-weight:bold;
	color:#9d7d39;
	/* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif; */
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝", serif;
}
.voice-ttl span {
	font-size:14px;
	font-weight:normal;
}

.voice-bg {
	width:630px;
	height:auto;
	background:#fff;
	margin:0 auto;
	padding:10px 20px 10px 20px;
	box-sizing:border-box;
	border-top:1px solid #f7f6ee;
	border-left:1px solid #f7f6ee;
	border-right:1px solid #f7f6ee;
}

.clinic-map {
	width:690px;
	height:450px;
	margin:0 auto 50px;
}

.blog-list li {
	padding:3px 0 5px 35px;
	margin-bottom:20px;
	background:url(/import/tenant_1/www.luce-dc.com/images/blog-icon.gif) no-repeat 5px 2px;
}
.blog-list li span { font-weight:bold; margin-right:15px;}

.blog-list li a:link    {color:#505050; text-decoration:none;}
.blog-list li a:visited {color:#8c0000; text-decoration:underline;}
.blog-list li a:hover   {color:#8c0000; text-decoration:none;}
.blog-list li a:active  {outline:none;}




.blog-img {
	width:650px;
	height:auto;
	margin:0 auto 30px;
	text-align:center;
}

.blog-img  img { width:100%; height:auto;}


.checklist li { padding:5px 0;}
.checklist li input { margin-right:10px;}

.staff-image li {
	width:210px;
	height:250px;
	float:left;
	margin:0 10px 10px;
	background:#d7d4be;
	text-align:center;
}

/*pagenation*/
.pagination_cover {
  position: relative;
  overflow: hidden;
}
.pagination {
  float:left;
  left:50%;
  position:relative;
}
.pagination>li {
  display: inline;
  float:left;
  left:-50%;
  position:relative;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
  margin-left: 0;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  background-color: #8c0000;
  border-color: #8c0000;
  cursor: default;
}

.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}

.pagination a {
  color: #0f65a7;
  text-decoration: none;
}


/*スマホ・ｐｃ共通*/
.top-banner {
  width: 100%;
  max-width: 750px;
  padding: 10px;
  margin: auto;
  position: relative;
  box-sizing:border-box;
	background: rgb(227, 230, 229);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, rgba(227, 230, 229, 1)), to(rgba(255, 255, 255, 0.45702030812324934)));
	background: -webkit-linear-gradient(bottom, rgba(227, 230, 229, 1) 46%, rgba(255, 255, 255, 0.45702030812324934) 100%);
	background: linear-gradient(0deg, rgba(227, 230, 229, 1) 46%, rgba(255, 255, 255, 0.45702030812324934) 100%);
}
.top-banner li a {
  display: block;
}
.top-banner li a:hover {
  opacity: 0.6;
}

.top-banner .pic {
  width: 100%;
  border: #8b0000 solid 2px;
}

.top-banner dl {
  position: absolute;
  z-index: 1;
  width: 72%;
  top: 50%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
  left: 0;
}
.top-banner dl * {
  text-align: center;
  color: #505050;
  font-weight: bold;
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝, serif;
}
.top-banner dl dt span {
  display: block;
  text-shadow: 
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.top-banner .fs16 {
  font-size: 20px;
  text-shadow: 
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.top-banner .fs24 {
  font-size: 34px;
  text-shadow: 
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
}
.top-banner .page-btn span {
  background: #8b0000;
  color: #fff !important;
  font-size: 18px;
  padding: 10px 25px;
  margin-top: 10px;
  display: inline-block;
}

@media only screen and (max-width: 640px) {
  .top-banner li {
    border: #8b0000 solid 2px;
  }
  .top-banner dl {
    position:relative;
    left: initial;
    top: initial;
    width: 100%;
    transform: none;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
}
  .top-banner .fs16 {
font-size: 16px;
}
.top-banner .fs24 {
font-size: 18px;
}
.top-banner .page-btn span {
font-size: 16px;
padding: 5px 10px;
}
.top-banner .pic {
  border: none;
}
#sec3-bg h2 span {
  margin-left: 0;
}
#sec3-bg h2 .homeconcept_midashi:before {
  left: -81px;
}

}


/* 2023/01/19上書き */
.area-timetable {
    padding: 80px 0;
}


.area-timetable .txt {
    font-size: 18px;
    text-align: center;
    line-height: 2;
}

.area-timetable .table {
    width: 100%;
    max-width: 650px;
    margin: auto;
    margin: 20px auto 0;
}

.area-timetable .table table {
    width: 100%;
}

.area-timetable .table th,.area-timetable .table td {
    text-align: center;
    border: 1px solid #5B421E;
    font-size: 15px;
}

.area-timetable .table th {
    background: #5B421E;
    color: #fff;
    padding: 5px;
}

.area-timetable .table td {
    color: #5B421E;
    padding: 5px;
    line-height: 1;
}
.area-timetable .table td.color-maru {
    color: #8c0000;
    font-weight: bold;
    font-size: 22px!important;
}

.area-timetable .table tr:not(:first-of-type) td {
    font-size: 18px;
}

.area-timetable .table tr:not(:first-of-type) td.time {
    font-size: 16px;
}

.area-timetable .text {
max-width: 650px;
    margin: 10px auto 0;
    font-size: 13px;
    color: #5B421E;
}

.area-timetable .text .space {
    margin: 0 10px;
}

.area-timetable .box {
    width: 80%;
    max-width: 890px;
    margin: auto;
    background: #fff;
    padding: 60px 20px 40px;
    -webkit-box-shadow: 5px 5px 20px #999;
            box-shadow: 5px 5px 20px #999;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}