/*------------------------------------
基本CSS
------------------------------------*/
body{
	width: 100%;
	height: 100%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	background:#000;
}

html{
	width: 100%;
	height: 100%;
}

a{
	text-decoration: none;
	color: #cd3232;
}

#all{
	height: 100%;
}

header {
padding-bottom: 30px;
border-bottom: 1px solid #fff;
}

article{width: 100%;}

footer{
font-size: 10px;
height: 50px;
bottom: 0;
margin-top: 100px;
} 

nav{
	background-color: #000;
}

/*------------------------------------
コンテナ
------------------------------------*/
#photo{
	width: 100%;
	height: 300px;
}

.wrapper{
	height: 960px;
}

#left_container{
	min-height: 100%;
	background-color: #000;
	border-right: 1px solid #333;
	opacity: 0.8;
}

#right_container{
	
}

#left_container2{
	display: none;
	opacity: 0.8;
	
}
/*------------------------------------
カラム
------------------------------------*/
.col12 {width: 100%;}
.col11 {width: 91.66666667%;}
.col10 {width: 83.33333333%;}
.col9 {width: 75%;}
.col8 {width: 66.66666667%;}
.col7 {width: 58.33333333%;}
.col6 {width: 50%;}
.col5 {width: 41.66666667%;}
.col4 {width: 33.33333333%;}
.col3 {width: 25%;}
.col2 {width: 16.66666667%; 
}
.col1 {width: 8.33333333%;}

.col12,.col11,.col10,.col9,.col8,.col7,.col6,.col5,.col4,.col3,.col2,.col1 {float: left;}

.back_black{
	background-color: rgba(0, 0, 0, 0.6);
	padding: 20px;
}
/*------------------------------------
ナビゲーション
------------------------------------*/
ul{list-style: none;}
li{list-style: none;}

.hr1{border-bottom: 1px solid #666; padding-bottom: 30px; padding-top: 30px;
}
.hr2{border-bottom: 1px solid #333; padding-bottom: 15px; padding-top: 15px; font-size: 18px; display: block; line-height: 1em; background-image: url(../images/li.png); background-position: center right; background-repeat: no-repeat;
}

.hr2 a{display: block; width: 100%; color: #fff;}
.hr2 a:hover{color: #d00000; text-decoration: none;}
/*------------------------------------
トップイメージ
------------------------------------*/

/*------------------------------------
見出しタグ
------------------------------------*/
h1{font-size: 22px; font-weight: bold;
width: auto;
}
h2{font-size: 18px; font-weight: bold;}
h3{font-size: 16px; font-weight: bold;}

.midashi{
	background-color: #fff;
	padding: 5px 10px;
	color: #000;
}
/*------------------------------------
ニュース
------------------------------------*/

/*------------------------------------
ボタン各種
------------------------------------*/
/*.btn a{
	width: 120px;
	padding: 10px 80px;
	color: #fff;
	background-color: #cd3232;
	text-align: center;
	text-decoration: none;
}

.btn a:hover { }*/

/*------------------------------------
マージン
------------------------------------*/
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt100{margin-top: 100px;}
.mt200{margin-top: 200px;}
.mt300{margin-top: 300px;}


.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb100{margin-bottom: 100px;}
.mb200{margin-bottom: 200px;}
.mb300{margin-bottom: 300px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}

.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}

/*------------------------------------
パディング
------------------------------------*/
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}

.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{paddingn-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}

.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}

.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
/*------------------------------------
フォントサイズ
------------------------------------*/
.font_10{font-size: 10px;}
.font_12{font-size: 12px;}
.font_14{font-size: 14px;}
.font_16{font-size: 16px;}
.font_18{font-size: 18px;}
.font_20{font-size: 20px;}
.font_22{font-size: 22px;}
.font_24{font-size: 24px;}

.font_10b{font-size: 10px; font-weight: bold;}
.font_12b{font-size: 12px; font-weight: bold;}
.font_14b{font-size: 14px; font-weight: bold;}
.font_16b{font-size: 16px; font-weight: bold;}
.font_18b{font-size: 18px; font-weight: bold;}
.font_20b{font-size: 20px; font-weight: bold;}
.font_22b{font-size: 22px; font-weight: bold;}
.font_24b{font-size: 24px; font-weight: bold;}
/*------------------------------------
テーブル
------------------------------------*/
td{
	padding: 10px;
	border: 1px solid #fff;
}

table{
	width: 100%;
}


/*------------------------------------
テキスト
------------------------------------*/
.text_center{text-align: center;}
.text_left{text-align: left;}
.text_right{text-align: right;}
/*------------------------------------
回り込み
------------------------------------*/
.left{float: left;}
.right{float: right;}
/*------------------------------------
FB
------------------------------------*/
.facebook-page-plugin{
  text-align: center;
  margin: 20px 0;
  width: 100%;
}
/*------------------------------------
クリアフィックス bootstrapで定義
------------------------------------*/
/*.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clear{clear:both;}*/
.clear{clear:both;}
/*------------------------------------
メディアクエリ　bootstrapで対応
------------------------------------*/
@media (max-width:650px) {
	#left_container{
		display: none;
	}
	
	#left_container2{
		display: inherit;
	}
	
	.col12,.col11,.col10,.col9,.col8,.col7,.col6,.col5,.col4,.col3,.col2,.col1 {float: none; width: 100%;
	}

	.hr2{border-bottom: 1px solid #333; padding-bottom: 15px; padding-top: 15px; font-size: 18px; display: block; line-height: 1em; background-image: url(../images/li.png); background-position: center right; background-repeat: no-repeat;
	 float: left; width: 33%;
	}
	
	.hr2 a{display: block; width: 100%; color: #fff;
	}
	
	/*------------------------------------
	イメージ
	------------------------------------*/
	.image_all{
		width: 100%;
	}
	
	.image_all img{
		width: 100%;
	}
	
}