@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%;
}



/*-------------------------------------------------------------
タイトル（見出し - 大きくて太いタイトル）

.bTtl 
┗ h3

-------------------------------------------------------------*/
.bTtl {
}



/*-------------------------------------------------------------
タイトル（見出し - 小さいタイトル）

.bSubTtl 
┗ h4

-------------------------------------------------------------*/
.bSubTtl {
}



/*-------------------------------------------------------------
テキストのみ

.bTxt
┗ p

-------------------------------------------------------------*/
.bTxt {
}
.bTxt p {
	margin: 0;
	padding: 0;
}



/*-------------------------------------------------------------
画像のみ

.bImg
┣ img
┗ p.imgCap

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

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



/*-------------------------------------------------------------
画像（左）+テキスト（右）

.bImgTxt
┣ .bImgTxtLeft
｜	┣ img
｜	┗ p.imgCap
｜
┗ .bImgTxtRight
	┗ p

-------------------------------------------------------------*/
.bImgTxt {
}
.bImgTxt .bImgTxtLeft {
	float: left;
	text-align: center;
}
.bImgTxt .bImgTxtLeft img {
	width: 100%;
}

.bImgTxt .bImgTxtLeft p.imgCap {
}
.bImgTxt .bImgTxtRight {
}
.bImgTxt .bImgTxtRight p {
	margin: 0;
}



/*-------------------------------------------------------------
画像（右）+テキスト（左）

.bTxtImg
┣ .bTxtImgLeft
｜	┗ p
｜
┗ .bTxtImgRight
	┣ img
	┗ p.imgCap

-------------------------------------------------------------*/
.bTxtImg {
}
.bTxtImg .bTxtImgLeft {
}
.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;
}



/*-------------------------------------------------------------
Flash swfアニメーション

.bFlash
┗ h5

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

.bFlash {
}
.bFlash h5 {
}



/*-------------------------------------------------------------
Flashダウンロード案内

.bFlaDl
┣ .bFlaDlLeft
｜	┗ p
｜
┗ .bFlaDlRight
	┗ img

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



/*-------------------------------------------------------------
Google MAP

.bMap
┗ .bMapArea

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

.bMap {
}




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

フォームジェネレータ

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

.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; }