@charset "utf-8";
/**********************************************
TOTO コメット
共通　CSS
***********************************************/
.sp-only {
	display: none !important;
}


/*============================================================
  frame
============================================================*/
.frame {
	background: #fff;
	border: 1px solid #ccc;
	padding: 20px;
	clear: both;
}
.column2 {
	overflow:hidden;
	*zoom:1;
	margin: 0 -20px 0 0;
}
.column2 .frame {
	float: left;
	margin: 0 20px 20px 0;
	width: 428px;
	clear: none;
}
.column3 {
	overflow:hidden;
	*zoom:1;
	margin: 0 -20px 0 0;
}
.column3 .frame {
	float: left;
	margin: 0 20px 20px 0;
	width: 264px;
	clear: none;
}
.column3 .frame .headLine4 {
	font-size: 106.66%;
}
.js-scrollBox {
	position: relative;
	overflow: hidden;
}

.frame.md-color02 {
	background: #eee;
}
.frame.md-color03 {
	border: none;
	background: #edf5ff;
}

/*============================================================
  汎用
============================================================*/
section section {
	margin: 0 0 30px;
}
.frame section {
	margin: 30px 0 0;
}
.frame section:first-child {
	margin: 0;
}
.btns li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: top;
}

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }

.indent10e { padding-left: 1em; text-indent: -1em; }
.indent11e { padding-left: 1.1em; text-indent: -1.1em; }
.indent12e { padding-left: 1.2em; text-indent: -1.2em; }
.indent13e { padding-left: 1.3em; text-indent: -1.3em; }
.indent14e { padding-left: 1.4em; text-indent: -1.4em; }
.indent15e { padding-left: 1.5em; text-indent: -1.5em; }
.indent20e { padding-left: 2em; text-indent: -2em; }
.indent21e { padding-left: 2.1em; text-indent: -2.1em; }
.indent22e { padding-left: 2.2em; text-indent: -2.2em; }
.indent23e { padding-left: 2.3em; text-indent: -2.3em; }
.indent24e { padding-left: 2.4em; text-indent: -2.4em; }
.indent25e { padding-left: 2.5em; text-indent: -2.5em; }
.indent30e { padding-left: 3em; text-indent: -3em; }
.indent31e { padding-left: 3.1em; text-indent: -3.1em; }
.indent32e { padding-left: 3.2em; text-indent: -3.2em; }
.indent33e { padding-left: 3.3em; text-indent: -3.3em; }
.indent34e { padding-left: 3.4em; text-indent: -3.4em; }
.indent35e { padding-left: 3.5em; text-indent: -3.5em; }
.indent40e { padding-left: 4em; text-indent: -4em; }
.indent41e { padding-left: 4.1em; text-indent: -4.1em; }
.indent42e { padding-left: 4.2em; text-indent: -4.2em; }
.indent43e { padding-left: 4.3em; text-indent: -4.3em; }
.indent44e { padding-left: 4.4em; text-indent: -4.4em; }
.indent45e { padding-left: 4.5em; text-indent: -4.5em; }
.indent50e { padding-left: 5em; text-indent: -5em; }
.indent51e { padding-left: 5.1em; text-indent: -5.1em; }
.indent52e { padding-left: 5.2em; text-indent: -5.2em; }
.indent53e { padding-left: 5.3em; text-indent: -5.3em; }
.indent54e { padding-left: 5.4em; text-indent: -5.4em; }
.indent55e { padding-left: 5.5em; text-indent: -5.5em; }

.fz14 { font-size: 93.33%; }
.fz13 { font-size: 86.66%; }

.red {
	color: #cb2b00;
}

.note {
	font-size: 86.66%;
}
.note strong {
	font-weight: normal;
	color: #cb2b00;
}
.txtLink {
	color: #1152b2;
}

.indentList li {
	padding-left: 1em;
	text-indent: -1em;
}

.hiDesign {
	color: #00f;
}
.imgNote {
	display: table;
	width: 100px;
	height: 100px;
}
.imgNote span {
	display: table-cell;
	vertical-align: middle;
	padding: 8px;
	background: #fff;
	color: #818181;
	font-size: 11px;
}




/*============================================================
  モジュール
============================================================*/

/*  検索ボックス
----------------------------------------------------------------------*/
.searchBox {
	background: #0b2346;
	padding: 20px;
	color: #fff;
	*zoom:1;
}
.searchBox:before,
.searchBox:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.searchBox:after {clear: both;}
.searchBox .headLine3 {
	font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Verdana,Arial,sans-serif,Osaka;
	font-size: 117%;
	font-weight: normal;
	background: url(../../img/default/icon/icon_search.gif) 0 center no-repeat;
	padding: 0 0 0 30px;
	margin: 0 0 15px;
}
.searchBox .fRight {
	width: 290px;
}

.searchBox .dateSearch {
	float: right;
}
.searchBox .dateSearch dt,
.searchBox .dateSearch dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: middle;
}
.searchBox .dateSearch dt {
	margin: 0 3px 0 0;
}
.searchBox .dateSearch .select02 .easy-select-box .esb-displayer {
	width: 73px;
}
.searchBox .dateSearch input[type="submit"] {
	float: none;
	margin: 0 0 0 10px;
}
.searchBox .select01 .esb-displayer {
	width: 102px;
	height: 35px;
	line-height: 35px;
}
.searchBox .select01 .esb-dropdown {
	width: 152px;
}
.searchBox .codeSearch {
	overflow:hidden;
	*zoom:1;
	float: left;
}
.searchBox .codeSearch dt,
.searchBox .codeSearch dd {
	float: left;
}
.searchBox .codeSearch dt {
	line-height: 35px;
}
.searchBox .codeSearch dd {
	margin: 0 10px 0 0;
}
.searchBox .codeSearch input[type="text"] {
	width: 232px;
}
.searchBox .codeSearchBtns {
	float: right;
	margin: 0 -10px 0 0;
}
.searchBox .codeSearchBtns li {
	float: left;
	margin-right: 10px;
}
.searchBox .codeSearchBtns .btn {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.searchBox .codeSearchBtns .btn img {
	vertical-align: top;
}

.searchBox input[type="text"] {
	width: 594px;
	height: 19px;
	padding: 8px 12px;
	color: #222;
	border: none;
}
.searchBox input[type="submit"] {
	text-indent: -9999px;
	background: url(../../img/default/btn/btn_search02.gif) 0 0 no-repeat;
	width: 128px;
	height: 35px;
	float: right;
}
.searchBox input[type="submit"]:hover {
	background-position: 0 bottom;
	cursor: pointer;
}
.searchBox .checks {
	margin: 15px 0 0 0;
}
.searchBox label {
	margin: 0 10px 0 0;
}
.searchBox .fRight li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: top;
	margin: 0 1px 1px 0;
}
.searchBox .fRight .btn {
	width: 144px;
	font-size: 106.66%;
	padding: 0;
}
.searchBox select {
	width: 94px;
}

.searchBox .block {
	border-bottom: 1px dotted #55657E;
	margin: 0 0 20px;
	*zoom:1;
}
.searchBox .block:before,
.searchBox .block:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.searchBox .block:after {clear: both;}

/*** cometSearch検索 ***/
.cometSearch .headLine3 {
	float: left;
	margin: 0 22px 15px 0;
}
.cometSearch .checks {
	display: none;
	float: left;
	margin: 3px 0 0;
}
.cometSearch .cate01-02 {
	padding-left: 10px;
	border-left: 1px solid #243959;
	margin-left: 2px;
}

.cometSearch .linkHowto,
.cometSearch .linkGuide {
	background: url(../../img/default/icon/arrow04.png) 0 center no-repeat;
	padding-left: 10px;
	margin: 3px 0 0 0;
	float: right;
}
.cometSearch .linkGuide {
	margin-left: 20px;
	display: none;
}
.cometSearch .linkHowto a,
.cometSearch .linkGuide a {
	color: #fff;
}

/*** CAD検索 ***/
.cadSearchBox_header {
	overflow:hidden;
	*zoom:1;
}
.cadSearchBox_header .headLine3 {
	float: left;
	width: 186px;
}
.cadSearchBox_position {
	float: left;
	width: 574px;
	margin: 4px 0 0;
}
.cadSearchBox_position li {
	float: left;
	font-size: 86.66%;
	padding: 0 15px 0 0;
	margin: 0 5px 0 0;
}
.cadSearchBox_position li:first-child {
	background: none;
}
.cadSearchBox_position .hasChild {
	background: url(../../img/default/icon/arrow04.png) right 6px no-repeat !important;
}
.cadSearchBox_position li a {
	color: #fff;
}
.cadSearchBox_positionUp {
	float: right;
	background: url(../../img/default/icon/arrow04.png) 0 6px no-repeat;
	padding: 0 0 0 10px;
	margin: 4px 0 0;
	font-size: 86.66%;
}
.cadSearchBox_positionUp a {
	color: #fff;
}
.cadSearchBox_categorys li {
	background: url(../../img/default/icon/arrow04.png) 0 6px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 8px;
	font-size: 86.66%;
}

.cadSearchBox_btnSearch {
	float: right;
	margin: 20px 0 0 40px;
}
.cadSearchBox_btnSearch input[type="submit"] {
	text-indent: -9999px;
	background: url(../../img/default/btn/btn_search02.gif) 0 0 no-repeat;
	width: 128px;
	height: 35px;
}
.cadSearchBox_categorys {
	margin: 20px 0 0;
	overflow:hidden;
	*zoom:1;
}
.cadSearchBox_categorys ul {
	margin: 0 -20px 0 0;
}
.cadSearchBox_categorys li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: top;
	margin: 0 0 8px 0;
}
.cadSearchBox_categorys .bigCategory ul {
	display: table;
}
.cadSearchBox_categorys .bigCategory li {
	display: table-cell;
	width: 168px;
	padding: 0 20px 8px 10px;
}

/*
.cadSearchBox_categorys .bigCategory ul {
	letter-spacing: -.4em;
	margin-right: -40px;
}
.cadSearchBox_categorys .bigCategory li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: top;
	margin: 0 20px 0 0;
	width: 168px;
	letter-spacing: normal;
}
*/
.cadSearchBox_categorys a {
	color: #fff;
}
.cadSearchBox_categorys .smallCategory li {
	margin-right: 20px;
}

/*  tab
----------------------------------------------------------------------*/
/*** タブボタン ***/
.js-tabBtns {
	overflow:hidden;
	*zoom:1;
	padding: 0 1px;
	margin: 0 0 10px;
	background: url(../../img/default/shared/tab_bg.png) 0 -147px no-repeat;
	display: inline-block;
}
.js-tabBtns.md-color02 {
	background: url(../../img/default/shared/tab_bg_color02.png) right -147px no-repeat;
}
.js-tabBtns li {
	float: left;
	text-align: center;
}
.js-tabBtn a {
	display: block;
	font-weight: bold;
	background: url(../../img/default/shared/tab_bg.png) right -49px no-repeat;
	height: 49px;
	line-height: 40px;
}
.js-tabBtns.md-color02 .js-tabBtn a {
	background: url(../../img/default/shared/tab_bg_color02.png) right -49px no-repeat;
	color: #fff;
}
.js-tabBtns.md-color02 .js-activeTabBtn a {
	color: #222;
}
.js-tabBtns .js-tabBtn.last a {
	background-position: 0 -49px;
}
.js-tabBtns .js-tabBtn a:hover {
	background-position: right -98px;
	text-decoration: none;
}
.js-tabBtns .js-tabBtn.last a:hover {
	background-position: 0 -98px;
}
.js-tabBtns .js-tabBtn.activeTabBtn a,
.js-tabBtns .js-tabBtn.activeTabBtn a:hover ,
.js-tabBtns .js-tabBtn.js-activeTabBtn a,
.js-tabBtns .js-tabBtn.js-activeTabBtn a:hover {
	background-position: center 0;
}
.js-tabBtns.md-color02.detail {
	margin: 0 0 -8px 0;
	padding: 0;
	border-left: 1px #ccc solid;
	border-top: 1px #ccc solid;
	overflow: visible;
	background: none;
}
.js-tabBtns.md-color02.detail .js-tabBtn {
	position: relative;
	border-bottom: 5px #1152b2 solid;
}
.js-tabBtns.md-color02.detail .js-tabBtn a {
	position: relative;
	height: 36px;
	border-right: 1px #ccc solid;
	line-height: 37px;
	color: #fff ;
	overflow: hidden;
	background: #1152b2;
}
.js-tabBtns.md-color02.detail .js-tabBtn:last-child a {
	border-right: none;
}
.js-tabBtns.md-color02.detail .js-tabBtn.js-activeTabBtn a {
	color: #222;
	background: #fff;
}
.js-tabBtns.md-color02.detail .js-tabBtn.js-activeTabBtn:after {
	content: "";
	position: absolute;
	left: 0;
	top: 41px;
	display: block;
	width: 100%;
	height: 10px;
	background: url(../../img/default/icon/arrow08_down.png) center no-repeat;
}

/*** タブボタンの数 ***/
.js-tabBtns.js-tabBtnColumn2 li {
	width: 479px;
}
.js-tabBtns.js-tabBtnColumn3 li {
	width: 319px;
}
.js-tabBtns.js-tabBtnColumn3 .last {
	width: 320px;
}
.js-tabBtns.js-tabBtnColumn4 li {
	width: 240px;
}
.js-tabBtns.js-tabBtnColumn4 .last {
	width: 238px;
}
.js-tabBtns.js-tabBtnColumn5 li {
	width: 192px;
}
.js-tabBtns.js-tabBtnColumn5 .last {
	width: 190px;
}

.js-tabBtns.js-tabBtnColumn6 li {
	width: 160px;
}
.js-tabBtns.js-tabBtnColumn6 .last,
.js-tabBtns.js-tabBtnColumn6 .js-tabBtn1 {
	width: 159px;
}

.js-tabBtns.js-tabBtnColumn7 li {
	width: 137px;
}
.js-tabBtns.js-tabBtnColumn7 .last {
	width: 136px;
}

.js-tabBtns.js-tabBtnColumn8 li {
	width: 120px;
}
.js-tabBtns.js-tabBtnColumn8 .js-tabBtn1,
.js-tabBtns.js-tabBtnColumn8 .last {
	width: 119px;
}

.js-tabBtns.js-tabBtnColumn9 li {
	width: 106px;
}
.js-tabBtns.js-tabBtnColumn9 .js-tabBtn1,
.js-tabBtns.js-tabBtnColumn9 .js-tabBtn2,
.js-tabBtns.js-tabBtnColumn9 .js-tabBtn3,
.js-tabBtns.js-tabBtnColumn9 .last {
	width: 107px;
}

.js-tabBtns.js-tabBtnColumn10 li {
	width: 96px;
}
.js-tabBtns.js-tabBtnColumn10 .js-tabBtn1,
.js-tabBtns.js-tabBtnColumn10 .last {
	width: 95px;
}

.js-tabBtns.js-tabBtnColumn11 li {
	width: 87px;
}
.js-tabBtns.js-tabBtnColumn11 .last {
	width: 88px;
}

.js-tabBtns.js-tabBtnColumn12 li {
	width: 80px;
}
.js-tabBtns.js-tabBtnColumn12 .js-tabBtn1,
.js-tabBtns.js-tabBtnColumn12 .last {
	width: 79px;
}


/*** .frame内のタブボタンの数 ***/
.frame .js-tabBtns.js-tabBtnColumn1 li {
	width: 916px;
}
.frame .js-tabBtns.js-tabBtnColumn2 li {
	width: 458px;
}
.frame .js-tabBtns.js-tabBtnColumn3 li {
	width: 305px;
}
.frame .js-tabBtns.js-tabBtnColumn3 .last {
	width: 306px;
}
.frame .js-tabBtns.js-tabBtnColumn4 li {
	width: 229px;
}
.frame .js-tabBtns.js-tabBtnColumn5 li {
	width: 183px;
}
.frame .js-tabBtns.js-tabBtnColumn5 .last {
	width: 184px;
}

.frame .js-tabBtns.js-tabBtnColumn6 li {
	width: 153px;
}
.frame .js-tabBtns.js-tabBtnColumn6 .js-tabBtn1,
.frame .js-tabBtns.js-tabBtnColumn6 .last {
	width: 152px;
}
.frame .js-tabBtns.js-tabBtnColumn7 li {
	width: 131px;
}
.frame .js-tabBtns.js-tabBtnColumn7 .last {
	width: 130px;
}

.frame .js-tabBtns.js-tabBtnColumn8 li {
	width: 115px;
}
.frame .js-tabBtns.js-tabBtnColumn8 .js-tabBtn1,
.frame .js-tabBtns.js-tabBtnColumn8 .js-tabBtn2,
.frame .js-tabBtns.js-tabBtnColumn8 .js-tabBtn3,
.frame .js-tabBtns.js-tabBtnColumn8 .last {
	width: 114px;
}


.frame .js-tabBtns.js-tabBtnColumn9 li {
	width: 102px;
}
.frame .js-tabBtns.js-tabBtnColumn9 .js-tabBtn1,
.frame .js-tabBtns.js-tabBtnColumn9 .last {
	width: 101px;
}

.frame .js-tabBtns.js-tabBtnColumn10 li {
	width: 91px;
}
.frame .js-tabBtns.js-tabBtnColumn10 .js-tabBtn1,
.frame .js-tabBtns.js-tabBtnColumn10 .js-tabBtn2,
.frame .js-tabBtns.js-tabBtnColumn10 .js-tabBtn3,
.frame .js-tabBtns.js-tabBtnColumn10 .js-tabBtn4,
.frame .js-tabBtns.js-tabBtnColumn10 .js-tabBtn5,
.frame .js-tabBtns.js-tabBtnColumn10 .last {
	width: 92px;
}

.frame .js-tabBtns.js-tabBtnColumn11 li {
	width: 83px;
}
.frame .js-tabBtns.js-tabBtnColumn11 .js-tabBtn1,
.frame .js-tabBtns.js-tabBtnColumn11 .js-tabBtn2,
.frame .js-tabBtns.js-tabBtnColumn11 .last {
	width: 84px;
}

.frame .js-tabBtns.js-tabBtnColumn12 li {
	width: 76px;
}
.frame .js-tabBtns.js-tabBtnColumn12 .js-tabBtn1,
.frame .js-tabBtns.js-tabBtnColumn12 .js-tabBtn2,
.frame .js-tabBtns.js-tabBtnColumn12 .js-tabBtn3,
.frame .js-tabBtns.js-tabBtnColumn12 .last {
	width: 77px;
}


/*** タブコンテンツ ***/
.js-tabContent {
	display: none;
}
.js-activeTab {
	display: block !important;
}

/*  タブ ver.2
----------------------------------------------------------------------*/
.tabV2 {
	margin: 30px 0 0;
	& > :first-child {
		margin-top: 0;
	}
}
.tabV2_header {

}
.tabV2_btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	border: 1px solid #C5C6C6;
}
.tabV2_btns > * + * {
	border-left: 1px solid #fff;
}
.tabV2_btn {
	position: relative;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 10%;
}
.tabV2_btn > a {
	display: block;
	text-decoration: none;
	color: #222;
	font-weight: bold;
	text-align: center;
	height: 100%;
	letter-spacing: -.44em;
	background: #C5C6C6;
}
.tabV2_btn > a:hover {
	background: #D6D7D7;
}
.tabV2_btn > a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	width: 0;
	height: 100%;
}
.tabV2_btn > a > span {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	padding: 3px;
}
.tabV2_btn-isActive:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -6px;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #C5C6C6 transparent transparent transparent;
}
.tabV2_btn-isActive:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -5px;
	border-style: solid;
	border-width: 9px 5px 0 5px;
	border-color: #fff transparent transparent transparent;
}
.tabV2_btn-isActive > a {
	background: #fff;
}
.tabV2_btn-isActive > a:hover {
	background: #fff;
}
.tabV2_body {
	margin: 20px 0 0;
}
.tabV2_body > :first-child {
	margin-top: 0;
}
.tabV2_content {
	display: none;
}
.tabV2_content > :first-child {
	margin-top: 0;
}


/*  .imgUnitList
----------------------------------------------------------------------*/
.imgUnitList li {
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px;
}


/*  .imgUnit
----------------------------------------------------------------------*/
.imgUnit {
	overflow:hidden;
	*zoom:1;
	margin: 0 0 -20px 0;
}
.imgUnit .img {
	float: left;
	margin: 0 20px 20px 0;
}
.imgUnit.md-right .img {
	float: right;
	margin: 0 0 0 20px;
}
.imgUnit .img.md-border {
	border: 1px solid #ccc;
}
.imgUnit .frame {
	clear: none;
}

/*  toTop
----------------------------------------------------------------------*/
.toTop {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}

/*  pankuzu
----------------------------------------------------------------------*/
.pankuzu {
	overflow:hidden;
	*zoom:1;
	margin: 18px 0;
}
.pankuzu li {
	float: left;
	font-size: 86.66%;
}
.pankuzu a {
	color: #1152b2;
}

/*  .infoArea
----------------------------------------------------------------------*/
.infoArea .urgent {
	margin: 0 0 20px;
}
.infoArea .frame {
	padding-bottom: 0;
}
.infoArea dt {
	font-weight: bold;
}


/*  緊急のお知らせ
----------------------------------------------------------------------*/
.urgent {
	border: 2px solid #ff8758;
	background: #fff;
	padding: 15px 20px 5px;
	margin: 0 0 30px;
}
.urgent.md-label {
	padding: 15px 15px 5px 105px;
	position: relative;
}
.urgent .headLine2 {
	position: absolute;
	top: 13px;
	left: -12px;
	height: auto;
	width: auto;
	font-size: 100%;
}
.urgent dl {
	margin: 0 0 10px;
}
.urgent dt {
	color: #cb2b00;
	font-weight: bold;
}
.urgent dd a {
	color: #cb2b00;
}




/*  #megaFooter
----------------------------------------------------------------------*/
#megaFooter {
	background: #ddd;
	min-width: 980px;
}
#megaFooter .inner {
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
	*zoom:1;
	padding: 20px 0;
}
#megaFooter .inner .columns {
	margin: 0 -15px 0 0;
	overflow:hidden;
	*zoom:1;
}
#megaFooter .inner .col {
	width: 177px;
	margin: 0 15px 0 0;
	float: left;
}
#megaFooter dl {
	margin: 0;
}
#megaFooter .type01,
#megaFooter .type02 {
	border-top: 1px solid #ccc;
	padding-top: 12px;
}
#megaFooter .inner .col > .type01:first-child,
#megaFooter .inner .col > .type02:first-child {
	padding-top: 0;
	border-top: none;
}
#megaFooter .type01 dt {
	font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Verdana,Arial,sans-serif,Osaka;
	font-size: 104%;
	font-weight: bold;
	margin: 0 0 10px;
	background: url(../../img/default/icon/arrow06.png) 0 9px no-repeat;
	padding: 0 0 0 20px;
}
#megaFooter .type01 dt span {
	font-size: 78%;
}
#megaFooter .type02 dt {
	font-family: 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro',Verdana,Arial,sans-serif,Osaka;
	font-size: 104%;
	font-weight: bold;
	margin: 0 0 10px;
	background: url(../../img/default/icon/arrow06.png) 0 9px no-repeat;
	padding: 0 0 0 20px;
}
#megaFooter dd {
	background: url(../../img/default/icon/dot.gif) 0 8px no-repeat;
	font-size: 86.66%;
	padding: 0 0 0 10px;
	margin: 0 0 10px;
}

/*  .categoryNav
----------------------------------------------------------------------*/
.categoryNav ul {
	overflow:hidden;
	*zoom:1;
	margin: 0 -8px 40px 0;
}
.categoryNav li {
	float: left;
	margin: 0 8px 8px 0;
}
.categoryNav .btn {
	width: 234px;
	font-size: 93.33%;
	line-height: 1.6;
	height: 40px;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}
.categoryNav .btn.md-line2 {
	height: 30px;
	line-height: 1.2;
	padding: 5px 0;
}
.categoryNav.md-big ul {
	margin: 0 -15px 25px 0;
}
.categoryNav.md-big li {
	margin: 0 15px 15px 0;
}
.categoryNav.md-big .btn {
	height: 50px;
	line-height: 1.6;
	width: 198px;
	padding: 0 20px 0 10px;
	display: table-cell;
	vertical-align: middle;
}
.categoryNav.md-big .btn.md-line2 {
	height: 30px;
	line-height: 1.2;
	padding: 10px;
}


/*  .btnList
----------------------------------------------------------------------*/
.btnList {
	overflow:hidden;
	*zoom:1;
	margin: 0 -10px -10px 0;
}
.btnList li {
	float: left;
	margin: 0 10px 10px 0;
}

/*  pageing
----------------------------------------------------------------------*/
.pageing {
	margin: 30px 0;
}
.pageing ul {
	text-align: center;
}
.pageing li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: middle;
	margin: 0 2px;
}
.pageing a {
	 display: block;
	 width: 30px;
	 height: 30px;
	 line-height: 31px;
	 color: #fff;
	 background: #555;
	 text-align: center;
}
.pageing a:hover {
	background: #888;
	text-decoration: none;
}
.pageing .active,
.pageing .active:hover {
	width: 28px;
	height: 28px;
	line-height: 29px;
	background: #fff;
	color: #222;
	border: 1px solid #ccc;
}
.pageing .prev,
.pageing .next {
	width: auto;
	padding: 0 6px;
}
.pageing .prev span {
	background: url(../../img/default/icon/arrow03_left.png) 0 center no-repeat;
	padding: 0 10px 0 28px;
}
.pageing .next span {
	background: url(../../img/default/icon/arrow03.png) right center no-repeat;
	padding: 0 28px 0 10px;
}

/*  searchInfo
----------------------------------------------------------------------*/
.searchInfo {
	background: #eee;
	padding: 20px;
	overflow:hidden;
	*zoom:1;
	display: table;
	width: 878px;
}
.searchInfo .number {
	height: 100%;
	width: 270px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}
.searchInfo .number strong {
	font-weight: normal;
	color: #cb2b00;
}
.searchInfo .pageing {
	margin: 0;
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}
.searchWord {
	display: inline-block;
	margin: 0 0 0 1em;
	font-weight: normal;
	font-size: 83%;
}

/*  searchList
----------------------------------------------------------------------*/
.searchList > li {
	overflow:hidden;
	*zoom:1;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
.searchList :first-child {
	border-top: none;
	padding-top: 0;
}
.searchList .number {
	float: left;
	border: 2px solid #ccc;
	width: 44px;
	height: 26px;
	line-height: 27px;
	text-align: center;
	margin: 0 20px 0 0;
}
.searchList .img {
	float: left;
	margin: 0 40px 0 0;
}
.searchList .summary {
	float: left;
}
.searchList .summary .label {
	margin: 0 0 5px;
	line-height: 1;
}
.searchList .summary dl {
	overflow:hidden;
	*zoom:1;
	margin: 0;
}
.searchList .summary dt,
.searchList .summary dd {
	float: left;
}
.searchList .summary dt {
	font-weight: bold;
}
.searchList .summary dd {
	padding-left: 1em;
	text-indent: -1em;
}

.searchList .name {
	float: left;
	margin: 0 20px 0 0;
	width: 445px;
}
.searchList .name dt {
	margin: 0 0 10px;
}
.searchList .name .link {
	margin-bottom: 20px;
}
.searchList .name a {
	color: #1152b2;
}
.searchList .btns {
	float: right;
}
.searchList .btns li {
	margin: 0 0 10px;
	display: block;
}
.searchList .btns .btn {
	width: 204px;
}
.searchList .selectArea {
	background: #eee;
	padding: 20px;
	text-align: center;
	float: right;
}
.searchList .selectArea dl {
	margin: 0 0 10px;
}
.searchList .selectArea dl dt,
.searchList .selectArea dl dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: middle;
}
.searchList .selectArea .easy-select-box .esb-displayer {
	width: 24px;

}
.searchList .selectArea .btn {
	width: 188px;
}



/*** .md-cad ***/
.searchList.md-cad .img {
	width: 142px;
}
.searchList.md-cad .img img {
	max-width: 142px;
}
.searchList.md-cad .summary dt {
	width: 31px;
}
.searchList.md-cad .summary dd {
	width: 380px;
}

/*** .md-catalog ***/
.searchList.md-catalog .img {
	width: 127px;
	border: 1px solid #ccc;
}
.searchList.md-catalog .img img {
	max-width: 127px;
}
.searchList.md-catalog .summary dt {
	width: 31px;
}
.searchList.md-catalog .summary dd {
	width: 355px;
	padding-left: 15px;
	text-indent: -15px;
}

/*** .md-seminar ***/
.searchList.md-seminar .summary dt {
	width: 76px;
}
.searchList.md-seminar .summary dd {
	width: 755px;
	padding-left: 15px;
	text-indent: -15px;
}

/*** .md-example ***/
.searchList.md-example .img {
	width: 160px;
	border: 1px solid #ccc;
}
.searchList.md-example .img img {
	max-width: 160px;
}
.searchList.md-example .summary dt {
	width: 61px;
}
.searchList.md-example .summary dd {
	width: 323px;
	padding-left: 15px;
	text-indent: -15px;
}




/*  .itemList
----------------------------------------------------------------------*/
.itemList li {
	text-align: center;
	padding-bottom: 10px;
}
.itemList .view {
	text-align: left;
	font-size: 120%;
	font-weight: bold;
}
.itemList .img {
	margin: 0 0 15px;
}
.itemList .img dt {
	margin: 0 auto 15px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: top;
	border: 1px solid #ccc;
}
.itemList .img img {
	max-width: 168px;
}
.itemList .btns {
	margin: 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: top;
	text-align: left;
	max-width: 224px;
}
.itemList .btns li {
	padding: 0;
	width: 71px;
}
.itemList .btns .btn {
	width: 65px;
	height: 28px;
	line-height: 28px;
	padding: 0;
	margin: 0 3px 10px;
	font-size: 86.66%;
}

/*  .pageAnc
----------------------------------------------------------------------*/
.pageAnc ul {
	overflow:hidden;
	*zoom:1;
	margin: 0 -10px 0 0;
}
.pageAnc li {
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
}
.pageAnc a {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #143058;
	background: #a3c5f7;
}
.pageAnc a:hover {
	text-decoration: none;
	background: #b6cef1;
}
.pageAnc a .arrow {
	background: url(../../img/default/icon/arrow07_down.png) 0 center no-repeat;
	padding: 0 0 0 13px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: top;
}

.pageAnc.column3 li {
	width: 313px;
}
.pageAnc.column4 li {
	width: 232px;
}
.pageAnc.column5 li {
	width: 184px;
}

/*  exList
----------------------------------------------------------------------*/
.exList {
	overflow:hidden;
	*zoom:1;
	margin: 0 -20px -20px 0;
}
.exList li {
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}
.exList a {
	display: block;
	overflow:hidden;
	*zoom:1;
	width: 426px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 20px;
}
.exList a:hover {
	text-decoration: none;
}
.exList .img {
	float: left;
	margin: 0 18px 0 0;
}
.exList .img img {
	max-width: 204px;
	max-height: 135px;
}
.exList .label {
	background: #555;
	color: #fff;
	font-size: 86.66%;
	text-align: center;
	padding: 3px 12px;
	margin: 0 0 5px;
	max-width: 180px;
}

.exList .date {
	margin: 0;
}
.exList .name {
	color: #1152b2;
	font-weight: bold;
	margin: 0;
}
.exList a:hover .date,
.exList a:hover .name {
	text-decoration: underline;
}
.exList .labelNewBuild {
	margin: 0;
}
.exList .info {
	/* width: 204px; */
	margin-top: 10px;
}
.exList .info dl {
	margin: 0;
	font-size: 86.66%;
}
.exList .info dt,
.exList .info dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: top;
}
.exList .address dt {
	width: 4em;
}
.exList .address dd {
	width: 10em;
}
.exList .btn {
	width: 178px;
	margin: 10px 0 0;
}
.exList a:hover .btn {
	background: #5986C9;
}

/*  recommendList
----------------------------------------------------------------------*/
.recommendList {
	overflow:hidden;
	*zoom:1;
	margin: 0 -20px -20px 0;
}
.recommendList li {
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	width: 304px;
	margin: 0 20px 20px 0;
	padding: 10px 0 0 0;
}
.recommendList a {
	display: block;
	overflow:hidden;
	*zoom:1;
	/* height: 100px; */
	padding: 20px 0;
	border-bottom: 1px dotted #ccc;
	height: 116px;
}
.recommendList a.last {
	border-bottom: none;
}
.recommendList .headLine4 {
	margin: 0;
	padding: 0 8px 10px;
	font-size: 106.66%;
	background: #fff;
}
.recommendList .img {
	float: left;
	margin: 0 10px 0 20px;
	width: 100px;
}
.recommendList .img img {
	max-width: 100px;
}
.recommendList .noAround {
	margin: 0 20px 0 0;
	font-size: 93.33%;
}
.recommendList dt {
	color: #1152b2;
	font-weight: bold;
}
.recommendList dd {
	height: 6.4em;
}

/*  .recommendFixed
----------------------------------------------------------------------*/
.recommendFixed {
	position: fixed;
	right: 0;
	top: 182px;
	z-index: 100;
}
.recommendFixed_txt,
.recommendFixed_hide {
	display: block;
}
/*  .recommendFixed-sp
----------------------------------------------------------------------*/
.recommendFixed-sp {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 980px;
	background: #17add9;
	opacity: 1.0;
	text-align: center;
	margin: 0;
	display: table;
	z-index: 100;
}
.recommendFixed_txt-sp {
	vertical-align: middle;
	display: block;
	color: #ffffff;
	position: relative;
	height: 107px;
	line-height: 107px;
	font-size: 40px;
}
.recommendFixed_txt-sp span {
	display: inline-block;
	margin-top: 2px;
}
.recommendFixed_txt-sp:before {
	content: '';
	background: url(/local/recommend/smartphone/recommend_fixed_light.png) 0 0 no-repeat;
	width: 44px;
	height: 44px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
	zoom: 1.6;
}
.recommendFixed_txt-sp:after {
	content: '';
	background: url(/local/recommend/smartphone/recommend_fixed_arrow.png) 0 0 no-repeat;
	width: 32px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
	zoom: 1.6;
}
.recommendFixed_hide-sp {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	border-left: 1px solid #ffffff;
}
.recommendFixed_hide-sp span {
	width: 107px;
	height: 107px;
	text-align: center;
	line-height: 107px;
	display: block;
	border-left: 1px solid #ffffff;
}
.recommendFixed-sp img {
	vertical-align: middle;
	zoom: 1.6
}

/*  .recommendModal
----------------------------------------------------------------------*/
.recommendModal {
	display: none;
	z-index: 1000;
	position: absolute;
	top: -148px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
}
.recommendModal_overlay {
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.recommendModal_content {
	background: #eee;
	width: 960px;
	padding: 10px;
	position: absolute;
	left: 50%;
	margin-left: -490px;
}
.recommendModal_content .headLine3 {
	position: relative;
	padding-right: 80px;
}
.recommendModal_close {
	position: absolute;
	right: 10px;
	top: 0;
	display: block;
}
/*  .categoryList
----------------------------------------------------------------------*/
.categoryList {
	overflow:hidden;
	*zoom:1;
	margin: 0 -20px -20px 0;
}
.categoryList li {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	width: 223px;
	margin: 0 20px 20px 0;
	position: relative;
}
.categoryList li a {
	display: block;
	padding: 20px;
}
.categoryList .img {
	text-align: center;
}
.categoryList .img img {
	max-width: 183px;
}
.categoryList dl {
	margin: 0;
}
.categoryList dt {
	color: #1152b2;
	background: url(../../img/default/icon/arrow05.png) 0 8px no-repeat;
	padding: 0 0 0 13px;
}
.categoryList dt span {
	font-size: 93.33%;
}

/*  qaList
----------------------------------------------------------------------*/
.qaList li {
	border-bottom: 1px solid #ccc;
	padding: 30px 0 10px;
}
.qaList :first-child {
	padding-top: 0;
}
.qaList .question {
	background: #eee;
	padding: 15px 20px;
	margin: 0;
}
.qaList .question dt {
	color: #1152b2;
	font-size: 120%;
	font-weight: bold;
	float: left;
	margin: 0 5px 0 0;
}
.qaList .question dt a {
	color: #1152b2;
}
.qaList .question dd {
	overflow:hidden;
	*zoom:1;
}
.qaList .question .title {
	color: #1152b2;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 5px;
}
.qaList .question .category {
	margin: 0;
	padding-left: 4.5em;
	text-indent: -4.5em;
}
.qaList .answer {
	padding: 15px 20px;
	margin: 0;
}
.qaList .answer dt {
	float: left;
	color: #cb2b00;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.qaList .answer dd {
	overflow:hidden;
	*zoom:1;
}


/*  sortCtrl
----------------------------------------------------------------------*/
.sortCtrl dt,
.sortCtrl dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: middle;
	line-height: 30px;
}
.sortCtrl dt {
	margin: 0 15px 0 0;
}
.sortCtrl dd {
	margin: 0 7px 0 0;
}
.sortCtrl a {
	display: block;
	padding: 0 17px;
	background: #555;
	border: 1px solid #555;
	color: #fff;
}
.sortCtrl .active,
.sortCtrl .active:hover {
	background: #fff;
	border: 1px solid #ccc;
	color: #222;
}
.sortCtrl a:hover {
	text-decoration: none;
	background: #888;
	border: 1px solid #888;
	color: #fff;
}

/*  規約
----------------------------------------------------------------------*/
.agree {
	margin: 0 0 30px;
}
.agree  iframe {
	width: 938px;
	overflow: hidden;
}
.agreement {
	background: #fff;
	overflow: hidden;
}
.agreement .scrollBoxInner {
	padding-right: 56px;
}
.agreement .scrollBox p,
.agreement .scrollBox dt,
.agreement .scrollBox dd {
	margin: 0 0 25px;
}
.agreement .scrollBox dt {
	font-weight: bold;
}
.consent {
	background: #ccc;
	padding: 20px;
	text-align: center;
	width: 360px;
	margin: 0 auto 30px;
}
.consent dt {
	margin: 0 0 20px;
}
.consent dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align: top;
	padding: 0 24px 0 20px;
	border-right: 1px dotted #555;
}
.consent .lastChild {
	border-right: none;
}

/*============================================================
  .promotion
============================================================*/
.promotion {
	position: fixed;
	right: -80px;
	top: 167px;
	background: #22439c;
	width: 80px;
	visibility: hidden;
	z-index: 500;
}
.promotion_inner {
}
.promotion_cates {
}

.promotion_cate {
}
.promotion_btn {
	margin: 0;
}
.promotion_btn > a {
	display: block;
	background: url(../../img/default/promotion/promotion_btns.png) 0 0 no-repeat;
	height: 82px;
	text-indent: -9999px;
	margin: 0;
	position: relative;
	z-index: 2;
}
.promotion_btn-01 > a {
	background-position: 0 0;
}
.promotion_btn-02 > a {
	background-position: 0 -82px;
}
.promotion_btn-03 > a {
	background-position: 0 -164px;
}
.promotion_btn-04 > a {
	background-position: 0 -246px;
}
.promotion_btn-05 > a {
	background-position: 0 -328px;
}

.promotion_cate-isOpen .promotion_btn-01 > a {
	background-position: right 0;
}
.promotion_cate-isOpen .promotion_btn-02 > a {
	background-position: right -82px;
}
.promotion_cate-isOpen .promotion_btn-03 > a {
	background-position: right -164px;
}
.promotion_cate-isOpen .promotion_btn-04 > a {
	background-position: right -246px;
}
.promotion_cate-isOpen .promotion_btn-05 > a {
	background-position: right -328px;
}


.promotion_body {
	position: absolute;
	top: -147px;
	right: 80px;
	width: 852px;
	height: 568px;
	border: 6px solid #22439c;
	background: #eee;
	display: none;
	-webkit-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
	z-index: 1;
	padding: 15px;
}
.promotion_cate-isOpen .promotion_body {
	display: block;
}
.promotion_cateLoad {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -32px;
}
.promotion_cateClose {
	margin: 0;
}
.promotion_cateClose a {
	display: block;
	position: absolute;
	top: 14px;
	right: 15px;
	color: #22439c;
	z-index: 1;
}
.promotion_cateClose a:before {
	content: url(../../img/default/promotion/box_close.png);
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin: 0 8px 0 0;
}
.promotion_title {
	font-size: 16px;
	border-bottom: 2px solid #22439c;
	padding: 0 80px 10px 0;
}
.promotion_title:before {
	margin: 0 15px 0 0;
	line-height: 1;
	vertical-align: middle;
	display: inline-block;
}
.promotion_title-recommend {
	padding-bottom: 8px;
}
.promotion_title-recommend:before {
	content: url(../../img/default/promotion/recommend.png);
}
.promotion_title-pickup {
	padding-bottom: 8px;
}
.promotion_title-pickup:before {
	content: url(../../img/default/promotion/pickup.png);
	margin-right: 17px;
}
.promotion_title-catalog:before {
	content: url(../../img/default/promotion/catalog.png);
}
.promotion_title-seminar {
	padding-bottom: 8px;
}
.promotion_title-seminar:before {
	content: url(../../img/default/promotion/seminar.png);
	margin-right: 7px;
}
.promotion_title-example:before {
	content: url(../../img/default/promotion/example.png);
}



.promotion_contents {
	margin: 18px -20px 0 0;
	height: 506px;
	position: relative;
	overflow: hidden;
}
.promotion_contents-dummy {
	margin: 0;
	height: auto;
}
.promotion_contentsInner {
	display: none;
	padding-right: 56px;
}
.promotion_contents .recommendList li {
	width: 252px;
}

.promotion_close {
	position: relative;
	margin: 0;
	z-index: 2;
}
.promotion_close a {
	display: block;
	background: url(../../img/default/promotion/promotion_btns.png) 0 bottom no-repeat;
	text-indent: -9999px;
	height: 39px;
}
.promotion_close a:hover {
	background-position: right bottom;
}


/*  promoRecommend
----------------------------------------------------------------------*/
.promoRecommend {
}
.promoRecommend_list {
	letter-spacing: -.44em;
	margin: -18px 0 0 -20px;
}
.promoRecommend_item {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: 256px;
	margin: 18px 0 0 20px;
	background: #fff;
	border: 1px solid #cdcdcd;
}
.promoRecommend_title {
	border-left: 4px solid #1152b2;
	margin: 10px 15px 0;
	font-weight: bold;
	padding-left: 5px;
}

.promoRecommend_block {
	display: block;
	color: #333;
	border-top: 1px dotted #ccc;
	padding: 10px 15px;
	overflow: hidden;
	height: 116px;
}
.promoRecommend_title + .promoRecommend_block {
	border-top: none;
}
.promoRecommend_name {
	color: #22439c;
	margin: 0 0 5px;
	text-decoration: none;
	line-height: 1.29;
}
.promoRecommend_img {
	float: left;
	margin: 0 10px 0 0;
}
.promoRecommend_img img {
	max-width: 70px;
	max-height: 80px;
}
.promoRecommend_txt {
	font-size: 12px;
	overflow: hidden;
	margin: 0;
}

/*  promoPickup
----------------------------------------------------------------------*/
.promoPickup {
}
.promoPickup_list {
	letter-spacing: -.44em;
	margin: -18px 0 0 -20px;
}
.promoPickup_item {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin: 18px 0 0 20px;
	background: #fff;
	border: 1px solid #cdcdcd;
	width: 396px;
}
.promoPickup_item > a,
.promoPickup_item > span {
	padding: 15px 14px;
	display: block;
}
.promoPickup_title {
	border-left: 4px solid #1152b2;
	margin: 0;
	font-weight: bold;
	padding-left: 5px;
	margin: 0;
}
.prpmpPickup_bnr {
	display: block;
	margin: 10px 0 0;
}
.prpmpPickup_bnr img {
	width: 367px;
}

/*  .promoCatalog
----------------------------------------------------------------------*/
.promoCatalog {
}
.promoCatalog_list {
	letter-spacing: -.44em;
	margin: -18px 0 0 -20px;
}
.promoCatalog_item {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin: 18px 0 0 20px;
	background: #fff;
	border: 1px solid #cdcdcd;
	width: 395px;
}
.promoCatalog_box {
	display: block;
	padding: 15px;
	overflow: hidden;
	position: relative;
}
.promoCatalog_name {
	border-left: 4px solid #1152b2;
	font-weight: bold;
	padding-left: 5px;
	margin: 0;
}
.promoCatalog_img {
	float: left;
	margin: 10px 10px 0 0;
}
.promoCatalog_img img {
	width: 100px;
}
.promoCatalog_txts {
	overflow: hidden;
	padding-bottom: 1.2em;
	margin: 10px 0 0;
	font-size: 12px;
}
.promoCatalog_date {
	position: absolute;
	margin: 0;
	right: 15px;
	bottom: 15px;
}
.promoCatalog_listBtn {
	text-align: center;
	margin: 15px 0 0;
}
.promoCatalog_note {
	text-align: center;
	margin: 5px 0 0;
}

/*  .promeSeminar
----------------------------------------------------------------------*/
.promoSeminar {
}
.promoSeminar_listFrame {
	background: #fff;
	border: 1px solid #cdcdcd;
	padding: 0 15px;
}
.promoSeminar_list {
	margin: 0;
}
.promoSeminar_list > :first-child {
	margin-top: 0;
	border-top: none;
}
.promoSeminar_item {
	border-top: 1px dotted #ccc;
	padding: 20px 0;
	overflow: hidden;
	letter-spacing: -.44em;
}
.promoSeminar_place {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	background: #888;
	font-size: 12px;
	margin: 1px 10px 0 0;
	line-height: 1.2;
}
.promoSeminar_date {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin: 0 1em 0 0;
	line-height: 1.2;
	width: 170px;
}
.promoSeminar_time {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin: 0 15px 0 0;
	padding-right: 15px;
	border-right: 1px solid #ccc;
	line-height: 1.2;
	width: 117px;
}
.promoSeminar_title {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	margin: 0;
	line-height: 1.2;
	width: 395px;
}
.promoSeminar_btn {
	margin: 15px 0 0;
	text-align: center;
}
.promoSeminar_note {
	margin: 5px 0 0;
	text-align: center;
}
.promoSeminar_cpd {
	overflow: hidden;
	margin: 10px 0 0;
}
.promoSeminar_cpdTitle {
	float: left;
	margin: 0 25px 0 0;
	font-weight: bold;
	font-size: 15px;
}
.promoSeminar_cpdTxt {
	overflow: hidden;
	padding: 0 0 0 25px;
	margin: 0;
	border-left: 1px solid #ccc;
	font-size: 13px;
}

/*  .promoExample
----------------------------------------------------------------------*/
.promoExample {
}
.promoExample_list {
	letter-spacing: -.44em;
	margin: -18px 0 0 -20px;
}
.promoExample_item {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin: 18px 0 0 20px;
	width: 395px;
}
.promoExample_item > a {
	display: block;
	background: #fff;
	border: 1px solid #cdcdcd;
	padding: 15px;
	overflow: hidden;
	height: 145px;
}
.promoExample_img {
	float: left;
	max-width: 160px;
	margin: 0 15px 0 0;
}
.promoExample_img img {
	max-width: 100%;
}
.promoExample_body {
	overflow: hidden;
}
.promoExample_label {
	font-size: 12px;
	color: #fff;
	background: #555;
	display: inline-block;
	padding: 3px 10px;
	margin: 0;
}
.promoExample_date {
	margin: 5px 0 0;
}
.promoExample_title {
	margin: 0;
	color: #1152b2;
	font-weight: bold;
}
.promoExample_btn {
	margin: 15px 0 0;
	text-align: center;
}
.promoExample_note {
	margin: 5px 0 0;
	text-align: center;
}



/*============================================================
  .jazzWiki
============================================================*/
.jazzWiki em {
	font-style: italic;
}
.jazzWiki h3 {
	background: #0e3d7f;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	margin: 0 0 30px;
}

.jazzWiki h4 {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 2px solid #0e3d7f;
	padding: 0 0 10px;
	margin: 0 0 25px;
}
.jazzWiki h5 {
	font-weight: bold;
	margin: 0 0 15px;
}