/* share */
body {
	color:#333;
	font-family: 'Hiragino Kaku Gothic Pro','メイリオ', sans-serif;
	font-size:14px;
}
a {
	text-decoration:none;
}
a:hover{
	color:#5381F9;
}

body .container {
	margin-left:auto;
	margin-right:auto;
	width:960px;
}
.clear {
	clear:both;
}
.cover {
	background-color:#fff;
	height:100%;
	left:0;
	opacity:0.5;
	position:fixed;
	filter: alpha(opacity=50); /* ie 6 7 */
	-ms-filter: "alpha(opacity=50)"; /* ie 8 */
	top:0;
	width:100%;
	z-index:500;
}

/* #header */
#header {
	background-image:url(../images/share/bg_header.png);
	background-repeat:repeat-x;
	color:#FFF;
	height:78px;
	position:fixed;
	top:0;
	width:100%;
	z-index:1000;
}
#header a {
	color:#fff;
}
#header a:hover {
	text-decoration:underline;
}
#header > div {
	left:0;
	margin-top:10px;
	position:relative;
}
#header > div > div {
	float:left;
}
#header > div > div:first-child {
	margin-top:5px;
	width:220px;
}

#header .menu-sub {
	float:none;
	font-size:12px;
	margin-bottom:11px;
	text-align:right;
	width:520px;
}
#header .menu-sub > li {
	background-image:url(../images/share/pointer_wh.png);
	background-position:left center;
	background-repeat:no-repeat;
	float:right;
	line-height:1.2em;
	padding:4px 2em 4px 1.5em;
}
#header .menu-sub > li:first-child {
	padding:4px 0 4px 1.5em;
}

#header .menu-main {
	float:none;
	font-size:16px;
	position:relative;
	z-index:1002;
}
#header .menu-main > li {
	background-position:left center;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	height:29px;
	text-align:center;
	width:123px;
}
#header .menu-main > li > a {
	display:block;
	height:100%;
	width:100%;
}
#header .menu-main > li:first-child {
	background-image:url(../images/share/menu_product.png);
}
#header .menu-main > li:first-child:hover {
	background-image:url(../images/share/menu_product_on.png);
}
#header .menu-main > li:nth-child(2) {
	background-image:url(../images/share/menu_faq.png);
}
#header .menu-main > li:nth-child(2):hover {
	background-image:url(../images/share/menu_faq_on.png);
}
#header .menu-main > li:nth-child(3) {
	background-image:url(../images/share/menu_catalog.png);
}
#header .menu-main > li:nth-child(3):hover {
	background-image:url(../images/share/menu_catalog_on.png);
}
#header .menu-main > li:nth-child(4) {
	background-image:url(../images/share/menu_company.png);
}
#header .menu-main > li:nth-child(4):hover {
	background-image:url(../images/share/menu_company_on.png);
}
#header .menu-main > li:nth-child(5) {
	background-image:url(../images/share/menu_recruit.png);
}
#header .menu-main > li:nth-child(5):hover {
	background-image:url(../images/share/menu_recruit_on.png);
}
#header .menu-main > li:nth-child(6) {
	background-image:url(../images/share/menu_contact.png);
	width:125px;
}
#header .menu-main > li:nth-child(6):hover {
	background-image:url(../images/share/menu_contact_on.png);
}

/*search*/

#header form {
	float:right;
	padding:0;
height:22px;
}
#header form input{
vertical-align: top;
}

#s {
    width: 160px;

}
#header .s-btn {
margin-top:5px;
margin-left:0;
}

#header form #textfield{
	width:140px;
}

/* megamenu */
#header .megamenuBox {
	background-color:#555;
	display:none;
	font-size:12px;
	left:220px;
	margin-top:30px;
	position:absolute;
	text-align:left;
	top:54px;
	z-index:1001;
}
#header .megamenuBox a:hover {
	text-decoration:none;
}
#header .megamenuBox > ul {
	float:left;
}
#header .megamenuBox .layer1 {
	display:none;
	height:362px;
	width:200px;
}
#header .megamenuBox .layer1 > li {
	padding:8px 20px;
}
#header .megamenuBox .layer1 > li > a {
	color:#fff;
	display:block;
}
#header .megamenuBox .layer1 > .menu-on {
	background-color:#777;
	background-image:url(../images/share/pointer_wh.png);
	background-position:183px center;
	background-repeat:no-repeat;
}
#header .megamenuBox .layer1 > li:hover {
	background-color:#777;
	background-image:url(../images/share/pointer_wh.png);
	background-position:183px center;
	background-repeat:no-repeat;
}
#header .megamenuBox .layer1 > li:first-child {
	margin-top:30px;
}
#header .megamenuBox .layer2 {
	background-color:#777;
	display:none;
	height:362px;
	width:330px;
}
#header .megamenuBox .layer2 > li {
	margin:0 10px;
	padding:8px 20px;
}
#header .megamenuBox .layer2 > li:hover {
	background-color:#fff;
}
#header .megamenuBox .layer2 > li:hover > a {
	color:#555;
	display:block;
}

#header .megamenuBox .layer2 > li:first-child {
	margin-top:30px;
}
#header .megamenuBox .layer1 .close, #header .megamenuBox .layer2 .close {
	color:#fff;
	cursor:pointer;
	font-size:28px;
	height:60px;
	right:-15px;
	position:absolute;
	text-align:center;
	top:-5px;
	width:60px;
}
#header .megamenuBox .pointer {
	margin-top:-19px;
	margin-left:40px;
}

/* bred_nav*/
.bred_nav {
	margin-bottom:0px;
}

.bred_nav ul li {
	/* liを横並び＆ブレットを消す */
	display: inline;
	list-style-type: none;
	font-size:86%;
}
.bred_nav ul li:before {
	/* liの後に記号追加 */
	content:" > ";
}
.bred_nav ul li:first-child:before {
        /* 最初のliだけcontentを消す */
        content: none;
}

/* #contents */
#contents {
}
#contents .menu-products {
	background-image:url(../images/share/bg_menu_products.png);
	background-repeat:repeat-x;	
	height:106px;
}
#contents .menu-products > ul {
	padding-top:7px;
	position:relative;
	width:960px;
}
#contents .menu-products > ul > li {
	border-left:1px solid #FFF;
	float:left;
	position:absolute;
}
#contents .menu-products > ul > li:first-child {
	left:0;
}
#contents .menu-products > ul > li:nth-child(2) {
	left:160px;
}
#contents .menu-products > ul > li:nth-child(3) {
	left:320px;
}
#contents .menu-products > ul > li:nth-child(4) {
	left:480px;
}
#contents .menu-products > ul > li:nth-child(5) {
	left:640px;
}
#contents .menu-products > ul > li:nth-child(6) {
	border-right:1px solid #FFF;
	left:800px;
}
#contents > .outer {
	background-image:url(../images/share/bg_contents.png);
	background-repeat:repeat-x;	
	background-color: #FFF;
	margin-top:75px;
	padding:15px 0;
}
#contents > .outer > .container {
	background-color:#fff;
	box-shadow:0 0 4px 4px #ddd;
	min-height:600px;
	padding:2px 15px 50px;
	width:930px;
}
.container p{
	font-size:14px;
	line-height:1.5em;
	letter-spacing:0.6px;
	margin:10px 20px 10px;
}
.container h2{
	font-size:120%;
	color:#1b64db;
	font-weight:bold;
	background: url(../images/share/h2-bg.gif) no-repeat bottom;
	padding:5px 0 8px 10px;
	margin:15px 0 30px;
}
.container h3{
	font-size:120%;
	color:#1b64db;
	font-weight:bold;
	border-bottom: #666565 1px solid;
	padding:5px 0 0 10px;
	margin:20px 8px 30px;
}
.container h4{
	font-size:120%;
	color:#1b64db;
	font-weight:bold;
	padding:5px 0 0 10px;
	margin:0 8px 10px;
}
.container h5{
	font-size:100%;
	color:#000000;
	font-weight:bold;
	padding:5px 0 0 10px;
	margin:0 8px 10px;
}
.style01 table{
	line-height:1.5em;
	text-align:left;
	border:solid 1px #FFF;
	width:890px;
	margin:0 auto;
	margin-bottom: 20px;
}
.style01 table th{
	font-size:100%;
	font-weight:bold;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background:#EFEFEF;
	padding:5px 5px 5px 10px;
}
.style01 table td{
	font-size:100%;
	padding:5px 5px 5px 10px;
	border-right:solid 1px #ccc;	
	border-bottom:solid 1px #ccc;
}
.style02 table{
	line-height:2em;
	text-align:left;
	border:solid 1px #FFF;
	width:890px;
	margin:0 auto;
}
.container .style02 table th{
	font-size:100%;
	font-weight:bold;
	border-right: none;	
	border-bottom:solid 1px #ccc;
	background: #FFF;
	padding:5px 5px 5px 10px;
}
.container .style02 table td{
	font-size:100%;
	padding:5px 5px 5px 10px;
	border-right:none;	
	border-bottom:solid 1px #ccc;
}
.container table td img{
	vertical-align: middle;
}
.container ul.style01{
	margin:0 20px 20px;
}
.container ul.style01 li{
	margin:3px 10px 0 30px;
	padding:0;
	list-style: disc;
}

.container .decimal li{
	list-style: decimal;
	margin:0 0 0 60px;
	padding:0;
}

.container .decimal li ul li{
	list-style: lower-roman;
	margin:0 0 0 20px;
}



/* class 共通　*/
.al-r{
	text-align:right;
}
.al-l{
	text-align:left;
}
.al-c{
	text-align:center;
}
.mar-b20{
	margin-bottom:20px;
}
.mar-b30{
	margin-bottom:30px;
}
.mar-b50{
	margin-bottom:50px;
}
.mar-b100{
	margin-bottom:100px;
}
.mar-b150{
	margin-bottom:150px;
}
.mar-t50{
	margin-top:50px;
}
.mar-t100{
	margin-top:100px;
}
.alignleft{
	float:left;
}
.alignright{
	float: right;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
img.alignright {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
strong{
	font-weight:bold;
}
.btn01{
	margin:0 0 20px 40px;
}
.btn01 .box{
	width:260px;
	float:left;
	margin:30px 34px 0 0;
}
.btn02{
	margin:0 0 20px 40px;
}
.btn02 a img{
	margin:20px 30px 0 0;
}
#contents .btn01 .box p{
	padding:5px;
	margin:0;
	line-height: 1.2em;
}
.red{
	color:#CC0000;
}
.font-s{
	font-size:80%;
}
.font-l{
	font-size:120%;
}

/* #footer */
#footer {
	background-image:url(../images/share/bg_footer.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFF;
	color:#FFF;
	height:270px;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .pointer-top {
	bottom:-100px;
	position:fixed;
	right:3%;
}
#footer .pagetop {
	float:right;
	height:24px;
	text-align:right;
}
#footer .pagetop .tab {
	background-color:#1B64DB;
	border-radius:8px 8px 0 0;
	color:#FFF;
	display:table-cell;
	font-weight:bold;
	padding:4px 20px 0 20px;
}
#footer .menu-footer {
	height:180px;
	margin-bottom:10px;
	padding-top:20px;
}
#footer .menu-footer > div, #footer .menu-footer > dl {
	float:left;
	vertical-align:top;
}
#footer .menu-footer > div:first-child {
	width:273px;
}
#footer .menu-footer > dl {
	width:220px;
}
#footer .menu-footer dt {
	background-image:url(../images/share/pointer_wh.png);
	background-position:left center;
	background-repeat:no-repeat;
	line-height:1.2em;
	padding:4px 0 4px 1.5em;
}
#footer .menu-footer dd {
	display:list-item;
	line-height:1.2em;
	list-style-type:disc;
	margin-left:2em;
	padding:4px 0 4px 0;
}
#footer .copyrights {
	background-image:url(../images/share/border_footer.png);
	background-position:top;
	background-repeat:no-repeat;
	height:30px;
	padding-top:8px;
	text-align:center;
}