@charset "UTF-8";
/* CSS Document */

body#home #contentsBg {
	width:100%;
	padding-top:135px;
	background:url(../img/bg04.jpg) no-repeat center 120px;
}
/*セミナー相談会ボタン*/
.seminar {
	background:url(../img/btn_index27.png) no-repeat;
	width:150px;
	height:80px;
	display:block;
	box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.seminar:hover {
	background:url(../img/btn_index27_on.png) no-repeat;
	width:150px;
	height:80px;
	display:block;
}
/*セミナー相談会ボタン*/

#topContents {
	padding-bottom:25px;
}

.message {
	box-sizing:border-box;
	background:rgba(255,255,255,0.80);
	border:1px solid #00a8be;
	padding:7px 15px;
	margin:0 auto 5px;
	font-size:90%;
	width:100%;
}
.message .txt,
.message02 .txt {
	float:left;
	line-height:1.4em;
	font-weight:bold;
}
.message .btn,
.message02 .btn{
	float:left;
}

.message02 {
	box-sizing:border-box;
	background:rgba(255,255,255,0.80);
	border:1px solid #006cd9;
	padding:7px 15px;
	margin:0 auto 20px;
	font-size:90%;
	width:95%;
}

.message02 .txt {
	line-height:40px;
	height:40px;
	float:left;
}


/* ---------------------------------------------
	Slider
--------------------------------------------- */

#slider {
	width:600px;
	height:430px;
	margin:0px 0px 0px 10px;
	background:rgba(255,255,255,0.7);
	background: url(../common/img/bg_ie8.png)\9;
	padding:10px;
	float:left;
	box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
}

#slider:not(:target){
	filter: none;
}

/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden; }
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(../img/slider/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(../img/slider/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent  .navigator-content {
	position:absolute; bottom:10px; left:50%;
	background:url(../img/slider/transparent_bg.png) repeat;
	margin-left:-277px;
	padding:5px 0px;
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{ padding:0px; }

.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i { font-size:70%; }

/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li img{
	border:#666 solid 3px;	
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:#CCC solid 3px;
	-moz-transition:border-color  ease-in-out 0.4s
}
.lof-slidecontent .navigator-content .button-next, 
.lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;

}
.lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-999px;
	margin-right:10px;
	margin-top:14px;
	background:url(../img/slider/arrow-r.png) no-repeat right center;
}
.lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-999px;
	margin-left:10px;
	margin-top:14px;
	background:url(../img/slider/arrow-l.png) no-repeat left center;
}

.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url(../img/slider/transparent_bg.png) repeat;
}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
	background:url(../img/slider/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
	background:url(../img/slider/pause.png) no-repeat center center;
}


/* ---------------------------------------------
	Easy Menu
--------------------------------------------- */

ul#easyMenu {
	width:156px;
	float:right;
}

ul#easyMenu li {
	float:left;
	padding:0 0 6px 6px;
}

ul#easyMenu li img {
	box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}


/* ---------------------------------------------
	Ratail Navi
--------------------------------------------- */

.retailNavi {
}

.retailNavi_box {
	float:left;
	margin-left:13px;
	box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

.retailNavi_box h3 {
}

.retailNavi_box ul {
	padding:12px 9px 5px;
	background:#FFF;
}

.retailNavi_box ul li {
	margin-bottom:5px;
	line-height:0;
}

.retailNavi_box ul li.more {
	font-size:80%;
	text-align:right;
	line-height:1.8;
}

.retailNavi_box ul li.more a {
	background:url(../common/img/li_header01.jpg) no-repeat left center;
	padding-left:8px;
}


/* ---------------------------------------------
	Info Box
--------------------------------------------- */

.infoBox {
	width:780px;
	float:left;
	margin-top:25px;
}

.infoBox a[href$=".pdf"] {
	background-image:none !important;
}

#infoTab {
	background:#DDD;
	padding:5px;
	margin-bottom:20px;
}

#infoTab ul#nav {
	padding-left: 5px;
	list-style: none;
	border-bottom:5px solid #0861A7;
}
#infoTab ul#nav li {
	margin-right:5px;
	float:left;
	display:inline;
	/*font-size:0;*/
}
#infoTab ul#nav li a img{
	outline:none;
	border:none;
}
#infoTab div {
	display:none;
	padding:15px 10px 10px;
	background:#FFF;
	font-size:95%;
	line-height:1.6;
}

#tab-01 ul li,
#tab-02 ul li,
#tab-03 ul li {
	border-bottom:1px dotted #999;
	padding:7px 10px;
	clear:both;
}

#tab-01 ul li:after,
#tab-02 ul li:after,
#tab-03 ul li:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	line-height: 0px;
} 

#tab-01 ul li time,
#tab-02 ul li time,
#tab-03 ul li time {
	float:left;
	display:block;
	width:140px;
	margin-right:10px;
}

#tab-01 ul li p,
#tab-02 ul li p,
#tab-03 ul li p {
	float:left;
	display:block;
	width:580px;
}

.attention {
	background:#B20000;
	padding:10px 5px 5px;
	font-size:90%;
}

.attention h4 {
	font-size:0;
	margin:0 0 8px 15px;
}

.attentionContents {
	background:#FFF;
	padding:10px;
}

.attentionContents ul {
}

.attentionContents ul li {
	border-bottom:1px dotted #999;
	padding:4px 10px 4px 17px;
	background:url(../img/li_index05.gif) no-repeat 5pt 9pt;
}

.attentionContents ul li span.imp {
	background:url(../img/ico_index01.gif) no-repeat left top;
	padding-left:40px;
}

.attentionContents ul li a {
	display:block;
}


/* ---------------------------------------------
	Banner Box
--------------------------------------------- */

.bnrBox {
	margin-top:25px;
	float:right;
	width:200px;
}

.bnrBox ul li {
	margin-bottom:8px;
}

.bnrBox .csr_menu {
	background:#FDFFEA;
	border:3px solid #11478E;
	padding:7px;
}
.bnrBox .csr_menu li {
	margin:0;
	padding:0;
}

/* ---------------------------------------------
	sNavitop
--------------------------------------------- */

.sNavitop {
	box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 3px 3px 3px 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	font-size: 0px;
    line-height: 0px;
}

.sNavitop ul {
	zoom:1;
	background:rgba(255,255,255,0.7);
	background: url(../common/img/bg_ie8.png)\9;
	padding:6px 10px;
}

.sNavitop ul:not(:target){
	filter: none;
}

.sNavitop ul li {
	padding-top:5px;
	font-size: 0px;
    line-height: 0px;
}
.mb03 {
	margin-bottom:3px;
}