@charset "utf-8";

/* =================================================

	base

----------------------------------------------------
*
	Browser Reset
	Base 
	Page Layout
	headerTop
	headerNav
	headersub
	footer
	Common button
	searchAllInputBox
	searchAllBox / accountBox / languageBox
	parSearchBox / historyBox
	shareBox / favoBox
	newsSummary
	contentsAction
	localNav
	History
	scrollArea
	z-index
	Module
*
================================================= */



/* =================================================

	Browser Reset

================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}

html{ overflow-y: scroll;}

blockquote,
q { quotes: none;}

blockquote:before,
blockquote:after,
q:before, q:after { content: ""; content: none;}

input,
textarea,
select { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit;}

ol ,
ul { list-style: none;}

table { width: 100%; border-collapse: collapse; border-spacing: 0; font-size: inherit;}

th { text-align: left;}

sup,
sub { font-size: 75%;}

a,
a:focus { outline: none;}

img { border: 0; vertical-align: top; line-height: 0;}

hr { height: 0; margin: 0; border: none; border-bottom: 1px solid #dfb118;}

div { word-wrap: normal;}

td { word-break: normal; word-wrap: normal; overflow-wrap: normal;}
th { word-break: normal; word-wrap: normal; overflow-wrap: normal;}

input[type="button"],
input[type="text"],
input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}







/* =================================================

	Base 

================================================= */

html {
	font-size: 62.5%;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	line-height: 1.6;
	color: #000;
	background: #fff;
}



/* ----------------------------------------------
	a
---------------------------------------------- */

a {
	text-decoration: none;
	color: #37348b;
}
a:hover {
	text-decoration: underline;
}







/* =================================================

	Page Layout

================================================= */

#contents {
	position: relative;
}

#headerTop .inner,
#headerNav .inner,
#headerSub .inner,
#footer .inner,
#contents .inner { width: 1152px; margin: 0px auto;}

/*	cf ---------- */
#headerTop .inner:before,
#headerTop .inner:after,
#headerNav .inner:before,
#headerNav .inner:after,
#headerSub .inner:before,
#headerSub .inner:after,
#footer .inner:before,
#footer .inner:after,
#contents .inner:before,
#contents .inner:after { content: " "; display: table;}

#headerTop .inner:after,
#headerNav .inner:after,
#headerSub .inner:after,
#footer .inner:after,
#contents .inner:after { clear: both;}


@media screen and (max-width: 1151px) {
	
#headerTop .inner,
#headerNav .inner,
#headerSub .inner,
#footer .inner,
#contents .inner,
#contents .contents01,
#contents .contents02,
#contents .contents03,
#contents .contents04 { width: auto; padding: 0px 20px;}

}


@media screen and (max-width: 767px) {
	
#headerTop .inner,
#headerNav .inner,
#headerSub .inner,
#footer .inner,
#contents .inner,
#contents .contents01,
#contents .contents02,
#contents .contents03,
#contents .contents04 { width: auto; padding: 0px 10px;}

#headerTop .inner {
	background: #003264;
}

}



/* ----------------------------------------------
	contents01
---------------------------------------------- */

.contents01 { width: 1152px; margin: 40px auto 60px;}


@media screen and (max-width: 1151px) {

.contents01 { width: auto; max-width: 864px; margin: 20px auto 60px;}

}


@media screen and (max-width: 767px) {

#contents .contents01 { margin: 0 auto 60px; padding-top:10px; }

}



/* ----------------------------------------------
	contents02
---------------------------------------------- */

.contents02 { width: 1152px; margin: 15px auto 60px;}
.contents02 .columnMain { float: right; width: 864px;}
.contents02 .columnSide { float: left; width: 248px;}

/*	cf ---------- */
.contents02:before,
.contents02:after { content: " "; display: table;}
.contents02:after { clear: both;}


@media screen and (max-width: 1151px) {

.contents02 { width: auto; margin: 25px auto 50px;}
.contents02 .columnMain,
.contents02 .columnSide { float: none; width: auto;}
.contents02 .columnMain { max-width: 864px; margin: 0px auto;}
.contents02 .columnSide { max-width: 864px; margin: 0px auto;}

}


@media screen and (max-width: 767px) {

.contents02 { margin: 0 auto 50px;}
.contents02 .columnMain { margin-bottom: 50px; padding-top:80px; }

}



/* ----------------------------------------------
	contents03
---------------------------------------------- */

.contents03 { width: 1152px; margin: 40px auto 60px;}
.contents03 .columnMain { float: left; width: 864px;}
.contents03 .columnSide { float: right; width: 248px;}

/*	cf ---------- */
.contents03:before,
.contents03:after { content: " "; display: table;}
.contents03:after { clear: both;}


@media screen and (max-width: 1151px) {

.contents03 { width: auto; margin: 25px auto 50px;}
.contents03 .columnMain,
.contents03 .columnSide { float: none; width: auto;}
.contents03 .columnMain { max-width: 864px; margin: 0px auto 50px;}
.contents03 .columnSide { max-width: 864px; margin: 0px auto;}

}


@media screen and (max-width: 767px) {

.contents03 { margin: 0 auto 50px;}
.contents03 .columnMain { margin-bottom: 50px; padding-top:10px; }

}



/* ----------------------------------------------
	contents04
---------------------------------------------- */

.contents04 { width: 1152px; margin: 40px auto 60px;}
.contents04 .columnMain { float: right; width: 620px;}
.contents04 .columnSide { float: left; width: 248px;}
.contents04 .relatedContent { float: right; width: 210px; background: #f6f7f8; margin-left: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/*	cf ---------- */
.contents04:before,
.contents04:after { content: " "; display: table;}
.contents04:after { clear: both;}


@media screen and (max-width: 1151px) {

.contents04 { width: auto; margin: 25px auto 50px;}
.contents04 .columnMain,
.contents04 .columnSide,
.contents04 .relatedContent { float: none; width: auto;}
.contents04 .columnMain { max-width: 864px; margin: 0px auto 30px;}
.contents04 .columnSide { max-width: 864px; margin: 0px auto;}
.contents04 .relatedContent { width:100%; max-width: 864px; margin: 0px auto; padding:0;}

/* flex */
.contents04{
	display: -webkit-flex;
	display: -webkit-box;
	display: -webkit-flexbox;
	display: -moz-box;
	display: -o-flexbox;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-webkit-box-orient:block-axis;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}
.contents04 .columnMain {
	-moz-flex-order:1;
	-webkit-flex-order:1;
	-webkit-order:1;
	-o-flex-order:1;
	-ms-flex-order:1;
	-webkit-box-ordinal-group:1;
	order:1;
}
.contents04 .columnSide {
	-moz-flex-order:3;
	-webkit-flex-order:3;
	-webkit-order:3;
	-o-flex-order:3;
	-ms-flex-order:3;
	-webkit-box-ordinal-group:3;
	order:3;
}
.contents04 .relatedContent {
	-moz-flex-order:2;
	-webkit-flex-order:2;
	-webkit-order:2;
	-o-flex-order:2;
	-ms-flex-order:2;
	-webkit-box-ordinal-group:2;
	order:2;
}


}


@media screen and (max-width: 767px) {

.contents04 { margin: 0 auto 50px;}
.contents04 .columnMain { margin-bottom: 50px; padding-top:80px; }

}







/* =================================================

	headerTop

================================================= */

#headerTop .inner {
	padding-bottom: 15px;
}


@media screen and (max-width: 1151px) {
	
#headerTop .inner {
	padding: 15px 25px;
}

}


@media screen and (max-width: 767px) {
	
#headerTop .inner {
	background-color: #fff;
	padding: 10px 10px 0;
}

/* fixed */
body.fixHeader {
	padding-top:55px;
	position: relative;
}
body.fixHeader #headerTop {
	background: #fff;
	width:100%;
	height:55px;
	position:absolute;
	top:0;
	left:0;
	z-index:101;
}

}



/* ----------------------------------------------
	companyLogo
---------------------------------------------- */

#headerTop .companyLogo {
	float: left;
	margin-top: 15px;
	width: 194px;
}
#headerTop .companyLogo a {
	display: block;
	width: 194px;
	height: 32px;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	background: url(../common/img/logo_renesas.png) left top no-repeat;
}


@media screen and (max-width: 1151px) {
	
#headerTop .companyLogo {
	margin-top: 10px;
}

}


@media screen and (max-width: 767px) {

#headerTop .companyLogo {
	width: 155px;
	margin: 18px 0 6px;
	float: none;
}
#headerTop .companyLogo a {
	width: 155px;
	height: 25px;
	background: url(../common/img/logo_renesas.png) left top no-repeat;
	background-size: contain;
}

}



/* ----------------------------------------------
	sideBlock
---------------------------------------------- */

#headerTop .sideBlock {
	float: left;
	width: 863px;
	margin-left: 95px;
}

/*	cf ---------- */
#headerTop .sideBlock:before,
#headerTop .sideBlock:after { content: " "; display: table;}
#headerTop .sideBlock:after { clear: both;}


@media screen and (max-width: 1151px) {
	
#headerTop .sideBlock {
	float: right;
	width: auto;
	margin-left: 0;
}

}


@media screen and (max-width: 767px) {
	
#headerTop .sideBlock {
	float: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	position: absolute;
	top: 15px;
	right: 50px;
}

}


@media screen and (max-width: 620px) {
	
#headerTop .sideBlock {
	clear: both;
}

}



/* ----------------------------------------------
	searchAllInputBox
---------------------------------------------- */

#headerTop .sideBlock .searchAllInputBox {
	float: left;
	width: 342px;
	margin-top: 15px;
	/*height: 30px;*/
}


@media screen and (max-width: 1151px) {

#headerTop .sideBlock .searchAllInputBox {
}

#headerTop .sideBlock .searchAllInputBoxOpen {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	padding: 60px 0px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.95);
}
#headerTop .sideBlock .searchAllInputBoxOpen .close {
	display: block;
	position: fixed;
	right: 10px;
	top: 0px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
#headerTop .sideBlock .searchAllInputBoxOpen .close:before,
#headerTop .sideBlock .searchAllInputBoxOpen .close:after {
	content: "";
	display: block;
	position: absolute;
	width: 24px;
	height: 3px;
	background: #b6b6b6;
}
#headerTop .sideBlock .searchAllInputBoxOpen .close:before,
#headerTop .sideBlock .searchAllInputBoxOpen .close:after {
	top: 26px;
	left: 18px;	
}
#headerTop .sideBlock .searchAllInputBoxOpen .close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#headerTop .sideBlock .searchAllInputBoxOpen .close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#headerTop .sideBlock .searchAllInputBox {
	float: none;
	margin: 0px auto;
	position: relative;
}

}


@media screen and (max-width: 767px) {
	
#headerTop .sideBlock .searchAllInputBoxOpen .close {
	width: 50px;
	height: 50px;
}
#headerTop .sideBlock .searchAllInputBoxOpen .close:before,
#headerTop .sideBlock .searchAllInputBoxOpen .close:after {
	top: 23px;
	left: 13px;	
}
#headerTop .sideBlock .searchAllInputBox {
	width: 300px;
}

}



/* ----------------------------------------------
	searchAllBox
---------------------------------------------- */

#headerTop .sideBlock .searchAllBox {
	display: none;
}


@media screen and (max-width: 1151px) {

#headerTop .sideBlock .searchAllBox {
	display: block;
	float: left;
	padding-left: 20px;
}

}


@media screen and (max-width: 767px) {
	
#headerTop .sideBlock .searchAllBox {
	padding-left: 0px;
}

}



/* ----------------------------------------------
	accLangBox
---------------------------------------------- */

#headerTop .sideBlock .accLangBox {
	float: right;
}
#headerTop .sideBlock .accLangBox .userBox,
#headerTop .sideBlock .accLangBox .accountBox,
#headerTop .sideBlock .accLangBox .languageBox {
	float: left;
	padding-left: 20px;
	margin-top: 15px;
}

/*	cf ---------- */
#headerTop .sideBlock .accLangBox:before,
#headerTop .sideBlock .accLangBox:after { content: " "; display: table;}
#headerTop .sideBlock .accLangBox:after { clear: both;}


@media screen and (max-width: 1151px) {
	
#headerTop .sideBlock .accLangBox .userBox,
#headerTop .sideBlock .accLangBox .accountBox,
#headerTop .sideBlock .accLangBox .languageBox {
	margin-top: 0px;
}

/*	cf ---------- */
#headerTop .sideBlock .accLangBox:before,
#headerTop .sideBlock .accLangBox:after { content: " "; display: inline;}
#headerTop .sideBlock .accLangBox:after { clear: none;}

}


@media screen and (max-width: 767px) {

#headerTop .sideBlock .accLangBox .accountBox {
	display: none;
}
#headerTop .sideBlock .accLangBox .userBox,
#headerTop .sideBlock .accLangBox .accountBox,
#headerTop .sideBlock .accLangBox .languageBox {
	padding-left: 0px;
	padding-right: 10px;
}

}








/* =================================================

	headerNav

================================================= */

#headerNav {
	position: relative;
	background: #37348b;
}


@media screen and (max-width: 767px) {
	
/* fixed */
body.fixHeader #headerNav {
	width: 100%;
	position: absolute;
	top: 55px;
}
body.fixHeader #headerNav .inner {
	padding: 0px;
	position: relative;
}
body.fixHeader #headerNav .inner .globalNav,
body.fixHeader #headerNav .inner .sideBlock {
	position: relative !important;
	z-index: 100;
}

}



/* ----------------------------------------------
	globalNavIcon
---------------------------------------------- */

#globalNavIcon {
	display: none;
}


@media screen and (max-width: 767px) {

/* fixed */
body.fixHeader #globalNavIcon {
	display: block;
	position: absolute;
	top: -50px;
	right: 0;
	left: initial;
	z-index: 102;
	width: 45px;
	height: 45px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
}
#globalNavIcon:before,
#globalNavIcon:after,
#globalNavIcon span {
	content: "";
	display: block;
	position: absolute;
	left: 10px;
	width: 24px;
	height: 3px;
	background-color: #37348b;
}
#globalNavIcon:before {
	margin-top: 11px;
}
#globalNavIcon span {
	margin-top: 20px;
}
#globalNavIcon:after {
	margin-top: 29px;
}
#globalNavIcon.alertIcon span:after {
	content: "";
	display: block;
	position: absolute;
	top: -15px;
	right: -5px;
	width: 14px;
	height: 14px;
	background-color: #dfb603;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

html.gnavOpen #globalNavIcon:before,
html.gnavOpen #globalNavIcon:after {
	left: 11px;	
}
html.gnavOpen #globalNavIcon span {
	display: none;
	left: -50px;
	opacity: 0;
}
html.gnavOpen #globalNavIcon:before {
	margin-top: 21px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
html.gnavOpen #globalNavIcon:after {
	margin-top: 21px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

}



/* ----------------------------------------------
	globalNav
---------------------------------------------- */

#headerNav .globalNav {
	float: left;
}

#headerNav .globalNav li {
	float: left;
	line-height: 0;
}

#headerNav .globalNav li a {
	position: relative;
	display: inline-block;
	padding: 0px 30px;
	font-size: 100%;
	line-height: 32px;
	color: #fff;
	cursor: pointer;
}

#headerNav .globalNav li a.open {
	text-decoration: none;
	background: #706f6f;
}

#headerNav .globalNav li a:hover{
	text-decoration: none;
	background: #706f6f;
}
#headerNav .globalNav li a:hover:before {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 42%;
	border-top: 10px solid #706f6f;
	border-right: 14px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 14px solid transparent;
}

#headerNav .globalNav li.userBoxList {
	display: none;
}

@media screen and (max-width: 1151px) {
	
#headerNav .globalNav li a {
	padding: 0px 10px;
	font-size: 100%;
	line-height: 40px;
}

#headerNav .globalNav li a:hover{
	background: none;
}
#headerNav .globalNav li a:hover:before,
#headerNav .globalNav li a:hover:after {
	content: "";
	position: relative;
	bottom: 0px;
	left: 0px;
	border: none;
}

#headerNav .globalNav li a.active {
	text-decoration: none;
	background: #706f6f;
}
#headerNav .globalNav li a.active:before {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 34%;
	border-top: 10px solid #706f6f;
	border-right: 14px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 14px solid transparent;
}

}


@media screen and (max-width: 767px) {
	
#headerNav .globalNav {
	display: none;
	float: none;
	background-color: rgba(55, 52, 139, 0.9);
}
#headerNav .globalNav li {
	float: none;
}
#headerNav .globalNav li a {
	display: block;
	padding: 15px 15px 15px 20px;
	border-bottom: 1px solid #fff;
	line-height: 1.4;
}
#headerNav .globalNav li a.open,
#headerNav .globalNav li a:hover{
	background: none;
}

#headerNav .globalNav li a:hover:before,
#headerNav .globalNav li a:hover:after {
	content: "";
	position: relative;
	bottom: 0px;
	left: 0px;
	border: none;
}

#headerNav .globalNav li a span {
	display: block;
	position: relative;
	padding-right: 30px;
}
#headerNav .globalNav li a span:after {
	content: "";
	position: absolute;
	top: 4%;
	right: 0px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
#headerNav .globalNav li a span.open:after {
	top: 28%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#headerNav .globalNav li.userBoxList:first-child {
	display: block;
}
#headerNav .globalNav li.userBoxList>a {
	background: #dbe7ed url(../common/img/icon_alert.png) 15px 50% no-repeat;
	background-size: auto 50%;
	padding-left: 50px;
	color: #37348b;
}
#headerNav .globalNav li.userBoxList.noAlert>a {
	background: #dbe7ed url(../common/img/icon_alert_none.png) 15px 50% no-repeat;
	background-size: auto 50%;
}

#headerNav .globalNav li.userBoxList span {
	display: block;
	position: absolute;
	right: 20px;
	top: 15px;
}
#headerNav .globalNav li.userBoxList span a {
	padding: 0;
	border-bottom: 0;
	color: #37348b;
	display: inline-block;
}
}



/*	subNavArea
---------------------------------------------- */
#headerNav .globalNav .subNavArea {
	display: none;
	position: absolute;
	left: 0px;
	top: 32px;
	width: 100%;
	overflow: hidden;/*jsAdjust*/
	background-color: rgba(55, 52, 139, 0.9);
}


#headerNav .globalNav .subNavArea .inner {
	height: 400px;/*565px*/
	padding: 0px 0px 20px;
	overflow: hidden;
	overflow-y: auto;
}


@media screen and (max-width: 1151px) {

#headerNav .globalNav .subNavArea {
	width: 100% !important;
	top: 40px;
}

#headerNav .globalNav .subNavArea .inner {
	width: 100% !important;
	padding: 0px 0px 20px !important;
}

}


@media screen and (max-width: 767px) {

#headerNav .globalNav .subNavArea {
	display: block;
	position: static;
	top: 0px;
	background-color: transparent;
}
#headerNav .globalNav .subNavArea .inner {
	height: auto;
	padding: 0px 0px 0px !important;
}

}



/*	subNavArea > close
---------------------------------------------- */

/*	cf ---------- */
#headerNav .globalNav .subNavArea .close:before,
#headerNav .globalNav .subNavArea .close:after { content: " "; display: table;}
#headerNav .globalNav .subNavArea .close:after { clear: both;}

#headerNav .globalNav .subNavArea .close span {
	display: none;
}


@media screen and (max-width: 767px) {

#headerNav .globalNav .subNavArea .close span {
	display: none;
}

}



/*	subNavArea > subNav
---------------------------------------------- */
#headerNav .globalNav .subNavArea .subNav ul {
	width: 159px;
	margin-left: 30px;
}

#headerNav .globalNav .subNavArea .subNav ul li ul {
	float: none;
	margin-left: 0px;
	margin-bottom: 14px;
}

#headerNav .globalNav .subNavArea .subNav ul li {
	float: none;
	background: none;
}

#headerNav .globalNav .subNavArea .subNav ul li a {
	display: block;
	padding: 0px;
	margin-bottom: 8px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2;
	color: #dfb118;
}
#headerNav .globalNav .subNavArea .subNav ul li ul li {
	padding-left: 1em;
}
#headerNav .globalNav .subNavArea .subNav ul li ul li a {
	font-weight: normal;
	line-height: 1.2;
	color: #fff;
}

#headerNav .globalNav .subNavArea .subNav ul li a:hover:before {
	content: "";
	position: relative;
	bottom: 0px;
	left: 0px;
	border: none;
}

#headerNav .globalNav .subNavArea .subNav .navBox01 {
	float: left;
	padding-top: 20px;
}

#headerNav .globalNav .subNavArea .subNav .navBox02 {
	float: left;
	width: 378px;
	padding-top: 20px;
}
#headerNav .globalNav .subNavArea .subNav .navBox02 ul {
	float: left;
}

#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul {
	width: 378px;
	margin-left: 0px;
}

/*	cf ---------- */
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul:before,
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul:after { content: " "; display: table;}
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul:after { clear: both;}

#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul li ul li {
	float: left;
	width: 159px;
	margin-left: 30px;
}
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul li a {
	margin-left: 30px;
	border-bottom: 1px solid #434a6e;
}
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul li ul li a {
	margin-left: 0px;
	border-bottom: none;
}


@media screen and (max-width: 1151px) {

#headerNav .globalNav .subNavArea .subNav ul {
	width: 100%;
	margin-left: 0px;
}

#headerNav .globalNav .subNavArea .subNav ul li ul {
	margin-bottom: 0px;
}

#headerNav .globalNav .subNavArea .subNav ul li ul li {
	display: inline-block;
	float: none;
	padding-right: 20px;
	padding-left: 0;
}

#headerNav .globalNav .subNavArea .subNav ul li a {
	margin-bottom: 10px;
}
#headerNav .globalNav .subNavArea .subNav ul li ul li a {
	padding-right: 20px;
	border-right: 1px solid #2c5d8f;
}
#headerNav .globalNav .subNavArea .subNav ul li ul li:last-child a {
	border-right: none;
}

#headerNav .globalNav .subNavArea .subNav .navBox01,	
#headerNav .globalNav .subNavArea .subNav .navBox02 {
	clear: both;
	float: none;
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}
#headerNav .globalNav .subNavArea .subNav .navBox02 ul {
	float: none;
}
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul {
	width: auto;
}
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul li ul li {
	width: auto;
	margin-left: 0px;
}
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul li a {
	margin-left: 0px;
}

}


@media screen and (max-width: 767px) {
	
#headerNav .globalNav .subNavArea .subNav ul li a:hover {
	text-decoration: underline;
	background-color: transparent;
}
#headerNav .globalNav .subNavArea .subNav ul li ul {
	/*display: none;*/
	margin: 0px;
}
#headerNav .globalNav .subNavArea .subNav ul li ul ul {
	display: none;
}

#headerNav .globalNav .subNavArea .subNav ul li {
	background-color: transparent;
}

#headerNav .globalNav .subNavArea .subNav ul li ul li {
	display: block;
	padding-right: 0px;
	border-bottom: none;
}

#headerNav .globalNav .subNavArea .subNav ul li a,
#headerNav .globalNav .subNavArea .subNav ul li ul li a {
	border: none;
	margin: 0px;
}

#headerNav .globalNav .subNavArea .subNav ul li a span {
	position: static;
	padding-right: 14px;
}
#headerNav .globalNav .subNavArea .subNav ul li a span:after {
	content: "";
	position: relative;
	bottom: 0px;
	left: 0px;
	border: none;
}
#headerNav .globalNav .subNavArea .subNav ul li a span.open:after {
	top: 0px;
  -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
  transform: rotate(0deg);
}

#headerNav .globalNav .subNavArea .subNav ul li a:hover {
	text-decoration: none;
	background-color: transparent;
}

#headerNav .globalNav .subNavArea .subNav ul li a:hover:after {
	content: "";
	position: relative;
	bottom: 0px;
	left: 0px;
	border: none;
}

#headerNav .globalNav .subNavArea .subNav ul li a {
	padding: 12px 20px 12px 30px;
	border-bottom: 1px solid #fff;
}

#headerNav .globalNav .subNavArea .subNav ul li ul li {
	background-color: transparent;
}
#headerNav .globalNav .subNavArea .subNav ul li ul li a {
	padding: 10px 20px 8px 30px;
	border-bottom: 1px solid #fff;
	font-size: 88%;
}

#headerNav .globalNav .subNavArea .subNav ul li ul li ul li a {
	padding: 10px 20px 8px 40px;
}


#headerNav .globalNav .subNavArea .subNav .navBox01,	
#headerNav .globalNav .subNavArea .subNav .navBox02 {
	margin: 0px;
	padding-top: 0px;
}

#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul li a {
	padding: 12px 20px 12px 30px;
	border-bottom: 1px solid #fff;
}
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul li ul li {
	float: none;
}
#headerNav .globalNav .subNavArea .subNav .navBox02 div.boxThrough ul li ul li a {
	padding: 10px 20px 8px 30px;
	border-bottom: 1px solid #d2d5ec;
	font-size: 88%;
	background-color: #7075a8;
}

}



/* ----------------------------------------------
	sideBlock
---------------------------------------------- */

#headerNav .sideBlock {
	float: right;
}

#headerNav .sideBlock .parSearchBox,
#headerNav .sideBlock .historyBox {
	float: left;
	margin-left: 0;
}

#headerNav .sideBlock .historyBox {
	display: block;
}


@media screen and (max-width: 1151px) {

#headerNav .sideBlock .parSearchBox {
	margin-left: 0px;
}

}

@media screen and (max-width: 767px) {

#headerNav .sideBlock {
	float: none;
	background-color: #37348b;
}
#headerNav .sideBlock .parSearchBox {
	float: none;
	margin: 0px;
	font-size: 100%;
}
#headerNav .sideBlock .parSearchBox a {
	display: block;
	padding: 15px 15px 15px 20px;
	border-bottom: 1px solid #fff;
	line-height: 1.4;
}
#headerNav .sideBlock .parSearchBox a span {
	min-height: inherit;
}

#headerNav .sideBlock .historyBox {
	display: none;
}

}


/*-- ナビゲーション追加 --*/

#headerNav .sideBlock div a {
	padding: 0 30px;
	position: relative;
}

#headerNav .sideBlock div a.open {
	text-decoration: none;
	background: #706f6f;
}

#headerNav .sideBlock div a:hover{
	text-decoration: none;
	background: #706f6f;
}
#headerNav .sideBlock div a:hover:before {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 42%;
	border-top: 10px solid #706f6f;
	border-right: 14px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 14px solid transparent;
}

@media screen and (max-width: 1151px) {
	
#headerNav .sideBlock div a {
	padding: 0px 10px;
	font-size: 100%;
}

#headerNav .sideBlock div a:hover:before {
	left: 34%;
}

}


@media screen and (max-width: 767px) {
	
#headerNav .sideBlock {
	display: none;
	float: none;
	background-color: #37348b;
}
#headerNav .sideBlock div {
	float: none;
}
#headerNav .sideBlock div a {
	display: block;
	padding: 15px 15px 15px 20px;
	border-bottom: 1px solid #fff;
	line-height: 1.4;
}
#headerNav .sideBlock div a.open,
#headerNav .sideBlock div a:hover{
	background: none;
}

#headerNav .sideBlock div a:hover:before,
#headerNav .sideBlock div a:hover:after {
	content: "";
	position: relative;
	bottom: 0px;
	left: 0px;
	border: none;
}

#headerNav .sideBlock div a span {
	display: block;
	position: relative;
	padding-right: 30px;
}
#headerNav .sideBlock div a span:after {
	content: "";
	position: absolute;
	top: 4%;
	right: 0px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
#headerNav .sideBlock div a span.open:after {
	top: 28%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

}



/*	subNavArea > subNav > thumb
---------------------------------------------- */
.navBox01.thumb {
	color: #fff;
	position: absolute;
	top: 60px;
	right: 10px;
}
.navBox01.thumb a {
	padding:0 !important;
}
.navBox01.thumb a:before {
	display: none !important;
}
.navBox01.thumb img {
	margin-bottom: 10px;
}
.navBox01.thumb p {
	margin-bottom: 20px;
}
.navBox01:nth-of-type(6n){
	clear: both;
}

@media screen and (max-width: 1151px) {
.navBox01.thumb {
	float: none;
	position: static;
}
}

@media screen and (max-width: 767px) {
.navBox01.thumb a {
	padding: 10px 0 15px !important;
	text-align: center;
}
.navBox01.thumb p {
	margin-bottom: 0;
}
}





/* =================================================

	headersub

================================================= */

#headerSub {
	position: relative;
	padding: 15px 0px 0px;
}


@media screen and (max-width: 1151px) {

#headerSub {
	padding: 15px 0px 10px;
	border-bottom: 1px solid #e2e2e2;
}

}

@media screen and (max-width: 767px) {

#headerSub {
	display: none;
}

}



/* ----------------------------------------------
	topicPath
---------------------------------------------- */

#headerSub .topicPath {
	width: 73.9%;
	float: left;
}
#headerSub .topicPath li {
	display: inline;
	font-size: 94%;
	color: #2a289d;
	list-style-type: none;
}
#headerSub .topicPath li {
	padding-right: 16px;
	color: #706f6f;
}
#headerSub .topicPath li {
	display: inline-block;
	position: relative;
	padding-right: 18px;
}
#headerSub .topicPath li:before,
#headerSub .topicPath li:after {
	content: " ";
	position: absolute;
	top: 8px;
	background-color: transparent;
}

#headerSub .topicPath li:before {
	border-width: 4px 0px 4px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #767e82;
	right: 0px;
}

#headerSub .topicPath li:after {
	border-width: 4px 0px 4px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	right: 3px;
}
#headerSub .topicPath li:last-child:before, #headerSub .topicpath li:last-child:after {
	content: none;
}


@media screen and (max-width: 1151px) {

#headerSub .topicPath {
	width: 63.9%;
	float: left;
}

}


@media screen and (max-width: 767px) {

#headerSub .topicPath {
	display: none;
}

}



/* ----------------------------------------------
	sideBlock
---------------------------------------------- */

#headerSub .sideBlock {
	float: right;
}

#headerSub .shareBox,
#headerSub .favoBox {
	float: left;
	margin-left: 30px;
}

#contents .sideBlock {
	display:none;
}


@media screen and (max-width: 767px) {

#headerSub .sideBlock {
	float: none;
	padding: 8px 0px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	text-align: center;
	display:none;
}
#headerSub .shareBox,
#headerSub .favoBox {
	display: inline-block;
	float: none;
	margin-left: 0px;
	padding: 0px 10px;
}

/* contents */
#contents .sideBlock {
	width: 95px;
	padding: 10px 0 0;
	text-align: center;
	display:block;
	float: right;
}
#contents .shareBox,
#contents .favoBox {
	display: inline-block;
	float: none;
	margin-left: 0px;
	padding: 0px 5px;
}
#contents .sideBlock a {
	width:28px;
}
#contents .shareBox>a {
	background: url(../common/img/icon_share_s.png) left center no-repeat;
	width:28px;
	height:28px;
}
#contents .favoBox>a {
	background: url(../common/img/icon_favo_s.png) left top no-repeat;
	width:28px;
	height:28px;
}
#contents .shareBox a span,
#contents .favoBox a span {
	display: none;
}

#contents .shareBox .shareBoxOpen div:after,
#contents .shareBox .shareBoxOpen div:before {
	left: 110px;
}

}








/* =================================================

	footer

================================================= */

#footer {
	clear: both;
	position: relative;
	padding-bottom: 40px;
	background-color: #000;
}



/* ----------------------------------------------
	footerNav
---------------------------------------------- */

.footerNav {
	padding-bottom: 28px;
}

/*	cf ---------- */
.footerNav:before,
.footerNav:after { content: " "; display: table;}
.footerNav:after { clear: both;}

.footerNav dl {
	float: left;
	width: 320px;
	margin-right: 30px;
	margin-top: 34px;
}
.footerNav dt {
	font-size: 113%;
	color: #fff;
}
.footerNav dd {
	padding-top: 4px;
	line-height: 0;
}
.footerNav dd a {
	display: block;
	font-size: 88%;
	line-height: 1.6;
	color: #fff;
}
.footerNav dd ul {
	float: left;
	margin-right: 20px;
}
.footerNav dd li {
	padding-top: 16px;
}
.footerNav dd .icon li a {
	min-height: 20px;
	padding-left: 25px;
	line-height: 1.6;
	background-position: 0% center;
	background-repeat: no-repeat;
}
.footerNav dd .icon .linkedIn a {
	background-image: url(../common/img/icon_linkedin02.png);
}
.footerNav dd .icon .facebook a {
	background-image: url(../common/img/icon_facebook02.png);
}
.footerNav dd .icon .twitter a {
	background-image: url(../common/img/icon_twitter02.png);
}
.footerNav dd .icon .youtube2 a {
	background-image: url(../common/img/icon_youtube02.png);
}
.footerNav dd .icon .rss a {
	background-image: url(../common/img/icon_rss02.png);
}


@media screen and (max-width: 767px) {
	
.footerNav dl {
	width: auto;
	margin-right: 20px;
	margin-top: 26px;
	text-align: center;
	clear: both;
	float: none;
	display: none;
}

.footerNav dt {
	display: none;
}
.footerNav dd {
	padding-top: 0px;
}

/*	cf ---------- */
.footerNav dd:before,
.footerNav dd:after { content: " "; display: table;}
.footerNav dd:after { clear: both;}

.footerNav dd a {
	font-size: 75%;
}
.footerNav dd ul {
	text-align: center;
	margin-left: 10px;
	margin-right: 0;
}
.footerNav dd li {
	padding-top: 10px;
	display: inline-block;
}
.footerNav dd .icon li a {
	min-height: 20px;
	padding-left: 35px;
	line-height: 1.6;
	background-position: 0% center;
	background-repeat: no-repeat;
	text-indent:-9999px;
}

.footerNav dl:nth-child(2),
.footerNav dl:nth-child(3) {
	display: block;
}
.footerNav dl:nth-child(2) ul {
	margin: 0;
	text-align: center;
	float: none;
	display: inline-block;
}
.footerNav dl:nth-child(2) li {
	margin: 0 5px;
	display: inline-block;
}
.footerNav dl:nth-child(3) dd {
	margin: 0 auto;
	display: inline-block;
}

}



/* ----------------------------------------------
	copyright
---------------------------------------------- */

#footer .copyright {
	clear: both;
	font-size: 82%;
	color: #706f6f;
}

@media screen and (max-width: 767px) {

#footer .copyright {
	text-align: center;
}

}






/* =================================================

	Common button

================================================= */


/* ----------------------------------------------
	btnContact
---------------------------------------------- */

.btnContact {
	position: fixed;
	right: 0px;
	top: 320px;
}
.btnContact a {
	display: block;
	width: 73px;
	height: 77px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	word-wrap: normal;
	background: url(../common/img/btn_contact.png) left top no-repeat;
}


@media screen and (max-width: 767px) {

.btnContact {
	top: 330px;
}
.btnContact a {
	display:none;
}

/* headerTop */
#headerTop .btnContact {
	display:none;
}

}



/* ----------------------------------------------
	btnPageTop
---------------------------------------------- */

.btnPageTop {
	position: fixed;
	bottom: 0;
	right: 30px;
	margin-bottom: 40px;
	/**/
	height: 24px;
	padding: 0;
	overflow: hidden;
	clear: both;
	z-index: 989;
}
.btnPageTop a {
	background: url(../common/img/btn_pagetop.png) left top no-repeat;
	padding-left:34px;
	display: inline-block;
}

@media screen and (max-width: 767px) {

.btnPageTop {
	margin-top: 20px;
	padding: 0;
}

}



/* ----------------------------------------------
	btnClose
---------------------------------------------- */

.btnClose {
	height: 20px;
	padding:40px 0 0;
	overflow: hidden;
}
.btnClose a {
	background: url(../common/img/btn_close.png) left top no-repeat;
	padding-left:30px;
	display: inline-block;
}

@media screen and (max-width: 767px) {

.btnClose {
	padding:20px 0 0;
}

}






/* =================================================

	searchAllInputBox

================================================= */
.searchBG {
	display: none;
}

.searchAllInputBox {
	position: relative;
	width: 587px;
	height: 34px;
}

.searchAllInputBox input {
	display: block;
	padding: 0px;
	margin: 0px;
	border: none;
	outline: none;
}


/*	cf ---------- */
.searchAllInputBox .searchInput:before,
.searchAllInputBox .searchInput:after { content: " "; display: table;}
.searchAllInputBox .searchInput:after { clear: both;}


.searchAllInputBox .searchInput .select {
	float: left;
	width: 105px;
	height: 30px;
	padding-left: 12px;
	border: 1px solid #b6b6b6;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #f0f0f0 0%, #eaeaea 100%);
	background: -o-linear-gradient(top, #f0f0f0 0%, #eaeaea 100%);
	background: -moz-linear-gradient(top, #f0f0f0 0%, #eaeaea 100%);
	background: linear-gradient(to bottom, #f0f0f0 0%, #eaeaea 100%);
	cursor: pointer;
	/**/
	display: none;
}
.searchAllInputBox .searchInput .select .selectBtn {
}
.searchAllInputBox .searchInput .select .selectBtn span {
	display: block;
	position: relative;
	padding-right: 20px;
	font-size: 94%;
	font-weight: bold;
	line-height: 30px;
}
.searchAllInputBox .searchInput .select .selectBtn span:after {
	content: "";
	position: absolute;
	top: 46%;
	right: 10px;
	border-top: 5px solid #003163;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}

.searchAllInputBox .searchInput #inputText {
	float: left;
	width: 210px;
	height: 30px;
	padding-left: 34px;
	padding-right: 10px;
	border-top: 1px solid #706f6f;
	border-bottom: 1px solid #706f6f;
	border-left: 1px solid #706f6f;
	font-size: 94%;
	line-height: 30px;
	background: url(../common/img/icon_search02.png) 10px center no-repeat #fdfdfd;
}

.searchAllInputBox #submitBtn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 90px;
	height: 32px;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	font-size: 94%;
	color: #fff;
	background-color: #706f6f;
	cursor: pointer;
}


@media screen and (max-width: 767px) {

.searchAllInputBox {
	position: static;
	width: auto;
	height: auto;
}

.searchAllInputBox input {
	margin-top: 10px;
}

.searchAllInputBox .searchInput .select,
.searchAllInputBox .searchInput #inputText,
.searchAllInputBox #submitBtn {
	height: 48px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.searchAllInputBox .searchInput .select {
	float: none;
	width: 278px;
}
.searchAllInputBox .searchInput .select .selectBtn span:before {
	top: 48%;
	right: 10px;
	border-top: 5px solid #003163;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}

.searchAllInputBox .searchInput #inputText {
	width: 254px;
	height: 33px;
	margin: 0;
	border: 1px solid #b6b6b6;
	line-height: 33px;
}

.searchAllInputBox #submitBtn {
	right: 0;
	width: 80px;
	height: 35px;
	margin: 0;
	line-height: 35px;
}

}







/* =================================================

	searchAllBox / accountBox / languageBox

================================================= */

.userBox {
}


.accountBox {
	position: relative;
}
.accountBox .accountBoxInner:after,
.accountBox .accountBoxInner:before {
	content: " ";
	position: absolute;
	left: 20px;
	bottom: 100%;
	border: solid transparent;
	height: 0;
	width: 0;
}
.accountBox .accountBoxInner:after {
	border-color: rgba(255, 255, 255, 0);
	border-top: 7px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 7px solid #fff;
	border-left: 10px solid transparent;
	margin-left: -11px;
}
.accountBox .accountBoxInner:before {
	border-color: rgba(206, 206, 206, 0);
	border-top: 8px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 8px solid #cecece;
	border-left: 11px solid transparent;
	margin-left: -12px;
}
.accountBox .accountBoxInner {
	background: #fff;
	width: 180px;
	padding: 10px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cecece;
	box-shadow: 0px 5px 8px -4px rgba(0, 0, 0, 0.5);
	background-color: #fff;
	position: absolute;
	z-index: 999;
}
.accountBox .accountBoxInner p {
	text-align:left;
	font-size: 90%;
}
.accountBox .accountBoxInner p a {
	line-height: normal;
	display: inline;
}
.accountBox .accountBoxInner .btn01 {
	margin: 0 auto 10px;
}
.accountBox .accountBoxInner a span {
	background-image: none;
	min-height: 0;
	padding-left: 0;
}
.accountBox .accountBoxInner span.update {
	font-weight: bold;
	color: #f00;
}

.languageBox {
	position: relative;
}
.languageBox .languageBoxInner:after,
.languageBox .languageBoxInner:before {
	content: " ";
	position: absolute;
	right: 20px;
	bottom: 100%;
	border: solid transparent;
	height: 0;
	width: 0;
}
.languageBox .languageBoxInner:after {
	border-color: rgba(255, 255, 255, 0);
	border-top: 7px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 7px solid #fff;
	border-left: 10px solid transparent;
	margin-left: -11px;
}
.languageBox .languageBoxInner:before {
	border-color: rgba(206, 206, 206, 0);
	border-top: 8px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 8px solid #cecece;
	border-left: 11px solid transparent;
	margin-left: -12px;
}
.languageBox .languageBoxInner {
	background: #fff;
	width: 180px;
	padding: 10px;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cecece;
	box-shadow: 0px 5px 8px -4px rgba(0, 0, 0, 0.5);
	background-color: #fff;
	position: absolute;
	right: 0px;
	z-index: 999;
	/**/
	display: none;
}
.languageBox .languageBoxInner a {
	font-size: 80%;
}
.languageBox .languageBoxInner a:hover {
	text-decoration: underline;
}

.accountBox .accountBoxInner .btnClose,
.languageBox .languageBoxInner .btnClose {
	width: 20px;
	height: 20px;
	padding: 0;
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.searchAllBox a,
.accountBox a,
.languageBox a {
	display: inline-block;
	font-size: 94%;
	line-height: 30px;
	text-decoration: none;
	color: #37348b;
	cursor: pointer;
}
.userBox a {
	display: inline-block;
	font-size: 94%;
	line-height: 30px;
	text-decoration: none;
	color: #706f6f;
	cursor: pointer;
}
.searchAllBox a span,
/*.accountBox a span,*/
.languageBox a span {
	display: inline-block;
	min-height: 32px;
	padding-left: 42px;
	background-position: 0% center;
	background-repeat: no-repeat;
}
.userBox a span {
	display: inline-block;
	min-height: 32px;
	padding-left: 28px;
	background-position: 0% 48%;
	background-repeat: no-repeat;
}
.languageBox a span {
	padding-left: 0;
}


/*	searchAllBox
---------------------------------------------- */
.searchAllBox a span {
	background-image: url(../common/img/icon_search.png);
}


/*	userBox
---------------------------------------------- */
.userBox a span {
	background-image: url(../common/img/icon_alert.png);
	background-size: auto 60%;
}
.userBox.noAlert a span {
	background-image: url(../common/img/icon_alert_none.png);
	background-size: auto 60%;
}


/*	accountBox
---------------------------------------------- */
.accountBox a span {
	/*background-image: url(../common/img/icon_account.png);*/
}


/*	languageBox
---------------------------------------------- */
.languageBox a {
	position: relative;
	/*padding-right: 15px;*/
}
.languageBox>a:before {
	/*
	content: "";
	position: absolute;
	top: 46%;
	right: 0px;
	border-top: 5px solid #1565c0;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	*/
}
.languageBox a span {
	/*background-image: url(../common/img/icon_language.png);*/
}
.languageBox li a {
	line-height: 1.6;
}
.languageBox li {
	margin-top: 5px;
}
.languageBox li:first-child {
	margin-top: 0;
}



@media screen and (max-width: 1151px) {

.searchAllBox a,
.userBox a,
.accountBox a,
.languageBox a {
	line-height: 48px;
}

.userBox a span,
.userBox.noAlert a span {
	background-size: auto 50%;
}

}


@media screen and (max-width: 767px) {

.searchAllBox a,
.userBox a,
.accountBox a,
.languageBox a {
	font-size: 75%;
	line-height: 32px;
}
.searchAllBox a span,
.userBox a span,
.accountBox a span {
	padding-left: 32px;
	background-size: 26px auto;
}


/*	searchAllBox
---------------------------------------------- */
.searchAllBox a {
	width: 32px;
	height: 32px;
	line-height: 32px;
}
.searchAllBox a span {
	background: url(../common/img/icon_search04.png) left top no-repeat;
	background-size: contain;
	text-indent: -999px;
}


/*	userBox
---------------------------------------------- */
.userBox {
	display: none;
}


/*	languageBox
---------------------------------------------- */
.languageBox > a {
	padding: 0 0 0 15px;
}
.languageBox a span {
	background: url(../common/img/icon_language.png) 0 0 no-repeat;
	background-size: 28px auto;
	width: 0;
	padding-left: 28px;
	text-indent: -999px;
	overflow: hidden;
}
.languageBox a:before {
	content: "";
	position: absolute;
	top: 44%;
	right: 0px;
	border-top: 4px solid #1565c0;
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
}
.languageBox>a:before {
	display: none;
}

.languageBox .languageBoxInner {
	background: #fff;
	width: 260px;
	right: -40px;
}
.languageBox .languageBoxInner:after,
.languageBox .languageBoxInner:before {
	right: 50px;
}
.languageBox .languageBoxInner a {
	padding-right: 15px;
}

}







/* =================================================

	parSearchBox / historyBox

================================================= */

.parSearchBox a,
.historyBox a {
	display: inline-block;
	font-size: 94%;
	line-height: 32px;
	text-decoration: none;
	color: #fff;
}
.parSearchBox a:hover,
.historyBox a:hover {
}
.parSearchBox a span,
.historyBox a span {
	display: inline-block;
	min-height: 20px;
	background-position: 0% center;
	background-repeat: no-repeat;
}


/*	parSearchBox
---------------------------------------------- */
.parSearchBox a span {
	padding-left: 30px;
	background-image: url(../common/img/icon_parametric.png);
}


/*	historyBox
---------------------------------------------- */
.historyBox>a>span {
	padding-left: 28px;
	background-image: url(../common/img/icon_history.png);
}



@media screen and (max-width: 1151px) {
	
.parSearchBox,
.historyBox {
	font-size: 75%;
}
.historyBox ul {
	font-size: 130%;
}
.historyBox ul ul {
	font-size: 100%;
}

.parSearchBox a,
.historyBox a {
	line-height: 40px;
}

}





/* =================================================

	shareBox / favoBox

================================================= */

.shareBox {
	position: relative;
}
.shareBox a,
.favoBox a {
	display: inline-block;
	text-decoration: none;
	color: #706f6f;
}
.shareBox a:hover,
.favoBox a:hover {
	color: #37348b;
}
.shareBox a span,
.favoBox a span {
	display: inline-block;
	height: 22px;
	line-height: 24px;
	background-position: left top;
	background-repeat: no-repeat;
}


/*	shareBox
---------------------------------------------- */
.shareBox {
	position: relative;
}
.shareBox a span {
	padding-left: 28px;
	background-position: 0% center;
	background-image: url(../common/img/icon_share.png);
}

.shareBox .shareBoxOpen {
	display: none;
	position: absolute;
	width: 226px;
	left: -20px;
	overflow: hidden;/*jsAdjust*/
}
.shareBox .shareBoxOpen div {
	position: relative;
	margin: 8px 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cecece;
	box-shadow: 0px 5px 8px -4px rgba(0, 0, 0, 0.5);
	background-color: #fff;
	width: 216px;
}
.shareBox .shareBoxOpen div:after,
.shareBox .shareBoxOpen div:before {
	content: " ";
	position: absolute;
	left: 30px;
	bottom: 100%;
	border: solid transparent;
	height: 0;
	width: 0;
}
.shareBox .shareBoxOpen div:after {
	border-color: rgba(255, 255, 255, 0);
	border-top: 7px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 7px solid #fff;
	border-left: 10px solid transparent;
	margin-left: -11px;
}
.shareBox .shareBoxOpen div:before {
	border-color: rgba(206, 206, 206, 0);
	border-top: 8px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 8px solid #cecece;
	border-left: 11px solid transparent;
	margin-left: -12px;
}

.shareBox div ul {
	margin: 0px 8px;
}

/* columnMain */
.columnMain .shareBox .shareBoxOpen {
	width: 166px;
	left: -95px;
}
.columnMain .shareBox .shareBoxOpen div {
	width: 160px;
}

/*	cf ---------- */
.shareBox div ul:before,
.shareBox div ul:after { content: " "; display: table;}
.shareBox div ul:after { clear: both;}


.shareBox div li {
	float: left;
}
.shareBox div li a {
	display: block;
	width: 40px;
	height: 40px;
	padding: 0px;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
	line-height: 0px;
	background-position: center 13px;
	background-repeat: no-repeat;
}
.shareBox div .linkedIn a {
	background-image: url(../common/img/icon_linkedin.png);
}
.shareBox div .facebook a {
	background-image: url(../common/img/icon_facebook.png);
}
.shareBox div .twitter a {
	background-image: url(../common/img/icon_twitter.png);
}
.shareBox div .mail a {
	background-image: url(../common/img/icon_mail.png);
}
.shareBox div .link a {
	background-image: url(../common/img/icon_link.png);
}
.shareBox div li a:hover {
	opacity: 0.7;
}


/*	favoBox
---------------------------------------------- */
.favoBox a span {
	padding-left: 32px;
	background-image: url(../common/img/icon_favo.png);
}
.favoBox a:hover span {
	background-position: 0% -24px;
}


@media screen and (max-width: 1151px) {

.shareBox,
.favoBox {
	font-size: 75%;
}

}







/* =================================================

	rssSummary
	 
================================================= */

.rssSummary {
	padding: 19px 0px;
	outline: 1px solid #d6d6d6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f1f1f1));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
	background: -moz-linear-gradient(top, #f8f8f8 0%, #f1f1f1 100%);
	background: linear-gradient(to bottom, #f8f8f8 0%, #f1f1f1 100%);
	background: #dbe7ed;
}

.rssSummary span {
	padding-right: 20px;
	font-size: 88%;
	font-weight: normal;
	line-height: 20px;
	color: #706f6f;
}

.rssSummary .textBox {
	/*
	min-height: 20px;
	padding-left: 38px;
	background: url(../common/img/icon_rss.png) left center no-repeat;
	*/
}

.rssSummary dl {
	display: table;
}
.rssSummary dt {
	display: table-cell;
	padding-right: 20px;
	font-size: 88%;
	font-weight: normal;
	line-height: 20px;
	color: #000;
}
.rssSummary dd {
	display: table-cell;
	line-height: 1.5;
}
.rssSummary dd a {
	text-decoration: none;
	color: #2a289d;
}


@media screen and (max-width: 767px) {

.rssSummary dl {
	display: block;
}
.rssSummary dt {
	display: block;
	padding-right: 0px;
}
.rssSummary dd {
	display: block;
	margin-top: 5px;
}

}







/* =================================================

	contentsAction

================================================= */

.contentsAction {
	width: 100%;
	-webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
	background-color: #eb6209;
}

/*	cf ---------- */
.contentsAction .inner:before,
.contentsAction .inner:after { content: " "; display: table;}
.contentsAction .inner:after { clear: both;}

.contentsAction .inner div {
	float: left;
	padding-right: 100px;
}
.contentsAction .inner div a {
	display: table-cell;
	height: 60px;
	vertical-align: middle;
	-webkit-text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.3);
	-moz-text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.3);
	text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.3);
	font-size: 125%;
	line-height: 1.4;
	color: #fff;
}
.contentsAction .inner div a span {
	display: block;
	background-position: 0% center;
	background-repeat: no-repeat;
}
.contentsAction .inner .buy a span {
	padding-left: 33px;
	background-image: url(../common/img/icon_buy.png);
}
.contentsAction .inner .sample a span {
	padding-left: 35px;
	background-image: url(../common/img/icon_sample.png);
}
.contentsAction .inner .contact a span {
	padding-left: 32px;
	background-image: url(../common/img/icon_contact.png);
}
.contentsAction .inner .feedback a span {
	padding-left: 32px;
	background-image: url(../common/img/icon_feedback.png);
}
.contentsAction .inner div a:hover {
}


@media screen and (max-width: 1151px) {

.contentsAction .inner div {
	padding-right: 25px;
}
.contentsAction .inner div a {
	font-size: 100%;
}

}


@media screen and (max-width: 767px) {

.contentsAction .inner {
	padding: 10px 0px 6px !important;
}
.contentsAction .inner div {
	padding: 0px 4px 0px 10px;
}
.contentsAction .inner div a {
	height: 40px;
	font-size: 85%;
}
.contentsAction .inner div a span {
	display: block;
	padding-top: 25px;
	background-position: center 0%;
	background-repeat: no-repeat;
}
.contentsAction .inner .buy a span {
	padding-left: 0;
}
.contentsAction .inner .sample a span {
	padding-left: 0;
}
.contentsAction .inner .contact a span {
	padding-left: 0;
}
.contentsAction .inner .feedback a span {
	padding-left: 0;
}

}







/* =================================================

	localNav

================================================= */

/* ----------------------------------------------
	localNavBtn
---------------------------------------------- */

.localNavBtn {
	display: none;
}


@media screen and (max-width: 1151px) and (min-width: 768px) {

.localNavBtn {
	display: block;
	position: absolute;
	right: 0px;
	top: -10px;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	background-color: #37348b;
}
.localNavBtn:before,
.localNavBtn:after,
.localNavBtn span {
	content: "";
	display: block;
	position: absolute;
	left: 10px;
	width: 26px;
	height: 4px;
	background: #fff;
}
.localNavBtn:before {
	top: 13px;
}
.localNavBtn span {
	top: 23px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.localNavBtn:after {
	top: 33px;
}

}


@media screen and (max-width: 767px) {

.localNavBtn {
	display: block;
	padding: 10px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	background-color: #003162;
}
.localNavBtn span {
	display: block;
	position: relative;
	padding: 0px 20px;
	font-size: 107%;
	font-weight: bold;
	line-height: 1.4;
}
.localNavBtn span:after {
	content: "";
	position: absolute;
	top: 18%;
	right: 0px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
  -webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
.localNavBtn span.open:after {
	top: 40%;
  -webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

}



/* ----------------------------------------------
	localNav
---------------------------------------------- */

.localNav {
}

.localNav li {
	line-height: 0;
}
.localNav li a {
	line-height: 1.4;
}
.localNav a {
	display: block;
}


/*	navRoot
---------------------------------------------- */
.localNav .navRoot {
	padding: 13px 20px 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.3) inset;
	background: #37348b;
}
.localNav .navRoot a {
	color: #fff;
}
.localNav .navRoot a span {
	display: block;
	padding-left: 24px;
	font-size: 113%;
	font-weight: bold;
	line-height: 1.4;
	background: url(../common/img/icon_arrow03l.png) left 0.23em no-repeat;
}
.localNav .navRoot a.active span {
	padding-left: 10px;
	background:none;
}


/*	navLevel01~05
---------------------------------------------- */
.localNav .navLevel01 li a {
	padding: 14px 20px 12px 30px;
	border-bottom: 1px solid #c1d1db;
	color: #706f6f;
}
.localNav .navLevel01 li a.open {
	font-weight: bold;
}
.localNav .navLevel01 li a.active {
	font-weight: bold;
	color: #37348b;
}
.localNav .navLevel01>li.slideClose>a {
	background:url(../common/img/icon_selecter2.gif) left 15px no-repeat;
}
.localNav .navLevel01>li.slideOpen>a {
	background:url(../common/img/icon_selecter3.gif) left 15px no-repeat;
}

.localNav .navLevel01 li .navLevel02 a {
	padding-left: 45px;
}
.localNav .navLevel01 li .navLevel02>li.slideClose>a {
	background:url(../common/img/icon_selecter2.gif) 15px 15px no-repeat;
}
.localNav .navLevel01 li .navLevel02>li.slideOpen>a {
	background:url(../common/img/icon_selecter3.gif) 15px 15px no-repeat;
}
.localNav .navLevel01 li .navLevel02 li .navLevel03 a {
	padding-left: 55px;
}
.localNav .navLevel01 li .navLevel02 li .navLevel03 li .navLevel04 a {
	padding-left: 70px;
}
.localNav .navLevel01 li .navLevel02 li .navLevel03 li .navLevel04 li .navLevel05 a {
	padding-left: 85px;
}


@media screen and (max-width: 1151px) and (min-width: 768px) {

.localNavOpen {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	padding: 60px 0px;
	background-color: rgba(255, 255, 255, 0.95);
}

.localNavOpen .close {
	display: block;
	position: fixed;
	right: 10px;
	top: 0px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.localNavOpen .close:before,
.localNavOpen .close:after {
	content: "";
	display: block;
	position: absolute;
	width: 24px;
	height: 3px;
	background: #b6b6b6;
}
.localNavOpen .close:before,
.localNavOpen .close:after {
	top: 26px;
	left: 18px;	
}
.localNavOpen .close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.localNavOpen .close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.localNav {
	padding: 0px 60px;
}

}


@media screen and (max-width: 767px) {

.localNavOpen {
	padding: 10px;
	background-color: #f4f4f4;
}


.localNav li a {
	font-size: 94%;
}

/*	navRoot
---------------------------------------------- */
.localNav .navRoot {
	padding: 13px 20px 11px;
}
.localNav .navRoot a span {
	font-size: 100%;
	background-position: left 0.11em;
}

/*	navLevel01~05
---------------------------------------------- */
.localNav .navLevel01 li a {
	padding: 10px 20px 8px 30px;
}

}


/* スマホ版 左ナビ（パンくず形式） */
#contents > .localNav {
	display: none;
}
.contents02 .columnSide,
.contents04 .columnSide {
	display: block;
}

@media screen and (max-width: 767px) {

#contents > .localNav {
	width:100%;
	margin-bottom:30px;
	text-align: center;
	display: block !important;
	z-index: 70;
	position: absolute;
	top: 5px;
	cursor: pointer;
	z-index: 999;
}
#contents > .localNav .navRoot {
	min-height: 25px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fff;
	font-weight: bold;
	background: #1b56b7 url(../common/img/icon_localNav_open.png) right center no-repeat;
	text-align: left;
	padding: 13px 40px 11px 60px;
}
#contents > .localNav .navRoot,
#contents > .localNav .navRoot .navPrev {
	background-color: #37348b;
}
#contents > .localNav .lnOpen{
	background: #706f6f url(../common/img/icon_localNav_close.png) right center no-repeat;
}
#contents > .localNav .navRoot .navPrev{
	width: 25px;
	height: 25px;
	background: transparent url(../common/img/icon_localNav_prev.png) left center no-repeat;
	padding-right: 10px;
	border-right: 1px #aeaeae solid;
	cursor: pointer;
	position: absolute;
	top: 12px;
	left: 10px;
	z-index: 99;
}

#contents > .navLayer00 {
	cursor: default;
}
#contents > .navLayer00 .navRoot,
#contents > .lvNone .navRoot {
	background-color: #37348b;
	background-image: none;
}

#contents > .navLayer00 .navRoot {
	padding: 13px 10px 11px 60px;
}

#contents > .localNav .navRoot a {
	text-align: center;
}
#contents > .localNav ul {
	background-color: rgba(55, 52, 139, 0.9);
}
#contents > .localNav ul li a {
	padding: 14px 20px 12px 20px;
	border-bottom: 1px solid #fff;
	color: #fff;
}

#contents > .localNav > .navLevel01>li>a,
#contents > .localNav > .navLevel02>li>a {
	color: #dfb118;
	font-weight:bold;
}
#contents > .localNav ul li ul {
	background-color: transparent;
	display: none;
}
#contents > .localNav > .navLevel01 .slideOpen .navLevel02,
#contents > .localNav > .navLevel02 .slideOpen .navLevel03 {
	display: block !important;
}

#contents > .localNav > .navLevel01>li.slideClose>a,
#contents > .localNav > .navLevel01>li > .navLevel02>li.slideClose>a,
#contents > .localNav > .navLevel02>li.slideClose>a {
	background:url(../common/img/icon_localNav_open2.png) 15px 50% no-repeat;
}
#contents > .localNav > .navLevel01>li.slideOpen>a,
#contents > .localNav > .navLevel01>li > .navLevel02>li.slideOpen>a,
#contents > .localNav > .navLevel02>li.slideOpen>a {
	background:url(../common/img/icon_localNav_open.png) 15px 50% no-repeat;
}
#contents > .localNav .navLevel01 .navLevel02>li.slideClose>a,
#contents > .localNav .navLevel01 .navLevel02>li.slideOpen>a {
	background: none;
}

#contents > .localNav > .navLevel01>li > .navLevel02>li{
	font-weight: bold;
}
#contents > .localNav > .navLevel01>li > .navLevel02>li li{
	font-weight: normal;
}
#contents > .localNav > .navLevel01 a.active{
	/*color: #c1d1db !important;*/
}

#contents > .localNav .navRoot a {
	display: inline;
}
#contents > .localNav .navRoot a span {
	background: none;
	display: inline;
}

#contents .navLayer03 .navRoot {
	background: #37348b !important;
}


.contents02 .columnSide,
.contents04 .columnSide {
	display: none;
}

}



/* =================================================

	History

================================================= */

/*	subNavArea
---------------------------------------------- */
#headerNav .inner+.subNavArea {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	overflow: hidden;/*jsAdjust*/
	background-color: #cee5ec;
	font-size: 85%;
	z-index: 0;
	/**/
	display: none;
}

#headerNav .inner .active+.subNavArea {
	height: auto !important;
}
#headerNav .inner+.subNavArea .inner {
	padding-bottom: 10px;
}


@media screen and (max-width: 1151px) {
	
#headerNav .inner+.subNavArea .inner {
	padding: 0px 0px 10px !important;
}

}


@media screen and (max-width: 767px) {

#headerNav .inner+.subNavArea {
	width: 100%;
	overflow: hidden;/*jsAdjust*/
	background-color: rgba(255, 255, 255, 1);
	font-size: 85%;
	display: none;
	z-index: 102;
}

#headerNav .inner+.subNavArea .inner {
	height: auto;
	padding: 0px 0px 0px !important;
}

}


/*	subNavArea > close
---------------------------------------------- */

/*	cf ---------- */
#headerNav .inner+.subNavArea .close:before,
#headerNav .inner+.subNavArea .close:after { content: " "; display: table;}
#headerNav .inner+.subNavArea .close:after { clear: both;}

#headerNav .inner+.subNavArea .close span {
	float: right;
	display: block;
	width: 60px;
	height: 20px;
	overflow: hidden;
	text-indent: 101%;
	white-space: nowrap;
}


@media screen and (max-width: 767px) {

#headerNav .inner+.subNavArea .close span {
	display: none;
}

}


/*	subNavArea > subNav
---------------------------------------------- */
#headerNav .inner+.subNavArea .subNav ul {
	width: 250px;
	margin-left: 30px;
}
#headerNav .inner+.subNavArea .subNav>div:first-child ul {
	width: 530px;
	margin-left: 30px;
}

#headerNav .inner+.subNavArea .subNav ul li ul,
#headerNav .inner+.subNavArea .subNav>div:first-child ul li ul {
	float: none;
	margin-left: 0px;
	margin-bottom: 14px;
}

#headerNav .inner+.subNavArea .subNav ul li {
	float: none;
	background: none;
	margin-bottom: 5px;
}
#headerNav .inner+.subNavArea .subNav ul li strong {
	display: inline-block;
	padding-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
	color: #666;
}
#headerNav .inner+.subNavArea .subNav ul li a {
	display: inline;
	padding: 0px;
	margin-bottom: 0px;
	font-size: 100%;
	line-height: 1.4;
}
#headerNav .inner+.subNavArea .subNav ul li a:hover {
	background-color: #fff;
	text-decoration: none;
}

#headerNav .inner+.subNavArea .subNav ul li ul li a {
	line-height: 20px;
	vertical-align: middle;
	color: #37348b;
}

#headerNav .inner+.subNavArea .subNav ul li a:hover:before {
	content: "";
	position: relative;
	bottom: 0px;
	left: 0px;
	border: none;
}

#headerNav .inner+.subNavArea .subNav .navBox01 {
	float: left;
}

/*	cf ---------- */
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul:before,
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul:after { content: " "; display: table;}
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul:after { clear: both;}

#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul li ul li {
	float: left;
	width: 159px;
	margin-left: 30px;
}
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul li a {
	margin-left: 30px;
	border-bottom: 1px solid #434a6e;
}
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul li ul li a {
	margin-left: 0px;
	border-bottom: none;
}


@media screen and (max-width: 1151px) {

#headerNav .inner+.subNavArea .subNav>div:first-child ul,
#headerNav .inner+.subNavArea .subNav ul {
	width: 100%;
	margin-left: 0px;
}

#headerNav .inner+.subNavArea .subNav ul li ul li {
	display: inline-block;
	float: none;
	padding-right: 20px;
}

#headerNav .inner+.subNavArea .subNav ul li {
	margin-bottom: 5px;
}
#headerNav .inner+.subNavArea .subNav ul li ul li {
	margin-right: 15px;
	padding-right: 20px;
	border-right: 1px solid #2c5d8f;
}
#headerNav .inner+.subNavArea .subNav ul li ul li:last-child {
	margin-right: 0;
	border-right: none;
}

#headerNav .inner+.subNavArea .subNav .navBox01,	
#headerNav .inner+.subNavArea .subNav .navBox02 {
	clear: both;
	float: none;
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}
#headerNav .inner+.subNavArea .subNav .navBox02 ul {
	float: none;
}
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul {
	width: auto;
}
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul li ul li {
	width: auto;
	margin-left: 0px;
}
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul li a {
	margin-left: 0px;
}

}


@media screen and (max-width: 767px) {
	
#headerNav .inner+.subNavArea .subNav ul li strong {
	display: block;
	padding: 12px 20px 12px 30px;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	color: #fff;
}

#headerNav .inner+.subNavArea .subNav ul li a:hover {
	text-decoration: underline;
	background-color: transparent !important;
}

#headerNav .inner+.subNavArea .subNav ul li ul,
#headerNav .inner+.subNavArea .subNav>div:first-child ul li ul {
	float: none;
	margin-left: 0px;
	margin-bottom: 0px;
}

#headerNav .inner+.subNavArea .subNav ul li ul {
	display: block;
	margin: 0px;
}

#headerNav .inner+.subNavArea .subNav ul li ul li {
	display: block;
	margin: 0;
	padding-right: 0px;
	border-bottom: none;
	border-right: none;
}

#headerNav .inner+.subNavArea .subNav ul li a,
#headerNav .sideBlock.subNavArea .subNav ul li ul li a {
	border: none;
	margin: 0px;
}

#headerNav .inner+.subNavArea .subNav ul li ul li a {
	padding: 12px 20px 12px 30px;
	color: #fff;
}

#headerNav .inner+.subNavArea .subNav ul li a span {
	position: static;
	padding-right: 14px;
}
#headerNav .inner+.subNavArea .subNav ul li a span:after {
	content: "";
	position: relative;
	bottom: 0px;
	left: 0px;
	border: none;
}
#headerNav .inner+.subNavArea .subNav ul li a span.open:after {
	top: 0px;
  -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
  transform: rotate(0deg);
}

#headerNav .inner+.subNavArea .subNav ul li a:hover {
	text-decoration: none;
	background-color: transparent;
}

#headerNav .inner+.subNavArea .subNav ul li a:hover:after {
	content: "";
	position: relative;
	bottom: 0px;
	left: 0px;
	border: none;
}

#headerNav .inner+.subNavArea .subNav ul li {
	background-color: #545890;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
}
#headerNav .inner+.subNavArea .subNav ul li a {
	padding: 12px 20px 12px 30px;
}

#headerNav .inner+.subNavArea .subNav ul li ul li {
	background-color: #7075a8;
	padding: 10px 20px;
	border-bottom: 1px solid #d2d5ec;
}
#headerNav .inner+.subNavArea .subNav ul li ul li:last-child {
	border-bottom: none;
}
#headerNav .inner+.subNavArea .subNav ul li ul li a {
	padding: 0;
	font-size: 88%;
}


#headerNav .inner+.subNavArea .subNav .navBox01,	
#headerNav .inner+.subNavArea .subNav .navBox02 {
	display: block;
	margin: 0px;
}

#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul li a {
	padding: 12px 20px 12px 30px;
	border-bottom: 1px solid #fff;
}
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul li ul li {
	float: none;
}
#headerNav .inner+.subNavArea .subNav .navBox02 div.boxThrough ul li ul li a {
	padding: 10px 20px 8px 30px;
	border-bottom: 1px solid #d2d5ec;
	font-size: 88%;
	background-color: #7075a8;
}

}


/*	historyBox
---------------------------------------------- */
#headerNav .inner+.subNavArea .subNav ul ul li .historyDel {
	height: 20px !important;
	line-height: 20px !important;
	overflow: hidden;
}
#headerNav .inner+.subNavArea .subNav ul ul li .historyDel a {
	min-height: 20px !important;
	line-height: 20px !important;
	padding-left: 28px !important;
	background: url(../common/img/icon_close.png) left top no-repeat !important;
	text-indent: -999px;
	overflow: hidden;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	#headerNav .inner+.subNavArea .subNav ul ul li .historyDel a {
		min-height: 20px !important;
		line-height: 20px !important;
		padding-left: 38px !important;
		background: url(../common/img/icon_close.png) 10px center no-repeat !important;
	}
}





/* =================================================

	scrollArea

================================================= */

/* 全体 */
.jspContainer { overflow: hidden; position: relative;}

/* スクロールバーを除いたエリア */
.jspPane { position: absolute;}

/* 縦スクロールバー */
.jspVerticalBar { position: absolute; top: 0; right: 10px; width: 10px; height: 100%;}

/* 横スクロールバー */
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px;}

/* 背景 */
.jspTrack { background: #111; position: relative;}

/* ノブ */
.jspDrag { background: #333; position: relative; top: 0; left: 0; cursor: pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%;}







/* =================================================

	z-index

================================================= */

#headerNav .globalNav li a.open:before,
#headerNav .globalNav li a.active:before,
#headerNav .globalNav li a:hover:before {
	z-index: 100;
}
#headerNav .sideBlock div a.open:before,
#headerNav .sideBlock div a.active:before,
#headerNav .sideBlock div a:hover:before {
	z-index: 100;
}

#headerNav .globalNav .subNavArea {
	z-index: 90;
}

#contents {
	z-index: 70;
}

#footer {
	z-index: 40;
}


/*	home.css
---------------------------------------------- */
.tabArea .tabNav li a:hover:before,
.tabArea .tabNav li a.active:before {
	z-index: 60;
}

.shareBox .shareBoxOpen {
	z-index: 85;
}

.btnContact {
	z-index: 80;
}

.contentsAction {
	z-index: 990;
}


@media screen and (max-width: 1151px) and (min-width: 768px) {

.localNavBtn {
	z-index: 790;
}
.localNavOpen {
	/*z-index: 800;*/
	z-index: 989;
}

}



@media screen and (max-width: 1151px) {

#headerTop .sideBlock .searchAllInputBoxOpen {
	position: fixed;
	z-index: 1100;
}

/* libs.js---
.searchBG {
	z-index: 1099;
}*/

}


@media screen and (max-width: 767px) {

#headerTop .sideBlock .searchAllInputBoxOpen {
	padding: 10px 0;
}
	
#headerNav .globalNav,
#headerNav .sideBlock {
	position: relative;
	top: 0;
	z-index: 100;
}


}







/* =================================================

	Module

================================================= */

/* ----------------------------------------------
	font
---------------------------------------------- */

/*	font-size : base size 16px
---------------------------------------------- */
.fs10 { font-size: 63%;}
.fs11 { font-size: 69%;}
.fs12 { font-size: 75%;}
.fs13 { font-size: 82%;}
.fs14 { font-size: 88%;}
.fs15 { font-size: 94%;}
.fs16 { font-size: 100%;}
.fs17 { font-size: 107%;}
.fs18 { font-size: 113%;}
.fs19 { font-size: 119%;}
.fs20 { font-size: 125%;}
.fs21 { font-size: 132%;}
.fs22 { font-size: 138%;}
.fs23 { font-size: 144%;}
.fs24 { font-size: 150%;}
.fs25 { font-size: 157%;}
.fs26 { font-size: 163%;}
.fs27 { font-size: 169%;}
.fs28 { font-size: 175%;}
.fs29 { font-size: 182%;}
.fs30 { font-size: 188%;}
.fs31 { font-size: 194%;}
.fs32 { font-size: 200%;}



/*	font-weight
---------------------------------------------- */
dt, strong, em,
h1, h2, h3, h4, h5, h6,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.fwb { font-weight: bold;}
.fwn { font-weight: normal;}




/* ----------------------------------------------
	clearfix / clear
---------------------------------------------- */
.cf:before,
.cf:after { content: " "; display: table;}
.cf:after { clear: both;}

.clear { clear: both;}




/* ----------------------------------------------
	Layout
---------------------------------------------- */

/*  float
---------------------------------------------- */
.fl	{ float: left;}
.fr	{ float: right;}

.imgLeft { float: left; width: 30%;}
.txtRight { float: right; width: 65%;}

.imgRight { float: right; width: 30%;}
.txtLeft { float: left; width: 65%;}


/*	list-style
---------------------------------------------- */
.disc,.circle,.decimal,.ualfa,.lalfa,.uroman,.lroman,.katakana,.hiragana { padding-left: 20px;}
.disc li,.circle li,.decimal li,.ualfa li,.lalfa li,.uroman li,.lroman li,.katakana li,.hiragana li	{ list-style-position: outside; margin-bottom: 0.2em;}

.disc li     { list-style-type: disc;}
.circle li   { list-style-type: circle;}
.decimal li  { list-style-type: decimal;}
.ualfa li    { list-style-type: upper-alpha;}
.lalfa li    { list-style-type: lower-alpha;}
.uroman li   { list-style-type: upper-roman;}
.lroman li   { list-style-type: lower-roman;}
.katakana li { list-style-type: katakana;}
.hiragana li { list-style-type: hiragana;}
.none li     { list-style-type: none;}


/*	display
---------------------------------------------- */
.dpb  { display: block !important;}
.dpi  { display: inline !important;}
.dpib { display: inline-block !important;}
.dpt  { display: table !important;}
.dptc { display: table-cell !important;}


/*	vertical-align
---------------------------------------------- */
.vat { vertical-align: top !important;}
.vam { vertical-align: middle !important;}
.vab { vertical-align: bottom !important;}


/*	text-align
---------------------------------------------- */
.tal { text-align: left !important;}
.tar { text-align: right !important;}
.tac { text-align: center !important;}


/*	overflow
---------------------------------------------- */
.ofh { overflow: hidden !important;}



/* ----------------------------------------------
	padding
---------------------------------------------- */

/*	padding right+left
---------------------------------------------- */
.prl00 { padding-right:  0px !important; padding-left:  0px !important;}
.prl05 { padding-right:  5px !important; padding-left:  5px !important;}
.prl10 { padding-right: 10px !important; padding-left: 10px !important;}
.prl15 { padding-right: 15px !important; padding-left: 15px !important;}
.prl20 { padding-right: 20px !important; padding-left: 20px !important;}
.prl25 { padding-right: 25px !important; padding-left: 25px !important;}
.prl30 { padding-right: 30px !important; padding-left: 30px !important;}
.prl35 { padding-right: 35px !important; padding-left: 35px !important;}
.prl40 { padding-right: 40px !important; padding-left: 40px !important;}
.prl45 { padding-right: 45px !important; padding-left: 45px !important;}
.prl50 { padding-right: 50px !important; padding-left: 50px !important;}


/*	padding top+bottom
---------------------------------------------- */
.ptb00 { padding-top:  0px !important; padding-bottom:  0px !important;}
.ptb02 { padding-top:  2px !important; padding-bottom:  2px !important;}
.ptb04 { padding-top:  4px !important; padding-bottom:  4px !important;}
.ptb05 { padding-top:  5px !important; padding-bottom:  5px !important;}
.ptb06 { padding-top:  6px !important; padding-bottom:  6px !important;}
.ptb08 { padding-top:  8px !important; padding-bottom:  8px !important;}
.ptb10 { padding-top: 10px !important; padding-bottom: 10px !important;}
.ptb12 { padding-top: 12px !important; padding-bottom: 12px !important;}
.ptb14 { padding-top: 14px !important; padding-bottom: 14px !important;}
.ptb15 { padding-top: 15px !important; padding-bottom: 15px !important;}
.ptb16 { padding-top: 16px !important; padding-bottom: 16px !important;}
.ptb18 { padding-top: 18px !important; padding-bottom: 18px !important;}
.ptb20 { padding-top: 20px !important; padding-bottom: 20px !important;}
.ptb25 { padding-top: 25px !important; padding-bottom: 25px !important;}
.ptb30 { padding-top: 30px !important; padding-bottom: 30px !important;}


/*	padding full
---------------------------------------------- */
.pf00 { padding:  0px !important;}
.pf05 { padding:  5px !important;}
.pf10 { padding: 10px !important;}
.pf12 { padding: 12px !important;}
.pf15 { padding: 15px !important;}
.pf20 { padding: 20px !important;}
.pf25 { padding: 25px !important;}
.pf30 { padding: 30px !important;}
.pf35 { padding: 35px !important;}
.pf40 { padding: 40px !important;}
.pf45 { padding: 45px !important;}
.pf50 { padding: 50px !important;}


/*	padding detail
---------------------------------------------- */
.pt00 { padding-top:  0px !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0px !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0px !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

/* mp00 */
.mp00 { padding: 0px !important; margin: 0px !important;}




/* ----------------------------------------------
	margin
---------------------------------------------- */

/*	margin right+left
---------------------------------------------- */
.mrl00 { margin-right:  0px !important; margin-left:  0px !important;}
.mrl05 { margin-right:  5px !important; margin-left:  5px !important;}
.mrl10 { margin-right: 10px !important; margin-left: 10px !important;}
.mrl15 { margin-right: 15px !important; margin-left: 15px !important;}
.mrl20 { margin-right: 20px !important; margin-left: 20px !important;}
.mrl25 { margin-right: 25px !important; margin-left: 25px !important;}
.mrl30 { margin-right: 30px !important; margin-left: 30px !important;}
.mrl35 { margin-right: 35px !important; margin-left: 35px !important;}
.mrl40 { margin-right: 40px !important; margin-left: 40px !important;}
.mrl45 { margin-right: 45px !important; margin-left: 45px !important;}
.mrl50 { margin-right: 50px !important; margin-left: 50px !important;}


/*	margin top+bottom
---------------------------------------------- */
.mtb00 { margin-top:  0px !important; margin-bottom:  0px !important;}
.mtb02 { margin-top:  2px !important; margin-bottom:  2px !important;}
.mtb04 { margin-top:  4px !important; margin-bottom:  4px !important;}
.mtb05 { margin-top:  5px !important; margin-bottom:  5px !important;}
.mtb06 { margin-top:  6px !important; margin-bottom:  6px !important;}
.mtb08 { margin-top:  8px !important; margin-bottom:  8px !important;}
.mtb10 { margin-top: 10px !important; margin-bottom: 10px !important;}
.mtb12 { margin-top: 12px !important; margin-bottom: 12px !important;}
.mtb14 { margin-top: 14px !important; margin-bottom: 14px !important;}
.mtb15 { margin-top: 15px !important; margin-bottom: 15px !important;}
.mtb16 { margin-top: 16px !important; margin-bottom: 16px !important;}
.mtb18 { margin-top: 18px !important; margin-bottom: 18px !important;}
.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important;}
.mtb25 { margin-top: 25px !important; margin-bottom: 25px !important;}
.mtb30 { margin-top: 30px !important; margin-bottom: 30px !important;}


/*	margin 0 auto
---------------------------------------------- */
.m0a     { margin: 0 auto  0px !important;}
.m0a05mb { margin: 0 auto  5px !important;}
.m0a10mb { margin: 0 auto 10px !important;}
.m0a15mb { margin: 0 auto 15px !important;}
.m0a20mb { margin: 0 auto 20px !important;}
.m0a25mb { margin: 0 auto 25px !important;}
.m0a30mb { margin: 0 auto 30px !important;}
.m0a35mb { margin: 0 auto 35px !important;}
.m0a40mb { margin: 0 auto 40px !important;}
.m0a45mb { margin: 0 auto 45px !important;}
.m0a50mb { margin: 0 auto 50px !important;}
.m0r     { margin: 0 0 0 auto !important;}
.m0l     { margin: 0 auto 0 0!important;}


/*	margin detail
---------------------------------------------- */
.mt00 { margin-top:  0px !important;}
.mt02 { margin-top:  2px !important;}
.mt04 { margin-top:  4px !important;}
.mt05 { margin-top:  5px !important;}
.mt06 { margin-top:  6px !important;}
.mt08 { margin-top:  8px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt14 { margin-top: 14px !important;}
.mt15 { margin-top: 15px !important;}
.mt16 { margin-top: 16px !important;}
.mt18 { margin-top: 18px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0px !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0px !important;}
.mb02 { margin-bottom:  2px !important;}
.mb04 { margin-bottom:  4px !important;}
.mb05 { margin-bottom:  5px !important;}
.mb06 { margin-bottom:  6px !important;}
.mb08 { margin-bottom:  8px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb14 { margin-bottom: 14px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb16 { margin-bottom: 16px !important;}
.mb18 { margin-bottom: 18px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0px !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}
.ml55 { margin-left: 55px !important;}
.ml60 { margin-left: 60px !important;}



/*! jQuery UI - v1.11.4 - 2015-07-29
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/***
 * BxSlider v4.2.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 ***/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  /*
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
  */
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 90px;
  width: 100%;
  z-index:101;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../common/img/bx_loader.gif) center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #f6f7f8;
  text-indent: -9999px;
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 8px;
  outline: 0;
  border-radius: 6px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.9;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #1565c0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../common/img/bx_controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url(../common/img/bx_controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../common/img/bx_controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../common/img/bx_controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}



@media screen and (max-width: 1151px) {
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: 6%;
}
}



/* =================================================

	libs
	 
----------------------------------------------------
*
	title style
	font style
	list style
	icon style
	button style
	image style
	table style
	box style
	column style
	section style
	tab style
	pullDown style
	jquery ui style
*
================================================= */








/* =================================================

	title style

================================================= */

h1, h2, h3, h4 {
	margin-bottom: 10px;
	line-height: 1.4;
	color: #000;
}
h1 { font-size: 32px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

/* other */
.ttl32,
.ttl28,
.ttl24,
.ttl22,
.ttl20,
.ttl18,
.ttl16,
.ttl16n,
.ttl15 {
	margin-bottom: 10px;
	line-height: 1.4;
	color: #000;
}

.ttl32 {
	font-size: 200%;
	margin-top: -5px;
	margin-bottom: 30px;
}
.ttl28 {
	font-size: 175%;
	margin-top: -5px;
}
.ttl24 {
	font-size: 150%;
	margin-top: -3px;
}
.ttl22 {
	font-size: 138%;
	margin-top: -3px;
}
.ttl20 {
	font-size: 125%;
	margin-top: -3px;
}
.ttl18 {
	font-size: 113%;
}
.ttl16 {
	font-size: 100%;
}
.ttl16n {
	font-weight: normal;
	font-size: 100%;
}
.ttl15{
	font-size: 94%;
}


@media screen and (max-width: 1151px) {

.ttl32 {
	margin-bottom: 10px;
}

}








/* =================================================

	font style

================================================= */

.lead01 {
	margin-bottom: 10px;
	line-height: 1.5;
}

.txt01 {
	margin-bottom: 10px;
}


.fs20cGY {
	font-size: 125%;
	color: #767e82;
}
.fs22cGY {
	font-size: 138%;
	line-height: 1.4;
	color: #767e82;
}

.newRED {
	color: #f00;
}


@media screen and (max-width: 767px) {

.fs20cGY {
	font-size: 125%;
	color: #767e82;
}
.fs22cGY {
	font-size: 100%;
	line-height: 1.8;
	color: #767e82;
}

}


/*	note01
---------------------------------------------- */
.note01 li {
	display: table;
	width: 100%;
	margin-top: 5px;
}
.note01 li span:nth-of-type(1) {
	display: table-cell;
	vertical-align: top;
	white-space: nowrap;
}
.note01 li p:nth-of-type(1) {
	display: table-cell;
	width: 860px;
}








/* =================================================

	list style

================================================= */

/*	listLinkBold
---------------------------------------------- */
.listLinkBold li {
	display: block;
	padding: 0px 0px 0px;
	margin: 0.3em 0px;
	font-weight: bold;
	line-height: 1.3;
}


/*	listLink01
---------------------------------------------- */
.listLink01 {
	margin-left: -10px;
}
.listLink01 li {
	display: inline-block;
	padding: 0px 15px 0px 10px;
	margin: 0.3em 0px;
	border-right: 1px solid #a5a5a5;
	line-height: 1.3;
}
.listLink01 li:last-child {
	border-right: none;
}


/*	listLink01Bold
---------------------------------------------- */
.listLink01Bold {
	margin-left: -15px;
}
.listLink01Bold li {
	display: inline-block;
	padding: 0px 20px 0px 15px;
	margin: 0.3em 0px;
	font-weight: bold;
	line-height: 1.3;
}
.listLink01Bold li:last-child {
	border-right: none;
}


/*	listLink02
---------------------------------------------- */
.listLink02 {
	margin-left: -10px;
}
.listLink02 li {
	display: inline-block;
	padding: 0px 15px 0px 10px;
	margin: 0.3em 0px;
	line-height: 1.3;
}
.listLink02 li:last-child {
	border-right: none;
}


/*	listLink02Bold
---------------------------------------------- */
.listLink02Bold {
	margin-left: -10px;
}
.listLink02Bold li {
	display: inline-block;
	padding: 0px 15px 0px 10px;
	margin: 0.3em 0px;
	font-weight: bold;
	line-height: 1.3;
}


/*	listLinkFloat
---------------------------------------------- */
.listLinkFloat {
}

/*	cf ---------- */
.listLinkFloat:before,
.listLinkFloat:after { content: " "; display: table;}
.listLinkFloat:after { clear: both;}

.listLinkFloat li {
	float: left;
	width: 49%;
	margin-right: 1%;
}


@media screen and (max-width: 1151px) {

.listLinkFloat li {
	display: inline-block;
	float: none;
	width: auto;
	padding: 1px 20px 0px 0px;
	line-height: 1.4;
}

}


/*	listCheck
---------------------------------------------- */
.listCheck label {
	display: table;
	width: 100%;
}
.listCheck label:hover {
	cursor: pointer;
}
.listCheck label input {
	display: table-cell;
	white-space: nowrap;
}
.listCheck label span:nth-of-type(1) {
	display: table-cell;
	width: 860px;
	padding: 0px 10px;
}


/*	listDecimalttl
---------------------------------------------- */
.listDecimalttl {
	padding-left: 20px;
}
.listDecimalttl li {
	list-style: decimal outside;
	margin-bottom: 0.2em;
	font-weight: bold;
}
.listDecimalttl li .decimalttl~p,
.listDecimalttl li .decimalttl~dl,
.listDecimalttl li .decimalttl~dl dt,
.listDecimalttl li .decimalttl~ul li {
	font-weight: normal;
}


/*	listIconCheck
---------------------------------------------- */
.listIconCheck li {
	background: url(../common/img/icon_checked.png) left center no-repeat;
	padding: 0px 15px 0px 15px;
}



/* ----------------------------------------------
	listIconApp
---------------------------------------------- */

.listIconApp li{
	display: inline-block;
	padding: 0px 20px 0px 0px;
	margin: 0.3em 0px;
	line-height: 1.3;
	text-align:center;
	font-size:90%;
}
.listIconApp li img{
	padding-bottom:10px;
}







/* =================================================

	icon style

================================================= */

/*	iconPDF
---------------------------------------------- */
.iconPDF {
	min-height: 18px;
	padding-left: 22px;
	background: url(../common/img/icon_pdf.png) 0% center no-repeat;
}


/*	iconMovie
---------------------------------------------- */
.iconMovie {
	min-height: 18px;
	padding-left: 28px;
	background: url(../common/img/icon_movie.png) 0% center no-repeat;
}

.iconMovie02 {
	min-height: 18px;
	padding-left: 28px;
	background: url(../common/img/icon_movie02.png) 0% center no-repeat;
}


/*	iconMicon
---------------------------------------------- */
.iconMicon {
	min-height: 28px;
	padding-left: 38px;
	background: url(../common/img/icon_micon.png) 0% top no-repeat;
}


/*	iconAutomotive
---------------------------------------------- */
.iconAutomotive {
	padding-top: 70px;
	background: url(../common/img/icon_automotive.png) center top no-repeat;
}


/*	iconCity
---------------------------------------------- */
.iconCity {
	padding-top: 70px;
	background: url(../common/img/icon_city.png) center top no-repeat;
}


/*	iconFactory
---------------------------------------------- */
.iconFactory {
	padding-top: 70px;
	background: url(../common/img/icon_factory.png) center top no-repeat;
}


/*	iconOffice
---------------------------------------------- */
.iconOffice {
	padding-top: 70px;
	background: url(../common/img/icon_office.png) center top no-repeat;
}


/*	iconHome
---------------------------------------------- */
.iconHome {
	padding-top: 70px;
	background: url(../common/img/icon_home.png) center top no-repeat;
}


/*	iconKey
---------------------------------------------- */
.iconKey {
	padding-top: 70px;
	background: url(../common/img/icon_key.png) center top no-repeat;
}


/*	iconForm
---------------------------------------------- */
.iconForm {
	min-height: 18px;
	padding-left: 25px;
	background: url(../common/img/icon_form.png) 0% 3px no-repeat;
}


/*	iconPage
---------------------------------------------- */
.iconPage {
	min-height: 18px;
	padding-left: 25px;
	background: url(../common/img/icon_page.png) 0% 3px no-repeat;
}


/*	iconProject
---------------------------------------------- */
.iconProject{
	display: inline-block;
	padding: 0 0 0 25px;
	background-repeat: no-repeat;
	background-position: left 0.25em;
	background-image: url(../common/img/icon_seemore.png);
}






/* =================================================

	button style

================================================= */

/*	btn01
---------------------------------------------- */
.btn01 {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	background: #eb6209;
}
.btn01:last-child {
	margin-right: 0px;
}
.btn01 a {
	display: block;
	padding: 7px 25px 6px;
	text-align: center;
	font-size: 88%;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}
.btn01 a span {
	color: #fff;
}


@media screen and (max-width: 767px) {

.btn01 a {
	padding: 7px 15px 6px;
}

}

/*	btn01Big
---------------------------------------------- */
.btn01Big {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	background: #eb6209;
}
.btn01Big.Disabled {
	background: #dbe7ed;
}
.btn01Big:last-child {
	margin-right: 0px;
}
.btn01Big a {
	display: block;
	padding: 7px 25px 6px;
	text-align: center;
	font-size: 88%;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}
.btn01Big.Disabled a {
	cursor: default;
}
.btn01Big a span {
	color: #fff;
}
.btn01Big.Disabled a span {
	color: #999;
}
.btn01Big a {
	display: block;
	padding: 17px 60px 16px;
	text-align: center;
	font-size: 88%;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}


@media screen and (max-width: 767px) {

.btn01Big a {
	padding: 7px 15px 6px;
}

}


/*	btn02
---------------------------------------------- */
.btn02 {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	background: #1b56b7;
}
.btn02:last-child {
	margin-right: 0px;
}
.btn02 a {
	display: block;
	padding: 7px 25px 6px;
	text-align: center;
	font-size: 88%;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}
.btn02 a span {
	color: #fff;
}


@media screen and (max-width: 767px) {

.btn02 a {
	padding: 7px 15px 6px;
}

}


/*	btn03
---------------------------------------------- */
.btn03 {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	border:#eb6209 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.05) inset;
	background: #ffffff;
}
.btn03:last-child {
	margin-right: 0px;
}
.btn03 a{
  display: block;
  padding: 7px 25px 6px;
  text-align: center;
  font-size: 88%;
  line-height: 1.4;
  text-decoration: none;
  color: #eb6209
}


@media screen and (max-width: 767px) {

.btn03 a {
	padding: 7px 15px 6px;
}

}


/*	btn04
---------------------------------------------- */
.btn04 {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	background: #60a9b4;
}
.btn04:last-child {
	margin-right: 0px;
}
.btn04 a {
	display: block;
	padding: 7px 25px 6px;
	text-align: center;
	font-size: 88%;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}
.btn04 a span {
	color: #fff;
}
.table01Cap caption .btn04 a {
	padding: 5px 15px 4px;
	font-weight: normal;
}

@media screen and (max-width: 767px) {

.btn04 a {
	padding: 7px 15px 6px;
}

}


/*	btn05
---------------------------------------------- */
.btn05 {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	background: #eb6209;
}
.btn05:last-child {
	margin-right: 0px;
}
.btn05 a {
	display: block;
	padding: 7px 25px 6px;
	text-align: center;
	font-size: 88%;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}
.btn05 a span {
	color: #fff;
}


@media screen and (max-width: 767px) {

.btn05 a {
	padding: 7px 15px 6px;
}

}


/*	btn06
---------------------------------------------- */
.btn06 {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	border:#eb6209 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.05) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.05) inset;
	background: #ffffff;
}
.btn06:last-child {
	margin-right: 0px;
}
.btn06 a{
  display: block;
  padding: 7px 25px 6px;
  text-align: center;
  font-size: 88%;
  line-height: 1.4;
  text-decoration: none;
  color: #eb6209;
}


@media screen and (max-width: 767px) {

.btn06 a {
	padding: 7px 15px 6px;
}

}


/*	btnGhost
---------------------------------------------- */
.btnGhost {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	border:#fff 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: transparent;
}
.btnGhost:last-child {
	margin-right: 0px;
}
.btnGhost a{
  display: block;
  padding: 7px 25px 6px;
  text-align: center;
  font-size: 88%;
  line-height: 1.4;
  text-decoration: none;
  color: #fff;
}
.btnGhost a:hover{
	background: #fff;
  color: #333;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


@media screen and (max-width: 767px) {

.btnGhost a {
	padding: 7px 15px 6px;
}

}


/*	btnUserManual
---------------------------------------------- */

.manualBlock {}

/*	cf ---------- */
.manualBlock:before,
.manualBlock:after { content: " "; display: table;}
.manualBlock:after { clear: both;}

.manualBlock h1 {
	display: inline;
}
.manualBlock h1+div {
	display: inline-block;
	margin-bottom: 10px;
}
.manualBlock img {
	vertical-align: middle;
}
.manualBlock .iconCaution {
	background: url(../common/img/icon_caution.png) 10px top no-repeat;
	padding-left: 50px;
	line-height: 32px;
}
.manualBlock .iconCaution strong {
	color: #f00;
}
.manualBlock .caution {
	background: url(../common/img/icon_caution.png) left top no-repeat;
	padding-left: 40px;
	font-size: 80%;
	clear: both;
}
.manualBlock .caution span {
	color: #f00;
}
.manualBlock .iconCaution + .caution {
	background: none;
	padding-left: 50px;
}
.manualBlock .iconCaution + .caution span,
.manualBlock .iconCaution + .caution br {
	display: none;
}

#contents a.tooltip,
#contents a.help {
	position: relative;
}
#contents a .show {
	background: #fff;
	width: 250px;
	padding: 10px;
	border: 1px #eee solid;
	font-size: 80%;
	font-weight: normal;
	position: absolute;
	top: 20px;
	left: 0;
	display: block;
	z-index: 988;
	box-shadow: 2px 2px 3px #999;
	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
}
#contents .columnSide a .show {
	left: auto;
	right: 0;
}
.btnUserManual {
	display: inline-block;
	margin: 0 5px 0px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	background: #eb6209;
}
.btnUserManual:first-child {
	margin-left: 20px;
}
.btnUserManual:last-child {
	margin-right: 0px;
}
.btnUserManual a {
	display: block;
	padding: 7px 25px 6px;
	text-align: center;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}
.btnUserManual a span {
	background: url(../common/img/icon_user_manual.png) right center no-repeat;
	padding-right:25px;
	color: #fff;
}

.btnRss {
	display: inline-block;
	margin: 0 5px 0px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	background: #eb6209;
}
.btnRss:last-child {
	margin-right: 0px;
}
.btnRss a {
	display: block;
	padding: 7px 15px 6px;
	text-align: center;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}
.btnRss a span {
	background: url(../common/img/icon_rss02.png) right center no-repeat;
	padding-right:25px;
	color: #fff;
}

/*161221 orderbtn IT */
.manualBlock .btnUserManual{
	margin: 0px 5px 0px 10px;
}
.manualBlock .btnUserManual a{
	font-size: 88%;
}
.manualBlock div .orderInfo {
	margin: 0px 0px 0px 10px;
}
.btn01.orderInfo {
	margin: 0px 0px 0px 10px;
}
/*161221 orderbtn IT END*/


@media screen and (max-width: 1151px) {

.manualBlock h1+div {
	margin-bottom:20px;
}
.manualBlock .btnUserManual, .manualBlock .btnRss {
	margin: 0px 5px 0px 10px;
}

}


@media screen and (max-width: 767px) {

.btnUserManual a, .btnRss a {
	padding: 7px 15px 6px;
}
.manualBlock .iconCaution {
	background: url(../common/img/icon_caution.png) left top no-repeat;
	padding-left: 40px;
	clear: both;
}
.manualBlock .iconCaution + .caution {
	padding-left: 40px;
}

}


/*	btnPDFList
---------------------------------------------- */
.btnPDFList {
	display: inline-block;
}
.btnPDFList a {
	display: block;
	width: 19px;
	height: 23px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../common/img/icon_pdflist.gif) 0% center no-repeat;
}


/*	btnPDF
---------------------------------------------- */
.btnPDF,
.btnTRIAL,
.btnNEWS,
.btnDOCS,
.btnDL{
	display: inline-block;
}
.btnPDF a {
	display: block;
	width: 19px;
	height: 23px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../common/img/icon_pdf.png) 0% center no-repeat;
}
.btnTRIAL a {
	display: block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../common/img/icon_trial.gif) 0% center no-repeat;
}
.btnNEWS a {
	display: block;
	width: 41px;
	height: 34px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../common/img/icon_news.gif) 0% center no-repeat;
}
.btnDOCS a {
	display: block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../common/img/icon_doc.gif) 0% center no-repeat;
}
.btnDL a {
	display: block;
	width: 43px;
	height: 34px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../common/img/icon_downloads.gif) 0% center no-repeat;
}






/* =================================================

	image style

================================================= */

.img01 img {
	width: 100%;
	height: auto;
}

.img02 {
	max-width: 748px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.img02 img {
	max-width: 748px;
	width: 100%;
	height: auto;
}

.img03 {
	max-width: 864px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.img03 img {
	max-width: 864px;
	width: 100%;
	height: auto;
}

.img04 {
	max-width: 432px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.img04 img {
	max-width: 432px;
	width: 100%;
	height: auto;
}

.img05 {
	max-width: 360px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.img05 img {
	max-width: 360px;
	width: 100%;
	height: auto;
}


.img06 {
	max-width: 400px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.img06 img {
	max-width: 400px;
	width: 100%;
	height: auto;
}


/*	imgEnlarge
---------------------------------------------- */
.imgEnlarge {
	position: relative;
}
.imgEnlarge a {
	display: table-cell;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 64px;
	height: 64px;
	overflow: hidden;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	background: url(../common/img/icon_search03.png) center 13px no-repeat rgba(124, 144, 155, 0.5);
}
.imgEnlarge a:hover {
	text-decoration: none;
}
.imgEnlarge a span {
	display: block;
	padding-top: 42px;
	-webkit-text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.3);
	-moz-text-shadow: -1px 0px 1px rgba(0, 0, 0, 0.3);
	text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	line-height: 1.0;
}


@media screen and (max-width: 767px) {

.imgEnlarge a {
	display: none;
}

}








/* =================================================

	table style

================================================= */

/*	tableBox
---------------------------------------------- */
div.tableBox {
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* checkbox */
.tableBox table input[type=checkbox] {
	display: none;
}
.tableBox table .checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0 0 8px 0;
	padding: 12px 12px 12px 42px;
	border-radius: 8px;
	vertical-align: middle;
	cursor: pointer;
	z-index:0;
}
.tableBox table .checkbox:hover:after {
	border-color: #37348b;
}
.tableBox table .checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #706f6f;
	border-radius: 6px;
	content: '';
}
.tableBox table .checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #37348b;
	border-bottom: 3px solid #37348b;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tableBox table input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}



/* ----------------------------------------------
	table01
---------------------------------------------- */

table.table01 {
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #e2e2e2;
	border-bottom: none;
}
.table01 tr:nth-of-type(even) {
	background-color: #f6f7f8;
}
.table01 th,
.table01 td {
	padding: 20px;
	border-bottom: 1px solid #e2e2e2;
}
.table01 th {
	vertical-align: top;
}


/*	table01Cap
---------------------------------------------- */
table.table01Cap {
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #706f6f;
	border-top: none;
	border-bottom: none;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}
.table01Cap caption {
	padding: 14px 20px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #60a9b4;
}
.table01Cap caption.GY {
	background: #3e454e;
}
.table01Cap caption.GY2 {
	background: #f6f7f8;
	border: 1px solid #706f6f;
	text-align: left;
	color: #333;
}
.table01Cap caption .setting {
	float:right;
}
.table01Cap caption .user {
	padding-right: 1em;
	float:left;
}

.table01Cap th {
	padding: 20px 15px 20px 20px;
	border-bottom: 1px solid #706f6f;
	vertical-align: top;
}
.table01Cap td {
	padding: 20px 20px 20px 15px;
	border-bottom: 1px solid #706f6f;
}
.table01Cap td.btn {
	padding-left: 10px;
	padding-right: 10px;
}
.table01Cap td .tab01 {
	margin-top: 0px;
}


/* icon app */
.table01Cap td .listIconApp {
	float: left;
}
.table01Cap td .imgEnlarge {
	margin-bottom: 20px;
	margin-left: 20px;
	float: right;
}
.table01Cap td .imgEnlarge a {
	display: table-cell;
	position: absolute;
	right: 10px;
	bottom: 30px;
}

@media screen and (max-width: 1151px) {
.table01Cap td .listIconApp {
	float: none;
}
.table01Cap td .imgEnlarge {
	margin-left: 0;
	margin-right: 20px;
	display: inline-block;
	float: none;
}
}

@media screen and (max-width: 767px) {
.table01Cap caption {
	text-align: left;
}
.table01Cap .imgEnlarge a {
	display: none;
}
}



/* ----------------------------------------------
	table02
---------------------------------------------- */

table.table02 {
	table-layout: auto;
	border-collapse: collapse;
	border: 1px solid #706f6f;
	border-top: 4px solid #000;
}
.table02 th,
.table02 td {
	padding: 12px 10px;
	border: 1px solid #706f6f;
	line-height: 1.5;
}
.table02 th {
	background: #dbe7ed;
	padding: 10px;
}
.table02 th.sortUp {
	padding: 0px;
}
.table02 th.sortUp span {
	display: table-cell;
	vertical-align: middle;
	width: 700px;
	padding: 20px 10px 20px 10px;
	background: url(../common/img/icon_arrow_sortup.png) center bottom no-repeat #f6f7f8;
	cursor: pointer;
}
.table02 .btn01{
	margin-top:0;
}


/*	table02Head
---------------------------------------------- */
.table02Head {
	padding: 20px;
	background: #dbe7ed;
}
.table02Head .inLRBox .boxL {
	display: table-cell;
	width: 690px;
}
.table02Head .inLRBox .boxR {
	display: table-cell;
	width: 134px;
	text-align: right;
}


@media screen and (max-width: 1151px) {

.table02Head .inLRBox {
	width: 100%;
}
.table02Head .inLRBox .boxL {
	width: 650px;
}
.table02Head .inLRBox .boxR {
	width: 174px;
}

}


@media screen and (max-width: 767px) {

.table02Head .inLRBox .boxL {
	display: block;
	width: 100%;
}
.table02Head .inLRBox .boxR {
	display: block;
	width: 100%;
	margin-top: 10px;
}

}


/*	table02Head02
---------------------------------------------- */
.table02Head02 {
  padding: 20px;
	border-bottom: 1px solid #ffffff;
  background: #dbe7ed;
}
.table02Head02 ul li {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}

.table02Head02 ul li dl dt {
	float: left;
	padding-right: 1em;
}

.table02Head02 .selector {
	display: inline-block;
	width: 250px;
	padding: 4px 40px 3px 10px;
	border: 1px solid #706f6f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.4;
	background: url(../common/img/ico_check.png) no-repeat #ffffff;
	background-position: right;
}


@media screen and (max-width: 767px) {

.table02Head02 ul li {
	display: block;
	float: none;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.table02Head02 ul li dl {
	margin-bottom: 10px;
}

.table02Head02 ul li dl dt {
	float: none;
	padding-right: 0px;
}
.table02Head02 .btn03 {
	margin-bottom: 10px;
	margin-left: 0
}
.table02Head02 label {
	display:block;
}

.table02Head02 .fr {
	float: none	
}

.table02Head02 .selector {
	width: auto;
}

}



/* ----------------------------------------------
	table03
---------------------------------------------- */

table.table03 {
	table-layout: auto;
	border-collapse: collapse;
	border: 1px solid #706f6f;
	border-bottom: none;
}
.table03 th,
.table03 td {
	padding: 8px 20px;
	border-bottom: 1px solid #706f6f;
	line-height: 1.5;
	font-size:88%;
}
.table03 thead th {
	background: #706f6f;
	color: #fff;
}
.table03 tbody th {
	color: #706f6f;
}
.table03 tbody tr td+th{
  border-left: 4px solid #706f6f;
}

.table03 caption {
	padding: 8px 20px;
	border: 1px solid #706f6f;
	border-bottom: none;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background: #706f6f;
}


/* ----------------------------------------------
	table04
---------------------------------------------- */

table.table04 {
	table-layout: auto;
	border-collapse: collapse;
	border: 1px solid #706f6f;
	border-bottom: none;
}
.table04 th,
.table04 td {
	padding: 4px 5px;
	border: 1px solid #706f6f;
	font-size: 80%;
	line-height: 1.5;
}
.table04 thead th {
	background: #706f6f;
	border-left: 1px solid #fff;
	border-right: none;
	font-weight:normal;
	font-size: 70%;
	color: #fff;
}
.table04 thead th:first-child {
	border-left: 1px solid #706f6f;
}
.table04 caption {
	padding: 8px 10px;
	border: 1px solid #706f6f;
	border-bottom: none;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background: #706f6f;
}
.table04 input{
	width: 90%;
	height: 26px;
	padding-left: 5%;
	padding-right: 5%;
	border: 1px solid #b6b6b6;
	font-size: 94%;
	line-height: 28px;
	overflow:scroll;
}

/* .btn01 */
.table04 .btn01{
	margin:0;
}
.table04 .btn01 a {
	padding: 7px 5px 6px;
}


/* ----------------------------------------------
	table05
---------------------------------------------- */

table.table05 {
	table-layout: auto;
	border-collapse: collapse;
	border: 1px solid #706f6f;
	border-bottom: none;
}
.table05 th,
.table05 td {
	padding: 8px 10px;
	border: 1px solid #706f6f;
	font-size: 80%;
	line-height: 1.5;
}
.table05 thead th {
	background: #dbe7ed;
	font-weight:normal;
	color: #333;
}

.table05 caption {
	padding: 8px 10px;
	border: 1px solid #e2e2e2;
	border-bottom: none;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background: #3e454e;
}
.table05 input{
	width: 90%;
	height: 26px;
	padding-left: 5%;
	padding-right: 5%;
	border: 1px solid #eb6209;
	font-size: 94%;
	line-height: 28px;
	overflow:scroll;
}

/* .btn01 */
.table05 .btn01{
	margin:0;
}
.table05 .btn01 a {
	padding: 7px 10px 6px;
}



/* ----------------------------------------------
	table06
---------------------------------------------- */

table.table06 {
	table-layout: auto;
	border-collapse: collapse;
}
.table06 th {
	background: #002c59;
	padding: 8px 15px;
	/*border-right: 1px solid #fff;*/
	color: #fff;
}
.table06 td {
	padding: 15px;
	border-bottom: 1px solid #d7d9da;
	line-height: 1.5;
	font-size:94%;
}





/* =================================================

	box style

================================================= */

/* ----------------------------------------------
	box01
---------------------------------------------- */

.box01wrap01 {
}
.box01wrap02 {
}
.box01wrap:after {
	margin-bottom: -30px;
}


/*	cf ---------- */
.box01wrap:before,
.box01wrap:after { content: " "; display: table;}
.box01wrap:after { clear: both;}

.box01wrap02:before,
.box01wrap02:after { content: " "; display: table;}
.box01wrap02:after { clear: both;}

.box01 {
	float: left;
	width: 360px;
	margin: 0px 0px 30px;
	margin-left: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #dbe7ed;
}
.box01:nth-of-type(3n+1) {
	margin-left: 0px;
}
.box01wrap02 .box01 {
	float: left;
	margin: 0px 0px 30px;
	width: 47.5%;
	margin-left: 3%;
}
.box01wrap02 .box01:nth-of-type(3n+1) {
	margin-left: 3%;
}
.box01wrap02 .box01:nth-of-type(odd) {
	margin-left: 0px;
}

.box01 dt {
	position: relative;
	padding: 14px 20px;
	margin-top: -1px;
	margin-left: -1px;
	margin-right: -1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #60a9b4;
}
.box01 dt a {
	color: #fff;
}
.box01 dd {
	top: -2px;
	padding: 20px;
}
.box01 dd .iconMicon {
	padding-left: 44px;
}
.box01 p {
	line-height: 1.8;
}
.box01 .disc li {
	margin-bottom:1em;
}


@media screen and (max-width: 1151px) {

.box01 {
	width: 47.5%;
	margin-left: 3%;
}
.box01:nth-of-type(odd) {
	margin-left: 0px;
}
.box01:nth-of-type(even) {
	margin-left: 3%;
}

.box01wrap02 .box01 {
	width: 47.5%;
	margin-left: 3%;
}
.box01wrap02 .box01:nth-of-type(3n+1) {
	margin-left: 0px;
}
.box01wrap02 .box01:nth-of-type(odd) {
	margin-left: 0px;
}
.box01wrap02 .box01:nth-of-type(even) {
	margin-left: 3%;
}

}


@media screen and (max-width: 767px) {

.box01 {
	width: 100% !important;
	margin: 0px 0px 15px !important;
}
.box01:nth-of-type(3) {
	margin-top: 0px;
}
.box01,
.box01:nth-of-type(3n+1),
.box01:nth-of-type(odd) {
	margin-left: 0px;
}

.box01wrap02 .box01:nth-of-type(3n+1),
.box01wrap02 .box01:nth-of-type(odd) {
	margin-left: 0px;
}
	
}



/* ----------------------------------------------
	box01Flow
---------------------------------------------- */

.box01Flow {
	width: 100%;
	margin: 15px 0px 20px;
	border: 1px solid #e2e2e2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f6f7f8;
	position: relative;
}
.box01Flow:last-child {
	margin: 15px 0px 15px;
}
.box01Flow:after {
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	width: 116px;
	height: 16px;
	margin: 0 auto;
	content: url(../common/img/icon_box01b.png);
}
.box01Flow.noArrow:after {
	display: none !important;
}
.box01Flow dt {
	position: relative;
	padding: 10px 20px;
	margin-top: -1px;
	margin-left: -1px;
	margin-right: -1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	color: #fff;
	background: #60a9b4;
}
.box01Flow dd {
	top: -2px;
	padding: 20px;
}
.box01Flow .listCheck li {
	display: inline-block;
	width: 49%;
}


@media screen and (max-width: 767px) {

.box01Flow .listCheck li {
	width: 100%;
}

}



/* ----------------------------------------------
	iframeBox
---------------------------------------------- */

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

.iframeBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* ----------------------------------------------
	pickupBox
---------------------------------------------- */

.pickupBox {
	padding: 20px;
	background-color: #dbe7ed;
}
.pickupBox .ttl15 {
	color: #706f6f;
}

.shoppingAdd {
	font-size: 75%;
}
.shoppingAdd dt{
	float: left;
	clear: left;
	width: 8.5em;
}
.shoppingAdd dd{
	padding-left: 8.5em;
}



/* ----------------------------------------------
	seminarBox
---------------------------------------------- */

.seminarBox {
	background-color: #dbe7ed;
	padding: 20px;
	font-size: 90%;
}
.seminarBox dt{
	float: left;
	clear: left;
	width: 8.5em;
	font-weight: normal;
}
.seminarBox dd{
	padding-left: 8.5em;
}

.seminarBox span.timeLine {
	width: 10em;
	display: inline-block;
}

.seminarBox2 {
	background-color: #fff;
	padding: 20px;
	font-size: 90%;
	position: relative;
	border: 1px #ddd solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.seminarBox2 h2 {
	margin-bottom: 10px;
	font-weight: normal;
}
.seminarBox2 h2 a {
	background: url(../common/img/icon_seminar.png) left top no-repeat;
	padding-left: 30px;
	display: inline-block;
}
.seminarBox2 .beginners {
	background-color: #49b9e7;
	color: #fff;
	padding: 3px 20px;
	position: absolute;
	bottom: 10px;
	right: 0;
}
.seminarBox2 .medium {
	background-color: #e79f49;
	color: #fff;
	padding: 3px 20px;
	position: absolute;
	bottom: 10px;
	right: 0;
}
.seminarBox2 .advanced {
	background-color: #ff8383;
	color: #fff;
	padding: 3px 20px;
	position: absolute;
	bottom: 10px;
	right: 0;
}

/* title */
h1 .beginners {
	background-color: #49b9e7;
	margin-left: 20px;
	padding: 3px 20px;
	color: #fff;
	font-size: 50%;
	font-weight: normal;
	display: inline-block;
	position: relative;
	top: -8px;
}
h1 .medium {
	background-color: #e79f49;
	margin-left: 20px;
	padding: 3px 20px;
	color: #fff;
	font-size: 50%;
	font-weight: normal;
	display: inline-block;
	position: relative;
	top: -8px;
}
h1 .advanced {
	background-color: #ff8383;
	margin-left: 20px;
	padding: 3px 20px;
	color: #fff;
	font-size: 50%;
	font-weight: normal;
	display: inline-block;
	position: relative;
	top: -8px;
}

.sec01 .seminarBox dl{
	margin-bottom: 10px;
	clear: both;
}
.sec01 .seminarBox dt{
	float: left;
	clear: left;
	width: 20em;
	font-weight: normal;
}
.sec01 .seminarBox dd{
	padding-left: 20em;
}

@media screen and (max-width: 767px) {

.sec01 .seminarBox dl{
	margin-bottom: 10px;
	clear: both;
}
.sec01 .seminarBox dt{
	margin-bottom: 5px;
	float: none;
	clear: both;
	width: auto;
}
.sec01 .seminarBox dd{
	padding-left: 0;
}

}



/* ----------------------------------------------
	frameBox01
---------------------------------------------- */

.frameBox01 {
	padding: 20px;
	margin-top: 30px;
	border: 1px solid #706f6f;
	background-color: #f6f7f8;
}



/* ----------------------------------------------
	searchKeywordBox
---------------------------------------------- */

.searchKeywordBox {
	height: 38px;
	position: relative;
}
.searchKeywordBox input {
	display: block;
	padding: 0px;
	margin: 0px;
	border: none;
	outline: none;
}
.searchKeywordBox #inputKeyword {
	float: left;
	width: 230px;
	height: 38px;
	padding: 0 10px;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	font-size: 94%;
	line-height: 38px;
	color: #b5b5b5;
}
.searchKeywordBox #goBtn {
	position: absolute;
	top: 0px;
	left: 248px;
	width: 80px;
	height: 40px;
	-webkit-border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	font-size: 94%;
	color: #fff;
	background: #eb6209;
	cursor: pointer;
}


@media screen and (max-width: 767px) {

.searchKeywordBox #inputKeyword {
	width: 90%;
}
.searchKeywordBox #goBtn {
	left: auto;
	right: 0;
}

}



/* ----------------------------------------------
	anchorBox01
---------------------------------------------- */

.anchorBox01 {
	width: auto;
	padding: 10px 0px 10px 65px;
	margin: 15px 0px 15px;
	border: 1px solid #c1d1db;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url(../common/img/icon_anchor.png) 20px 13px no-repeat;
	background-color: #dbe7ed;
}
.anchorBox01 p {
	display: inline-block;
	padding: 5px 20px;
}
.anchorBox01 ul {
	padding: 5px 20px;
}
.anchorBox01 li {
	display: inline-block;
	padding-right: 20px;
	line-height: 1.4;
}


@media screen and (max-width: 767px) {

.anchorBox01 li {
	padding: 0.2em 20px 0.2em 0px;
}

}



/* ----------------------------------------------
	downloadBox
---------------------------------------------- */

.downloadBox .tableBox {
	padding-bottom: 10px;
	position: relative;
}
.downloadBox td .btn01 a {
	display: block;
	padding: 7px 10px 6px;
	text-align: left;
	font-size: 80%;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}
.downloadBox td .btn01 a span,
.downloadBox .downloadSubmit a span {
	background: url(../common/img/icon_user_manual.png) right center no-repeat;
	padding-right:25px;
	color: #fff;
	display:inline-block;
}
.downloadBox .downloadSubmit {
	margin-top: 20px;
	text-align: center;
}

.clearAll{
	font-weight: normal;
}

.downloadBox .disclaimerBox,
.downloadBox .myreneBox{
	margin-bottom: 20px;
	position: relative;
}

.downloadBox .btnBox .btn01 {
	background: #eb6209;
}


/*
.downloadBox section>p {
	padding-left:30px;
	position: relative;
}
.downloadBox section>p a {
	background: url(../common/img/btn_close.png) left top no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 0;
}
*/

.downloadBox p strong {
	color: #f00;
}
.downloadBox p strong.agree {
	background: url(../common/img/icon_checked.png) left center no-repeat;
	padding-left:15px;
	color: #666;
}

/* disclaimer/MyRenesas */
#inline_disclaimer input[type="button"],
#inline_myrene input[type="submit"] {
	display: inline-block;
	margin: 5px 5px 0px 0px;
	padding: 7px 25px 6px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.1) inset;
	background: #eb6209;
	/**/
	text-align: center;
	font-size: 88%;
	line-height: 1.4;
	color: #fff;
	cursor: pointer;
}

#inline_myrene dt{
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 8em;
}
#inline_myrene dd{
	margin-bottom: 0.8em;
	margin-left: 8em;
}
#inline_myrene input[type="text"],
#inline_myrene input[type="password"] {
	padding: 7px 10px 6px;
	border: 1px #e7e7e7 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#inline_disclaimer input:last-child {
	margin-right: 0px;
}
#inline_disclaimer input.agree{
	background: #60a9b4;
}
#inline_disclaimer input.disagree{
	background: #eb6209;
}

@media screen and (max-width: 767px) {

#inline_myrene dt,
#inline_myrene dd{
	float: none;
	clear: both;
}

#inline_disclaimer input[type="button"],
#inline_myrene input[type="submit"] {
	padding: 7px 15px 6px;
}

}


/*resultPagination*/
.resultNumber {
    float: left;
	padding:3px 0 0;
}
.resultPagination {
    float: right;
}
.searchResultPagesHead ,
.searchResultPagesFoot{
    line-height: 100%;
}
.searchResultPagesHead {
	margin:0 0 10px 0;
}
.searchResultPagesFoot{
	margin:10px 0 0 0;
}
.searchResultPagesHead::after ,
.searchResultPagesFoot::after {
    clear: both;
    content: "";
    display: block;
    height: 1px;
}
.resultPagination select {
    background-color: #49515b;
    border: 1px none;
    border-radius: 3px;
    color: #ffffff;
    font-size: 90%;
    padding: 2px;
    vertical-align: baseline;
	margin:0 15px;
}
.resultPagination > a {
    opacity: 0.6;
    vertical-align: middle;
}
.resultPagination > a[href] {
    opacity: 1;
}
.resultPagination > a:first-of-type {
    background: url(../common/img/page_prev.gif) 0 0 no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 10px 0 0;
}
.resultPagination > a:last-of-type {
    background: url(../common/img/page_next.gif) 0 0 no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 0 0 10px;
}




/* =================================================

	column style

================================================= */

/* ----------------------------------------------
	columnBlock01
---------------------------------------------- */

.columnBlock01 {
	margin-top: 10px;
}

/*	cf ---------- */
.columnBlock01:before,
.columnBlock01:after { content: " "; display: table;}
.columnBlock01:after { clear: both;}

.columnBlock01 .boxL {
	float: left;
	width: 758px;
}
.columnBlock01 .boxR {
	float: right;
	width: 344px;
}


@media screen and (max-width: 1151px) {

.columnBlock01 .boxL {
	float: none;
	width: 100%;
}
.columnBlock01 .boxR {
	float: none;
	width: 100%;
	margin-top: 20px;
}
}



/* ----------------------------------------------
	columnBlock02
---------------------------------------------- */

.columnBlock02 {
}

/*	cf ---------- */
.columnBlock02:before,
.columnBlock02:after { content: " "; display: table;}
.columnBlock02:after { clear: both;}

.columnBlock02 .boxL {
	float: left;
	width: 432px;
}
.columnBlock02 .boxR {
	float: right;
	width: 432px;
}
.columnBlock02 .boxR img {
	width: auto;
	max-width: 432px;
}


@media screen and (max-width: 1151px) {

.columnBlock02 {
	margin-bottom: 20px;
}
.columnBlock02 .boxL {
	float: none;
	width: 100%;
}
.columnBlock02 .boxR {
	float: none;
	width: 100%;
	margin-top: 20px;
	padding-top: 0px;
}
.columnBlock02 .boxR p {
	text-align: center;
}

}


@media screen and (max-width: 432px) {

.columnBlock02 .boxR img {
	width: auto;
	max-width: 100%;
}

}



/* ----------------------------------------------
	columnBlock03
---------------------------------------------- */

.columnBlock03 {
}

/*	cf ---------- */
.columnBlock03:before,
.columnBlock03:after { content: " "; display: table;}
.columnBlock03:after { clear: both;}
.columnBlock03 .columnBox:before,
.columnBlock03 .columnBox:after { content: " "; display: table;}
.columnBlock03 .columnBox:after { clear: both;}

.columnBlock03 .columnBox {
	float: left;
	width: 268px;
	margin: 10px 0px 10px 30px;
}
.columnBlock03 .columnBox:first-child {
	margin-left: 0px;
}
.columnBlock03 .columnBox .boxL {
	float: left;
	width: 57px;
}
.columnBlock03 .columnBox .boxR {
	float: right;
	width: 193px;
}
.columnBlock03 .columnBox .boxR dl dt {
	margin-top: -3px;
	margin-bottom: 3px;
	font-weight: normal;
	line-height: 1.5;
}


@media screen and (max-width: 1151px) {

.columnBlock03 .columnBox {
	float: none;
	width: 100%;
	margin-left: 0px;
}
.columnBlock03 .columnBox .boxL {
	display: table-cell;
	float: none;
	width: 57px;
	padding-right: 20px;
}
.columnBlock03 .columnBox .boxR {
	display: table-cell;
	float: none;
	width: 787px;
}

}



/* ----------------------------------------------
	columnBlock04
---------------------------------------------- */

.columnBlock04 {
	margin-top: 20px;
}

/*	cf ---------- */
.columnBlock04:before,
.columnBlock04:after { content: " "; display: table;}
.columnBlock04:after { clear: both;}

.columnBlock04 .boxL {
	float: left;
	width: 484px;
	padding-right: 20px;
}
.columnBlock04 .boxR {
	float: right;
	width: 360px;
}


@media screen and (max-width: 1151px) {

.columnBlock04 {
	margin-bottom: 20px;
}
.columnBlock04 .boxL {
	float: none;
	width: 100%;
	padding-right: 0px;
}
.columnBlock04 .boxR {
	float: none;
	width: 100%;
	margin-top: 10px;
}

}



/* ----------------------------------------------
	columnBlock05
---------------------------------------------- */

.columnBlock05 {
	padding: 20px 20px 20px;
	margin: 20px 0;
	border: 1px solid #e2e2e2;
}
.columnBlock05 .boxL,
.columnBlock05 .boxR {
	display: table-cell;
	padding-right: 10px;
}
.columnBlock05 .boxL {
	width: 400px;
}
.columnBlock05 .boxR {
	width: 404px;
	padding-left: 10px;
	padding-right: 0px;
	vertical-align: bottom;
}


@media screen and (max-width: 1151px) {

.columnBlock05 .boxL,
.columnBlock05 .boxR {
	display: block;
	width: 100%;
	padding-right: 0px;
}
.columnBlock05 .boxR {
	padding-left: 0px;
	margin-top: 10px;
}

}



/* ----------------------------------------------
	columnBlock06
---------------------------------------------- */

.columnBlock06 {}

/*	cf ---------- */
.columnBlock06:before,
.columnBlock06:after { content: " "; display: table;}
.columnBlock06:after { clear: both;}

.columnBlock06 .boxL {
	float: left;
	width: 300px;
	padding-right: 20px;
}
.columnBlock06 .boxR {
	float: right;
	width: 300px;
}

td .columnBlock06 .boxL,
td .columnBlock06 .boxR {
	width: 400px;
}

@media screen and (max-width: 1151px) {

.columnBlock06 {
	margin-bottom: 20px;
}
.columnBlock06 .boxL {
	float: none;
	width: 100%;
	padding-right: 0px;
}
.columnBlock06 .boxR {
	float: none;
	width: 100%;
	margin-top: 10px;
}

td .columnBlock06 .boxL,
td .columnBlock06 .boxR {
	width: 100%;
}

}


/* ----------------------------------------------
	columnBlock07
---------------------------------------------- */

.columnBlock07 { margin-top: 40px; }

/*	cf ---------- */
.columnBlock07:before,
.columnBlock07:after { content: " "; display: table;}
.columnBlock07:after { clear: both;}

.columnBlock07 .boxL {
	float: left;
	width: 422px;
}
.columnBlock07 .boxR {
	float: right;
	width: 422px;
}


@media screen and (max-width: 1151px) {

.columnBlock07 {
	margin-bottom: 20px;
}
.columnBlock07 .boxL {
	float: none;
	width: 100%;
	padding-right: 0px;
}
.columnBlock07 .boxR {
	float: none;
	width: 100%;
	margin-top: 40px;
}
.columnBlock07 td{
	height: auto !important;
}

}



/* ----------------------------------------------
	seminarBlock
---------------------------------------------- */

.seminarBlock { padding-bottom: 50px;}

/*	cf ---------- */
.seminarBlock:before,
.seminarBlock:after { content: " "; display: table;}
.seminarBlock:after { clear: both;}

.seminarBlock .columnBox {
	float: left;
	width: 31.333%;
	margin: 10px 0px 10px 3%;
}
.seminarBlock .columnBox:first-child {
	margin-left: 0px;
}
.seminarBlock .columnBox>p {
	font-size: 90%;
	margin-bottom: 5px;
}

@media screen and (max-width: 1151px) {

.seminarBlock .columnBox {
	float: none;
	width: 100%;
	margin-left: 0px;
	padding: 0;
}

}



.bnrCol02 {}

/*	cf ---------- */
.bnrCol02:before,
.bnrCol02:after { content: " "; display: table;}
.bnrCol02:after { clear: both;}

.bnrCol02 li {
	width: 48%;
	margin-left: 2%;
	float: left;
}
.bnrCol02 li:first-child {
	margin-left: 0;
}
.bnrCol02 li img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {

.bnrCol02 li {
	width: 100%;
	margin-left: 0;
	margin-bottom: 10px;
	float: none;
}

}



.bnrCol03 {}

/*	cf ---------- */
.bnrCol03:before,
.bnrCol03:after { content: " "; display: table;}
.bnrCol03:after { clear: both;}

.bnrCol03 li {
	width: 32%;
	margin-left: 2%;
	float: left;
}
.bnrCol03 li:first-child {
	margin-left: 0;
}
.bnrCol03 li img {
	width: 100%;
	height: auto;
}

.bnrCol03 .txtBox {
	background: #f6f7f8;
	padding: 0 20px;
	border-top: 4px solid #1565C1;
	min-height: 124px;
}
.bnrCol03 .txtBox h2 {
	padding: 20px 0 10px;
}
.bnrCol03 .txtBox a {
	background: url(../common/img/icon_bnr_link.png) left top no-repeat;
	padding-left: 30px;
	display: inline-block;
}

@media screen and (max-width: 767px) {

.bnrCol03 li {
	width: 100%;
	margin-left: 0;
	margin-bottom: 10px;
	float: none;
}

.bnrCol03 iframe {
	height: 300px;
}

}

@media screen and (max-width: 480px) {

.bnrCol03 iframe {
	height: 180px;
}

}



/* =================================================

	section style

================================================= */

.sec01 {
	margin-top: 40px;
}

.sec02 {
	margin-top: 30px;
}

.sec03 {
	margin-top: 50px;
}








/* =================================================

	block style

================================================= */

/* ----------------------------------------------
	acodBlock
---------------------------------------------- */

.acodBlock {
	margin: 20px 0px;
	border: 1px solid #e9ecef;
	background-color: #dbe7ed;
}


/*	acodBox
---------------------------------------------- */
.acodBlock .acodBox a {
	display: block;
	padding: 10px 20px;
	color: #1565c0;
}

.acodBlock .acodBox span {
	display: block;
	position: relative;
	line-height: 1.4;
}
.acodBlock .acodBox span:after {
	content: "";
	position: absolute;
	top: 18%;
	right: 0px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #1565c0;
  border-right: 1px solid #1565c0;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
  -webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
  transform: rotate(135deg);
}


/*	acodBoxOpen
---------------------------------------------- */
.acodBlock .acodBoxOpen {
	padding: 15px 20px;
}

.acodBlock .acodBoxOpen dt {
	display: block;
	position: relative;
	padding-bottom: 15px;
	font-size: 113%;
	line-height: 1.4;
	color: #000;
}
.acodBlock .acodBoxOpen dt:after {
	content: "";
	position: absolute;
	top: 18%;
	right: 0px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #3e454e;
  border-right: 1px solid #3e454e;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
  -webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/*	acodBoxOpen inLRBox
---------------------------------------------- */
.acodBlock .acodBoxOpen dd .inLRBox {
}

/*	cf ---------- */
.acodBlock .acodBoxOpen dd .inLRBox:before,
.acodBlock .acodBoxOpen dd .inLRBox:after { content: " "; display: table;}
.acodBlock .acodBoxOpen dd .inLRBox:after { clear: both;}

.acodBlock .acodBoxOpen dd .inLRBox .boxL,
.acodBlock .acodBoxOpen dd .inLRBox .boxR {
	display: table-cell;
	padding-right: 10px;
}
.acodBlock .acodBoxOpen dd .inLRBox .boxL {
	width: 514px;
}
.acodBlock .acodBoxOpen dd .inLRBox .boxR {
	width: 290px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	text-align: right;
	vertical-align: bottom;
}
.acodBlock .acodBoxOpen dd .inLRBox .boxL .listLinkFloat li {
	width: 47%;
	padding-right: 2%;
}


@media screen and (max-width: 1151px) {

.acodBlock .acodBoxOpen dd .inLRBox .boxL,
.acodBlock .acodBoxOpen dd .inLRBox .boxR {
	display: block;
	width: 100%;
	padding-right: 0px;
}
.acodBlock .acodBoxOpen dd .inLRBox .boxR {
	padding-left: 0px;
	margin-top: 10px;
}

}


@media screen and (max-width: 767px) {

.acodBlock .acodBoxOpen dd .inLRBox .boxR {
	text-align: left;
}

.acodBlock .acodBoxOpen dd .inLRBox .boxL .listLinkFloat li {
	display: block;
	width: auto;
	padding-right: 0%;
}

}




/*	previouslyUsed
---------------------------------------------- */
.previouslyUsed{
	padding-top: 3px;
	font-size: 90%;
	display: inline-block;
}
/*	cf ---------- */
.previouslyUsed:before,
.previouslyUsed:after { content: " "; display: table;}
.previouslyUsed:after { clear: both;}

.previouslyUsed dl{
	padding-left: 1em;
	float: left;
}
.previouslyUsed dl:nth-of-type(2n+1){
	clear: both;
} 
.previouslyUsed dt{
	color: #666;
	font-weight: normal;
	display: inline;
}
.previouslyUsed dd{
	display: inline;
}

@media screen and (max-width: 767px) {
	
	.previouslyUsed{
	}
	
}


/*	searchBtnBox
---------------------------------------------- */
.searchBtnBox {
	position: relative;
	width: 100%;
	display: block;
	z-index:210;
}
.searchBtnBox .searchBtnBoxOpen {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.searchBtnBox .searchBtnBoxOpen>div {
	position: relative;
	margin: 8px 0;
	border-radius: 4px;
	border: 1px solid #706f6f;
	background-color: #fff;
	width: 99.5%;
}
/*	cf ---------- */
.searchBtnBoxOpen>div:before,
.searchBtnBoxOpen>div:after { content: " "; display: table;}
.searchBtnBoxOpen>div:after { clear: both;}


.searchBtnBox>div ul {
	margin: 8px;
}
/*	cf ---------- */
.searchBtnBox>div ul:before,
.searchBtnBox>div ul:after { content: " "; display: table;}
.searchBtnBox>div ul:after { clear: both;}

.searchBtnBox>div ul ul {
	margin: 0;
}
.searchBtnBox>div ul li {
	padding-left: 18px;
}
.searchBtnBox>div>div>ul {
	min-height:120px;
}
.searchBtnBox>div>div>.serachCompany+ul{
	width: 50%;
	float: left;
}
.searchBtnBox>div>div>ul>li {
	width: 22%;
	float: left;
}
.searchBtnBox>div>div>ul>li.wide3 {
	width: 72%;
	float: left;
}
.searchBtnBox>div>div>ul>li.wide3>ul {
	width: 33%;
	float: left;
}
.searchBtnBox>div>div>ul>li.wide3>.clearAll {
	margin: 0;
}

.searchBtnBox>div>div>.serachCompany+ul>li{
	width: 45%;
}

.searchBtnBox>div>div>ul>li:nth-of-type(4n+1) {
	clear: both;
}

.searchBtnBox>div .selectList {
	position: relative;
}
.searchBtnBox>div .selectList .btnBoxClose {
	background: url(../common/img/icon_lnav_open.png) left top no-repeat;
	width:20px;
	height:20px;
	margin:0 8px 0 0;
	cursor: pointer;
	position:absolute;
	top:10px;
	left:0;
}
.searchBtnBox>div .selectList .btnBoxOpen {
	background: url(../common/img/icon_lnav_close.png) left top no-repeat;
	width:20px;
	height:20px;
	margin:0 8px 0 0;
	cursor: pointer;
	position:absolute;
	top:10px;
	left:0;
}

.searchBtnBox>div div {
	margin: 8px;
}

/* selectBtnBox btn01 */
.selectBtnBox .btn01{
	background: #7c929d;
	display: inline-block;
	margin: 5px 5px 0px 0px;
	position: relative;
	z-index:211;
	/**/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.selectBtnBox>.btn01:hover, .selectBtnBox>.btn01:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.selectBtnBox .btn01 a {
	display: block;
}
.selectBtnBox>.btn01 a.active span {
	color: #fff;
}
.selectBtnBox>.btn01 a:hover:before,
.selectBtnBox>.btn01 a.active:before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 38%;
	border-right: 14px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 14px solid transparent;
}
.selectBtnBox>.btn01 a:hover:before {
	border-top: 10px solid #7c929d;
}
.selectBtnBox>.btn01 a.active:before {
	border-top: 10px solid #7c929d;
}


/* button Reset/Search */
.btn01.Reset {
	background: #7c929d;
	margin: 0 0 0 8px;
}

.btn01.Search {
	background: #eb6209;
	margin: 0 0 0 8px;
}

/* checkbox */
.searchBtnBox .searchBtnBoxOpen input[type=checkbox] {
	display: none;
}
.searchBtnBox .searchBtnBoxOpen .checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 8px 12px 8px 32px;
	border-radius: 8px;
	font-size: 85%;
	vertical-align: middle;
	cursor: pointer;
}
.searchBtnBox .searchBtnBoxOpen ul ul .checkbox {
	padding: 5px 12px 5px 32px;
}
.searchBtnBox .searchBtnBoxOpen input[type=checkbox]:checked + .checkbox{
	font-weight: bold;
}
.searchBtnBox .searchBtnBoxOpen .checkbox:hover:after {
	border-color: #2339ad;
}
.searchBtnBox .searchBtnBoxOpen .checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 20px;
	left: 5px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 2px solid #706f6f;
	border-radius: 6px;
	content: '';
}
.searchBtnBox .searchBtnBoxOpen .checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 20px;
	left: 10px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #2339ad;
	border-bottom: 3px solid #2339ad;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.searchBtnBox .searchBtnBoxOpen input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}

/* serachCompany */
.serachCompany {
	width: 44%;
	min-height: 165px;
	padding-left: 10px;
	border-left: 1px solid #cecece;
	float: right;
}
.serachCompany>div {
	background: #f6f7f8;
	margin: 0 !important;
	padding: 10px;
}
.serachCompany p {
	font-size: 80%;
}
.serachCompany+ul+div {
	width: 51%;
	float: left;
}

@media screen and (max-width: 1151px) {

.searchBtnBox>div>div>ul>li {
	width: initial;
	float: none;
}
.searchBtnBox>div>div>.serachCompany+ul>li{
	width: initial;
}
/* serachCompany */
.serachCompany {
	width: initial;
	min-height: initial;
	padding: 0;
	border-left: none;
	float: none;
}
.serachCompany+ul+div {
	width: initial;
	clear: both;
	float: none;
}

}


/*	parametric > searchBtnBox
---------------------------------------------- */

.parametric .searchBtnBox .searchBtnBoxOpen {
	left: -10px !important;
}
.parametric .searchBtnBox>div ul li {
	text-align:left;
}





/* ----------------------------------------------
	lineupBlock
---------------------------------------------- */

.lineupBlock {
	border-top: 1px solid #ebebeb;
}
.lineupBlock .lineupBox {
	margin-top: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;
}
.lineupBlock .lineupBox dl {
}
.lineupBlock .lineupBox dl dd ul {
	margin-top: 10px;
}
.lineupBlock .lineupBox p.replacedDt  {
 font-weight: bold;
}



/* ----------------------------------------------
	iconttlBlock
---------------------------------------------- */

.iconttlBlock {
	margin-top: 40px;
}
.iconttlBlock .inLRBox {
	clear: both;
	width: 100%;
	margin-top: 30px;
}
.iconttlBlock .boxL {
	display: table-cell;
	width: 410px;
	padding-right: 44px;
}
.iconttlBlock .boxR {
	display: table-cell;
	width: 410px;
}
.iconttlBlock .inLRBox .iconttl {
	display: table;
	min-height: 48px;
	margin-bottom: 5px;
	font-size: 113%;
	line-height: 1.4;
}
.iconttlBlock .inLRBox .iconttl img {
	display: table-cell;
}
.iconttlBlock .inLRBox .iconttl span {
	display: block;
	display: table-cell;
	width: 900px;
	padding: 0px 0px 0px 15px;
	vertical-align: middle;
}

.iconttlBlock .inLRBox p,
.iconttlBlock .inLRBox ul {
	margin-left: 60px;
}
.iconttlBlock .inLRBox ul.disc {
	color: #1565c0;
}


@media screen and (max-width: 767px) {

.iconttlBlock {
	margin-top: 40px;
}
.iconttlBlock .inLRBox {
	margin-top: 0px;
}
.iconttlBlock .boxL {
	display: block;
	width: 100%;
	padding-right: 0;
	margin-top: 30px;
}
.iconttlBlock .boxR {
	display: block;
	width: 100%;
	margin-top: 30px;
}

.iconttlBlock .inLRBox .iconttl {
	margin-bottom: 10px;
}
.iconttlBlock .inLRBox p,
.iconttlBlock .inLRBox ul {
	margin-left: 20px;
}

}



/* ----------------------------------------------
	listBlock
---------------------------------------------- */

.listBlock {
	border-top: 1px #ebebeb solid;
}
.listBlock .listBox {
	padding: 20px 0;
	border-bottom: 1px #ebebeb solid;
}
.listBlock .listBox .listBoxDetail {
	padding: 20px;
	background-color: #dbe7ed;
}
.listBlock .listBox .listBoxDetail:nth-of-type(even) {
	background-color: #fff;
}
.listBlock .listBox>p a {
	display: inline-block;
	margin-right: 20px;
}






/* =================================================

	tab style

================================================= */
.tabGroup, .tabGroupS,
.tabGroup > div, .tabGroupS > div {
	border:none !important;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	display:none !important;
}

.tab01 {
	margin-top: 40px;
}
/*	cf ---------- */
.tab01:before,
.tab01:after { content: " "; display: table;}
.tab01:after { clear: both;}

.tab01 ul,
.ui-tabs .tab01 .ui-tabs-nav {
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	padding:0;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	background-color: #7c929d;
    border-bottom: 1px solid #7c929d;
}
.tab01 ul li ,
.ui-tabs .tab01 .ui-tabs-nav li{
	display: table-cell;
	-webkit-box-shadow: -1px 0px 0px 0px rgba(52, 58, 65, 1.0) inset;
	-moz-box-shadow: -1px 0px 0px 0px rgba(52, 58, 65, 1.0) inset;
	box-shadow: -1px 0px 0px 0px rgba(52, 58, 65, 1.0) inset;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
	background-color: #fff;
	margin:0;
	float:none;
	position:static;
}
.tab01 ul li.open, .tab01 ul li.ui-tabs-active,
.ui-tabs .tab01 .ui-tabs-nav li.open, .ui-tabs .tab01 .ui-tabs-nav li.ui-tabs-active {
	box-shadow: none;
	background-color: #7c929d;
}
.tab01 ul li:first-child, .tab01 ul li:first-child a,
.ui-tabs .tab01 .ui-tabs-nav li:first-child, .ui-tabs .tab01 .ui-tabs-nav li:first-child a {
	border-radius: 3px 0px 0px 0px;
}
.tab01 ul li:last-child, .tab01 ul li:last-child a,
.ui-tabs .tab01 .ui-tabs-nav li:last-child, .ui-tabs .tab01 .ui-tabs-nav li:last-child a {
	border-radius: 0px 3px 0px 0px;
}
.tab01 ul li:hover,
.ui-tabs .tab01 .ui-tabs-nav li:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #7c929d;
}
.tab01 ul li.open:hover, .tab01 ul li.ui-tabs-active:hover,
.ui-tabs .tab01 .ui-tabs-nav li.open:hover, .ui-tabs .tab01 .ui-tabs-nav li.ui-tabs-active:hover {
	background-color: #7c929d;
}
.tab01 ul li a {
	display: table-cell;
	width: 700px;
	padding: 9px 5px 6px;
	vertical-align: middle;
	color: #fff;
}
.ui-tabs .tab01 .ui-tabs-nav li a {
	/*display: table-cell;*/
	display: block;
	width: 100%;
	padding: 9px 0 6px;
	vertical-align: middle;
	color: #706f6f;
	position: relative;
}
.tab01 .ui-tabs-nav li.open a, .tab01 .ui-tabs-nav li.ui-tabs-active a {
	color: #fff;
}
.tab01 .ui-tabs-nav li a:before {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 42%;
	border-top: 6px solid #37348b;
	border-right: 10px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid transparent;
}
.tab01 .ui-tabs-nav li.ui-tabs-active a:before {
	content: "";
	position: absolute;
	bottom: -22px;
	left: 38%;
	border-top: 10px solid #7c929d;
	border-right: 18px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 18px solid transparent;
}

.tab01 ul li a:hover,
.ui-tabs .tab01 .ui-tabs-nav li a:hover {
	text-decoration: none;
	color: #fff;
}


@media screen and (max-width: 767px) {

.tab01 ul,
.ui-tabs .tab01 .ui-tabs-nav {
	display: block;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding-bottom: 0px;
	background-color: #fff;
}

/*	cf ---------- */
.tab01 ul:before, .ui-tabs .tab01 .ui-tabs-nav:before,
.tab01 ul:after, .ui-tabs .tab01 .ui-tabs-nav:after { content: " "; display: table;}
.tab01 ul:after, .ui-tabs .tab01 .ui-tabs-nav:after { clear: both;}


.tab01 ul li,
.ui-tabs .tab01 .ui-tabs-nav li {
	display: block;
	float: left;
	width: 47.22%;
	margin-left: 3%;
	margin-top: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #7c929d;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	font-size: 88%;
}
.tab01 ul li.open,
.ui-tabs .tab01 .ui-tabs-nav li.open {
	background-color: #7c929d;
}
.tab01 ul li:first-child, .tab01 ul li:first-child a,
.ui-tabs .tab01 .ui-tabs-nav li:first-child, .ui-tabs .tab01 .ui-tabs-nav li:first-child a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tab01 ul li:last-child, .tab01 ul li:last-child a,
.ui-tabs .tab01 .ui-tabs-nav li:last-child, .ui-tabs .tab01 .ui-tabs-nav li:last-child a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tab01 ul li:nth-of-type(odd),
.ui-tabs .tab01 .ui-tabs-nav li:nth-of-type(odd) {
	margin-left: 0px;
}
.tab01 ul li:nth-of-type(1), .tab01 ul li:nth-of-type(2),
.ui-tabs .tab01 .ui-tabs-nav li:nth-of-type(1), .ui-tabs .tab01 .ui-tabs-nav li:nth-of-type(2) {
	margin-top: 0px;
}
.tab01 ul li a:hover,
.ui-tabs .tab01 .ui-tabs-nav l a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.tab01 .ui-tabs-nav li a:before {
	display: none;
}

}








/* =================================================

	pullDown style

================================================= */

.pullDown01 {
	clear: both;
	margin-top: 40px;
}

.pullDown01 ul {
}
.pullDown01 ul li {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(226, 136, 0, 0.4) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(226, 136, 0, 0.4) inset;
	box-shadow: 0px -2px 0px -1px rgba(226, 136, 0, 0.4) inset;
	background: #eb6209;
}
.pullDown01 ul li a {
	display: block;
	position: relative;
	padding: 8px 35px 7px;
	line-height: 1.4;
	text-decoration: none;
	color: #fff;
}
.pullDown01 ul li a:before {
	content: "";
	position: absolute;
	top: 34%;
	left: 18px;
	border-top: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
}

.pullDown01 ul.open {
}
.pullDown01 ul.open li {
	border-bottom: 1px solid #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.4) inset;
	background: #3e454e;
}
.pullDown01 ul.open li.current {
	-webkit-box-shadow: 0px -2px 0px -1px rgba(226, 136, 0, 0.4) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(226, 136, 0, 0.4) inset;
	box-shadow: 0px -2px 0px -1px rgba(226, 136, 0, 0.4) inset;
	background: #eb6209;
}
.pullDown01 ul.open li:first-child {
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
.pullDown01 ul.open li:last-child {
}
.pullDown01 ul.open li a:before {
	content: "";
	position: absolute;
	top: 42%;
	left: 15px;
	border-top: 6px solid #fff;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
}

.pullDown01 .pullDownClose {
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
	text-align: center;
	line-height: 1.4;
	background: #3e454e;
}
.pullDown01 .pullDownClose a {
	display: block;
	padding: 8px 35px 7px;
	text-decoration: none;
	color: #fff;
}
.pullDown01 .pullDownClose span {
	display: inline-block;
	position: relative;
	height: 20px;
	padding: 0px 24px;
	text-decoration: none;
	color: #fff;
}
.pullDown01 .pullDownClose span:before,
.pullDown01 .pullDownClose span:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 40%;
	width: 16px;
	height: 3px;
	background-color: #fff;
}
.pullDown01 .pullDownClose span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pullDown01 .pullDownClose span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}








/* =================================================

	banner style

================================================= */

/* ----------------------------------------------
	columnSide => bnr01
---------------------------------------------- */

.columnSide .bnr01 {
	margin-bottom: 20px;
}
.columnSide .bnr01 dl {
	margin-top: 10px;
}
.columnSide .bnr01 dl dt {
	font-weight: normal;
}
.columnSide .bnr01 dl dd {
	font-size: 82%;
	color: #333;
}


@media screen and (max-width: 1151px) {

.columnSide .bnr01 {
	display: table-cell;
	width: 248px;
	margin-bottom: 20px;
	padding-right: 22px;
	float:left;
}

}


@media screen and (max-width: 767px) {

.columnSide .bnr01 {
	display: block;
	width: 100%;
	padding-right: 0;
}

}



/* ----------------------------------------------
	columnSide => reference
---------------------------------------------- */

.columnSide .reference {
	margin-bottom: 30px;
	clear: both;
}
.columnSide .reference h2 {
	border-bottom: 1px #706f6f solid;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.columnSide .reference dl {
	width:100%;
	font-size: 82%;
	color: #333;
	display: table;
}
.columnSide .reference dl dt {
	width: 5em;
	padding: 0.5em;
	font-weight: normal;
	vertical-align:middle;
	display:table-cell;
}
.columnSide .reference dl dd {
	padding: 0.5em;
	vertical-align:middle;
	word-break: break-all;
	display:table-cell;
}
.columnSide .reference dl:nth-of-type(odd) {
	background: #dbe7ed;
}


/* ----------------------------------------------
	columnSide => buy
---------------------------------------------- */

.columnSide .buy {
	clear: both;
}
.columnSide .buy h2 {
	border-bottom: 1px #706f6f solid;
	margin-bottom: 10px;
	padding-bottom: 16px;
}

.columnSide .buy table {
	table-layout: auto;
	border-collapse: collapse;
}
.columnSide .buy table th,
.columnSide .buy table td {
	padding: 10px 0 0;
	font-size: 80%;
	line-height: 1.5;
}
.columnSide .buy table thead th {
}
.columnSide .buy table caption {
	padding: 8px 10px;
	border: 1px solid #e2e2e2;
	border-bottom: none;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background: #3e454e;
}
.columnSide .buy table input{
	width: 90%;
	height: 26px;
	padding-left: 5%;
	padding-right: 5%;
	border: 1px solid #b6b6b6;
	font-size: 94%;
	line-height: 28px;
	overflow:scroll;
}
/* .btn01 */
.columnSide .buy table .btn01{
	margin:0;
}
.columnSide .buy table .btn01 a {
	padding: 7px 10px 6px;
}
/* tab02 */
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav {
	margin: 0 0 10px;
	padding-bottom:10px;
	border-bottom: 1px #706f6f solid;
}
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav {
	display: table;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
	float:none;
}
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav li.open,
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav li.ui-tabs-active{
	box-shadow: none;
	background-color: #eb6209;
	border-bottom: 1px solid #706f6f;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav li.open:hover,
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav li.ui-tabs-active:hover {
	background-color: #fa4;
}
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav li a {
	display: table-cell;
	width: 100%;
	padding: 5px 0;
	vertical-align: middle;
	font-size:80%;
}
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav li.open a,
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav li.ui-tabs-active a {
	color:#fff;
}
.columnSide .buy .ui-tabs .tab02 .ui-tabs-nav li a:hover {
	text-decoration:none;
}



/* ----------------------------------------------
	relatedContent => bnr01
---------------------------------------------- */

.relatedContent {
	margin-bottom: 20px;
}
.relatedContent>div {
	padding: 20px;
}
.relatedContent dl dt {
	font-weight: normal;
	margin-bottom:10px;
}
.relatedContent dl dd {
	font-size: 82%;
	color: #333;
	margin-bottom:10px;
}


@media screen and (max-width: 1151px) {

.relatedContent {
	display: block;
	width: 100%;
	padding-right: 0;
}

}



/*	seeMore
------------------------------------------------- */
.columnMain .seeMore a,
.columnMain .seeMoreClose a {
	clear: both;
	margin: 20px 0px 0px;
	display: block;
	padding: 8px;
	text-align: center;
	border: 1px solid #c1d1db;
	background-color: #dbe7ed;
}
.columnMain .seeMore span,
.columnMain .seeMoreClose span {
	display: inline-block;
	min-height: 16px;
	padding: 0px 25px;
	font-weight: bold;
	background-position: left 0.25em;
	background-repeat: no-repeat;
}
.columnMain .seeMore span {
	background-image: url(../common/img/icon_seemore.png);
}
.columnMain .seeMoreClose span {
	background-image: url(../common/img/icon_seemore_close.png);
}

.columnMain .table02 .seeMore a,
.columnMain .table02 .seeMoreClose a {
	clear: both;
	margin: 20px 0px 0px;
	display: block;
	padding: 0px;
	text-align: left;
	border: none;
	background-color: transparent;
}
.columnMain .table02 .seeMore span,
.columnMain .table02 .seeMoreClose span {
	display: inline-block;
	min-height: 16px;
	padding: 0px 0px 0px 25px;
	font-weight: bold;
	background-position: left 0.25em;
	background-repeat: no-repeat;
}


@media screen and (max-width: 1151px) {

.columnMain .seeMore a,
.columnMain .seeMoreClose a {
	margin: 20px 0px 0px;
}

}


@media screen and (max-width: 767px) {

.columnMain .seeMore a,
.columnMain .seeMoreClose a {
	margin: 20px 0px 0px;
}

}



/*	seeMoreList
------------------------------------------------- */
.columnMain .seeMoreList a {
	clear: both;
	margin: 20px 0px 0px;
	display: block;
	padding: 8px;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #dbe7ed;
}
.columnMain .seeMoreList span {
	display: inline-block;
	min-height: 16px;
	padding: 0px 25px;
	font-weight: bold;
	background-position: left 0.25em;
	background-repeat: no-repeat;
}
.columnMain .seeMoreList span {
	background-image: url(../common/img/icon_seemore.png);
}

.columnMain table .moreBox {
	display: none;
}

@media screen and (max-width: 1151px) {

.columnMain .seeMoreList a {
	margin: 20px 0px 0px;
}

}


@media screen and (max-width: 767px) {

.columnMain .seeMoreList a {
	margin: 20px 0px 0px;
}

}



/*	allList
------------------------------------------------- */
.columnMain .allList a {
	clear: both;
	margin: 20px 0px 0px;
	display: block;
	padding: 8px;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #dbe7ed;
}
.columnMain .allList span {
	display: inline-block;
	min-height: 16px;
	padding: 0px 28px;
	font-weight: bold;
	background-position: left 0.2em;
	background-repeat: no-repeat;
}
.columnMain .allList span {
	background-image: url(../common/img/icon_page.png);
}

@media screen and (max-width: 1151px) {

.columnMain .allList a {
	margin: 20px 0px 0px;
}

}


@media screen and (max-width: 767px) {

.columnMain .allList a {
	margin: 20px 0px 0px;
}

}




/*	Users Page
------------------------------------------------- */
.userPageGyHead{
	background: #f6f7f8;
	padding: 5px;
	font-size: 80%;
	font-weight: normal;
}

.userSample{
	margin-bottom: 15px;
	font-size: 90%;
	clear: both;
}
/*	cf ---------- */
.userSample:before,
.userSample:after { content: " "; display: table;}
.userSample:after { clear: both;}
.userSample dt{
	width: 106px;
	font-weight: normal;
	float:left;
}
.userSample dd{
	margin-left: 125px;
}

.userContact{
	margin-bottom: 10px;
	font-size: 90%;
	clear: both;
}
.userContact dt{
	width: 6em;
	font-weight: normal;
	float:left;
}
.userContact dd{
	margin-left: 6em;
}
.userContact dd span{
	float:right;
}

.userRequest{
	font-size: 90%;
	clear: both;
}
.userRequest dt{
	width: 6em;
	font-weight: normal;
	float:left;
}
.userRequest dd{
	margin-left: 6em;
}
.userRequest dd span{
	padding-right: 1em;
}

.userCommunity{
	margin-bottom: 10px;
	font-size: 90%;
	clear: both;
}
.userCommunity li span{
	float:right;
	padding-left: 1em;
}

.userVideos{
	margin: 10px 0;
	font-size: 90%;
	clear: both;
}
.userVideos li{
	width: 136px;
	margin-bottom: 20px;
	margin-left: 50px;
	float: left;
}

dl.userLogin{
	margin-bottom: 10px;
}
dl.userLogin dt{
	background: #f0f3f3;
	width: 12em;
	padding: 5px 0;
	text-align: center;
	font-weight: normal;
	clear: left;
	float: left;
}
dl.userLogin dd{
	margin-left: 13em;
	padding: 5px 0;
}
dl.userLogin dd input{
	width: 96%;
	padding: 5px 2%;
	ime-mode: inactive;
	border: 1px solid #c2c2c2;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.loadArea {
	margin-bottom: 20px;
}
.loadArea .inner{
	width: auto !important;
	padding: 15px;
	border: 1px solid #c2c2c2;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/*	cf ---------- */
.loadArea .inner:before,
.loadArea .inner:after { content: " "; display: table;}
.loadArea .inner:after { clear: both;}

.loadArea .inner .boxL{
	width: 190px;
	float: left;
}

.loadArea .inner .boxR{
	width: auto;
	padding-left: 220px;
	float: none;
}

@media screen and (max-width: 1151px) {

.loadArea .inner{
	padding: 15px !important;
}

}

@media screen and (max-width: 767px) {

.userVideos li{
	width: 120px;
	margin-bottom: 20px;
	margin-left: 8px;
	float: left;
}
.userVideos li img{
	width:100%;
	height: auto;
}

dl.userLogin dt{
	width: 100%;
	float: none;
}
dl.userLogin dd{
	margin-left: 0;
	padding: 5px 0;
}

.userLoginBtn{
	width: 100%;
}

.loadArea .inner{
	padding: 15px !important;
}

.loadArea .inner .boxL{
	width: 100%;
	float: none;
}

.loadArea .inner .boxR{
	width: 100%;
	padding-left: 0;
}

}


/*	Solutions
------------------------------------------------- */

.listSolutions {
	border: 1px #e6e7e8 solid;
}
.listSolutions dt {
	width: 8em;
	min-height: 70px;
	padding: 0 1em;
	line-height: 70px;
	float: left;
	clear: left;
}
.listSolutions dd {
	padding-left:10em;
	border-top: 1px #e6e7e8 solid;
}
.listSolutions dt:first-child+dd {
	border-top: none;
}
.listSolutions dd li {
	padding: 0px 40px 0px 0;
	line-height: 60px;
}
.listSolutions dd li img {
	vertical-align: middle;
}

.solutionCulmun .boxL,
.solutionCulmun .boxR{
	padding:0;
}

.solutionCulmun .boxL .frameBox01{
	background: #f6f7f8 url(../common/img/icon_solution_home06.jpg) 15px center no-repeat;
	margin-right:5px;
	padding-left:70px;
}
.solutionCulmun .boxR .frameBox01{
	background: #f6f7f8 url(../common/img/icon_solution_home06.jpg) 15px center no-repeat;
	margin-left:5px;
	padding-left:70px;
}

@media screen and (max-width: 1151px) {
	.solutionCulmun .boxR .frameBox01 {
		margin-left:0;
	}
}

@media screen and (max-width: 767px) {

	.listSolutions dt {
		width: auto;
		min-height: 1em;
		padding: 1em 1em 0;
		line-height: 1;
		float: none;
		border-top: 1px #e6e7e8 solid;
	}
	.listSolutions dd {
		padding: 0 1em;
		border-top: none;
	}
	.listSolutions dt:first-child {
		border-top: none;
	}
	.listSolutions dd ul {
		margin-left: 0;
	}
	.listSolutions dd li {
		padding: 0px 30px 0px 0;
		line-height: 60px;
	}

}








/* =================================================

	jquery ui style

================================================= */
.ui-widget {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: initial !important;
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #37348b;
}

.ui-helper-reset {
	font-size: initial !important;
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-tabs{
	padding:0 !important;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

/* parametric */
.parametric .ui-widget-content{
	background: #b4bcc6;
	border: none;
}
.parametric .ui-slider-vertical {
	width: .4em;
	margin:10px 0 10px 10px;
}
.parametric .ui-widget-header {
	background: #706f6f;
}
.parametric .ui-slider-range {
	background: #f68a44;
}

.parametric .ui-slider .ui-slider-handle{
	width:24px;
	height:24px;
	cursor:pointer;
}
.parametric .ui-slider-vertical .ui-slider-handle {
	left: -.65em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.parametric .ui-state-default,
.parametric .ui-widget-content .ui-state-default,
.parametric .ui-widget-header .ui-state-default {
	border: none;
	background: transparent url("../common/img/icon_slider.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}


.parametricHead .ui-state-default,
.parametricHead .ui-widget-content .ui-state-default,
.parametricHead .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #fff;
	font-weight: normal;
	color: #555555;
}
.filter .ui-state-default,
.filter .ui-widget-content .ui-state-default,
.filter .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #fff;
	font-weight: normal;
	color: #555555;
}

.parametricHead .ui-selectmenu-button span.ui-selectmenu-text {
	padding: 0.3em 2.1em 0.3em 1em;
}

.parametricHead .ui-state-default .ui-icon,
.filter .ui-state-default .ui-icon{
	background: url("../common/img/icon_selecter.png") 50% 50% no-repeat !important;
}

.parametricHead .ui-state-focus, .ui-widget-content .ui-state-focus,
.filter .ui-state-focus, .ui-widget-content .ui-state-focus{
	border:1px #706f6f solid;
	background:#706f6f;
}

.parametricHead .ui-selectmenu-text,
.filter .ui-selectmenu-text{
	color: #1565c0;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item{
	padding: 3px 1em;
	font-size:16px;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* tab reset */
.tabGroup,
.tabGroup>div {
	border:none !important;
}
.tab01 .ui-widget-header {
	border: none;
	background: none;
	background-color: transparent;
	color: #fff;
	font-weight: normal;
	/**/
	display: table;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	padding-bottom: 3px;
	border: 1px solid #706f6f;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	background-color: #eb6209;
}
.tab01 .ui-widget-header a {
	color: #fff;
}
.tab01 .ui-state-default,
.tab01 .ui-widget-content .ui-state-default,
.tab01 .ui-widget-header .ui-state-default {
	border: none;
	background: #3e454e;
	color: #fff;
	font-weight: normal;
	/**/
	display: table-cell;
	-webkit-box-shadow: -1px 0px 0px 0px rgba(52, 58, 65, 1.0) inset;
	-moz-box-shadow: -1px 0px 0px 0px rgba(52, 58, 65, 1.0) inset;
	box-shadow: -1px 0px 0px 0px rgba(52, 58, 65, 1.0) inset;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
	background-color: #3e454e;
	width:100%;
}
.tab01 .ui-widget-header .ui-tabs-active,
.tab01 .ui-widget-header .ui-state-active{
	background: #eb6209;
}
.tab01 .ui-state-active a, .tab01 .ui-state-active a:link, .tab01 .ui-state-active a:visited,
.tab01 .ui-state-default a, .tab01 .ui-state-default a:link, .tab01 .ui-state-default a:visited a{
	color: #fff;
}

.tab01 .ui-widget-header li:first-child,
.tab01 .ui-widget-header li:first-child a {
	border-radius: 3px 0px 0px 0px;
}
.tab01 .ui-widget-header li:last-child,
.tab01 .ui-widget-header li:last-child a {
	border-radius: 0px 3px 0px 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.tab01 .ui-widget-header li:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #666;
}
.tab01 .ui-corner-top {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.ui-tabs .ui-tabs-panel{
	padding:0 !important;
}


@media screen and (max-width: 767px) {

.tab01 .ui-widget-header {
	display: block;
	table-layout: auto;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-bottom: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding-bottom: 0px;
	background-color: #fff;
}

/*	cf ---------- */
.tab01 .ui-widget-header:before,
.tab01 .ui-widget-header:after { content: " "; display: table;}
.tab01 .ui-widget-header:after { clear: both;}


.tab01 .ui-state-default,
.tab01 .ui-widget-content .ui-state-default,
.tab01 .ui-widget-header .ui-state-default {
	display: block;
	float: left;
	width: 48.22%;
	margin-left: 3%;
	margin-top: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0px -2px 0px -1px rgba(0, 0, 0, 0.3) inset;
	font-size: 88%;
}
.tab01 .ui-widget-header li:first-child,
.tab01 .ui-widget-header li:first-child a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tab01 .ui-widget-header li:last-child,
.tab01 .ui-widget-header li:last-child a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tab01 .ui-widget-header li:nth-of-type(odd) {
	margin-left: 0px;
}
.tab01 .ui-widget-header li:nth-of-type(1),
.tab01 .ui-widget-header li:nth-of-type(2) {
	margin-top: 0px;
}
.tab01 .ui-widget-header li a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

}



/* ----------------------------------------------
	parametric
---------------------------------------------- */

table.parametric {
	table-layout: auto;
	border-collapse: collapse;
	border: 1px solid #706f6f;
	border-bottom: none;
}
.parametric th,
.parametric td {
	padding: 8px;
	border: 1px solid #706f6f;
	font-size: 80%;
	line-height: 1.5;
}
.parametric thead th {
	background: #706f6f;
	font-weight:normal;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: none;
}
.parametric thead th:first-child {
	border-left: 1px solid #706f6f;
}
.parametric th.sortUp {
	background: #dbe7ed;
	padding: 0px;
}
.parametric th.sortUp span {
	display: table-cell;
	vertical-align: middle;
	width: 700px;
	padding: 10px;
	background: url(../common/img/icon_arrow_sortupdown.png) center center no-repeat #f6f7f8;
	cursor: pointer;
}

.parametric thead td {
	background: #dbe7ed;
	position:relative;
}
.parametric tbody tr:nth-of-type(even) td {
	background: #dbe7ed;
}
.parametric tbody td.center {
	text-align:center;
}
.parametric caption {
	padding: 8px 10px;
	border: 1px solid #e2e2e2;
	border-bottom: none;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background: #3e454e;
}

/* .btn01 */
.parametric tbody .btn01{
	width:100%;
	margin: 0;
}
.parametric .btn01 a {
	padding: 7px 10px 6px;
}
.btn01.GY {
	background: #7c929d;
}

.btnArea th{
	padding:3px 0;
	text-align:center;
	cursor:pointer;
}
.btnArea th img{
	vertical-align:middle;
}


/*	parametricHead
---------------------------------------------- */
.parametricHead {
	height:38px;
	padding: 10px;
	background: #706f6f;
	border-bottom: 1px solid #fff;
	position:relative;
	overflow:hidden;
}

@media screen and (max-width: 575px) {

.parametricHead {
	height:74px;
}
	
}



/*	UI
---------------------------------------------- */
.parametric ul li input[type="checkbox"] {
	margin: 0 3px 0 0;
}
.parametric .slidervalue-top {
	width:3em;
	background:#fff;
	padding:3px;
	text-align:center;
	border:1px #706f6f solid;
	border-radius: 4px;
	position:absolute;
	bottom:5px;
	right:5px;
}
.parametric .slidervalue-btm {
	width:3em;
	background:#fff;
	padding:3px;
	text-align:center;
	border:1px #706f6f solid;
	border-radius: 4px;
	position:absolute;
	top:5px;
	right:5px;
}
.parametric .tooltip {
	width:4em;
	background:#fff;
	padding:3px;
	text-align:center;
	border:1px #706f6f solid;
	box-shadow: 0px 5px 8px -4px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	position:absolute;
	bottom:40% !important;
	left:-62px;
	z-index:200;
}
.parametric .tooltip:before {
	content: "";
	position: absolute;
	top: 30%;
	right: -10px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid #706f6f;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

p.filter {
	position:relative;
}

#filter1, #filter2 {
	width:280px;
}
#select1, #select2, #select3, #select4, #select5, #select6, #select7, #select8 {
	width:250px;
}

p.filter .ui-selectmenu-button{
	margin:auto 10px;
	position:relative;
	top:0.7em;
}
.parametricHead .ui-selectmenu-button{
	margin-right:10px;
	font-size:16px;
	position:relative;
}
.parametricHead .btn01{
	margin:0 10px 0 0;
	position:relative;
	top:-0.7em;
}
.parametricHead .btn01 a {
	padding: 8px 25px 7px;
}




/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.8; filter: alpha(opacity = 80);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(../common/img/cbox_controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(../common/img/cbox_border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(../common/img/cbox_controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../common/img/cbox_controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(../common/img/cbox_border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(../common/img/cbox_controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(../common/img/cbox_controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(../common/img/cbox_controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../common/img/cbox_loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../common/img/lightbox_loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(../common/img/cbox_controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}



/* =================================================

	System style

================================================= */

/*
  Mark mock part
*/
div.mock{
	border:5px #505050 solid;
}

/*
 Add styles for textimage component
*/
.textimage {
    display: inline-block;
    width: 100%;
}

.textimage-left {
    float: left;
    margin-right: 8px;
}

.textimage-top {
    margin-bottom: 8px;
}

.textimage-right {
    float: right;
    margin-left: 8px;
}
.textimage-text:after {
    clear:both;
}

/*
 Add default styles for list in text component
*/

div.text ul{
	margin-left: 20px;
}
div.text ol{
	margin-left: 20px;
}

div.text ul li{
	list-style-type: disc;
    list-style-position: outside;
	margin-bottom: 0.2em;
}

div.text ol li{
    list-style-type: decimal;
    list-style-position: outside;
	margin-bottom: 0.2em;
}

/*
 Add default styles for list in textimage component
*/
.textimage-text ul li{
	list-style-type: disc;
    list-style-position: inside;
	margin-bottom: 0.2em;
}

.textimage-text ol li{
    list-style-type: decimal;
    list-style-position: inside;
	margin-bottom: 0.2em;
}

/*
 Add default styles for press-article component
*/
.press-subtitle {
    display: block;
    margin: 10px 0 10px 0;
}
.press-date {
    float: left;
    margin: 0 10px 10px 0;
}
.press-article .boxL {
    float: left;
    width: 250px;
    padding-right: 20px;
}

/* ----------------------------------------------
	btnContact / base.css
---------------------------------------------- */
.btnContact a {
	display:none;
}


/*
 Adjust tabs for responsive layout
*/
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
}

/* ----------------------------------------------
	imgEnlarge
---------------------------------------------- */

.imgEnlarge {
	position: relative;
    display:table;
}

/* Preload images */
body:after {
  content: url(../common/img/lightbox_close.png) url(../common/img/lightbox_loading.gif) url(../common/img/lightbox_prev.png) url(../common/img/lightbox_next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  width: 250px;
  height: 250px;
  margin: 0 auto;
	border: 2px solid #737b7f;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 2, 3, 0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 2, 3, 0.3);
	box-shadow: 0px 0px 30px 0px rgba(0, 2, 3, 0.3);
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 5px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../common/img/lightbox_loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../common/img/lightbox_prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../common/img/lightbox_next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-close {
  display: block;
	position: absolute;
	right: 0px;
	top: -30px;
  width: 30px;
  height: 30px;
  background: url(../common/img/lightbox_close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
	z-index: 100;
}

.lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}



/* =================================================

	Language Base
	 
----------------------------------------------------
*
	Browser Reset
	searchAllInputBox
*
================================================= */


/* =================================================

	headerNav

================================================= */

/* ----------------------------------------------
	globalNav
---------------------------------------------- */

@media screen and (max-width: 1151px) {
	
#headerNav .globalNav li.nav03 a:hover:before {
	left: 41%;
}
#headerNav .globalNav li.nav04 a:hover:before,
#headerNav .globalNav li.nav05 a:hover:before {
	left: 29%;
}

}



/* =================================================

	searchAllInputBox

================================================= */

@media screen and (min-width: 1152px) {

.searchAllInputBox .searchInput .select {
	width: 102px;
	padding-left: 15px;
}
.searchAllInputBox .searchInput .select .selectBtn span {
	font-size: 88%;
}

}



/* =================================================

	table style

================================================= */

/* ----------------------------------------------
	table02
---------------------------------------------- */

/*	table02Head
---------------------------------------------- */

@media screen and (min-width: 1152px) {

.table02Head .inLRBox .boxL {
	width: 630px;
}
.table02Head .inLRBox .boxR {
	width: 194px;
}

}



/* =================================================

	block style

================================================= */

/* ----------------------------------------------
	acodBlock
---------------------------------------------- */

/*	acodBoxOpen inLRBox
---------------------------------------------- */

@media screen and (min-width: 1152px) {

.acodBlock .acodBoxOpen dd .inLRBox .boxL {
	width: 494px;
}
.acodBlock .acodBoxOpen dd .inLRBox .boxR {
	width: 310px;
}

}


/* ----------------------------------------------
	IE alert
---------------------------------------------- */

#alertWin {
	background-color: rgba(188, 18, 34, 0.8);
	width: 92%;
	min-height: 1em;
	margin: auto;
	padding: 15px 4%;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 102;
	
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
 
#alertWin p {
	margin: 0;
	text-align:center;
}
 
#alertWin a {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 18px;
	right: 20px;
}
 
#alertWin a:hover {
	color: #fff;
	background: #f00;
}