@charset "utf-8";
/* CSS Document */

/* CSS Information ---------

o-ren.Gr
HOME用 CSS

file name : home.css
Sign up : 2016.1.31
Last modify : 2016.4.29

-------------------------*/


/*****  ボディ　******/
#main {
	background-image:url(../image/back_parts/vivi_background.png);
	width: 100%;
	min-width: 1209px;
}

.h1_size {
    font-size: 14px;
    font-weight: bold;
}


/* home header (HOME用のヘッダー画像など) */
header.home-unique{ 
	background:url(../image/header/home_header_back_2.jpg) no-repeat scroll center top; 
	margin:0 auto; 
	width:100%;
    background-size: 1209px;
}
.home-unique .header-inner{ width:1209px; height:571px; position:relative; margin:0 auto;}
.home-unique .header-inner .left-navi{ 
    width: 423px;
    float: left;
    height: 182px;
    margin-top: 7px;
    margin-left: 46px;
}
.home-unique .header-inner .left-navi .left{
	width: 200px;
	height: 182px;
	float: left;
}
.home-unique .header-inner .left-navi .right{
	width: 200px;
	height: 182px;
	float: right;
}

.home-unique .header-inner .right-navi{ float:right; width:150px;}
.home-unique .header-inner .right-navi .link-btn{ width:72px; float:left; padding-top:8px;}
.home-unique .header-inner .logo{ position:absolute; left:600px; top:100px;}
.home-unique .header-inner .home-sch-btn{
	position:absolute; 
	left: 94px;
    top: 208px;
    width: 400px;
    height: 107px;
    overflow: hidden;
}
.home-unique .header-inner .home-gh-btn{
	position:absolute; 
	left: 94px;
    top: 319px;
    width: 400px;
    height: 107px;
    overflow: hidden;
}
.home-unique .header-inner .home-mb-btn{
	position:absolute; 
	left: 94px;
    top: 430px;
    width: 400px;
    height: 107px;
    overflow: hidden;
}
.home-unique .header-inner .header-banner-list{position:absolute; left:0; top:555px;}
.home-unique .header-inner .header-banner-list li{ float:left; margin:0 7px 0 0; width:201px;}
.home-unique .header-inner .tel-mail{position:absolute; right:0; top:450px;}

/*メインメニュー*/

#g-nav{ 
	background:url(../image/header/menu_navi_back.png) no-repeat scroll center top; 
	height:117px; 
	position:relative; 
	top:-59px;
}

#g-nav.active{
	position: fixed;
    top: -61px;
    left: 0;
    z-index: 5;
	width: 100%;
}

#g-nav ul{ 
	width:1179px; 
	margin:0 auto; 
	padding:11px 0 0 0; 
	position:relative;
	top:56px; 
	left:15px;
}

#g-nav ul li{ 
	float:left; 
	margin:0;
}



/*home (HOMEのコンテンツ用　固有設定) */
#contens-wrapper.home-wrap{
	margin:0 auto -59px auto;
	width:100%;
	position:relative;
	top:-59px;
}


/*　スライダー部分の設定（全体の大枠）　*/
.slider-block {
	height:413px;
	margin-bottom: 8px;
	padding-top:48px;
	padding-left:41px;
	padding-right:41px;
	background-image:url(../image/back_parts/banner_back02.png);
    background-size: 1208px 505px;
}


/*　ピックアップ情報　*/
.home .home-pickup {
	background:url(../image/back_parts/home_pickup_back.png) no-repeat; 
	width:570px; 
	height:425px;  
	position:relative; 
	top:-20px; 
	left:0px; 
	padding:100px 0px 0px 30px; 
	float:left;
}
.home .home-pickup .block {
    width: 550px;
    height: 380px;
    overflow: auto;
}
.home .home-pickup .pickup_inner{
	background-color: #ffffff;
    border: 2px #DD7BF5 solid;
    border-radius: 20px;
	margin-bottom: 10px;
}

.home .home-pickup .pickup_inner:hover {
    background-color: #fffded;
}

.home .home-pickup .pickup_inner a {
	text-decoration: none;
	color: #000000;
}

.home  .home-pickup .pickup_inner .name {
	font-size: 25px;
	text-align: center;
	margin-top: 10px;
}

.home  .home-pickup .pickup_inner .size {
	font-size: 18px;
	text-align: center;
}

.home  .home-pickup .pickup_image{
	float: left;
}

.home  .home-pickup .shop_comment_text {
	margin: 0 10px 10px 10px;
}


.home  .home-pickup .pickup_image  img{
	width: 200px;
	padding: 5px;
}

.home .home-pickup .more{ position:absolute; left:250px; top:28px;}
.home .home-pickup a:hover .photo img{opacity:1;}

/*　新人情報　*/
.home .home-newface {
	background:url(../image/back_parts/home_newface_back.png) no-repeat; 
	width:578px; 
	height:425px;  
	position:relative; 
	top:-20px; 
	left:0px; 
	padding:100px 0px 0px 30px;

	float:right;
}

.home .home-newface .block {
    width: 550px;
    height: 380px;
    overflow: auto;
}
.home .home-newface .new_face_inner{
	background-color: #ffffff;
    border: 2px #DD7BF5 solid;
    border-radius: 20px;
	margin-bottom: 10px;
}

.home .home-newface .new_face_inner:hover {
    background-color: #fffded;
}

.home .home-newface .new_face_inner a {
	text-decoration: none;
	color: #000000;
}

.home  .home-newface .new_face_inner .name {
	font-size: 25px;
	text-align: center;
	margin-top: 10px;
}

.home  .home-newface .new_face_inner .size {
	font-size: 18px;
	text-align: center;
}

.home  .home-newface .new_face_inner .short_title2 {
	color: #ff0000;
}

.home  .home-newface .new_face_image{
	float: left;
}

.home  .home-newface .shop_comment_text {
	margin: 0 10px 10px 10px;
}


.home  .home-newface .new_face_image  img{
	width: 200px;
	padding: 5px;
}

.home .home-newface .more{ position:absolute; left:250px; top:28px;}
.home .home-newface a:hover .photo img{opacity:1;}

/*　写メ日記のブロック　*/
.home .home-photomail-block {width: 80%; margin: 0 auto;}

.home .home-photomail{ background:url(../image/back_parts/photodialy_background.png) no-repeat; width:315px; height:615px; float:left; position:relative; margin-right: 5px;}
.home .home-photomail iframe{ position:absolute; left:20px; top:82px;}

.home .home-photomail-nukinavi{ background:url(../image/back_parts/photodialy_nukinavi_background.png) no-repeat; width:315px; height:615px; float:left; position:relative; margin-left: 5px; margin-right: 5px;}
.home .home-photomail-nukinavi iframe{ position:absolute; left:20px; top:82px;}


.home .home-shopblog{ background:url(../image/back_parts/shopblog_background.png) no-repeat; width:315px; height:615px; float:left; position:relative;margin-left: 5px;}
.home .home-shopblog iframe{ position:absolute; left:20px; top:82px;}


/*　本日の出勤情報欄　*/
#home-schedule{ 
	width:1209px; 
	margin:0 auto;
}

#home-schedule .ttl{
	height: 80px;
    background: rgba(255, 255, 255, 0.64);
}

#home-schedule .ttl img{
width: 1209px;
    border-radius: 20px;
    box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.59);
}

#home-schedule .list{ 
	width:1209px; 
	margin: 0px auto;
}

#home-schedule .list li{ 
	width:206px; 
	height:421px; 
	float:left; 
	margin:0 0px 5px -5px; 
	position:relative;
}

#home-schedule .list li.Royal{ 
	background:url(../image/back_parts/home_sch_Royal.gif) no-repeat;
	background-position: -5px 0px;
}

#home-schedule .list li.New{ 
	background:url(../image/back_parts/home_sch_New.gif) no-repeat;
	background-position: -5px 0px;
}

#home-schedule .list li.Presidential{ 
	background:url(../image/back_parts/home_sch_Presidential.gif) no-repeat;
	background-position: -5px 0px;
}

#home-schedule .list li.Imperial{ 
	background:url(../image/back_parts/home_sch_Imperial.gif) no-repeat;
	background-position: -5px 0px;
}

#home-schedule .list li.Jewel{ 
	background:url(../image/back_parts/home_sch_Jewel.gif) no-repeat;
	background-position: -5px 0px;
}

#home-schedule .list li .thumb{ 
	position:absolute; 
	left:17px; 
	top:67px; 
	width:175px;
}

#home-schedule .list li .name{
	position:absolute; 
	left:24px; 
	top:307px; 
	width:171px; 
	height:20px; 
	overflow:hidden;
	text-align:center; 
	color:#ff25a0; 
	font-weight:bold; 
	font-size:14px;
}
#home-schedule .list li .size{ 
	position:absolute; 
	left:24px;
	top:333px; 
	text-align:center; 
	width:171px; 
	color:#ffffff;
}
#home-schedule .list li .time{ 
	position:absolute; 
	left:35px; 
	top:356px; 
	font-size:14px; 
	text-align:center; 
	width:148px; 
	color:#fff100; 
	font-weight:bold;
}
#home-schedule .list li .info{ 
	position:absolute; 
	left:36px; 
	top:379px; 
	width:147px; 
	text-align:center; 
	color:#ff25a0; 
	font-weight:bold; 
	line-height:1.2;
}

#home-schedule .list li .new_icon{
	width: 50px;
	height: 20px;
	background-image: url('../image/top_parts/new010_06.gif') ;
	background-repeat: no-repeat;
	margin: 275px 0 0 25px;
	position: absolute;
}

.ifrm_event{
	width: 100%;
	height: 400px;
	overflow: hidden;	
}

.home .home-photomail-nukinavi .nukinavi-block{
	margin-top: 82px;
	margin-left: 22px;
	width: 269px; 
	height: 450px; 
	overflow: hidden;
}

/****　写メ日記一覧の表示設定　****/

#photoblog_list{ 
	width:1209px; 
	margin: 10px auto 0 auto;
	height: 910px;
}



#photoblog_list .ttl{
	height: 80px;
    background: rgba(255, 255, 255, 0.64);
}

#photoblog_list .ttl img{
width: 1209px;
    border-radius: 20px;
    box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.59);
}

/*----- photoblog all-----*/

.bloglist {
	display: block;
	width: 241.5px;
	height: 410px;
	float: left;
}

.bloglist a {
	text-decoration: none;
}

.bloglist-image {
    width: 95%;
    display: block;
    overflow: hidden;
    margin: 10px auto;
    background-color: #FBE0FF;
    box-shadow: 1px 3px 4px 2px rgba(0, 0, 0, 0.72);
    border-radius: 10px;
}

.bloglist-box {
    width: 95%;
    display: block;
    overflow: hidden;
    margin: 10px auto;
    background-color: #FBE0FF;
    box-shadow: 1px 3px 4px 2px rgba(255, 89, 0, 0.72);
    border-radius: 10px;
	position: relative;
}

.bloglist-box a {
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bloglist-box:hover {
	background-color: #c9f1ff;
    box-shadow: 1px 3px 4px 2px #6385a5;
}

.bloglist-imgwrap {
	display: block;
    margin: 5px auto;
    width: 95%;
    height: 300px;
}

.bloglist-imgwrap img{
	width: 100%;
    box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
}

.bloglist-imgwrap img:hover{
	opacity: 0.9;
}

.bloglist-body {
	font-size: 18px;
    display: block;
    width: 200px;
	height: 65px;
    margin: 0 auto;
    padding: 10px 8px;
    background-color: #ffffff;
	color: #000000;
    line-height: 20px;
    position: relative;
    bottom: 5px;
    text-align: center;
    border-radius: 10px;
	box-shadow:1px 1px 6px 1px #000000 inset;
}

.bloglist-body:hover {
	color: #ff0000;
	background-color: #FFF8BC;
}


.bloglist-name {
	display: block;
	font-size: 19px;
	font-weight: bold;
}

.bloglist-title {
	display: block;
	font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bloglist-time {
	display: block;
	font-size: 10px;
}

.to_heaven {
	background-color: rgba(255, 243, 96, 0.59);
    color: #F00;
    padding: 10px 0;
    font-size: 20px;
    width: 800px;
    margin: 0px auto 15px auto;
    text-align: center;
    border-radius: 20px;
    box-shadow: 1px 3px 6px 2px rgba(0, 0, 0, 0.72);
	clear: both;
}

.to_heaven:hover {
	background-color: #ff0000;
	color: #0000ff;
	text-decoration: none;
}

.to_heaven_blog {
	background-color: rgba(255, 243, 96, 0.59);
	color: #F00;
	padding: 10px 0;
	font-size: 20px;
	width: 800px;
	margin: 5px auto;
	text-align: center;
	border-radius: 20px;
	box-shadow: 1px 3px 6px 2px rgba(0, 0, 0, 0.72);
	position: relative;
}

.to_heaven_blog a {
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.to_heaven_blog:hover {
	background-color: #ff0000;
	color: #0000ff;
}

.photoblog_space {
	background-color: #000000;
    height: 15px;
    width: 1209px;
    margin: 0 auto;
}

h2.pickup_title{
	position: absolute;
    font-size: 38px;
    top: 25px;
    left: 172px;
    display: block;
    width: 130px;
    height: 44px;
    background-color: #ffffff;
    text-align: center;
    line-height: 35px;
    font-family: osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro",sans-serif;
    font-weight: bold;
    color: #84F584;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

h2.new_face_title {
	position: absolute;
    font-size: 38px;
    top: 25px;
    left: 168px;
    display: block;
    width: 138px;
    height: 44px;
    background-color: #ffffff;
    text-align: center;
    line-height: 35px;
    font-family: osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro",sans-serif;
    font-weight: bold;
    color: #F584A2;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
    letter-spacing: -4px;
}

/*--- ニュース欄　---*/

#news_area {
	width: 100%;
	margin: 0 auto;
}

#news_area .ttl{
	height: 80px;
    background: rgba(255, 255, 255, 0.64);
}

#news_area .ttl img{
	width: 1209px;
    border-radius: 20px;
    box-shadow: 1px 3px 5px 2px rgba(0, 0, 0, 0.59);
}

#newsList {
	list-style: none;
    width: 100%;
    height: 450px;
    margin: 10px 0;
    border-top: 5px solid #000000;
    border-right: 5px solid #000000;
	box-shadow: 2px 2px 30px 3px #000000;
	box-sizing: border-box;
}

.main_news {
    background-color: #ffffff;
    width: 800px;
    height: 450px;
    float: left;
    box-sizing: border-box;
    border-left: 5px solid #000000;
    border-bottom: 5px solid #000000;
}

.main_news .block_left {
    width: 250px;
    height: 435px;
    float: left;
    text-align: center;
    padding: 5px;
}
.main_news .b_image {
	width: 250px;
	height: 400px;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.main_news .b_image img {
	width:230px;
}

.main_news .b_date {
	font-size: 13px;
}

.main_news .block_right {
	width: 525px;
    height: 435px;
    float: right;
    padding: 5px;
}

.main_news .b_title_s {
	font-size: 22px;
    font-weight: bold;
    display: block;
    background-color: #000000;
    color: #ffffff;
    text-indent: 20px;
    border-radius: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main_news .b_content_s {
    width: 520px;
 	height: 400px;
	margin: 5px auto;
    background-color: #ffffff;
    display: block;
	overflow-x: hidden;
	overflow-y: auto;
}

.sub_news {
	background-color: #FFFFFF;
    width: 404px;
    height: 150px;
    float: right;
    box-sizing: border-box;
    border-bottom: 5px solid #000000;
    border-left: 5px solid #000000;
}

.sub_news .block_left {
	width: 110px;
    height: 135px;
    float: left;
    padding: 5px;
    text-align: center;
	box-sizing: border-box;
}

.sub_news .b_image {
}

.sub_news .b_image img{
	height: 135px;
}

.sub_news .block_right {
	width: 274px;
	height: 135px;
	float: right;
	padding: 5px;
}

.sub_news .b_title_s {
    display: block;
    background-color: rgb(0, 0, 0);
    color: #ffffff;
    border-radius: 5px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
    padding: 0 10px;
}

.sub_news .b_date {
	font-size: 11px;
	padding: 0 30px;
}

.sub_news .b_content_s {
    line-height: 18px;
    padding: 10px;
}

.main_news .block_left:hover{
	background-color: rgba(255,189,250,0.78);
}

.sub_news:hover{
	background-color: rgba(255,189,250,0.78);
}