@charset "utf-8";

/*--------------------------------------------------------------------

 隕句・縺・

--------------------------------------------------------------------*/

/* 蝓ｺ譛ｬ
--------------------------------------------------------------------*/
h2 {
	background: url(../../img/common/bg_title.gif) left top repeat-x;
	padding: 16px 15px 16px 15px;
	margin: 0 0 20px;
	font-size: 140%;
	border-top: 3px solid #3f4042;
	border-bottom: 1px solid #d1d1d1;
	background-color: #f3f3f3;
	color: #333;
}
h2.link {
	padding: 0;
}
h2.link a {
	padding: 16px 15px 16px 15px;
	display:block;
}
h2.link a span {
	padding: 0 27px 0 0;
	background: url(../../img/common/icon_arw_circle.png) right center no-repeat;
}
h2.link a:focus span {
	text-decoration: underline;
}
h3 {
	color: #333;
	background: #f2f2f2;
	border-bottom: 1px solid #d9d9d9;
	padding: 13px 5px 11px 15px;
	margin: 0 0 15px;
	font-size: 125%;
}
h3 span {
	border-left: 4px solid #000;
	padding-left: 8px;
	padding-right: 25px;
}
h3.link {
	padding: 0;
}
h3.link a {
	padding: 13px 5px 11px 15px;
	display: block;
}
h3.link a span {
	background: url(../../img/common/icon_arw_circle.png) right center no-repeat;
}
h3 a:focus,
h3.link a:focus span {
	text-decoration: underline;
}


/* 蝗ｲ縺ｿ譫E
--------------------------------------------------------------------*/
h2.box {
	margin-bottom: 0;
	border-top: 1px solid #d1d1d1;
	padding: 17px 0 15px 0;
}
h2.box span {
	background: url(../../img/common/bg_title_left.gif) left top no-repeat;
	padding: 16px 12px 16px 15px;
}
h2.box + div {
	padding: 18px 15px 15px;
	background: #f2f2f2;
	margin-bottom: 20px;
}
h2.box + div h3 {
	color: #1c1d1e;
	border-left: 5px solid #1c1d1e;
	border-bottom: none;
	margin: 0 0 15px 0;
	padding: 0 0 0 8px;
	font-size: 125%;
}
h2.box.link {
	padding: 0;
}
h2.box.link a {
	padding: 16px 12px 16px 15px;
	background: url(../../img/common/bg_title_left.gif) left top no-repeat;
}
h2.box + div h3 a {
	background: url(../../img/common/icon_arw_circle.png) right center no-repeat;
	padding-right: 25px;
}


/*--------------------------------------------------------------------

 フォーム

--------------------------------------------------------------------*/

/* セレクト繝・け繧ｹ・医き繧ｹ繧ｿ繝璢メEじ繧､繝ｳ・・
--------------------------------------------------------------------*/
.selectWrap {
	position: relative;
	width: 180px;
	height: 40px;
	cursor: pointer;
	background: url(../../img/common/bg_serchselect.jpg);
	margin-right: 5px;
}
.selectWrap span {
	width: 160px;
	display: inline-block;
	line-height: 40px;
	padding-left: 10px;
	color: #000;
}
.selectWrap select {
	display:inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	background: #fff;
	border: none;
	cursor: pointer;
}
.noScript .selectWrap select:hover,
.noScript .selectWrap select:focus {
	background: #fdfdfd;
}


/* 繧ｻ繝ｬ繧ｯ繝医・繝・け繧ｹ・医ョ繝輔か繝ｫ繝医ョ繧ｶ繧､繝ｳ・・
--------------------------------------------------------------------*/
.selectWrapSmall {
	position: relative;
	width: 92px;
	height: 27px;
	cursor: pointer;
	background: url(../../img/common/bg_serchselect_small.gif);
	margin-right: 5px;
}
.selectWrapSmall span {
	width: 65px;
	height: 27px;
	overflow: hidden;
	display: inline-block;
	line-height: 27px;
	padding: 0 15px 0 10px;
	color: #000;
}
.selectWrapSmall.middle {
	width: 121px;
	background: url(../../img/common/bg_serchselect_middle.gif);
}
.selectWrapSmall.middle span {
	width: 85px;
}
.selectWrapSmall.middle select {
	width: 121px;
}
.selectWrapSmall.long {
	width: 220px;
	background: url(../../img/common/bg_serchselect_long.gif);
}
.selectWrapSmall.long span {
	width: 210px;
}
.selectWrapSmall.long select {
	width: 220px;
}
.selectWrapSmall select {
	display:inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 92px;
	height: 27px;
	line-height: 27px;
	padding: 0;
	margin: 0;
	background: #fff;
	border: none;
	cursor: pointer;
}
.noScript .selectWrapSmall {
	border: 1px solid #ccc;
	background: none;
}
.noScript .selectWrapSmall select:focus {
	border: 1px solid #ccc;
}


/* 讀懃ｴ｢繝懊ち繝ｳ
--------------------------------------------------------------------*/
.searchKeyword input.keyword {
	height: 30px;
	width: 153px;
	border: none;
	padding: 5px 10px;
	background: url(../../img/common/bg_serch.gif) left top no-repeat;
	line-height: 2em;
}
.searchKeyword span.placeholderSearch {
	padding: 14px 10px 8px 10px;
	font-size: 100% !important;
}
.searchKeyword input.btnImg {
	vertical-align: top;
}
.searchKeyword input.btnImg:hover,
.searchKeyword input.btnImg:focus {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}


/* 繝・く繧ｹ繝医・繝・け繧ｹ
--------------------------------------------------------------------*/
p.textBox {
	width: auto;
}
p.textBox input {
	border: 1px solid #999;
	background: #fff;
	padding: 8px 10px;
	width: 98px;
	height: 15px;
}
p.textBox span.placeholderSearch {
	padding: 10px;
}


/* 繝・く繧ｹ繝医お繝ｪ繧｢
--------------------------------------------------------------------*/
textarea {
	width: 422px;
	height: 70px;
	padding: 10px;
	margin: 0 0 8px;
	resize: none; 
}
.textArea span.placeholderSearch {
	padding: 10px 10px 8px 10px;
	font-size: 13px !important;
	line-height: 1.4em;
}


/* 繝√ぉ繝・け繝懊ャ繧ｯ繧ｹ
--------------------------------------------------------------------*/
ul.checkBoxOuter .checkbox {
	float: left;
}
ul.checkBoxOuter input.checkbox {
	display: block !important;
	opacity: 0.0 !important;
	filter: alpha(opacity=0) !important;
	-ms-filter: "alpha( opacity=0 )" !important;
}
ul.checkBoxOuter input[type="checkbox"] {
	display: block !important;
	opacity: 0.0 !important;
	filter: alpha(opacity=0) !important;
	-ms-filter: "alpha( opacity=0 )" !important;
}
ul.checkBoxOuter li {
	float: left;
	line-height: 1.5em;
	margin-right: 30px;
}
ul.checkBoxOuter li label {
	padding-left: 8px;
	color: #333;
}
ul.checkBoxOuter li label:hover {
	cursor: pointer;
	color: #666;
}
.noScript ul.checkBoxOuter input[type="checkbox"],
.noScript ul.checkBoxOuter input.checkbox {
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha( opacity=100 )" !important;
}
.noScript .customCheckbox {
	background: none !important;
}
ul.checkBoxOuter li:hover,
ul.checkBoxOuter li span:hover,
ul.checkBoxOuter li input:hover {
	cursor: pointer;
}
ul.checkBoxOuter li span {
	background: url(../../img/common/btn_check.gif) left top no-repeat;
	display: inline-block;
	width: 20px;
	height: 21px;
	vertical-align: bottom;
}
ul.checkBoxOuter li span.selected {
	background-position: left bottom;
}

/* add eBASE 201412 */
.checkBoxWrap ul.checkBoxOuter {
	width: 390px;
	box-sizing: border-box;
	padding: 10px 0 10px 22px;
	margin: 0 0 10px 0;
	background-color: #f2f2f2;
}

.checkBoxWrap ul.checkBoxOuter li.last{
	margin: 0;
}


/* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ
--------------------------------------------------------------------*/
ul.radioOuter {
	margin: 0 0 15px;
}
ul.radioOuter .radio {
	float: left;
}
ul.radioOuter input.radio {
	display: block !important;
	opacity: 0.0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
}
ul.radioOuter li {
	float: left;
	line-height: 1.5em;
	margin-right: 30px;
}
ul.radioOuter li label {
	padding-left: 8px;
	color: #333;
}
ul.radioOuter li label:hover {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.noScript ul.radioOuter input.radio {
	opacity: 1.0 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha( opacity=100 )" !important;
}
.noScript .customRadio {
	background: none !important;
}
ul.radioOuter li span {
	background: url(../../img/common/btn_radio.gif) left top no-repeat;
	display: inline-block;
	width: 20px;
	height: 21px;
	vertical-align: bottom;
}
ul.radioOuter li:hover,
ul.radioOuter li span:hover,
ul.radioOuter li input:hover {
	cursor: pointer;
}
ul.radioOuter li span.selected {
	background-position: left bottom;
}


/*--------------------------------------------------------------------

 荳ｦ蛻励き繝・ざ繝ｪ

--------------------------------------------------------------------*/

/* 繧ｿ繝悶リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ
--------------------------------------------------------------------*/
.tab {
	background: url(../../img/common/bg_tab.gif) repeat-x;
	overflow: hidden;
	padding: 0 1px 10px;
	margin: 0 auto 30px;
}
.tab li {
	text-align: center;
	float: left;
	height: 58px;
	background: url(../../img/common/bg_tab_btn.gif) repeat-x;
	margin: 0 0 0 1px;
	font-size: 120%;
}
.tab.two li {
	width: 482px;
}
.tab.three li {
	width: 321px;
}
.tab.five li {
	width: 192px;
}
.tab.six li {
	width: 160px;
}
.tab li.active {
	background: url(../../img/common/bg_tab_btn_active.gif) repeat-x;
	color: #252729;
}
.tab li:first-child {
	margin: 0;
}
.tab.two li a {
	display: block;
	width: 482px;
	height: 58px;
}
.tab.three li a {
	display: block;
	width: 321px;
	height: 58px;
}
.tab.five li:first-child {
	margin: 0;
	width: 193px;
}
.tab.five li a {
	display: block;
	width: 192px;
	height: 58px;
}
.tab.six li a {
	display: block;
	width: 160px;
	height: 58px;
}
.tab li span {
	display: inline-block;
	margin: 25px 0 0 0;
}
.tab li.active span {
	font-weight: bold;
	background: url(../../img/common/bg_tab_arrow01.png) left center no-repeat;
	padding: 0 0 0 18px;
}
.tab li a span {
	background: url(../../img/common/bg_tab_arrow02.png) left center no-repeat;
	padding: 0 0 0 18px;
	color: #666;
}
.tab li a:hover,
.tab li a:focus {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	text-decoration: none;
}