@charset "utf-8";

/* =========================== */
/*                             */
/* トップページのレイアウト用ＣＳＳ   */
/*                             */
/* =========================== */
	
/* =========================== */
/* メインコンテンツ領域             */
/* =========================== */
#main-contents {
	width:930px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 10px;
	color: #333333;
	padding-top: 0px;
	margin-top: 22px;
	}

/* =========================== */
/* トップコンテンツ テーブル   */
/* =========================== */
#top-cont {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/main-top.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
/* =========================== */
/* トップコンテンツ 左     　　*/
/* =========================== */
#top-cont-left {
	width: 595px;
	padding-right: 0px;
}
/* =========================== */
/* トップコンテンツ 右     　　*/
/* =========================== */
#top-cont-right {
	width: 290px;
	padding-left: 15px;
}

/* =========================== */
/* お知らせ一覧パーツ（トップニュース上）  */
/* =========================== */
/* リスト全体 */
#main-contents #topic-headline-section{
	width: 650px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	overflow: auto;
	overflow-x:hidden;
	height: 200px;
}
#main-contents  #topic-headline-section DL {
	margin: 0px;
	padding: 0px;

	}
/* 記事タイトル（リンク先がないとき） */
#main-contents  #topic-headline-section DT{
	color: #777777;
	font-weight: normal;
	padding-left: 110px;
	}
/* 公開日 */
#main-contents  #topic-headline-section DT .date {
	color: #777777;
	float: left;
	/*background-image: url(../img/topic-guide.jpg);
	background-repeat: no-repeat;
	background-position: right center;*/
	font-weight: normal;
	margin-right: 14px;
	margin-left: -110px;
	position: relative;
	padding-right: 20px;
	}
#main-contents  #topic-headline-section DT .date:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 9px;
    border-color: transparent transparent transparent #77BDF5;
    float: right;
    margin: 0;
    position: absolute;
    right: 0;
    top: 4px;
}
/* 記事タイトル（リンク先があるとき） */
#main-contents  #topic-headline-section DT A {


	}
/* 記事タイトル（リンク先がないとき） */
#main-contents  #topic-headline-section DD{
	padding-top: 5px;
	padding-bottom: 10px;
	color: #777777;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a0a0a0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 110px;
	}



#top-layout-table{
}

#top-layout-table #layout-left{
	width: 230px;
	vertical-align: top;
}

#main-contents #top-layout-table #layout-right h3{
	width: 645px;
	background-image: url(../img/top-h3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #308a47;
	height: auto;
	padding-top: 7px;
	padding-right: 0px;
	padding-left: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #82c995;
	font-size: 14px;
	color: #757575;
	padding-bottom: 5px;
}
#main-contents #top-layout-table #layout-right h3:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



#top-layout-table #layout-sp{
	width: 30px;
}
#top-layout-table #layout-right{
	vertical-align: top;
	width: 670px;
}


#top-banner-layout{
	clear: both;
	margin-bottom: 15px;
}
#top-banner-layout .top-banner-main215{
	vertical-align: top;
	width: 215px;
}
#top-banner-layout .top-banner-main330{
	vertical-align: top;
	width: 330px;
}

#top-banner-layout .top-banner-sp13{
	width: 13px;
}
#top-banner-layout .top-banner-sp12{
	width: 12px;
}
#top-banner-layout .top-banner-sp10{
	width: 10px;
}


.main-banner-comp{
	width: 213px;
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 1px solid #dadada;
	
}
.main-banner-comp:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.main-banner-comp a{
	text-decoration: none;	
}

.main-banner {
	display: block;
	width: 213px;
	margin: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 3px;
}

.main-banner .banner-text{
	display: block;
	color: #848484;
	font-weight: normal;
	font-size: 13px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 17px;
	background-image: url(../img/main-banner-guide.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
}



.main-banner .banner-img {
	display: block;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 207px;
}
.main-banner .banner-img img{
	width: 207px;


}



.main-banner-comp2{
	width: 328px;
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 1px solid #dadada;
	
}
.main-banner-comp2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.main-banner-comp2 a{
	text-decoration: none;	
}

.main-banner2 {
	display: block;
	width: 328px;
	margin: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 3px;
}

.main-banner2 .banner-text{
	display: block;
	color: #848484;
	font-weight: normal;
	font-size: 13px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 17px;
	background-image: url(../img/main-banner-guide.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
}



.main-banner2 .banner-img {
	display: block;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 320px;
}
.main-banner2 .banner-img img{
	width: 320px;


}