@charset "UTF-8";
/* CSS Document 
	write		: flipworks
	filename		: index.css
	LastUpDate	: 2013/8/10
	client		: 
*/

/* -------------------------------------------------------------
	メインスライダー　owl-carousel
------------------------------------------------------------- */
#owl .item img {
	display: block;
	margin:0 auto;
}

/* -------------------------------------------------------------
	メインコンテンツ
------------------------------------------------------------- */
#maincontainer {
	width:100%;
}
#mvArea {
	width:980px;
	margin:40px auto 0;
	position:relative;
	z-index:-1;
}

/* contensts01Area
-------------------------------------------------- */
#contensts01Area{
	width:100%;
	}
#contensts01Area .bgInner {
	background-color:#dcefff;
	width:100%;
	}
#contensts01Area .contensts01Block {
	padding:30px 0 45px;
	width:980px;
	margin: 0 auto;
	}
#contensts01Area .txtBlock {
	width:980px;
	}
#contensts01Area .txtBlock ul li {
	float: left;
	width: 300px;
	margin-left:40px;
	text-align:center;
	}
#contensts01Area .txtBlock ul {
	list-style:none;
	width:1020px; /* はみ出た分も足す */
	margin-left: -40px; /* 入れ物自体、左へ40px寄っていただく */
	}
	

/* contensts02Area
-------------------------------------------------- */
#contensts02Area{
	width:100%;
	}
#contensts02Area .bgInner {
	background-color:#f4f4f4;
	width:100%;
	}
#contensts02Area .contensts02Block {
	padding:17px 0 30px;
	width:775px;
	margin: 0 auto;
	}
#contensts02Area .txtBlock {
	width:800px;
	}
#contensts02Area h2 {
	width:157px;
	float:left;
	border-right: 1px dotted #808081;
	padding:47px 0 55px;
	}
	
/* -------------------------------------------------------------
	NEWS
------------------------------------------------------------- */
#feed {
	height: 255px;
	width:615px;
	float:left;
	margin:30px 0 0;
}

/* -------------------------------------------------------------
	NEWS
------------------------------------------------------------- */
.newsListBox {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: none;
	font-size: 12px;
	color: #292424;
	overflow: hidden;
}

	.listLeftBox {
		width: 610px;
		height: 230px;
		overflow: hidden;
		float: left;
	}
		.topicsTitle {
			background: url(../images/common_bg_linex01.gif) repeat-x left bottom;
			padding-bottom: 2px;
			margin-bottom: 0px;
		}
	
			.listLeftBox .topicsList {
				padding-left: 15px;
				overflow-y: auto;
				height: 165px;
			}
		
				.listLeftBox .topicsList li {
					margin-bottom: 10px;
					overflow: hidden;
				}
			
				.listLeftBox .topicsList li:last-child {
					margin-bottom: 0;
				}
			
					.listLeftBox .iconBox {
						width: 115px;
						float: left;
					}
				
					.listLeftBox .dateBox {
						width: 100px;
						float: left;
						margin-top: 3px;
					}
				
					.listLeftBox .bodyBox {
						line-height:1.5em;
						margin-top: 3px;
						overflow: hidden;
						display: block;
					}
					.listLeftBox .bodyBox a {
						color:#000000;
					}
	.listRightBox {
		width: 290px;
		float: right;
		margin-left: 30px;
	}

/* contensts04Area
-------------------------------------------------- */
#contensts04Area{
	width:100%;
	}
#contensts04Area .bgInner {
	background-color:#fffff;
	width:100%;
	}
#contensts04Area .contensts04Block {
	width:980px;
	margin: 0 auto;
	}

/* contensts05Area
-------------------------------------------------- */
#contensts05Area{
	width:100%;
	}
#contensts05Area .bgInner {
	background-color:#31969d;
	width:100%;
	}
#contensts05Area .contensts05Block {
	padding:50px 0 50px;
	width:590px;
	margin: 0 auto;
	}
#contensts05Area .txtBlock {
	width:800px;
	}
#contensts05Area h2 {
	width:200px;
	float:left;
	}
#contensts05Area .txtBlock ul li {
	float: left;
	margin-bottom:20px;
	}