@charset "UTF-8";

/* home.css
**************************************************************************************


/* Layout
=============================================================================*/

.mainbg {
	padding-bottom:80px;
}
/* jquely bxSlider
=============================================================================*/
.main-visual{
    width: 100%;
	height:363px;
}

.main-visual .bg_img{
	padding:0;
	position:relative;
}
 .main-visual #slider li a{
    padding: 30px 0 0 40px;
    font-size: 24px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 2px #333333;
}
 .main-visual .slider{
	 width:100%;
	height:363px;
	overflow:hidden;
}

 .main-visual .slider li{
	 width:100% !important;
}
 
.main-visual .bg_img .slider li a{
	font-size: 1px;
	border:0;
	overflow:hidden;
 }
 .main-visual .bg_img .slider li img{
	height:363px;
	border:0;
	width:980px !important;
	margin:0 auto !important;
	display:block;
 }
 .main-visual .bg_img .slider li.slide1{
	background:url("../../image_new/bg001.jpg") no-repeat center top;
 }
  .main-visual .bg_img .slider li.slide2{
	background:url("../../image_new/bg002.jpg") no-repeat center top;
 }
 .main-visual .bg_img .slider li.slide3{
	background:url("../../image_new/bg003.jpg") no-repeat center top;
 }
 .main-visual .bg_img .slider li.slide4{
	background:url("../../image_new/bg005.jpg") no-repeat center top;
 }
 .main-visual .bg_img .slider li.slide5{
	background:url("../../image_new/bg004.jpg") no-repeat center top;
 }


/* ページャー部分 */
.main-visual .bg_img .bx-pager{
	position:absolute;
	top:23px;
	left:50%;
	padding:0 0 0 280px;
	width:239px;
	height:318px;
	z-index:1000;
}
.main-visual .bx-pager a {
    border: none;
    padding:0;
    background-color: none;
    line-height: 0;
    overflow: hidden;
    display: inline-block;
}
.main-visual .bx-pager div a{
	width:239px;
	height:56px;
	text-indent: -9999px;
	font-size: 1px;
	display:block;
}
.main-visual .bx-pager div.thumb00 a{
	background:url("../../image_new/thumb01.png") no-repeat top left;
	margin:0 0 9px 0;
}
.main-visual .bx-pager div.thumb01 a{
    background:url("../../image_new/thumb02.png") no-repeat top left;
	margin:0 0 9px 0;
}
.main-visual .bx-pager div.thumb02 a{
    background:url("../../image_new/thumb03.png") no-repeat top left;
	margin:0 0 9px 0;
}
.main-visual .bx-pager div.thumb03 a{
    background:url("../../image_new/thumb05.png") no-repeat top left;
	margin:0 0 9px 0;
}
.main-visual .bx-pager div.thumb04 a{
    background:url("../../image_new/thumb04.png") no-repeat top left;
	margin:0;
}
.main-visual .bx-pager div.thumb00 a:hover{
	background:url("../../image_new/thumb01.png") no-repeat bottom left;
}
.main-visual .bx-pager div.thumb00 a.active{
	background:url("../../image_new/thumb01.png") no-repeat bottom left;
}
.main-visual .bx-pager div.thumb01 a:hover{
    background:url("../../image_new/thumb02.png") no-repeat bottom left;
}
.main-visual .bx-pager div.thumb01 a.active{
    background:url("../../image_new/thumb02.png") no-repeat bottom left;
}
.main-visual .bx-pager div.thumb02 a:hover{
    background:url("../../image_new/thumb03.png") no-repeat bottom left;
}
.main-visual .bx-pager div.thumb02 a.active{
    background:url("../../image_new/thumb03.png") no-repeat bottom left;
}
.main-visual .bx-pager div.thumb03 a:hover{
    background:url("../../image_new/thumb05.png") no-repeat bottom left;
}
.main-visual .bx-pager div.thumb03 a.active{
    background:url("../../image_new/thumb05.png") no-repeat bottom left;
}
.main-visual .bx-pager div.thumb04 a:hover{
    background:url("../../image_new/thumb04.png") no-repeat bottom left;
}
.main-visual .bx-pager div.thumb04 a.active{
    background:url("../../image_new/thumb04.png") no-repeat bottom left;
}
 
/* 前へ、次へのボタン */
.main-visual .bx-prev,
.main-visual .bx-next{
	display:none;
}
.main-visual .bx-prev{
	display:none;
}
.main-visual .bx-next{
	display:none;
}
/* bath-area
=============================================================================*/
.home .bath-area{
	width:590px;
}

.home .bath-area ul li{
	float:left;
}


/* Pick-Up
=============================================================================*/

.home #main .pickup-area {
	padding-bottom:30px;
}

.home #main .pickup-area h2 {
	background:#CCC;
}

.home #main .pickup-area .pickup-box-wrapper {
	background:#eeeeee;
	padding:18px;
}

.home #main .pickup-area .pickup-box {
	width:210px;
	float:left;
	padding-left:15px;
}


/* bath-area
=============================================================================*/
.home .bath-area{
	width:590px;
}

.home .bath-area ul li{
	float:left;
}

.home .bath-area ul li.right-btn{
	float:right;
	margin:0 0 38px 0;
}

.home .bath-area ul li.left-btn a:hover img,
.home .bath-area ul li.right-btn a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/* Pick-Up
=============================================================================*/
.home #side .pickup-area {
	background:#f4cbcb;
	padding:3px;
	position:relative;
	margin:0 0 23px 0;
}

.home #side .pickup-deco {
	padding-bottom:30px;
	background:url("../../image_new/index-bg002.gif") repeat left top;
	padding:20px;
}
.home #side .pickup-area .pickup-txt {
	padding:15px;
	background-color:#ffe1e1;
	font-size:107%;
}

/*通常
.home #side .pickup-area {
	background:#f0f0f0;
	padding:3px;
	position:relative;
	margin:0 0 23px 0;
}

.home #side .pickup-deco {
	padding-bottom:30px;
	background:url("../../image_new/index-bg001.gif") repeat left top;
	padding:20px;
}
.home #side .pickup-area .pickup-txt {
	padding:15px;
	background-color:#e8e8e8;
	font-size:107%;
}
*/

.home #side .pickup-area h2 {
	position:absolute;
	left:0;
	top:21px;
}


.home #side .pickup-area .pickup-box {
	margin:0 0 12px 0;
}

.home #side .pickup-area .pickup-img {
	float:right;
	width:160px;
}

.home #side .pickup-area .pickup-img a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.home #side .pickup-area dt {
	float:left;
	width:140px;
	padding:55px 0 0 0;
}

.home #side .pickup-area dt a{
	background:url("../../image_new/index-ar001.gif") no-repeat left 5px;
	padding:0 0 0 15px;
	font-size:123.1%;
	display:block;
}



/* News
=============================================================================*/

.home #main .news-list {
	padding-bottom:30px;
	width:250px;
	background-color:#f6f6f6;
	float:left;
	padding:10px 20px 20px 20px;
}

.home #main .news-right {
	float:right !important;
}

.home #main .news-area h2{
	padding:0 0 9px 0;
}


/*リスト*/

.home #main .news-list dl{
	padding:10px 0;
}

.home #main .news-list dl dt {
	display:inline;
}

.home #main .news-list dl dd {
	display:block;
	padding:5px 0 0 0;
}

/*アイコン*/

.home #main .news-area dl dt.ic001 {
	background:url("../../image_new/news-ic001.gif") no-repeat right top;
}

.home #main .news-area dl dt.ic002 {
	background:url("../../image_new/news-ic002.gif") no-repeat right top;
}

/* catalog
=============================================================================*/

.home .catalog{
	margin:0 0 40px 0;
}

.home .catalog a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/* link-area
=============================================================================*/

.home .link-area{
	background-color:#878787;
	padding:10px;
	margin:0 0 40px 0;
}

.home .link-area li{
	float:left;
}

/* Banner
=============================================================================*/
.home #side-right ul.bn-navi li {
	padding:0 0 8px 0;
}