/*------------------------------------
基本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: #333;
	background-color: #fff;
	}

html{
	width: 100%;
	
	
}

a{
	text-decoration: none;
}

#all{
	height: 100%;
}
article{width: 100%;}
article p{
	margin-bottom: 20px;
}
.col9 img{
	width: 100%;
	height: auto;
}
.noresponsive img{
	width: auto;
	height: auto;
}
@media screen and (max-width: 768px) {
	.noresponsive img{
	width: 100%;
	height: auto;
	}
}
.image50 img{
	width: 50%;
	height: auto;
}
footer{font-size: 12px;} 
/*------------------------------------
イメージ
------------------------------------*/
.image_all{
	width: 100%;
}

.image_all img{
	width: 100%;
}
/*------------------------------------
コンテナ
------------------------------------*/
.container {
  margin:0 auto;
  width: 940px;
}
/*------------------------------------
カラム
------------------------------------*/
.col12 {width: 100%;}
.col11 {width: 91.66666667%;}
.col10 {width: 83.33333333%;}
.col9 {width: 70.83333333%;}
.col8 {width: 66.66666667%;}
.col7 {width: 58.33333333%;}
.col6 {width: 50%;}
.col5 {width: 41.66666667%;}
.col4 {width: 33.33333333%;}
.col3 {width: 25%;margin-right: 4.16666667%;
}
.col2 {width: 16.66666667%;}
.col1 {width: 8.33333333%;}

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

/*-------------ヘッダー-------------
------------------------------------*/
header{
	background-image: url(../images/header_back.jpg);
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 40px;
}

/*------------------------------------
ナビゲーション
------------------------------------*/
#sp_nav{
	display: none;
}

nav{
	
}

nav img{
	margin: 0;
	padding: 0;
	line-height: 0;
}

nav ul{
	list-style: none;
}

nav ul li{
	width: 196px;
	height: 22px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 10px 0px 10px 24px;
	background-image: url(../images/li.png);
	background-position-x: 190px;
	background-position-y: 12px;
	background-repeat: no-repeat;
}

nav ul li a{
	color: #333;
	display: block;
}

nav ul li a:hover{
	opacity: 0.5;
}

nav ul li:last-child{
	border-bottom: 1px solid #ccc;
}

.li01{
	border: none;
	padding: 0;
	margin: 0;
	height: 66px;
}

.li02{
	background-image: none;
	font-size: 12px;
	text-indent: 1em;
	background-color: #f2f2f2;
}

.li04{
	background-color: #e3eeef;
}
/*------------------------------------
特殊なコンテンツへの記述
------------------------------------*/
.aisatu{
	border: 1px solid #ccc;
	padding: 30px;
}

.w320{
	width: 320px;
	float: left;
}

.w205{
	width: 205px;
	float: left;
}

/*------------------------------------
見出しタグ
------------------------------------*/
h1{
	
}

h2{
	
}

h3,h4,h5,h6{
	
}

.midashi{
	font-size: 16px;
	font-weight: bold;
	height: 21px;
	background-image: url(../images/midashi.png);
	background-repeat: no-repeat;
	background-position-y: 3px;
	text-indent: 2em;
	margin-bottom: 20px;
}
/*------------------------------------
ニュース
------------------------------------*/
dl{
	width: 100%;
	height: auto;
	border-top: 1px solid #ccc;
}

dt{
	width: 150px;
	height: 25px;
	padding: 10px 0 10px 25px;
	float: left;
	clear: both;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

dd{
	border-bottom: 1px solid #ccc;
	width: 490px;
	height: 25px;
	padding: 10px 0 10px;
	float: left;
}

/*------------フッター----------------
------------------------------------*/
footer{
	margin-top: 100px;
	height: 300px;
	padding: 40px 0;
	border-top: 15px solid #aaa;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/footer_back.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

footer ul{
	list-style: none;
}

footer li{
	line-height: 26px;
}

footer li a{
	color: #fff;
}

.w340{
	width: 339px;
	height: 90px;
	float: left;
	border-right: 1px solid #fff;
}

.w200{
	width: 149px;
	padding: 0 25px;
	float: left;
	border-right: 1px solid #fff;
}

.copyright{
	text-align: center;
	background-color: #333;
	color: #fff;
	font-size: 12px;
	padding: 20px 0;
}

/*------------------------------------
ボタン各種
------------------------------------*/
.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;}
.mt150{margin-top: 150px;}

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

.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{padding-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;}
/*------------------------------------
テーブル
------------------------------------*/
table{
	width: 100%;
}
td{
	padding: 7px;
	border: 1px solid #ccc;
}

/*------------------------------------
テキスト
------------------------------------*/
.text_center{text-align: center;}
.text_left{text-align: left;}
.text_right{text-align: right;}
/*------------------------------------
回り込み
------------------------------------*/
.left{float: left;}
.right{float: right;}
/*------------------------------------
クリアフィックス
------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    
}
.clear{clear:both;}
/*------------------------------------
クリアフィックス
------------------------------------*/
@media (max-width:769px) {
	.container{
		width: 100%;
	}
	
	#right_side{
		display: none;
	}
	
	.left,.right{
		float: none;
	}
	.midashi{
		margin-bottom: 20px;
	}
	
	.col9{
		width: 90%;
		float: none;
		margin: 0 auto;
		padding: 3%;

	}
	
	/*------------------------------------
	ニュース
	------------------------------------*/
	dl{
		width: 94%;
		margin: 0 auto;
		height: auto;
		border-top: 1px solid #ccc;
	}
	
	dt{
		width: 100%;
		height:12px;
		padding: 8px 0;
		float: none;
		clear: both;
		border-bottom: none;
		font-weight: bold;
	}
	
	dd{
		border-bottom: 1px solid #ccc;
		width: 100%;
		height:auto;
		padding: 5px 0;
		float: none;
	}
	/*------------------------------------
	カラム
	------------------------------------*/
	header{
		height: 300px;
	}
	
	.mt150{
		margin-top: 60px;
	}
	
	.w320{
		width: 98%;
		padding: 0 1%;
		margin: 0 0 10px 0;
	}
	.w205{
		width: 48%;
		margin: 0;
		padding: 1%;
		float: left;
	}
	.w340{
		border: 0;
		width: 90%;
		text-align: center;
		float: none;
		
	}
	.w200{
		border: 0;
		margin-bottom: 10px;
		width: 90%;
		float: none;
		margin: 0 auto;
		padding: 0;
	}
	
	footer{
		height: auto;
		background-image: none;
		background-color: #ccc;
		clear: both;
	}
	
	footer li a{
		color: #333;
	}
	
	#sp_nav{
		display: inherit;
		background-color: #333;
		width: 96%;
		padding: 10px 2% 2px;
		height: 30px;
		text-align: right;
	}
	
	.copyright{
		font-size: 10px;
	}
	
	#news_list img{
		width: 180px;
	}
}