@charset "UTF-8";




/*-------------------------------------------------------------
col1（1カラム：100%）
-------------------------------------------------------------*/

.col1 {
	width: 100%;
}
.col1 .box1 {
	width: 100%;
}




/*-------------------------------------------------------------
col2-1（2カラム：50%｜50%）
-------------------------------------------------------------*/
.col2-1 {
}
.col2-1 .box1 {
	float: left;
	width: 50%;
}
.col2-1 .box2 {
	float: right;
	margin-left: -1px;
	width: 50%;
}




/*-------------------------------------------------------------
col2-4（2カラム：23%｜77%）
-------------------------------------------------------------*/
.col2-4 {
}
.col2-4 .box1 {
	float: left;
	width: 23%;
}
.col2-4 .box2 {
	float: right;
	margin-left: -1px;
	width: 77%;
}




/*-------------------------------------------------------------
col2-5（2カラム：77%｜23%）
-------------------------------------------------------------*/
.col2-5 {
}
.col2-5 .box1 {
	float: left;
	width: 77%;
}
.col2-5 .box2 {
	float: right;
	margin-left: -1px;
	width: 23%;
}




/*-------------------------------------------------------------
col2-2（2カラム：33%｜67%）
-------------------------------------------------------------*/
.col2-2 {
}
.col2-2 .box1 {
	float: left;
	width: 33%;
}
.col2-2 .box2 {
	float: right;
	margin-left: -1px;
	width: 67%;
}





/*-------------------------------------------------------------
col2-3（2カラム：67%｜33%）
-------------------------------------------------------------*/
.col2-3 {
}
.col2-3 .box1 {
	float: left;
	width: 67%;
}
.col2-3 .box2 {
	float: right;
	margin-left: -1px;
	width: 33%;
}





/*-------------------------------------------------------------
col2-6（2カラム：38%｜62%）
-------------------------------------------------------------*/
.col2-6 {
}
.col2-6 .box1 {
	float: left;
	width: 38%;
}
.col2-6 .box2 {
	float: right;
	margin-left: -1px;
	width: 62%;
}




/*-------------------------------------------------------------
col2-7（2カラム：62%｜38%）
-------------------------------------------------------------*/
.col2-7 {
}
.col2-7 .box1 {
	float: left;
	width: 62%;
}
.col2-7 .box2 {
	float: right;
	margin-left: -1px;
	width: 38%;
}




/*-------------------------------------------------------------
col2-8（2カラム：固定｜可変）
-------------------------------------------------------------*/
.col2-8 {
}
.col2-8 .box1 {
	float: left;
	width: 100%;
}
.col2-8 .box2 {
	float: left;
	width: 220px;
	margin-left: -100%;
}




/*-------------------------------------------------------------
col2-9（2カラム：可変｜固定）
-------------------------------------------------------------*/
.col2-9 {
}
.col2-9 .box1 {
	float: left;
	width: 100%;
	margin-right: -100%;
}
.col2-9 .box2 {
	float: right;
	width: 220px;
}





/*-------------------------------------------------------------
col3-1（3カラム：33%｜34%｜33%）
-------------------------------------------------------------*/
.col3-1 {
}
.col3-1 .box1 {
	float: left;
	width: 33%;
}
.col3-1 .box2 {
	float: left;
	width: 34%;
}
.col3-1 .box3 {
	float: right;
	margin-left: -1px;
	width: 33%;
}




/*-------------------------------------------------------------
col3-2（3カラム：25%｜50%｜25%）
-------------------------------------------------------------*/
.col3-2 {
}
.col3-2 .box1 { float: left; width: 25%; }
.col3-2 .box2 { float: left; width: 50%; }
.col3-2 .box3 { float: right; margin-left: -1px; width: 25%; }




/*-------------------------------------------------------------
col3-3（3カラム：25%｜25%｜50%）
-------------------------------------------------------------*/
.col3-3 {
}
.col3-3 .box1 {
	float: left;
	width: 25%;
}
.col3-3 .box2 {
	float: left;
	width: 25%;
}
.col3-3 .box3 {
	float: right;
	margin-left: -1px;
	width: 50%;
}





/*-------------------------------------------------------------
col3-4（3カラム：50%｜25%｜25%）
-------------------------------------------------------------*/
.col3-4 {
}
.col3-4 .box1 {
	float: left;
	width: 50%;
}
.col3-4 .box2 {
	float: left;
	width: 25%;
}
.col3-4 .box3 {
	float: right;
	margin-left: -1px;
	width: 25%;
}





/*-------------------------------------------------------------
col3-5（3カラム：固定｜可変｜固定）
-------------------------------------------------------------*/
.col3-5 {
}
.col3-5 .box1 {
	float: left;
	width: 100%;
}
.col3-5 .box2 {
	float: left;
	width: 220px;
	margin-left: -100%;
}
.col3-5 .box3 {
	float: left;
	width: 220px;
	margin-left: -220px;
}




/*-------------------------------------------------------------
col4（4カラム：25%｜25%｜25%｜25%）
-------------------------------------------------------------*/
.col4 {
}
.col4 .box1 {
	float: left;
	margin-right: -1px;
	width: 25%;
}
.col4 .box2 {
	float: left;
	width: 25%;
}
.col4 .box3 {
	float: left;
	width: 25%;
}
.col4 .box4 {
	float: right;
	margin-left: -1px;
	width: 25%;
}










.bTxt p {margin: 0;padding: 0;}






/*-------------------------------------------------------------
ファイルダウンロードファイル

.bFile
┣ .bFileLeft
｜	┗ img
｜
┗ .bFileRight
	┣ p
	┗ p

-------------------------------------------------------------*/
.bFile {
}
.bFile .bFileLeft {
	float: left;
	width: 32px;
}
.bFile .bFileLeft img {
}
.bFile .bFileRight {
	margin: 0 0 0 42px;
}
.bFile .bFileRight p {
	margin: 0;
}





/*-------------------------------------------------------------
表（2列）

.bList2 
┗ table

-------------------------------------------------------------*/
.extTable {
}



.bItems ol {list-style-position: outside;}
.bItems ul {list-style-position: outside;}


.bLineBorderNone {font-size:0.1em;line-height:0.1em;width:100%;}
.bLineBorderNone hr{display: none;}



.bImg {text-align: center;}
.bImg img {width: 100%;}
.bImg p.imgCap {margin: 0;padding:  5px 0 0 0;font-weight: bold;text-align: center;}




.bImgbtn {overflow: hidden;}
.bImgbtn img {vertical-align: bottom;}


.bImgTxt .bImgTxtLeft {float: left;text-align: center;}
.bImgTxt .bImgTxtLeft img {width: 100%;}
.bImgTxt .bImgTxtRight p {margin: 0;}


.bTxtImg .bTxtImgLeft p {margin: 0;}
.bTxtImg .bTxtImgRight {float: right;text-align: center;overflow: hidden;}
.bTxtImg .bTxtImgRight img {width: 100%;}
.bTxtImg .bTxtImgRight p.imgCap {margin: 0;}


.bVImgTxt .bVImgTxtImg img {width: 100%;}



.bImgTtlTxt .bImgTtlTxtLeft {float: left;}
.bImgTtlTxt .bImgTtlTxtLeft img {width: 100%;}
.bImgTtlTxt .bImgTtlTxtRight h5 {margin: 0;padding: 0;}
.bImgTtlTxt .bImgTtlTxtRight p {margin: 0;}


.bVImgTtlTxt .bVImgTtlTxtImg img {width: 100%;}


.bVImgTtlTxt2 .bVImgTtlTxt2Img img {width: 100%;}
.bVImgTtlTxt2 .bVImgTtlTxt2Left {float: left;width: 50%;}
.bVImgTtlTxt2 .bVImgTtlTxt2Right {float: right;width: 50%;margin-left: -1px;	/*IE6 レイアウト対応*/}


.bImgTtlTxt2 img {width: 100%;}
.bImgTtlTxt2Left {float: left;width: 50%;}
.bImgTtlTxt2Right {float: right;width: 50%;margin-left: -1px;	/*IE6 レイアウト対応*/}
.bImgTtlTxt2 .bImgTtlTxt2Img {float: left;}


.bImg2Txt2 p.imgCap {margin: 0;text-align: center;}
.bImg2Txt2 p {margin: 0;text-align: left;}
.bImg2Txt2 .bImg2Txt2Left {float: left;width: 50%;}
.bImg2Txt2 .bImg2Txt2Left img {width: 100%;}
.bImg2Txt2 .bImg2Txt2Right {float: right;margin-left: -1px;	/*IE6 レイアウト対応*/width: 50%;}
.bImg2Txt2 .bImg2Txt2Right img {width: 100%;}


.bImg3Txt3 img {width: 100%;}
.bImg3Txt3 p.imgCap {margin: 0;}
.bImg3Txt3 p {margin: 0;text-align: left;}
.bImg3Txt3 .bImg3Txt3Left {float: left;width: 33%;text-align: center;}
.bImg3Txt3 .bImg3Txt3Center {float: left;width: 34%;text-align: center;}
.bImg3Txt3 .bImg3Txt3Right {float: right;width: 33%;margin-left: -1px;	/*IE6 レイアウト対応*/text-align: center;}


.bImgttl {overflow: hidden;}
.bImgttl h3 {margin: 0;padding: 0;display: block;text-indent: -9999px;background-position: 0 0;background-repeat: no-repeat;}


.bCatList {
	position: relative;
}
.bCatList ul {
	list-style-position: outside;
}






.bAnchorSide ul li {
	display: inline;
}




.bFlaDl {width: 100%;}
.bFlaDl .bFlaDlLeft p {margin: 0;font-size: 0.8em;line-height: 1.4em;}
.bFlaDl .bFlaDlRight {margin: 6px 0 0 0;width: 160px;}





/*-------------------------------------------------------------
RSSリーダー

.bRssReader
┗ ul
 	┗ li
		┣ span
		┗ h3

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

/*リピートブロック*/
.bRssReader ul {
	list-style-position: outside;
}
.bRssReader ul li {
}
.bRssReader ul li img {
	width: 25%;
	height: auto;
	border: 0;
}
/*日付*/
.bRssReader li span {
}
/*タイトル*/
.bRssReader li h3 {
}




















.bCatList {
	position: relative;
}
.bCatList ul {
	list-style-position: outside;
}



/*-------------------------------------------------------------
サイトマップ

.bSiteMap
┗ ul.bSiteMapGlobal
 	┗ li.bSiteMapGli
		┗ ul.bSiteMapLocal
 			┗ li.bSiteMapLli

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

.bSiteMap {
}
.bSiteMap ul {
	list-style-position: outside;
}
.bSiteMap ul li {
}



.bCatList {
	position: relative;
}
.bCatList ul {
	list-style-position: outside;
}


.bCatList {
	position: relative;
}
.bCatList ul {
	list-style-position: outside;
}







/*-------------------------------------------------------------
SNS

.bSnsBtn
┣ iframe
┣ iframe
┣ div
┗ iframe

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


/*------------------------------------------------------------
PC向け
-------------------------------------------------------------*/
.bSnsBtn div.bSnsBtnInner { margin: 0; display: inline-block; padding-bottom: 5px; *display: inline; *zoom: 1; }
.bSnsBtn div.bSnsBtnInner iflame { margin: 0 !important; }


/*------------------------------------------------------------
スマートフォン向け
-------------------------------------------------------------*/
.spLayout .bSnsBtn { }



/*各unit_ext.cssに記述*/












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

フォームジェネレータ

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

.w2 { width: 2em !important; }
.w3 { width: 3em !important; }
.w4 { width: 4em !important; }
.w5 { width: 5em !important; }
.w6 { width: 6em !important; }
.w7 { width: 7em !important; }
.w8 { width: 8em !important; }
.w9 { width: 9em !important; }
.w10 { width: 10em !important; }
.w11 { width: 11em !important; }
.w12 { width: 12em !important; }

.lt { text-align: left !important; }
.ct { text-align: center !important; }
.rt { text-align: right !important; }

.extMdlFormGnrtr {
	width: 100%;
}
.extMdlFormGnrtr table.extMdlFormGnrtrTable {
	width: 100%;
}
.extMdlFormGnrtr table {
	margin: 0 0 10px 0;
	border-collapse: collapse;
	border-spacing: 0;
	border-top-style: solid;
	border-top-width: 1px;
}
.extMdlFormGnrtr th {
	padding: 10px;
	width: 25%;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 5px;
}
.extMdlFormGnrtr td {
	padding: 10px 0 10px 10px;
	text-align: left;
	vertical-align: top;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/*入れ子テーブル（複数行）*/
.extMdlFormGnrtr td.extMdlFormGnrtrInner {
	padding: 0;
}
.extMdlFormGnrtr td.extMdlFormGnrtrInner table {
	margin: 0;
	width: 100%;
	border-top: none;
}
.extMdlFormGnrtr td.extMdlFormGnrtrInner table th {
	padding: 10px 0 10px 10px;
	width: 20%;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 2px;
}
.extMdlFormGnrtr td.extMdlFormGnrtrInner table td {
	padding: 10px 0 10px 0;
	text-align: left;
	vertical-align: middle;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
/*入れ子テーブル（終行）*/
.extMdlFormGnrtr td.extMdlFormGnrtrInner .listEnd { border-bottom: none !important; }

/*入れ子テーブル（一行）*/
.extMdlFormGnrtr td.extMdlFormGnrtrInner2 {
	padding: 10px 0 10px 10px;
}
.extMdlFormGnrtr td.extMdlFormGnrtrInner2 table {
	margin: 0;
	border: none;
}
.extMdlFormGnrtr td.extMdlFormGnrtrInner2 table th {
	border: none;
}
.extMdlFormGnrtr td.extMdlFormGnrtrInner2 table td {
	padding: 0;
	text-align: left;
	vertical-align: middle;
	border: none;
}
/*入れ子テーブル（複数行）*/
.extMdlFormGnrtr td.extMdlFormGnrtrInner3 {
	padding: 0 !important;
	border: none !important;
}
.extMdlFormGnrtr td.extMdlFormGnrtrInner3 .extMdlFormGnrtrHr {
	padding: 10px 0 0 0 !important;
	border-bottom-style: solid !important;
}
.extMdlFormGnrtr td.extMdlFormGnrtrInner3 .extMdlFormGnrtrHr hr {
	display: none !important;
}
.extMdlFormGnrtr td.extMdlFormGnrtrInner3 p.extMdlFormGnrtrGuide {
	margin: 0 !important;
	padding: 20px 0 5px 0 !important;
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
}

/*ボタンエリア*/
.extMdlFormGnrtrBtn {
	padding: 10px;
	text-align: center;
}

/*input*/
.extMdlFormGnrtrBtn input.extBtnClear,
.extMdlFormGnrtrBtn input.extBtnBack { text-align: center; margin-left: 0.5em; border-width: 2px; border-color: #C9898A #753C3D #753C3D #C9898A; width: 9em; vertical-align: middle; color: #FFF; background: #B55D5E; }

/*input*/
.extMdlFormGnrtrBtn input.extBtnNext,
.extMdlFormGnrtrBtn input.extBtnSend { text-align: center; margin-left: 0.5em; border-width: 2px; border-color: #6B7F8E #223441 #223441 #6B7F8E; width: 9em; vertical-align: middle; color: #FFF; background: #345064; }

/*テキストフィールドサイズ*/
.extMdlFormGnrtr td.textLs input,.extMdlFormGnrtr td.textLs textarea { width: 20%; }
.extMdlFormGnrtr td.textLm input,.extMdlFormGnrtr td.textLm textarea { width: 60%; }
.extMdlFormGnrtr td.textLl input,.extMdlFormGnrtr td.textLl textarea { width: 90%; }

/*エラーコメント*/
.extMdlFormGnrtr .err { background: #F2C0C0 !important; }
.extMdlFormGnrtr .errBox { margin: 0 0 10px 0; padding: 5px; background: #F2C0C0; color: #C00; }

/*日付項目（カレンダー）*/
.extMdlFormGnrtrContainer th.calhead { padding: 3px 5px; }
.extMdlFormGnrtrContainer .calweekdayrow th { padding: 3px 5px; border-left: none; }

.extMdlFormGnrtrContainer .calender { width: 200px; }
.extMdlFormGnrtrContainer .calender table { width: 200px; }
.extMdlFormGnrtrContainer .cal { width: 1px; }
.extMdlFormGnrtrContainer .calender td { padding: 3px 5px; }

/*補足テキスト*/
.subCommentTop,.subCommentSide,.subCommentBottom { font-size: 0.8em; }



.extMovieOneImg { position:relative;width:100%}
.extMovieOneImg a.btn-play { position:absolute;top:0;left:0; width:100%}
.extMovieOne{padding:5px;background:#fff;border:1px solid #e3e3e3;}

.extMovieOneImg a {
 text-decoration: none;
}
.extMovieOneImg a:active {
 text-decoration: none;
}
.extMovieOneImg a:hover {
 text-decoration: none;
}
#control_overlay {  
 background-color:#000;
}
.ytmv-mdl-close-btn {
    height: 30px;
    left: -12px;
    overflow: hidden;
    position: absolute;
    top: -12px;
    width: 30px;
    z-index: 20001;
}
.ytifm-container {
	padding-top: 20px;
	background:#000;
}



.extBannerMngrScroll { position:relative;}
.extBannerMngrScroll .slbxouter { padding: 0 30px; overflow: hidden;position:  relative; height: 120px; }
.extBannerMngrScroll .slbx { width: 100% !important; overflow: hidden; }
.extBannerMngrScroll .slbx ul,.slbx li { margin: 0; padding: 0; }
.extBannerMngrScroll .slbx li { list-style: none; float: left; margin-right: 20px; height: 120px; text-align: center; }
.extBannerMngrScroll .slbx li a { display: block; width: 315px; height: 120px; }
.extBannerMngrScroll .slbx li img { vertical-align: bottom; height: 120px; }
.extBannerMngrScroll .slbx li a img { border: none; text-decoration: none; background-color: #FFF; /*border: 1px solid #CCC;*/ }
.extBannerMngrScroll .prev { display: block; width: 25px; height: 120px; background: url(/images/sl_btnPrev.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; position: absolute; top: 0; left: 0; }
.extBannerMngrScroll .prev: hover { background-position:  0 -120px; }
.extBannerMngrScroll .next { display: block; width: 25px; height: 120px; background: url(/images/sl_btnNext.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; position: absolute; top: 0; right: 0; }
.extBannerMngrScroll .next: hover { background: url(/images/sl_btnNext.png) no-repeat 0 -120px; }


.extBannerMngrScroll .slbx-controls { background-color:#fff; padding: 5px; position: absolute;right: 35px;bottom: 5px; z-index:3; width:32px; margin:0 auto;}
.extBannerMngrScroll .slbx-controls-item { display:inline-block;}
.extBannerMngrScroll .play {display:block;width:10px;height:11px;background:url("/js/bxSlider/images/controls.png") no-repeat scroll -86px -11px;cursor:pointer;text-indent:-99999px; margin:0 3px; /*position:absolute; bottom:0; right:50px; z-index:3;*/}
.extBannerMngrScroll .pause {display:block;width:10px;height:11px;background:url("/js/bxSlider/images/controls.png") no-repeat scroll -86px -44px;cursor:pointer;text-indent:-99999px; margin:0 3px; /*position:absolute; bottom:0; right:35px; z-index:3;*/}

.extBannerMngrScroll .play:hover, .extBannerMngrScroll .play.active{ background-position: -86px 0;}
.extBannerMngrScroll .pause:hover, .extBannerMngrScroll .pause.active{ background-position: -86px -33px;}