@charset "shift_jis";
/* =========================================
以下 sheluluフォルダで使用してたshelulu CSS
===========================================*/

#contents div.main {
text-align: left;
}

#contents div.main .photo {
text-align: center;
}

div.section {
overflow:hidden;
width:620px;
margin:10px auto !important;
text-align:left;
}

/* title */
#contents h1 {
width:620px;
margin:0 auto 10px auto;
}

#contents h2{
width:620px;
margin:0 auto;
}

/* 見学 */
#contents div.section a.visit_bnr {
display:block;
width:502px;
height:88px;
margin: 5px auto 15px auto;
background:url(../image/visit_bnr.gif) no-repeat 0 0;
text-indent:-9999px;
}
#contents div.area_kamakura_top div.section a.visit_bnr:hover {
background:url(../image/visit_bnr.gif) no-repeat right top;
}

/*------- 見学 -------*/
#contents div.area_visit {
width:620px;
margin: 0 auto;
}
#contents div.area_visit h2 {
width:620px;
margin:5px 0 0 0;
padding:0;
}
#contents div.area_visit p {
margin:5px 30px;
line-height:1.6;
}
#contents div.area_visit div.form {
width:323px;
height:50px;
margin:20px auto;
}
#contents div.area_visit div.form a {
display:block;
width:323px;
height:44px;
background:url(../image/form_btn.gif) no-repeat 0 0;
text-indent:-9999px;
}
#contents div.area_visit div.form a:hover {
background:url(../image/form_btn.gif) no-repeat right top;
}

#contents div.area_visit div.attention {
	clear:both;
	margin:5px 30px 0 30px;;
	padding:0;
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em;
	font-size: 11px;
line-height:1.6;
}

#contents div.area_visit h3 {
	clear:both;
	height:50px;
	margin:20px 0 0 0;
	}
#contents div.area_visit div.section dl {
	list-style:none;
	width:620px;
	}
#contents div.area_visit div.section dl dt {
	display:block;
	height:53px;
	margin:0;
	padding:0;
	}
#contents div.area_visit div.section dl dd {
	width:340px;
	margin:0;
	padding:5px 210px 0 70px;
	text-align:left;
	}
#contents div.area_visit div.section dl dd.bg_01 { height:108px; background:url(../image/bg_01.jpg) no-repeat 0 top;} 
#contents div.area_visit div.section dl dd.bg_02 { height:157px; background:url(../image/bg_02.jpg) no-repeat 0 top;} 
#contents div.area_visit div.section dl dd.bg_03 { height:90px; background:url(../image/bg_03.jpg) no-repeat 0 top;} 

/*------- 見学フォーム -------*/
#contents div.area_shelulu_form h2 {
width:620px;
height:46px;
margin:40px 0 0 0;
background:url(../visit/image/title.gif) no-repeat 0 0;
text-indent:-9999px;
}
#contents div.area_shelulu_form p.lead {
margin:0 0 0 10px;
padding:0 0 0 10px;
background:url(../visit/form/image/kome_icn.gif) no-repeat 0 5px;
}

#contents div.area_shelulu_form form div.section {
width:514px;
margin:15px auto;
}
#contents div.area_shelulu_form form div.section h3 {
width:484px;
height:22px;
padding:6px 0 10px 25px;
color:#01478E;
font-weight:bold;
text-align:left;
background:url(../visit/form/image/h_bg.gif) no-repeat 0 0;
}
#contents div.area_shelulu_form form div.section table {
width:450px;
}
#contents div.area_shelulu_form form div.section table th,td {
padding:5px;
vertical-align:top;
text-align:left;
}
#contents div.area_shelulu_form form div.section table th {
width:80px;
}
#contents div.area_shelulu_form form div.section table td select option {
padding:0 0 0 10px;
}
#contents div.area_shelulu_form form div.section table td span.monday {
margin:0 0 0 20px;
color:#F69;
font-weight:bold;
}
#contents div.area_shelulu_form form div.section table td span.point {
margin:0 0 0 10px;
padding:0 0 0 10px;
background:url(../visit/form/image/kome_icn.gif) no-repeat 0 3px;
font-size:80%;
}
#contents div.area_shelulu_form form div.section span.zen {
margin:0 0 0 10px;
font-size:80%;
}
#contents div.area_shelulu_form form div.section span.small {
display:block;
margin:0 0 3px 0;
font-size:80%;
}
#contents div.area_shelulu_form form div.section ul {
width:450px;
}
#contents div.area_shelulu_form form div.section ul li {
margin:0 0 10px 0;
list-style:none;
}
#contents div.area_shelulu_form form div.section ul li span {
margin:0 0 0 5px;
}
#contents div.area_shelulu_form form p.end {
margin:10px auto;
text-align:center;
}
#contents div.area_shelulu_form form div.form_btn {
width:290px;
margin:10px 100px ;
padding:15px 0 15px 160px;
text-align:center;
}
#contents div.area_shelulu_form form div.form_btn span {
float:left;
margin:0 10px;
padding:0;
}

#contents div.area_shelulu_form div.attention {
	clear:both;
	margin:5px 30px 0 10px;;
	padding:0;
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em;
line-height:1.6;
}


/* navi */
ul.plant_shelulu_navi{
clear:both;
display:block;
width:620px;
margin:0 auto 10px auto;
background:#000;
overflow: hidden;
}

ul.plant_shelulu_navi li,
ul.plant_shelulu_navi li a{
display:block;
float:left;
height:22px;
text-indent:-9999px;
}
ul.plant_shelulu_navi li,
ul.plant_shelulu_navi li.top a{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat 0 0;
}

ul.plant_shelulu_navi li.gaiyo,
ul.plant_shelulu_navi li.gaiyo a{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -124px 0;
}

ul.plant_shelulu_navi li.flow,
ul.plant_shelulu_navi li.flow a{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -248px 0;
}

/*ul.plant_shelulu_navi li.system,
ul.plant_shelulu_navi li.system a{
width:104px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -308px 0;
}*/

ul.plant_shelulu_navi li.virtual,
ul.plant_shelulu_navi li.virtual a{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -372px 0;
}

ul.plant_shelulu_navi li.syouhin,
ul.plant_shelulu_navi li.syouhin a{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -496px 0;
}

ul.plant_shelulu_navi li.top_on,
ul.plant_shelulu_navi li.top a:hover{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat 0 -22px;
}

ul.plant_shelulu_navi li.gaiyo_on,
ul.plant_shelulu_navi li.gaiyo a:hover{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -124px -22px;
}

ul.plant_shelulu_navi li.flow_on,
ul.plant_shelulu_navi li.flow a:hover{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -248px -22px;
}

/*ul.plant_shelulu_navi li.system_on,
ul.plant_shelulu_navi li.system a:hover{
width:104px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -308px -22px;
}*/

ul.plant_shelulu_navi li.virtual_on,
ul.plant_shelulu_navi li.virtual a:hover{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -372px -22px;
}

ul.plant_shelulu_navi li.syouhin_on,
ul.plant_shelulu_navi li.syouhin a:hover{
width:124px;
background:url(/plant/shelulu/image_cmn/plant_navi.gif) no-repeat -496px -22px;
}

.main_image img {
	margin: 0 0 10px 0;
}

/* =========================================
system CSS
===========================================*/

img.top {
width:620px;
margin:0 auto;
}

h3 {
clear:both;
width:620px;
margin:0 auto 10px auto;
}

div.full {
overflow:hidden;
width:620px;
margin:0 auto 10px auto;
}
div.full div.left {
width:292px;
float:left;
text-align:left;
}
div.full div.left p {
margin:5px 0 0 0;
}
div.full img.photo {
float:right;
width:320px;
margin:0 0 0 8px;
}

div.kachion {
overflow:hidden;
width:620px;
margin:0 auto 10px auto;
text-align:left;
}
div.kachion img.ttl {
width:530px;
margin:5px auto;
}
/* 1段目 */
div.kachion div.sec01 {
overflow:hidden;
width:620px;
margin:0 auto 10px auto;
}
div.kachion div.sec01 img.photo {
float:left;
width:319px;
margin:0 10px 0 0;
}
div.kachion div.sec01 div.right {
float:right;
width:291px;
}
div.kachion div.sec01 div.right img {
width:241px;
margin:10px auto;
}
/* 2段目 */
div.kachion div.sec02 {
clear:both;
overflow:hidden;
width:620px;
margin:10px auto;
}
div.kachion div.sec02 div.left {
float:left;
width:260px;
}
div.kachion div.sec02 div.right {
float:right;
width:350px;
margin:0 0 0 10px;
padding:15px 0 0 0;
background:url(../image/nintei_bg.gif) right top no-repeat;
overflow:hidden;
/*position:relative;*/
}
div.kachion div.sec02 div.right div.syo {
float:left;
width:100px;
margin:0 5px ;
}
div.kachion div.sec02 div.right div.details {
width:216px;
height:auto;
float:right;
margin:5px 5px 0 0;
}

	div.kachion div.sec02 div.right div.details:after 
	{content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

	div.kachion div.sec02 div.right div.details
	{display: inline-table;min-height: 1%;}
	/* Hides from IE-mac \*/　
	* html div.kachion div.sec02 div.right div.details 
	{height: 1%;}
	div.kachion div.sec02 div.right div.details 
	{display: block;}
	/* End hide from IE-Mac */

div.kachion div.sec02 div.right div.details p {
margin:5px 0 0 0;
}
div.kachion div.sec02 div.right div.details span {
display:block;
margin:5px 0;
padding:0 0 0 10px;
background:url(../image/kome.gif) 0 3px no-repeat;
color:#8A0412;
font-size:80%;
}

div.kachion div.sec02 div.right span.footer {
display:block;
clear:both;
width:350px;
height:20px;
margin:0;
padding:0;
background:url(../image/nintei_footer.gif) right top no-repeat;
}

/* 3段目 */
div.kachion div.sec03 {
clear:both;
overflow:hidden;
width:620px;
margin:10px auto;
}
div.kachion div.sec03 img.photo {
float:left;
width:125px;
margin:0 10px 0 0;
}
div.kachion div.sec03 div.right {
float:right;
width:485px;
}
div.kachion div.sec03 div.right p {
margin:5px 0 0 0;
}
/* 4段目 */
div.kachion div.sec04 {
clear:both;
overflow:hidden;
width:620px;
margin:10px auto;
}
div.kachion div.sec04 img.photo {
float:right;
width:220px;
margin:20px 0 0 20px;
}
div.kachion div.sec04 div.left {
float:left;
width:380px;
}
div.kachion div.sec04 div.left p {
margin:5px 0 0 0;
}
div.kachion div.sec04 div.left p img {
margin:5px 0 0 5px;
}

.flash_area {
	width: 620px;
	margin: 10px auto 0 auto;
}

/* --------------- media area --------------- */
.media_area {
	width: 540px;
	margin: 30px auto 30px auto;
	background: #7cc1e1;
	overflow: hidden;
	padding: 22px 30px 18px 30px;
}

.media_area dl {
	width: 250px;
	float: left;
}

.media_area dl + dl {
	float: right;
}

.media_area dt {
	padding: 0 0 0 53px;
	background: url(../image/icon_photo.png) 10px 1px no-repeat;
}

.media_area dl + dl dt {
	background: url(../image/icon_movie.png) 10px 1px no-repeat;
}

.media_area dt img{
	display:block;
}

.media_area dd {
	width:250px;
	margin: 13px 0 0 0 ;
}

.media_area aside {
	margin: 7px 0 0 0;
	text-align: center;
}

.media_area + figure {
	width: 720px;
	margin: 37px auto 0 auto;
}

.media_area + figure figcaption {
	font-size: 15px;
	margin: 10px 32px 0 32px;
	line-height: 1.2;
}


/* =========================================

以下 sheluluフォルダで使用してたtop CSS

===========================================*/

#contents div.main span.main_img{
	margin:0 0 0 10px;
}

#contents h2{
width:531px;
margin:10px auto;
}

p.top {
width:531px;
margin:10px auto 20px auto;
text-align:left;
}

ul.video_photo {
width:400px;
height:30px;
margin:10px auto;
}
ul.video_photo li {
width:176px;
display:block;
}
ul.video_photo li.video {
float:left;
}
ul.video_photo li.photo {
float:right;
}

p.cm {
clear:both;
width:350px;
height:20px;
margin:20px auto 10px auto;
padding:2px 0 0 30px;
background:url(/image_cmn/ico_tv_b.gif) left 0 no-repeat;
text-align:left;
}

dl.movie {
width:180px;
margin:0 auto;
}
dl.movie dt {
width:90px;
height:20px;
margin:0 auto 5px auto;
padding:0 0 0 15px;
background:url(/image_cmn/icon_r.gif) left 2px no-repeat;
}
dl.movie dd.k56{
float:left;
width:68px;
height:23px;
}
dl.movie dd.k300{
float:right;
width:80px;
height:23px;
}

/* pdf */
p.pdf {
clear:both;
width:270px;
height:22px;
margin:10px auto;
padding:2px 0 0 28px;
background:url(/image_cmn/pdf_b.gif) left -1px no-repeat;
}

/* ISO認証 */
div.quality {
overflow:hidden;
width:340px;
margin:20px auto 0 auto;
padding:5px;
border:double 3px #999;
}
div.quality p {
margin:5px auto ;
text-align:center;
font-size:85%;
}
div.quality dl {
width:295px;
margin:10px auto 0 auto;
font-size:85%;
}
div.quality dl dt {
float:left;
display:block;
margin:0 15px 0 0;
padding:0 0 20px 0;
text-align:center;
height: 86px;
}
div.quality dl dd {
float:left;
width: 155px;
margin:0 0 0 5px ;
padding:0;
text-align:left;
}



/* movie */
a.moive {
clear:both;
display:block;
width:600px;
height:65px;
margin:40px auto 0 auto;
background:url(../image/bnr_movie.jpg) no-repeat 0 0;
text-indent:-9999px;
}
a.moive:hover {
background:url(../image/bnr_movie.jpg) no-repeat 0 -65px;
}