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

/*--------------------
 LIFE
--------------------*/

nav {
	height: 175px;
	background-image: url(../../life/img/mainimage.jpg);
	background-repeat: no-repeat;
	background-position: center 25px;
}
#main h2 {
	float:left;
}
#main p.readtxt {
	float:left;
	margin-bottom:40px;
}
	#main p.readtxt strong{
		display:block;
		margin-bottom: 10px;
	}
p img { vertical-align:bottom;}

/*--------------------
 INDEX
--------------------*/
body#lifeindex #main h2 { float:none; margin-right:0px;}
body#lifeindex #main h3 { margin-bottom:30px;}
body#lifeindex #main p.readtxt {float:none; padding-left:10px; margin-bottom:30px;}

body#lifeindex ul#lifenavi {height:180px; margin-bottom:35px;}
body#lifeindex ul#lifenavi li {float:left; margin-left:14px;}
body#lifeindex ul#lifenavi li.first {margin-left:0px;}

body#lifeindex .chikara { width:340px; margin-bottom:15px;}
body#lifeindex .chikara h4 { margin-bottom:15px;}
body#lifeindex .chikara dl dt { margin-bottom:8px; font-weight: bold; font-size: 130%; color:#EC7F1A;}
body#lifeindex .chikara dl dd { margin-bottom:10px; line-height:1.6; font-size: 105%;}
body#lifeindex #chikara01,body#lifeindex #chikara03 { float:left;}
body#lifeindex #chikara02,body#lifeindex #chikara04 { float:right;}


/*--------------------
 MEAL
--------------------*/
body#meal #main h2 {width: 240px;margin-right: 40px;}
body#meal #main p.readtxt {width:425px;margin-bottom: 20px;}
body#meal #main h3 {margin-bottom:20px;}

body#meal #con1 h3 { margin-bottom:0px;}
body#meal #con1 h3 img{ vertical-align:bottom;}
body#meal #con1 #special { background:url(../../life/img/meal/con01_04.jpg) no-repeat left top; height:165px; margin-bottom:40px; position: relative;}
body#meal #con1 #special p {position: absolute;width:400px;top:25px;left:195px;}
body#meal #con1 #special p strong {display:block; margin-bottom:10px; font-size:130%;}

body#meal #con2 .floatL  { width:375px; margin-bottom:30px;}
body#meal #con2 .floatR { width:330px; margin-bottom:30px;}
body#meal #con2 .floatL h4 { margin-bottom:10px;}
body#meal #con2 .floatL p { line-height:1.8; padding: 0px 20px 0px 0px;}

body#meal #con3 .floatL { width:360px; background:url(../../life/img/meal/con03_01.jpg) no-repeat left top; height:252px; position:relative;}
body#meal #con3 .floatR { width:345px;}
body#meal #con3 .floatL p { position: absolute; top:20px; left:20px; width:295px;}

body#meal #con4 .floatL  { width:345px; margin-bottom:20px;}
body#meal #con4 .floatR { width:345px; margin-bottom:30px;}
body#meal #con4 dl dt { line-height:1.2em; margin-bottom:10px; background-color:#FFFFCC; color:#4B3B05; font-size:125%; padding: 10px 15px 8px 15px; font-weight:bold;}
body#meal #con4 dl dd { line-height:1.8em; margin-bottom:20px;}
body#meal #con4 .floatR dl {margin-bottom:20px;}

body#meal #chef { background:url(../../life/img/meal/chefmessage.jpg) no-repeat left top; height:335px; position:relative; clear:both;}
body#meal #chef h4 { position:absolute; top:90px; left:285px;}
body#meal #chef p { position:absolute; top:155px; left:285px; width:400px; line-height:1.8;}

/* slide */
#slideshow {width: 705px; height:424px; background:url(../../life/img/meal/con01_03.jpg) no-repeat; margin:0;}
#slideshow div#slideArea {width: 638px;height: 339px;overflow: hidden;position: relative; margin-left:33px;}
#slideshow div#slideArea div {top: 0;left: 0; position: absolute;}
 
#slideshow ul { width: 630px; margin-left:35px;}
#slideshow ul li {width: 105px; float: left; display: inline;}
#slideshow .active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important;opacity: 1!important;}
/* ClearFixElements */
#slideshow ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
#slideshow ul {
    display: inline-block;
    overflow: hidden;
}

/*--------------------
 MATRON
--------------------*/
body#matron #main h2 {width: 260px;margin-right: 20px; padding-top:10px;}
body#matron #main p.readtxt {width:425px;}
body#matron #main h3 {margin-bottom:0px;}
body#matron #main h3 img, body#matron #main p img{ vertical-align:bottom;}

body#matron #kaisetsu {position:relative; padding-top:32px;}
body#matron #kaisetsu p.kaisetsuread {position: absolute; top: 15px; left:7px;}

body#matron #episode-wrap h3 { margin-bottom:40px;}
body#matron .episode-odd,
body#matron .episode-even,
body#matron .episode {background: url(../img/line02.gif) repeat-x left bottom; margin-bottom:25px; clear:both;}
body#matron .episode-odd dl dt,
body#matron .episode-even dl dt { font-size:170%; margin-bottom:20px; line-height:1.2;}
body#matron .episode dl dt { font-size:150%; margin-bottom:20px; line-height:1.2;}
body#matron .episode-odd dl dd,
body#matron .episode-even dl dd,
body#matron .episode dl dd { line-height:1.8;}
body#matron .episode-odd dl { float:right; width:335px; margin-bottom:25px;}
body#matron .episode-odd p { float:left; width:350px; margin-bottom:25px;}
body#matron .episode-even dl { float:left; width:350px; margin-bottom:25px;}
body#matron .episode-even p { float:right; width:335px; margin-bottom:25px;}
body#matron .episode dl { margin-bottom:25px;}

body#matron .column { padding: 25px 30px; background-color:#FBEAEC; margin-top:40px;}
body#matron #main .column h3 { margin-bottom: 20px;}
body#matron #main .column p { line-height:28px; background:url(../../life/img/matron/column_bg.gif) ;}


/*--------------------
 DAYS
--------------------*/
body#days #main h2 {width: 251px;margin-right: 27px;}
body#days #main p.readtxt {width:410px;}
body#days #main h3 {margin-bottom:20px;}


/*--------------------
 VOICE
--------------------*/
body#voice #main h2 {width: 230px;margin-right: 50px; padding-top:8px;}
body#voice #main p.readtxt {width:420px;}
body#voice #main h3 {margin-bottom:35px;}

body#voice #main #voice01 { background: url(../img/yellow_dot.gif) repeat-x left bottom; margin-bottom:30px;}
body#voice #main #voice01 p { line-height:1.8; margin-bottom:30px;}
body#voice #main #voice01 p.floatL { width:340px;}
body#voice #main #voice01 p.floatR { width:340px; border-left: dotted 1px #ccc; padding-left:15px;}

body#voice #main div.voice { margin-bottom:30px; clear:both;} 
body#voice #main div.voice dl { margin-bottom:30px;} 
body#voice #main div.voice dl dt { font-size:170%; margin-bottom:20px; line-height:1.2;} 
body#voice #main div.voice dl dd { line-height:1.8;} 
body#voice #main div.voice p { margin-bottom:30px;} 

body#voice #main #voice02 { background: url(../img/yellow_dot.gif) repeat-x left bottom;} 
body#voice #main #voice02 p { width:350px; float:left;} 
body#voice #main #voice02 dl { width:335px; float:right;} 

body#voice #main #voice03 { margin-bottom:40px;} 
body#voice #main #voice03 p { width:335px; float:right; margin-bottom:0px;} 
body#voice #main #voice03 dl { width:350px; float:left; margin-bottom:0px;} 

body#voice #main #voice04 { background: url(../img/yellow_dot.gif) repeat-x left bottom;} 
body#voice #main #voice04 p { width:350px; float:left;} 
body#voice #main #voice04 dl { width:335px; float:right;} 

body#voice #main #voice05 { margin-bottom:60px;} 
body#voice #main #voice05 p { width:335px; float:right; margin-bottom:0px;} 
body#voice #main #voice05 dl { width:350px; float:left; margin-bottom:0px;} 

body#voice #main dl#staff-message { border: solid 3px #006600; clear:both; background:url(../../life/img/voice/staff_bg.gif) repeat-y left top;}
body#voice #main dl#staff-message dt { float: left; width:164px; margin-right:25px;}
body#voice #main dl#staff-message dt img { margin: 15px 0px 10px 13px;}
body#voice #main dl#staff-message dd { padding: 15px 18px; line-height: 1.7;}


/* 160402 食事にビエント追加 */
body#meal #vient {background:url(../../company/img/img03.jpg) no-repeat top right; margin-bottom:50px;}
body#meal #vient p.v_mark{ float:left; width:150px;}
body#meal #vient h4{ font-size: 150%; margin-bottom:15px;}
body#meal #vient div{ margin-left:150px;}
body#meal #vient p{ margin-bottom:1em;}
body#meal #vient p.shop_name{ font-weight:bold; margin-bottom:5px;}