@charset "utf-8";
@import url(reset.css);
@import url(common.css);

/* ==========================================================================================
	--HOME
========================================================================================== */
body#home {background-position: center 581px;}
body#home #wrapper {padding-top: 0; background: url(../images/home/main_img_bg.jpg) repeat-x center 100px;}
body#home #doc {width: 950px; margin: 0 auto;}
body#home #doc #main_img {position: relative; width: 1000px; height: 423px; margin: 0 -25px; padding-top: 32px;}
body#home #doc #main_img ul {width: 1000px; margin: 0 auto;}
body#home #doc #main_img li {float: left; width: 188px; height: 188px; margin: 0 15px 15px 0;}
body#home #doc #main_img li img {box-shadow: 2px 2px 5px #050f48;}

/*	@Content
-------------------------------------------------------------------------------------------*/
body#home #content {padding-top: 55px;}
body#home #content .container {float: left; width: 680px; margin-right: 20px;}
body#home #content section h2 {height: 423px; padding-top: 32px;}
body#home #content section h2 img {box-shadow: 0 0 0;}

/*	@News
-------------------------------------------------------------------------------------------*/
body#home #content #sec_news {margin-bottom: -10px;}
body#home #content #sec_news h2 {position: static; height: auto; margin-bottom: 20px; padding: 0; background: none;}
body#home #content #sec_news li {margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px dotted #99c; overflow: hidden;}
body#home #content #sec_news li time {float: left; width: 120px; margin: -2px 15px 0 0; padding: 6px 0 5px; background: #d9d8e8; font-weight: bold; text-align: center; line-height: 1;}
body#home #content #sec_news li:nth-of-type(2n) time {background: #ececf4;}

/*	@Sidebar
-------------------------------------------------------------------------------------------*/
#sidebar {position: relative; float: left; width: 250px;}
#sidebar ul {}
#sidebar ul li {margin-bottom: 15px;}
#sidebar ul li a {display: block; width: 250px; height: 0; padding-top: 80px; overflow: hidden;}
#sidebar ul li#sd_product a {background: url(../images/common/bnr_product.jpg) no-repeat 0 0;}
#sidebar ul li#sd_product a:hover {background-position: 0 -80px;}
#sidebar ul li#sd_iso a {background: url(../images/common/bnr_iso.jpg) no-repeat 0 0;}
#sidebar ul li#sd_iso a:hover {background-position: 0 -80px;}

/* ==========================================================================================
	--MESSAGE
========================================================================================== */
body#message #content #pride {
	margin:50px 0px;
	padding:35px;
	background:#5d70b2;
	border:3px solid #3952a2;
	box-sizing:border-box;
	overflow:hidden;
}
body#message #content #pride dt {
	width:442px;
	float:left;
}
body#message #content #pride dt {
	padding-top:35px;
}
body#message #content #pride dd {
	width:419px;
	float:right;
}
body#message #content #pride dd ul {
	margin-bottom:-15px;
}
body#message #content #pride dd li {
	margin-bottom: 15px;
}
body#message #content #sec_pride03 .inner {padding-bottom: 0;}
body#message #content #sec_pride03 ul {width: 897px; margin-left: 1px; overflow: hidden;}
body#message #content #sec_pride03 li {float: left; width: 196px; margin: 0 32px 25px 0; padding: 2px; background: #3952a1;}
body#message #content #sec_pride03 li img {border: 0;}
body#message #content #sec_pride03 li span {display: block; padding: 3px 5px 0px; color: #fff; font-weight: bold; text-align: center;}
body#message #content #sec_pride03 .pb2 {margin-top:20px;}
body#message #content #sec_pride03 li p {background:#FFFFFF; padding:3px 5px 2px; font-size:12px;}
body#message #content #movie {padding: 25px; box-shadow: inset 0 0 25px #dcdbea; text-align: center;}
body#message #content #sec_point {margin-bottom: 50px;}
body#message #content #sec_point p img {border: 0;}
body#message #content #sec_point dl {margin-top: 25px;}
body#message #content #sec_point dt {float: left; width: 200px; margin-right: 25px;}

/* ==========================================================================================
	--WORK
========================================================================================== */
body#work #content section section section {margin-bottom: 30px;}
body#work #content section section div {width: 980px; margin-right: -30px; overflow: hidden;}
body#work #content section.box h4 {
	margin-bottom: 20px;
}
body#work #content section.box p.align-left {
	margin-right: 20px;
}
body#work #content section.box div {
	margin:0 0 20px 0;
	width:898px;
}
body#work #content section.box div p span {display: block; margin-bottom: 1em; padding: 5px 15px; background: #fff; color: #0d0d4e; font-size: 16px; font-weight: bold;}
body#work #content section div section.box {float: left; width: 408px; margin: 0 30px 0 0;}
body#work #content section div section.box h4 {float: none; width: 380px;}
body#work #content section div section.box div {width: 190px; margin-right: 0;}

/* ==========================================================================================
	--BASES
========================================================================================== */
body#bases #content h4.title { width: 635px; margin-bottom: 20px;}
body#bases #content section.box {overflow:hidden;}
body#bases #content section.box p.b_pic {float: left; width:220px; margin-right:14px;}
body#bases #content section.box p.l_pic {width:900px; margin-right:14px; padding-top:20px; clear:both;}
body#bases #content section.box dl {float: left; width: 430px; overflow: hidden; font-size: 12px;}
body#bases #content div.map {float: right; width: 216px; height: 216px; border: 2px solid #3952a1;}
body#bases #content section.box dd {margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px dotted #99c;}
body#bases #content section.box dt {float: left; width: 120px; margin: -2px 15px 0 0; padding: 6px 0 5px; background: #d9d8e8; font-weight: bold; text-align: center; line-height: 1;}

/* ==========================================================================================
	--COMPANY
========================================================================================== */
body#company #content #sec_philosophy {margin-bottom: 50px;}
body#company #content #sec_philosophy p img {border: 0;}
body#company #content #sec_philosophy dl {margin-top: 25px;}
body#company #content #sec_philosophy dt {float: left; width: 200px; margin-right: 25px;}
body#company #content #sec_company p {margin-bottom: 30px;}
body#company #content #sec_company td div {margin-top: 1em;}
body#company #content #sec_company td dt {clear: left; float: left; width: 140px;}
body#company #content #sec_company td dd {margin-left: 150px;}

/* ==========================================================================================
	--RECRUIT
========================================================================================== */
body#recruit #content #sec_recruit {margin-bottom: 50px;}
body#recruit #content #sec_recruit div p {margin: 20px 0 30px;}
body#recruit #content #sec_recruit div p img {border: 0;}
body#recruit #content #sec_voice {margin-bottom: 30px;}
body#recruit #content #sec_voice ul {width: 970px; margin-right: -20px; overflow: hidden;}
body#recruit #content #sec_voice li.box {float: left; width: 423px; margin: 0 20px 20px 0; padding: 20px;}
body#recruit #content #sec_voice li.box h4 {margin-bottom: 15px; font-weight: normal;}
body#recruit #content #sec_voice li.box h4 span {padding: 0 10px; font-weight: bold;}
body#recruit #content #sec_voice li.box p {font-size: 12px;}
body#recruit #content #sec_voice div {padding-bottom: 20px;}
body#recruit #content #sec_voice div ul {width: 898px; overflow: hidden;}
body#recruit #content #sec_voice div li {float: left; width: 284px; margin: 0 23px 20px 0;}
body#recruit #content #sec_voice div li:last-child {margin-right:0;}
body#recruit #content #sec_welfare div {padding-bottom: 20px;}
body#recruit #content #sec_welfare ul {width: 898px; overflow: hidden;}
body#recruit #content #sec_welfare li {float: left; width: 284px; margin: 0 23px 20px 0;}
body#recruit #content #sec_welfare div p.sent {border: 1px solid #c6c5dd; padding:10px; background-color:#FFFFFF; margin-top:10px;}
/* ==========================================================================================
	--CONTACT
========================================================================================== */
body#contact #content p.caption {margin-bottom: 20px; font-size: 14px; text-align: center;}
body#contact #content table {margin-bottom: 20px; border-collapse: separate;}
body#contact #content th,
body#contact #content td {padding: 0.8em 1.2em; border: 2px solid #fff;}
body#contact #content th {border-width: 0 2px 2px 0; background: #d9d8e8; vertical-align: middle;}
body#contact #content td {border-width: 0 0 2px; background: #ececf4;}

input, textarea {outline: none;}
form input.textfield, textarea {width: 350px; padding: 4px; border: 1px solid #c6c5dd; background-color: #fff; color: #000;}
form input.textfield:focus, textarea:focus {border: 1px solid #c6c5dd; background-color: #fff;}
form textarea {width: 450px; height: 180px; overflow: auto;}
form div.btn {text-align: center;}
form button {display: inline; padding: 0 10px; border: none; background: #fff; cursor: pointer;}

form table td .err {border: 1px solid #c66; background: #fdd;}
.fixed .formErrorClose {display: none;}
.formError .formErrorContent {padding-top: 3px;	color: #c33; font-size: 12px; font-weight: bold;}
.formError .formErrorContent span {padding-right: 1em;}
.fadeOut {opacity: .2; filter: alpha(opacity=20);}