@charset "utf-8";

/* ----------------------------------------------------------------------------
    BODY
------------------------------------------------------------------------------ */

body {
	width: 100%;
	background: #0265ca;
	color: #777;
	font-size: 14px;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
}
#wrapper  {
	background: #fff;
}


/* ----------------------------------------------------------------------------
    HEADER
------------------------------------------------------------------------------ */

header {
	width: 960px;
	margin: 0 auto 20px;
	padding: 22px 20px 0;
	line-height: 1;
}
header h1 {
	float: left;
	width: 314px;
	margin: 0 196px 0 0;
}
header #headerBox {
	float: left;
	width: 450px;
	margin: 0 0 15px;
}
header #headerBox ul#lang {
	float: left;
	width: 275px;
	border: solid 1px #b3b3b3;
	margin: 0 5px 0 0;
	padding: 4px 4px;
}
header #headerBox ul#lang li {
	float: left;
	width: 100px;
	font-size: 12px;
	text-align: center;
}
header #headerBox ul#lang li:last-child {
	width: 75px;
	margin: 0;
}
header #headerBox ul#lang li:after {
	content: "｜";
	float: right;
	display: block;
	width: 25px;
	text-align: center;
}
header #headerBox ul#lang li:last-child:after {
	content: "";
	display: none;
	width: 0;
}
header #headerBox ul#lang li a {
	color: #b3b3b3;
	text-decoration: none;
}
header #headerBox ul#lang li a:hover {
	color: #0265ca;
}
header #headerBox ul#lang li a.active {
	color: #0265ca;
}
header #headerBox p {
	float: right;
	width: 73px;
	margin: 0 5px 0 0;
	padding: 5px 0 0;
	font-size: 14px;
}
header #headerBox ul#fontSize {
	float: right;
	width: 82px;
}
header #headerBox ul#fontSize li {
	float: left;
	width: 22px;
	margin: 0 8px 0 0;
}
header #headerBox ul#fontSize li:last-child {
	margin: 0;
}
header #headerBox ul#fontSize li a {
	display: block;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
}
header #headerBox ul#fontSize li a#fontS {
	background: url(../images/bt_font_s_off.jpg) no-repeat;
}
header #headerBox ul#fontSize li a#fontM {
	background: url(../images/bt_font_m_off.jpg) no-repeat;
}
header #headerBox ul#fontSize li a#fontL {
	background: url(../images/bt_font_l_off.jpg) no-repeat;
}
header #headerBox ul#fontSize li a#fontS:hover {
	background: url(../images/bt_font_s_on.jpg) no-repeat;
}
header #headerBox ul#fontSize li a#fontM:hover {
	background: url(../images/bt_font_m_on.jpg) no-repeat;
}
header #headerBox ul#fontSize li a#fontL:hover {
	background: url(../images/bt_font_l_on.jpg) no-repeat;
}
header #headerBox ul#fontSize li a#fontS.active {
	background: url(../images/bt_font_s_on.jpg) no-repeat;
}
header #headerBox ul#fontSize li a#fontM.active {
	background: url(../images/bt_font_m_on.jpg) no-repeat;
}
header #headerBox ul#fontSize li a#fontL.active {
	background: url(../images/bt_font_l_on.jpg) no-repeat;
}
header ul#subNav {
	float: left;
	width: 450px;
}
header ul#subNav li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	background: url(../images/list_arrow01.jpg) no-repeat left top;
	font-size: 14px;
}
header ul#subNav li:last-child {
	margin: 0;
}
header ul#subNav li a {
	color: #777;
	text-decoration: none;
}
header ul#subNav li a:hover {
	color: #b3b3b3;
}


/* ----------------------------------------------------------------------------
    NAV
------------------------------------------------------------------------------ */

nav {
	width: 100%;
	background: #0265ca;
}
nav ul {
	width: 960px;
	margin: 0 auto 0;
	padding: 0 20px;
}
nav ul li {
	float: left;
	width: 160px;
}


/* ----------------------------------------------------------------------------
    MAIN IMG
------------------------------------------------------------------------------ */

#mainImg {
	width: 100%;
}
/*
#mainImg #slider {
	position: relative;
	width: 100%;
	height: 340px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3) inset, 0 -3px 3px rgba(40,40,40,0.3) inset;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3) inset, 0 -3px 3px rgba(40,40,40,0.3) inset;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3) inset, 0 -3px 3pxrgba(40,40,40,0.3) inset;
}
*/
#mainImg.top {
	position: relative;
	width: 100%;
	/*height: 340px;*/
}
#mainImg.top p {
	/*position: absolute;
	top: 0;
	/*left: 50%;
	margin: 0 0 0 -1000px;*/
	max-width: 100%;
	text-align: center;
}

#mainImg p img {
	width: 100%;
}

#mainImg #title {
	width: 100%;
	height: 160px;
	background: url(../images/bg_page_title.jpg) no-repeat center center;
	background-size: cover;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3) inset, 0 -3px 3px rgba(40,40,40,0.3) inset;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3) inset, 0 -3px 3px rgba(40,40,40,0.3) inset;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3) inset, 0 -3px 3px rgba(40,40,40,0.3) inset;
}
#mainImg #title h1 {
	width: 960px;
	margin: 0 auto;
	padding: 55px 20px 55px;
}
#mainImg #mainLine {
	position: relative;
	display: block;
	height: 15px;
}
#mainImg #mainLine .l {
	position: absolute;
	left: 0;
	width: 50%;
	height: 15px;
	background: #66e4e8;
	z-index: 1;
}
#mainImg #mainLine .r {
	position: absolute;
	right: 0;
	width: 50%;
	height: 15px;
	background: #0265ca;
	z-index: 1;
}
#mainImg #mainLine .c {
	position: absolute;
	left: 50%;
	width: 960px;
	height: 15px;
	margin: 0 0 0 -480px;
	background: url(../images/main_line.jpg) no-repeat center top;
	z-index: 2;
}


/* ----------------------------------------------------------------------------
    CONTENT
------------------------------------------------------------------------------ */

#content {
	width: 100%;
	padding: 0 0 30px;
}
#content.fontS {
	font-size: 11px;
}
#content.fontM {
	font-size: 14px;
}
#content.fontL {
	font-size: 17px;
}
#content .box {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
#content .box > h1 {
	margin: 0 0 30px;
}
#content section > h1 {
	margin: 0 0 30px;
}
#content #contentLeft {
	float: left;
	width: 730px;
}
#content #contentRight {
	float: right;
	width: 200px;
}
#content #contentRight #bn {
	width: 200px;
}
#content #contentRight #bn p {
	width: 200px;
	margin: 0 0 10px;
}
#content #contentRight #bn p:last-child {
	width: 200px;
	margin: 0;
}

/* new */
span.new {
	display: inline-block;
	width: 50px;
	height: 15px;
	margin: 0.2em 0 0 0;
	padding: 0 0 0 0.5em;
	background: url(../images/icon_new.jpg) no-repeat right top;
	text-indent: -9999px;
}

/* pankuzu */
ul#pankuzu {
	width: 960px;
	margin: 30px auto 30px;
	font-size: 12px;
}
ul#pankuzu li {
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 0 0 20px;
	background: url(../images/list_arrow03.jpg) no-repeat left 8px;
}
ul#pankuzu li:first-child {
	padding: 0;
	background: none;
}

/* sideNav */
.sideNav {
	width: 200px;
	margin: 0 0 20px;
}
.sideNav ul {
	width: 170px;
	padding: 14px;
	border: solid 1px #ccc;
	font-size: 14px;
}
.sideNav ul li {
	width: 154px;
	margin: 0 0 10px;
	padding: 0 0 10px 16px;
	background: url(../images/list_arrow02.jpg) no-repeat left 6px;
	border-bottom: dotted 1px #ccc;
}
.sideNav ul li:last-child {
	margin: 0;
	border-bottom: none;
}
.sideNav ul li a {
	display: block;
	width: 100%;
	color: #777;
	text-decoration: none;
}
.sideNav ul li a:hover {
	color: #b3b3b3;
}

/* ----------------------------------------------------------------------------
    FOOTER
------------------------------------------------------------------------------ */

footer {
	width: 100%;
}
footer #gotop {
	width: 150px;
	margin: 0 auto;
	padding: 0 45px 0 805px;
}
footer #footerNav {
	width: 100%;
	padding: 20px 0 10px;
	background: #fcfcfd;
	border-top: solid 1px #ccc;
	line-height: 1;
}
footer #footerNav ul {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
footer #footerNav ul li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0 0 10px 15px;
	background: url(../images/list_arrow01.jpg) no-repeat left top;
	font-size: 14px;
}
footer #footerNav ul li a {
	color: #777;
	text-decoration: none;
}
footer #footerNav ul li a:hover {
	color: #b3b3b3;
}
footer #address {
	width: 100%;
	background: #f8f8fa;
	border-top: solid 1px #ccc;
	color: #004376;
	line-height: 1.5;
}
footer #address ul {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
footer #address ul li {
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding: 30px;
/*	border-left: solid 1px #ccc;*/
}
footer #address ul li:last-child {
/*
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
*/
}
footer #address ul li h2 {
	height: 30px;
	margin: 0 0 5px;
	font-weight: bold;
	line-height: 1.3;
}
footer #address ul li address {
	font-size: 13px;
}
footer small {
	display: block;
	width: 100%;
	padding: 10px 0;
	background: #0265ca;
	color: #fff;
	font-size: 12px;
	text-align: center;
}


/* ----------------------------------------------------------------------------
    PRODUCT SEARCH
------------------------------------------------------------------------------ */

.productSearch form {
	width: 964px;
	margin: 0 auto;
	padding: 0 18px;
	line-height: 1;
}
.productSearch form h1 {
	width: 960px;
	margin: 0 auto 30px;
	padding: 0 2px;
}
.productSearch form .left {
	float: left;
	width: 644px;
	margin: 0 16px 0 0;
}
.productSearch form .right {
	float: left;
	width: 304px;
}
.productSearch form .left section {
	width: 644px;
}
.productSearch form .left section h2 {
	float: left;
	width: 108px;
}
.productSearch form .left section ul {
	float: left;
	width: 536px;
}
.productSearch form .left section.pType ul li,
.productSearch form .left section.pUse ul li {
	float: left;
	width: 107px;
	height: 108px;
}
.productSearch form .left section.pType ul li:first-child,
.productSearch form .left section.pUse ul li:first-child {
	width: 0;
}
.productSearch form .left section.pType ul li:last-child,
.productSearch form .left section.pUse ul li:last-child {
	width: 108px;
}
.productSearch form .right section.pName {
	width: 304px;
	margin: 0 0 16px;
}
.productSearch form .right section.pName h2 {
	float: left;
	width: 96px;
}
.productSearch form .right section.pName p {
	float: left;
	width: 208px;
}
.productSearch form .right section.pOther01,
.productSearch form .right section.pOther01 ul,
.productSearch form .right section.pOther02,
.productSearch form .right section.pOther02 ul, {
	width: 304px;
}
.productSearch form .right section.pOther02 {
	margin: 0 0 19px;
}
.productSearch form .right section.pOther01 ul li {
	float: left;
	width: 152px;
}
.productSearch form .right section.pOther02 ul li {
	float: left;
	width: 101px;
}
.productSearch form .right section.pOther02 ul li:first-child {
	float: left;
	width: 102px;
}

/* submitBtn */
.productSearch form .right #submitBtn {
	width: 304px;
}
.productSearch form .right #submitBtn #btn01 {
	width: 300px;
	height: 	50px;
	margin: 0 2px;
	background: url(../images/bt_search_off.png) no-repeat;
	text-indent: -9999px;
}
.productSearch form .right #submitBtn #btn01:hover {
	background: url(../images/bt_search_on.png) no-repeat;
}

/* input */
.productSearch input[type="checkbox"] {
	/*display: none;*/
	float: left;
	opacity: 0;
}
.productSearch input[type="radio"] {
	/*display: none;*/
	float: left;
	opacity: 0;
}
.productSearch input[type="text"] {
	width: 188px;
	height: 34px;
	padding: 5px 10px;
	border: none;
	background: url(../images/txbox_search03.png) no-repeat;
}

/* label */
.productSearch form .left section.pType ul li label,
.productSearch form .left section.pUse ul li label {
	display: block;
	width: 107px;
	height: 108px;
	text-indent: -9999px;
}
.productSearch form .left section.pType ul li label:first-child,
.productSearch form .left section.pUse ul li label:first-child {
	display: inline;
	width: 0px;
	height: 0px;
}
.productSearch form .left section.pType ul li label:last-child,
.productSearch form .left section.pUse ul li label:last-child {
	width: 108px;
}
.productSearch form .right section.pOther01 ul li label {
	display: block;
	width: 152px;
	height: 43px;
	text-indent: -9999px;
}
.productSearch form .right section.pOther02 ul li label {
	display: block;
	width: 101px;
	height: 43px;
	text-indent: -9999px;
}
.productSearch form .right section.pOther02 ul li label:farst-child {
	width: 102px;
}

/* pType */
label.pType-01 {
	background: url(../images/chk_search01_01_off.png) no-repeat;
}
label.pType-02 {
	background: url(../images/chk_search01_02_off.png) no-repeat;
}
label.pType-03 {
	background: url(../images/chk_search01_03_off.png) no-repeat;
}
label.pType-04 {
	background: url(../images/chk_search01_04_off.png) no-repeat;
}
label.pType-05 {
	background: url(../images/chk_search01_05_off.png) no-repeat;
}
label.pType-01.checked {
	background: url(../images/chk_search01_01_on.png) no-repeat;
}
label.pType-02.checked {
	background: url(../images/chk_search01_02_on.png) no-repeat;
}
label.pType-03.checked {
	background: url(../images/chk_search01_03_on.png) no-repeat;
}
label.pType-04.checked {
	background: url(../images/chk_search01_04_on.png) no-repeat;
}
label.pType-05.checked {
	background: url(../images/chk_search01_05_on.png) no-repeat;
}

/* pUse */
label.pUse-01 {
	background: url(../images/chk_search02_01_off.png) no-repeat;
}
label.pUse-02 {
	background: url(../images/chk_search02_02_off.png) no-repeat;
}
label.pUse-03 {
	background: url(../images/chk_search02_03_off.png) no-repeat;
}
label.pUse-04 {
	background: url(../images/chk_search02_04_off.png) no-repeat;
}
label.pUse-05 {
	background: url(../images/chk_search02_05_off.png) no-repeat;
}
label.pUse-01.checked {
	background: url(../images/chk_search02_01_on.png) no-repeat;
}
label.pUse-02.checked {
	background: url(../images/chk_search02_02_on.png) no-repeat;
}
label.pUse-03.checked {
	background: url(../images/chk_search02_03_on.png) no-repeat;
}
label.pUse-04.checked {
	background: url(../images/chk_search02_04_on.png) no-repeat;
}
label.pUse-05.checked {
	background: url(../images/chk_search02_05_on.png) no-repeat;
}

/* pOther01 */
label.pOther01-01 {
	background: url(../images/chk_search04_01_off.png) no-repeat;
}
label.pOther01-02 {
	background: url(../images/chk_search04_02_off.png) no-repeat;
}
label.pOther01-01.checked {
	background: url(../images/chk_search04_01_on.png) no-repeat;
}
label.pOther01-02.checked {
	background: url(../images/chk_search04_02_on.png) no-repeat;
}

/* pOther02 */
label.pOther02-01 {
	background: url(../images/chk_search05_01_off.png) no-repeat;
}
label.pOther02-02 {
	background: url(../images/chk_search05_02_off.png) no-repeat;
}
label.pOther02-03 {
	background: url(../images/chk_search05_03_off.png) no-repeat;
}
label.pOther02-01.checked {
	background: url(../images/chk_search05_01_on.png) no-repeat;
}
label.pOther02-02.checked {
	background: url(../images/chk_search05_02_on.png) no-repeat;
}
label.pOther02-03.checked {
	background: url(../images/chk_search05_03_on.png) no-repeat;
}

.contact_email p {
	margin: 100px auto;
}