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



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

.bTtlBg
┗ h3

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

.bTtlBg {
}



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

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



/*-------------------------------------------------------------
画像ボタン

.bImgbtn
┗ img

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

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



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

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




/*-------------------------------------------------------------
罫線

.bLine

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

.bLine {
}
.bLine hr {
}



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

.bPdf
┣ .bPdfLeft
｜	┗ img
｜
┗ .bPdfRight
	┣ p
	┗ p

-------------------------------------------------------------*/
.bPdf {
}
.bPdf .bPdfLeft {
	float: left;
	width: 32px;
}
.bPdf .bPdfLeft img {
}
.bPdf .bPdfRight {
	margin: 0 0 0 42px;
}
.bPdf .bPdfRight p {
	margin: 0;
}



/*-------------------------------------------------------------
ページトップへ戻るボタン

.bPageTop
┗ p

-------------------------------------------------------------*/
.bPageTop {
}
.bPageTop p {
}



/*-------------------------------------------------------------
縦並びアンカー

.bAnchor
┗ ul
	┗li

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

.bAnchor {
}
.bAnchor ul {
}
.bAnchor ul li {
}



/*-------------------------------------------------------------
横並びアンカー

.bAnchorSide
┗ ul
	┗li

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

.bAnchorSide {
}
.bAnchorSide ul {
}
.bAnchorSide ul li {
	display: inline;
}



/*-------------------------------------------------------------
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 {
}



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

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

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

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




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

.bRssReader
┗ ul
 	┗ li
		┣ span
		┗ h3

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

/*リピートブロック*/
.bRssReader ul {
	list-style-position: outside;
}
.bRssReader ul li {
}
/*日付*/
.bRssReader li span {
}
/*タイトル*/
.bRssReader li h3 {
}





/*-------------------------------------------------------------
お問い合わせ

.bContact
┗ table
	┣ th
	┗ td

.bContactBtn

-------------------------------------------------------------*/
.bContact {
}

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

/*送信コメント*/
.bContact p.bContactSend { }

/*日付項目（カレンダー）*/
.bContact td .bContactInner table {
	border: none;
	padding: 0;
}
.bContact td .bContactInner table td {
	border: none;
	padding: 0;
}
.bContact td .bContactInner table td input {
	width: 90%;
}

.bContactContainer {
	width: 210px;
}
.bContactContainer table {
	width: 205px;
}
.bContactContainer table th.calhead {
	padding: 3px 5px;
}
.bContactContainer table .calweekdayrow th {
	padding: 3px 5px;
	border-left: none;
}
.bContactContainer table td {
	padding: 3px 5px;
}



/*-------------------------------------------------------------
アクセスカウンターパーツ
-------------------------------------------------------------*/

.bAcsCounter {
	width: 100%;
}
.bAcsCounter th,.bAcsCounter td {
	padding: 2px;
	vertical-align: middle;
}

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



/*-------------------------------------------------------------
カテゴリ別情報パーツ（1.シンプル）

.bCatList
┣ p.bCatListRss
┣ ul
｜ ┗ li
｜	  ┣ p.bCatListDate
｜	  ┣ h5
｜	  ┗ p.bCatListTxt
｜	   
┗ p.bCatListPage

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

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



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

シンプル掲示板アプリ

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

/*入力フォーム*/
.bSimpleBBSMdl {
	width: 100%;
}
.bSimpleBBSMdl table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top-style: solid;
	border-top-width: 1px;
	font-size: 100%;
}
.bSimpleBBSMdl th {
	padding: 10px;
	width: 9em;
	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;
	font-size: 100%;
	line-height: normal;
}
.bSimpleBBSMdl td {
	padding: 6px 10px;
	text-align: left;
	vertical-align: top;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 100%;
	line-height: normal;
}
/*ボタンエリア*/
.bSimpleBBSMdlBtn {
	padding: 10px 0 0 0;
	text-align: center;
}

/*テキストフィールドサイズ*/
.bSimpleBBSMdl td.textLs input,.bSimpleBBSMdl td.textLs textarea { width: 5em; font-size: 100%; }
.bSimpleBBSMdl td.textLm input,.bSimpleBBSMdl td.textLm textarea { width: 60%; font-size: 100%; }
.bSimpleBBSMdl td.textLl input,.bSimpleBBSMdl td.textLl textarea { width: 97%; font-size: 100%; }

/*書き込み一覧*/
.bSimpleBBSMdlList { width: 100%; }
.bSimpleBBSMdlList ul { margin: 0; padding: 0 0 20px 0; list-style: none; list-style-position: outside; }
.bSimpleBBSMdlList ul li { margin: 0 0 1.5em 0; display: block; }
.bSimpleBBSMdlList ul li span { display: block; }
.bSimpleBBSMdlList ul li h5 { margin: 0; padding: 0.5em 0 0 0; font-size: 1.1em; font-weight:bold; line-height: 1.2em;}
.bSimpleBBSMdlList ul li p { margin: 0; padding: 0.2em 0 0 0; }

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