@charset "utf-8";

/*===== CONTENTS ============================================

	0:    common
	1:		header
	2:		main-img
	3: 		contents
	4:		footer
	
===========================================================*/


/*===== common ============================================*/
#wrapper{  
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;  
	padding-top:48px;
} 

#page_top{
	position: fixed;
	right:10px;
	bottom:10px;
	margin-bottom:10px;
}

#page_top:hover{
	zoom: 1;
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
	-moz-opacity: 0.70; /* Firefox */
	opacity: 0.70;
	}




/*===== header ============================================*/
#header{width:100%;}
#gnavi{background:#9E151A;
-webkit-box-shadow: 0 0 12px rgba(50,50,50,0.4); /* Safari, Chrome用 */
-ms-box-shadow: 0 0 12px rgba(50,50,50,0.4); /* IE9用 */
-moz-box-shadow: 0 0 12px rgba(50,50,50,0.4); /* Firefox用 */
box-shadow: 0 0 12px rgba(50,50,50,0.4); /* CSS3 */
behavior:url(/PIE.php);
width:100%;
position:fixed;
top:0;
left:0;
z-index:500;} 

#gnavi > ul{width:980px; margin:0 auto; }
#gnavi > ul > li{float:left;border-right:1px solid #921318; width:132px;}
#gnavi > ul > li.gnavi01{width:48px; border-left:1px solid #921318;}
#gnavi > ul > li.gnavi02,#gnavi > ul > li.gnavi08{width:131px;}
#gnavi > ul > li.gnavi08{border-right:none;}
.logo{padding:19px 0 25px; width:980px; margin:0 auto;}
.logo > .f-l{ position:relative; width:600px; height:60px;}
.logo > .f-l > h1{position:absolute; bottom:3px; left:75px; color:#999999;font-size:100%;}



/*===== main-img (TOP swf)============================================*/
#mainimg{
	width:980px;
	height:340px;
	margin:0 auto;
	background:#ffffff;
	-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* IE9用 */
	-moz-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Firefox用 */
	box-shadow: 0 0 6px rgba(50,50,50,0.2); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;}


/*===== contents ============================================*/

/*LOWER*/
#contents-wrap-out{background:url(../img/lower-bg2.jpg) repeat-x top; padding-top:23px;}
#contents-wrap-in{background:url(../img/lower-contents-bg.png) no-repeat; width:1020px; margin:0 auto;}
#lower-contents{width:980px; margin:0 auto; padding-bottom:80px;}
.lower-h2{width:980px; margin:0 auto; padding:30px 0 20px; text-align:center; border-bottom:1px solid #EBEBDE;}
.lower-h2 > h2{text-align:center; font-size:182%; font-weight:bold; padding-top:10px;}
.lower-h2 > span,.lower-h2 p{color:#9E1319;font-size:93%;display:inline;}
.bread-crumb{padding:10px 0 20px; width:980px; margin:0 auto;text-align:right;}
.bread-crumb > ul > li{display:inline; margin-left:5px;}
.bread-crumb > ul > li > a{background:url(../img/bread-crumb-icon.jpg) no-repeat right; padding-right:15px;}

.main{width:700px; float:left;}
.lower-side{width:220px; float:right;}
.lower-side > h3{color:#9E1319; padding:20px 0; border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE; font-weight:bold;}
.lower-side > ul > li{ border-bottom:1px solid #EEEEEE; background:url(../img/side-icon.jpg) no-repeat 10px;}
.lower-side > ul > li > a{font-weight:bold; text-decoration:none; color:#666666; display:block; padding:15px 0 15px 23px;}
.lower-side > ul > li > a:hover{text-decoration:underline;}
.lower-side > .side-menu-ft{background:url(../img/side-menu-ft.jpg) no-repeat; height:47px;}
.lower-side .cat-item-1{display:none;}

.h3-icon{background:url(../img/h3-bg01.jpg) no-repeat; width:700px; height:55px; line-height:55px; padding-left:50px;font-size:153.9%; font-weight:bold; margin-bottom:20px;}
.h3-border{border-left:5px solid #C2C29C; height:30px; line-height:30px; padding-left:5px;}
.h3-border > span{border-left:5px solid #C2C29C; height:30px; line-height:30px; display:inline-block; padding-left:10px;font-size:138.5%; font-weight:bold;}
.h4-border{background:url(../company/img/company-h4-bg.jpg) no-repeat bottom;font-size:138.5%; font-weight:bold; padding-bottom:5px;}
.double-border{border-left:15px double #C2C29C; padding-left:15px; font-size:138.5%; font-weight:bold;} /*複数行用*/

.img-shadow{
	background:#ffffff;
	-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.1); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 6px rgba(50,50,50,0.1); /* IE9用 */
	-moz-box-shadow: 0 0 6px rgba(50,50,50,0.1); /* Firefox用 */
	box-shadow: 0 0 6px rgba(50,50,50,0.1); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;
}

body:nth-of-type(1) .img-shadow{
	background:#ffffff;
	-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.1); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 6px rgba(50,50,50,0.1); /* IE9用 */
	-moz-box-shadow: 0 0 6px rgba(50,50,50,0.1); /* Firefox用 */
	box-shadow: 0 0 6px rgba(50,50,50,0.1); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;
}
.table01{width:100%; border-collapse:collapse; background:url(../img/table01-bg.jpg) repeat-x top;}
.table01 > tbody > tr > th{background:#F3F3ED url(../img/th-bg.jpg) repeat-x top; text-align:left; vertical-align:middle; padding:15px 10px; font-weight:bold; border-top:1px solid #DAD9D1;border-bottom:1px solid #DAD9D1;}
.table01 > tbody > tr > td{text-align:left; vertical-align:middle; padding:15px 10px; border-top:1px solid #DAD9D1;border-bottom:1px solid #DAD9D1;}

.lower-box01 > div{width:640px; margin:0 auto; padding-top:20px;}
.lower-box01 > div > .f-r{width:410px;}
.lower-box01 > div > .f-r > li{background:url(../company/img/business-icon.jpg) no-repeat left 2px; padding-left:20px; margin-bottom:7px;}
.lower-box01 > div > .f-r > li.none{background:none; padding:10px 0 0 0;}

/*1 COLUMN*/
.main-one{width:900px; margin:0 auto;}

/*TOP*/
#top-container{background:url(../img/bg-top.jpg) no-repeat center top; padding-top:30px;}

#contents{width:980px; margin:0 auto; padding:40px 0 80px 0;}
.top-box01{padding-bottom:40px;}
.top-box01 > ul > li{float:left; padding-left:40px;}
.top-box01 > ul > li.first{padding-left:0;}

.top-box02{
	cursor: pointer;
	width:300px;
	padding:1px 0 10px 0;
	background:#ffffff;
	-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* IE9用 */
	-moz-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Firefox用 */
	box-shadow: 0 0 6px rgba(50,50,50,0.2); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;
}


.top-box02:hover{background:#FEF5F5;}
.top-box02 > div{ height:66px; margin:10px 10px 0 10px; border-left:5px solid #9E151A; padding-left:10px;}
.top-box02 > div > span.in01{ padding-top:18px; display:block;font-size:153.9%; font-weight:bold;}
.top-box02 > div > span.in02{ padding-top:11px; display:block;font-size:153.9%; font-weight:bold; line-height:1.2}
.top-box02 > p{padding:10px 10px 0 10px;}

#foo{width:980px;height:340px;overflow:hidden;zoom:1;}
#foo li{float:left;}

.news{float:left; width:700px;}
.news > .latest-news{
	background:#ffffff;
	-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* IE9用 */
	-moz-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Firefox用 */
	box-shadow: 0 0 6px rgba(50,50,50,0.2); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;
	width:660px;
	padding:20px;}

body:nth-of-type(1) .news > .latest-news{
	background:#ffffff;
	-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* IE9用 */
	-moz-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Firefox用 */
	box-shadow: 0 0 6px rgba(50,50,50,0.2); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;
	width:660px;
	padding:20px;
}

.news > .latest-news > h3{background:url(../img/news-border.jpg) no-repeat bottom;font-size:138.5%; font-weight:bold; padding-bottom:10px;}
.news > .latest-news > table > tbody > tr > th, .news > .latest-news > table > tbody > tr > td{ border-bottom:1px solid #ccc; padding:15px 0}
.news > .latest-news > table > tbody > tr > th{width:100px; font-weight:bold; text-align:left;}
.news > .latest-news > table > tbody > tr > th + td{width:90px; text-align:center;}
.news > .latest-news > table > tbody > tr > th + td.news01 > p{background:#FDEAEB; color:#9E151A; text-align:center; padding:2px 0;font-weight:bold;}
.news > .latest-news > table > tbody > tr > th + td.news02 > p{background:#E8E8E8; color:#666666; text-align:center; padding:2px 0;font-weight:bold;}
.news > .latest-news > table > tbody > tr > td + td{padding-left:15px;}
.news > .latest-news .bg01,.news > .latest-news .bg02,.news > .latest-news .bg04{line-height:20px;text-align:center;display:block;}
.news > .latest-news .bg01{background:#FF3300;color:#FFF;}
.news > .latest-news .bg02{background:#0099CC;color:#FFF;}
.news > .latest-news .bg04{background:#FFFF00;color:#FF4000;}


.side{float:right; width:240px;}
.side > .side-box01{
	cursor: pointer;
	width:240px;
	background:#ffffff;
	-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* IE9用 */
	-moz-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Firefox用 */
	box-shadow: 0 0 6px rgba(50,50,50,0.2); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;
	padding-top:1px;
}

.side-box01:hover{background:#FEF5F5;}
.side-box01 > p{font-size:138.5%; font-weight:bold; padding:5px 10px;}

.side > .side-box02,.side > .side-box03{
	width:220px;
	background:#ffffff;
	-webkit-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* IE9用 */
	-moz-box-shadow: 0 0 6px rgba(50,50,50,0.2); /* Firefox用 */
	box-shadow: 0 0 6px rgba(50,50,50,0.2); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;
	padding:10px;}
.side > .side-box02 > h3{font-size: 138.5%; font-weight:bold; padding:8px 0 5px 35px; border-bottom:solid #ccc 1px; background:url(../img/icon-ml.jpg) no-repeat left center;}
.side > .side-box03 > h3{font-size: 138.5%; font-weight:bold; padding:8px 0 5px 35px; border-bottom:solid #ccc 1px; background:url(../img/icon-blog.jpg) no-repeat left center;}

/*===== footer ============================================*/
#footer{
	border-top:1px solid #D8D8D8;
	background:#F3F3F3;
	-webkit-box-shadow: 0 0 10px rgba(50,50,50,0.2); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 10px rgba(50,50,50,0.2); /* IE9用 */
	-moz-box-shadow: 0 0 10px rgba(50,50,50,0.2); /* Firefox用 */
	box-shadow: 0 0 10px rgba(50,50,50,0.2); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;
}

body:nth-of-type(1) #footer{
	border-top:1px solid #D8D8D8;
	background:#F3F3F3;
	-webkit-box-shadow: 0 0 10px rgba(50,50,50,0.2); /* Safari, Chrome用 */
	-ms-box-shadow: 0 0 10px rgba(50,50,50,0.2); /* IE9用 */
	-moz-box-shadow: 0 0 10px rgba(50,50,50,0.2); /* Firefox用 */
	box-shadow: 0 0 10px rgba(50,50,50,0.2); /* CSS3 */
	behavior:url(/PIE.php);
	position:relative;
}

#footer > .ft-box01{border-bottom:1px solid #EEEEEE; background:#F8F8F8;}
#footer > .ft-box01 > .ft-box01-in{width:980px; margin:0 auto; position:relative;}
.ft-box01-in > ul > li{float:left; margin-right:40px; }
.ft-box01-in > ul > li > a{background:url(../img/ft-icon.jpg) no-repeat 1px; padding-left:20px; height:45px; line-height:45px; display:block; color:#595959; text-decoration:none;}
.ft-box01-in > ul > li > a:hover{color:#595959; text-decoration:underline;}
.ft-box01-in > span{position:absolute; right:0; top:15px; color:#CCCCCC;}

#footer > .ft-box02{background:#F8F8F8; padding:20px 0;}
#footer > .ft-box02 > .ft-box02-in{width:980px; margin:0 auto; background:#F8F8F8; position:relative; height:68px;}
.ft-box02-in > p{position:absolute; bottom:0; left:85px;}
.ft-box02-in > p > span{line-height:100%;}








#confirmOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url(../js/jquery.confirm/ie.png);
	background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
	z-index:100000;
}

#confirmBox{
	background:url(../js/jquery.confirm/body_bg.jpg) repeat-x left bottom #e5e5e5;
	width:850px;
	position:fixed;
	left:30%;
	top:40%;
	margin:-130px 0 0 -230px;
	border: 1px solid rgba(33, 33, 33, 0.6);
	
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

#confirmBox h1,
#confirmBox p{
	font:52px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background:url(../js/jquery.confirm/header_bg.jpg) repeat-x left bottom #f5f5f5;
	padding: 18px 25px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	color:#666;
}

#confirmBox h1{
	letter-spacing:0.3px;
	color:#888;
}

#confirmBox p{
	background:none;
	font-size:32px;
	line-height:1.4;
	padding-top: 35px;
}

#confirmButtons{
	padding:15px 0 25px;
	text-align:center;
}

#confirmBox .button{
	display:inline-block;
	background:url(../js/jquery.confirm/buttons.png) no-repeat;
	color:white;
	position:relative;
	height: 66px;
	
	font:34px/66px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	
	margin-right: 15px;
	padding: 20px 70px;
	text-decoration:none;
	border:none;
}

#confirmBox .button:last-child{	margin-right:0;}

#confirmBox .button span{
	position:absolute;
	top:3px;
	right:-5px;
	background:url(../js/jquery.confirm/buttons.png) no-repeat;
	width:5px;
	height:104px
}

#confirmBox .blue{				background-position:left top;text-shadow:1px 1px 0 #5889a2;}
#confirmBox .blue span{			background-position:-195px 0;}
#confirmBox .blue:hover{		background-position:left bottom;}
#confirmBox .blue:hover span{	background-position:-195px bottom;}

#confirmBox .gray{				background-position:-300px top;text-shadow:1px 1px 0 #707070;}
#confirmBox .gray span{			background-position:-395px 0;}
#confirmBox .gray:hover{		background-position:-200px bottom;}
#confirmBox .gray:hover span{	background-position:-395px bottom;}

.alignleft {float:left;margin-right:20px;}
.alignright {float:right;margin-left:20px;}

.mailForm {padding:50px 0 40px 0;margin: 0 auto;width: 588px;}
.mailForm .share {text-align:center;margin-bottom:50px;}
.mailForm .share li {display:inline;margin: 0 5px}
.mailForm h3{text-align:center;margin-bottom:10px}
.mailForm .formArea{border: 1px solid #999;background:#F7F7F7;padding-bottom:8px;}
.mailForm .img2{text-align:right;margin-bottom:20px}
.mailForm .text{margin: 0 45px 15px 45px;padding: 5px 10px;background:#FFF;border:1px solid #999;}
.mailForm .text input {border:0;padding:0;margin:0;font-size:16px;width:100%;}
.mailForm .button{margin: 0 165px 15px 165px;background:#DDD;border:1px solid #999;}
.mailForm .button input {border:0;padding:5px 0;margin:0;font-size:16px;width:100%;color:#444;}
.mailForm .note{margin-left:130px;font-size:14px;color:#555;}

.red{color:#F00;}
.notic h3{font-weight:bold;font-size:16px;margin-bottom:10px;}
.notic h3 .red{font-weight:bold;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}