@charset "utf-8";

/******************************************************
トップページ用css
******************************************************/

#index-contents {
	width: 862px;
	margin: 0 auto 10px;
}

#slide-area {
	width: 860px;
	margin: 0 auto;
}


/*-----------------------------------------------------
main
-----------------------------------------------------*/
#index-main {
	margin-bottom: 10px;
}

#main-box {
	margin-bottom: 10px;
}

.main-box-left {
	width: 541px;
	background: url(../img/index/index_facebook_bg.jpg) repeat-y 0 0;
	float: left;
}
.main-box-left:before {
	width: 541px;
	height: 11px;
	background: url(../img/index/index_facebook_top.jpg) no-repeat 0 0;
	content: "";
	display: block;
}
.main-box-left:after {
	width: 541px;
	height: 17px;
	background: url(../img/index/index_facebook_bottom.jpg) no-repeat 0 0;
	content: "";
	display: block;
}

.main-box-left-top {
	margin-bottom: 10px;
	position: relative;
}

.main-box-left-title {
	padding-left: 16px;
}

.main-box-left-link {
	position: absolute;
	bottom: 0;
	right: 19px;
}

.main-box-leftbnr {
	width: 541px;
	margin: 0;
	padding: 0;
	float: left;
}


.main-box-info-title {
	padding-left: 5px;
}

ul.main-box-info {
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(../img/index/index_facebook_info_bg.jpg) repeat-y 0 0;
}
ul.main-box-info li {
	margin-right: 20px;
	margin-left: 15px;
	padding: 7px 0 6px 10px;
	line-height: 1.5;
	border-bottom: 1px dotted #03A7DA;
}
ul.main-box-info li span {
	color: #03A7DA;
}


.main-box-right {
	width: 302px;
	margin-left: 19px;
	float: left;
}

ul.index-banner li {
	line-height: 0;
	margin-bottom: 7px;
}

.main-box-center-info {
	padding-top: 5px;
	padding-bottom: 8px;
	border: 1px solid #D5D5D5;
}

.main-box-center-info-title {
	text-align: center;
	margin-bottom: 10px;;
}

.main-box-center-info-text {
	padding: 0 10px 15px;
	line-height: 1.5;
}


/*-----------------------------------------------------
facebook feed
-------------------------------------------------------*/
#facebook_feed {
	height: 350px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 10px;
	background: url(../img/index/index_facebook_info_bg.jpg) repeat-y 0 0;
}
#facebook_feed_scroll {
	height: 360px;
	overflow-y: scroll;
}

#feed ul {}
#feed ul li {
	border-bottom: 1px dotted #03A7DA;
	padding: 10px 0 10px 12px;
}
#feed ul li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#feed ul li span.title {
	display: block;
	width: 400px;
	float: right;
}
#feed ul li span.date {
	display: block;
	width: 80px;
	color: #03A7DA;
	float: left;
}
#feed ul li a {
	color: #333;
}



/*-----------------------------------------------------
center-banner
-------------------------------------------------------*/
#center-banner {
	text-align: center;
	margin-bottom: 10px;
}


/*-----------------------------------------------------
center-access-area
-------------------------------------------------------*/
#center-access-area {
	margin-bottom: 10px;
	padding: 10px 0 8px 14px;
	border: 1px solid #D5D5D5;
}
#center-access-area-ja {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	margin-bottom: 10px;
	padding: 10px 0 8px 14px;
	border: 1px solid #D5D5D5;
}
#center-access-area-title {
	width: 330px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 150%;
	color: #3C3C3C;
	border-bottom: 1px solid #ABABAB;
}
#center-access-area-ja #center-access-area-title {
	font-size: 159%;
	padding-bottom: 3px;
}

.center-access-left {
	width: 368px;
	margin-right: 8px;
	float: left;
}
.center-access-left .name {
	margin-bottom: 8px;
}
.center-access-left .tel {
	margin-bottom: 12px;
}
.center-access-left .fax {
	margin-bottom: 10px;
	margin-left: 2px;
}
.center-access-left .mail {
	margin-left: 1px;
}

.center-access-center {
	width: 184px;
	margin-right: 10px;
	float: left;
}

.center-access-right {
	width: 265px;
	float: left;
}

.center-access-area-text {
	margin-bottom: 10px;
	line-height: 1.6;
}


/*-----------------------------------------------------
link-banner
-----------------------------------------------------*/
#index-link-banner ul li {
	margin-left: 10px;
	float: left;
}
#index-link-banner ul li.first {
	margin-left: 0;
}