@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 {
}




/*-------------------------------------------------------------
拡張罫線

.extLine

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

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

.extLineDummy {
	width: 100%;
	font-size: 0.1em;
	line-height: 0.1em;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
.extLineDummy hr {
	display: none;
}