/* ::::: CSS初期化処理 ::::: */

*{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	line-height:1;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

html, body {
	color: #444;
	height: 100%;
	background-image: url(images/back.png);
	background-repeat: repeat;
	background-color: #0F1432;
	width: 100%;
}

body {
	padding-top: 15px;
}

h1, h2, h3 { margin: 0px; padding: 0px; font-weight: normal; }

img,a img{
  vertical-align:bottom;
  border:none;
  background:transparent;
}

dl{
	margin-top: 10px;
	margin-bottom: 20px;
}

dt{
	margin-top: 10px;
	margin-bottom: 10px;
}

dd{
	margin-left: 40px;
	margin-bottom: 15px;
}

.importance{
	overflow: hidden;
	display: block;
	height: 1px;
	font-size: 1px;
	text-indent: -9999px;
	color: #000000;
	margin-left: 80px;
	position: absolute;
	visibility: hidden;
	bottom: 10000px;
}

.smalltext{
	font-size: 10px;
}

.midtext{
	font-size: 14px;
}

.bigtext{
	font-size: 18px;
}

.textright{
	text-align: right;
}

.right{
	float: right;
}

.left{
	float: left;
}

.leftimg{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.rightimg{
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 10px;
}
.mglr{
	margin-right: 20px;
	margin-left: 20px;
}

.red{
	color: #F63;
}

.clear{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	width: 0px;
}

.mgtop{
	margin-top: 20px;
}

.mgbtm{
	margin-bottom: 20px;
}

.mglft{

}

.fade{
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

/* ::::: CSS設定 ::::: */
#container{
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

#header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 820px;
	padding-top: 5px;
	padding-left: 30px;
}

#menu{
	list-style-type: none;
}

#menu li{
	float: left;
	font-size: 12px;
	line-height: 48px;
	text-align: center;
	height: 48px;
	width: 130px;
}

#menu li a{
	font-weight: bold;
	line-height: 48px;
	color: #555;
	font-size: 12px;
}

#title{
	background-color: #666;
	height: 350px;
	width: 850px;
}

#slide_top{
	width: 850px;
	height: 350px;
	font-size: 12px;
	line-height: 350px;
	color: #FFF;
	text-align: center;
}

#slide_info{
	width: 850px;
	height: 350px;
	font-size: 12px;
	line-height: 350px;
	color: #FFF;
	text-align: center;
	background-image: url(images/slide_info.jpg);
	background-repeat: no-repeat;
}

#slide_gallery{
	width: 850px;
	height: 350px;
	font-size: 12px;
	line-height: 350px;
	color: #FFF;
	text-align: center;
}

#mask_top{
	background-image: url(images/mask_top-trans.png);
	background-repeat: no-repeat;
	height: 350px;
	width: 850px;
	margin-top: -350px;
	position: absolute;
}

#mask_gallery{
	background-image: url(images/mask_gallery.png);
	_background-image: url(images/spacer.gif);
	background-repeat: no-repeat;
	height: 350px;
	width: 850px;
	margin-top: -350px;
	position: absolute;
}

#inquiry_btn{
	background: url(images/inquiry_btn.png) 0px 0px no-repeat;
	background-repeat: no-repeat;
	position: absolute;
	top: -100px;
	height: 50px;
	width: 160px;
	margin-left: 665px;
	z-index: 9999;
}

#inquiry_btnh{
	background: url(images/inquiry_btn.png) 0px -50px no-repeat;
}

#title_gallery{
	position: absolute;
	top: 180px;
	margin-left: 0px;
	z-index: 9999;
	background-image: url(images/gallery_tback.png);
	font-size: 24px;
	line-height: 110px;
	color: #FFF;
	padding-right: 50px;
	padding-left: 50px;
	text-shadow: #333 2px 2px 5px, 2px 2px;
}

#main{
	background-image: url(images/main.png);
	background-repeat: repeat-x;
}

#main_left{
	background-image: url(images/main.png);
	background-repeat: repeat-x;
	float: left;
	width: 500px;
	padding-right: 20px;
	_padding-right: 0px;
	padding-left: 20px;
	padding-top: 30px;
}

#main_right{
	background-image: url(images/main.png);
	background-repeat: repeat-x;
	width: 280px;
	float: left;
	padding-top: 30px;
	padding-right: 30px;
	_padding-right: 10px;
}

#page_left{
	background-image: url(images/main.png);
	background-repeat: repeat-x;
	width: 210px;
	float: left;
	padding-top: 30px;
}

#page_right{
	background-image: url(images/main.png);
	background-repeat: repeat-x;
	float: left;
	width: 570px;
	padding-left: 40px;
	padding-top: 25px;
}

#bn_event{
	background: url(images/bn_event.jpg) 0px 0px no-repeat;
	width: 280px;
	height: 113px;
	margin-bottom: 15px;
}

#bn_eventh{
	background: url(images/bn_event.jpg) 0px -113px no-repeat;
}

#bn_blog{
	background: url(images/bn_blog.jpg) 0px 0px no-repeat;
	width: 280px;
	height: 113px;
	margin-bottom: 15px;
}

#bn_blogh{
	background: url(images/bn_blog.jpg) 0px -113px no-repeat;
}

#bn_webcm{
	background: url(images/bn_webcm.jpg) 0px 0px no-repeat;
	width: 280px;
	height: 113px;
	margin-bottom: 15px;
}

#bn_webcmh{
	background: url(images/bn_webcm.jpg) 0px -113px no-repeat;
}

#bn_campany{
	background: url(images/bn_campany.png) 0px 0px no-repeat;
	width: 280px;
	height: 29px;
	margin-bottom: 15px;
}

#bn_campanyh{
	background: url(images/bn_campany.png) 0px -29px no-repeat;
}

#bn_gallery{
	background: url(images/bn_gallery.jpg) 0px 0px no-repeat;
	width: 280px;
	height: 172px;
	margin-bottom: 15px;
}

#bn_galleryh{
	background: url(images/bn_gallery.jpg) 0px -172px no-repeat;
}

#bn_link{
	background: url(images/bn_link.png) 0px 0px no-repeat;
	width: 280px;
	height: 29px;
	margin-bottom: 15px;
}

#bn_linkh{
	background: url(images/bn_link.png) 0px -29px no-repeat;
}

#bn_delicious{
	background: url(images/bn_delicious.jpg) 0px 0px no-repeat;
	width: 280px;
	height: 100px;
	margin-bottom: 15px;
}

#bn_delicioush{
	background: url(images/bn_delicious.jpg) 0px -100px no-repeat;
}

#inquiry_btm{
	background: url(images/inquiry_btm.png) 0px 0px no-repeat;
	width: 280px;
	height: 100px;
	margin-bottom: 15px;
}

#inquiry_btmh{
	background: url(images/inquiry_btm.png) 0px -100px no-repeat;
}

#footer {
	height: 95px;
	z-index: 10;
	background-repeat: repeat-x;
	background-image: url(images/footer.png);
}

#footer_left{
	float: left;
	padding-left: 50px;
	padding-top: 52px;
	padding-right: 40px;
}

#footer_left h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #999;
	font-size: 10px;
	font-weight: bold;
}

#footer_right{
	float: right;
	padding-right: 40px;
	padding-top: 52px;
}

#footnavi{
	font-size: 9px;
	color: #FFF;
	list-style-type: none;
	height: 10px;
}

#footnavi li{
	float: left;
	list-style-type: none;
	padding-right: 10px;
}

#footnavi li a:link,#footnavi li a:visited{
	color: #999;
}

#footnavi li a:hover,#footnavi li a:active{
	color: #986A52;
}

#concept_image01{
	background-image: url(images/concept_image01.jpg);
	background-repeat: no-repeat;
}

#concept_image02{
	background-image: url(images/concept_image02.jpg);
	background-repeat: no-repeat;
}

#safety_image01{
	background-image: url(images/safety_image01.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 375px;
	padding-right: 140px;
}

#safety_image02{
	background-image: url(images/safety_image02.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 375px;
	padding-right: 140px;
}

#safety_image03{
	background-image: url(images/safety_image03.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 375px;
	padding-right: 140px;
}

#safety_image04{
	background-image: url(images/safety_image04.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 375px;
	padding-right: 140px;
}

#safety_image05{
	background-image: url(images/safety_image05.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 375px;
	padding-right: 140px;
}

#land_back{
	background-image: url(images/land_back.jpg);
	background-repeat: no-repeat;
	height: 142px;
	width: 500px;
	padding-top: 38px;
	padding-left: 10px;
}

.article{
	margin-bottom: 20px;
	padding-right: 30px;
}

.article h1{
	background-image: url(images/land_headline-trans.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 480px;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 30px;
	color: #FFF;
	margin-bottom: 20px;
	letter-spacing: 0.2em;
	text-shadow: #CCC 1px 1px 5px;
}

.article h2{
	background-image: url(images/main_headline-trans.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 480px;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 30px;
	color: #555;
	margin-bottom: 20px;
	letter-spacing: 0.2em;
	text-shadow: #CCC 1px 1px 5px;
}

.article h3{
	background-image: url(images/page_headline-trans.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 530px;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 30px;
	color: #555;
	margin-bottom: 20px;
	letter-spacing: 0.2em;
	/*text-shadow: #CCC 1px 1px 5px, 1px 1px;*/
}

.article h4{
	font-size: 42px;
	font-weight: bold;
	color: #355155;
	margin-left: 15px;
	margin-bottom: 50px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-shadow: #CCC 2px 2px 5px;
	letter-spacing: 0.1em;
}

.article h4 span{
	font-size: 11px;
	padding-left: 5px;
	text-shadow: #CCC 1px 1px 5px;
}

.article h5{
	font-size: 16px;
	font-weight: bold;
	color: #575B75;
	text-shadow: #CCC 1px 1px 5px;
	line-height: 20px;
	padding-left: 15px;
	margin-bottom: 15px;
}

.article h6{
	font-size: 11px;
	font-weight: normal;
	color: #555;
	margin-left: 15px;
	text-shadow: #CCC 1px 1px 5px;
	line-height: 14px;
	padding-top: 20px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

.article h6 span{
	font-size: 30px;
	padding-right: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.article p{
	font-size: 14px;
	line-height: 21px;
	padding-right: 15px;
	padding-left: 15px;
	letter-spacing: 0.1em;
}

.article_hr{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	margin-bottom: 20px;
}

.article a:link,.article a:visited{
	color: #F90;
	font-weight: bold;
}

.article a:hover,.article a:active{
	color: #F60;
}

.gallery{
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.gallery h1{
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin-left: 15px;
	text-shadow: #CCC 2px 2px 5px;
	line-height: 24px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	letter-spacing: 0.4em;
}

.gallery h1 span{
	font-size: 26px;
	line-height: 40px;
	font-weight: bold;
}

.gallery p{
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.1em;
	padding-left: 20px;
}

.flow{
	padding-left: 110px;
	margin-left: 10px;
}

.flow h3{
	background-color: #575B75;
	margin-right: 25px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	font-size: 14px;
	color: #FFF;
	margin-bottom: 10px;
	line-height: 20px;
	border: 1px solid #999;
	letter-spacing: 0.1em;
}

.flow p{
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 50px;
}

.flow_back01{
	background-image: url(images/flow_back01.png);
	background-repeat: repeat-y;
}

.flow_back02{
	background-image: url(images/flow_back02.png);
	background-repeat: repeat-y;
}

.flow_back03{
	background-image: url(images/flow_back03.png);
	background-repeat: repeat-y;
}

.step{
	margin-left: -110px;
	_margin-left: -113px;
	float: left;
}

.sidemenu{
	font-size:14px;
	padding-left: 35px;
	position: relative;
	padding-top: 20px;
	margin-bottom: 200px;
}

.sidemenu h2{
	font-size:19px;
	position: relative;
	font-weight: bold;
	margin-bottom: 20px;
	color: #575B75;
	margin-top: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #575B75;
	padding-left: 10px;
	text-shadow: #DDD 2px 2px 5px;
	letter-spacing: 0.1em;
}

.sidemenu a{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 160px;
	margin-bottom: 5px;
	letter-spacing: 0em;
}

.sidezoom{
	color:#555;
	float:left;
	clear:both;
	text-decoration:none;
	font-family:verdana;
	font-size:12px;
	padding-bottom:5px;
	outline:none;
	line-height:21px;
	font-weight: bold;
	padding-left: 20px;
	white-space: nowrap;
}

.topzoom{

}

.crectbox{
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 30px;
	background-color: #FAFAFA;
	background-image: url(images/staff_back.png);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BDC0CE;
	border-right-color: #F3F3F8;
	border-bottom-color: #F3F3F8;
	border-left-color: #BDC0CE;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.crectmg{
	margin-right: 25px;
	margin-left: 8px;
}

.crectbox p{
	font-size: 14px;
	line-height: 21px;
	padding-top: 8px;
	padding-bottom: 8px;
	letter-spacing: 0.1em;
}

.crectbox em{
	font-size: 10px;
	line-height: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
	letter-spacing: 0.1em;
}

.crectbox h2{
	font-size: 14px;
	color: #373450;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 20px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #BBBDC4;
	padding-bottom: 5px;
	letter-spacing: 0.1em;
}

.crectbox h3{
	font-size: 16px;
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BBBDC4;
	color: #414456;
	letter-spacing: 0.1em;
}

.crectbox ul{
	list-style-type: none;
}

.crectbox li{
	font-size: 12px;
	line-height: 20px;
}

.crectbox a:link,.crectbox a:visited{
	color: #373450;
	font-weight: bold;
}

.crectbox a:hover,.crectbox a:active{
	color: #F60;
}

.crectleft{
	text-align: center;
	float: left;
	width: 170px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 24px;
	font-size: 12px;
}

.crectright{
	padding-right: 20px;
	padding-left: 20px;
	float: left;
	width: 270px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 24px;
}

.crectcenter{
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;
}

.cline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #765F41;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

.archi{
	float: left;
	padding: 10px;
	list-style-type: none;
}

.archi_box{
	width: 150px;
	background-color: #FAFAFA;
	background-image: url(images/staff_back.png);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F3F3F8;
	border-right-color: #BDC0CE;
	border-bottom-color: #BDC0CE;
	border-left-color: #F3F3F8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.archi_box h3{
	font-size: 12px;
	color: #373450;
	margin-bottom: 10px;
	/*text-shadow: #CCC 1px 1px 5px, 1px 1px;*/
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	white-space: nowrap;
}

.archi_box img{
	height: 110px;
	width: 140px;
	background-color: #FFF;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #EEE;
}

.land_box{
	float: left;
	padding: 5px;
	list-style-type: none;
}

.land_box img{
	height: 110px;
	width: 140px;
}

.textbox{
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #888;
	border-right-color: #AAA;
	border-bottom-color: #AAA;
	border-left-color: #888;
	font-size: 11px;
	line-height: 18px;
	height: 18px;
}

.submitbtn{
	background: url(images/subbtn.png) 0px 0px no-repeat;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	height: 24px;
	width: 80px;
	color: #666;
	cursor: pointer;
}

.submitbtn:hover{
	background: url(images/subbtn.png) 0px -24px no-repeat;
	color: #F60;
}

.textareabox{
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #888;
	border-right-color: #AAA;
	border-bottom-color: #AAA;
	border-left-color: #888;
	width: 280px;
	height: 120px;
}

.photo{
	background-color: #FFF;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EEE;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #EEE;
}

.data{
	color: #666;
	font-size: 10px;
	line-height: 40px;
	float: right;
	padding-right: 30px;
	letter-spacing: 0.05em;
}

.flownext{
	text-align: center;
	margin-bottom: 30px;
	font-size: 24px;
	color: #ACAFBB;
	text-shadow: #DDD 2px 2px 5px;
}

.breadcrumb{
	font-size: 11px;
	text-align: right;
	padding-right: 30px;
	margin-bottom: 15px;
}

.breadcrumb a:link,.breadcrumb a:visited{
	color: #373450;
}

.breadcrumb a:hover,.breadcrumb a:active{
	color: #F60;
}


.gototop{
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.gototop a:link,.gototop a:visited{
	color: #373450;
}

.gototop a:hover,.gototop a:active{
	color: #F60;
}

#adminbox{
	padding: 50px;
}

#adminbox ul{
	list-style-type: none;
	margin-top: 15px;
	margin-bottom: 15px;
}

#adminbox fieldset{
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
	border: 1px solid #999;
	margin-bottom: 40px;
}

#adminbox dl{
	margin-top: 20px;
	margin-bottom: 20px;
}

#adminbox dt{
	margin-top: 10px;
	margin-bottom: 20px;
}

#adminbox dd{
	margin-left: 40px;
	margin-bottom: 15px;
}

#adminbox table{
	border: 1px solid #999;
	padding: 10px;
	margin-bottom: 20px;
}

#adminbox td{
	background-color: #EEE;
	padding: 5px;
}

.adminareabox{
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #888;
	border-right-color: #AAA;
	border-bottom-color: #AAA;
	border-left-color: #888;
	width: 590px;
}

.sitemap{
	float: left;
	width: 365px;
	padding-left: 60px;
	padding-bottom: 30px;
}

.sitemap dl{
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.1em;
}

.sitemap dt{
	margin-top: 20px;
}

.sitemap dd{
}

.sitemap a:link,.sitemap a:visited{
	color: #373450;
}

.sitemap a:hover,.sitemap a:active{
	color: #F60;
}
