@charset "utf-8";

/* =========================================================

   CSS information

   Style Info : トップページ設定用
   Date : 2013/06/20

========================================================= */


/* 共通スタイル読み込み
--------------------------------------------------------- */
/* 全ページ共通設定 */
@import url("../common/css/base.css");


/* base.cssを一部書き換え
--------------------------------------------------------- */
/* テキストリンク */
a:hover,
a:active {
	color: #0088cf;
}

/* メインコンテンツ */
.main {
	margin: 30px 0px 0px !important;
}

/* 右メニュー */
.sidebar {
	text-align: center !important;
	margin: 30px 0px 0px !important;
}

/* グローバルナビゲーション */
#globalnav ul {
	margin-bottom: 1px;
}



/* NEWS＆TOPICS
--------------------------------------------------------- */
.index .news_topics .title {
	background: url(../common/img/icon/icon03_03.png) no-repeat 7px top;
	padding-left: 33px;
	font-weight: bold;
	font-size: 165%;
	line-height: 100%;
	margin-bottom: 3px;
}
.index .news_topics dl {
	border: 5px solid #75c8c3;
	background: #ffffff;
	padding: 10px 10px;
	line-height: 200%;
	height: 100%;
}
.index .news_topics dl dt {
	float: left;
	background: url(../common/img/icon/icon06_03.png) no-repeat 7px 0.5em;
	padding-left: 28px;
}
.index .news_topics dl dd {
	padding-left: 10.5em;
}



/* 主な事業・サービス案内
--------------------------------------------------------- */
.index .main_guide {
	margin-right: -10px;
}
.index .main_guide .title {
	background: url(../common/img/icon/icon03_02.png) no-repeat 7px top;
	padding-left: 33px;
	font-weight: bold;
	font-size: 165%;
	line-height: 100%;
	margin: 25px 0px 8px;
}
.index .main_guide .guide_list {
	border: 5px solid #ff6666;
	background: #ffffff;
	width: 221px;
	float: left;
	margin: 0px 10px 10px 0px;
	cursor: pointer;
}
.index .main_guide .guide_list .guide_title {
	background: #ff6666;
	font-weight: bold;
	text-align: center;
	font-size: 129%;
	padding: 9px 0px 8px;
	line-height: 110%;
}
.index .main_guide .guide_list .guide_title a {
	display: block;
	width: 100%;
	color: #ffffff !important;
}
.index .main_guide .guide_list .guide_title a:link,
.index .main_guide .guide_list .guide_title a:visited {
	text-decoration: none;
}
.index .main_guide .guide_list .guide_title a:hover,
.index .main_guide .guide_list .guide_title a:active {
	text-decoration: underline;
}
.index .main_guide .guide_list .balloon {
	margin-top: -1px;
	text-align: center;
	height: 15px;
}
.index .main_guide .guide_list .text {
	padding: 0px 10px 10px;
}



/* 右メニュー／バナー
--------------------------------------------------------- */
/* バナー */
.index ul.inside_banner li {
	margin-bottom: 7px;
}

/* 外部バナー */
.index ul.outside_banner {
	border-top: 3px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	padding-top: 7px;
}
.index ul.outside_banner li {
	margin-bottom: 7px;
}



/* 右メニュー／行事予定・商工くだまつ　共通ボックス
--------------------------------------------------------- */
.index .sidebar_title {
	background: #0097e5;
	color: #ffffff;
	font-weight: bold;
	font-size: 136%;
	margin-top: 7px;
	line-height: 100%;
	padding: 11px 0px 8px;
}
.index .sidebar_box {
	border: 5px solid #afd3e5;
	border-top: none !important;
	background: #ffffff;
	margin: 0px 0px 10px;
	padding: 5px;
	height: 100%;
}



/* 右メニュー／行事予定
--------------------------------------------------------- */
.index .calendar table {
	width: 100%;
	line-height: 123%;
}
.index .calendar table th {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	padding: 5px 0px;
	width: 3.5em;
}
.index .calendar table td {
	border-bottom: 1px solid #bbbbbb;
	text-align: left;
	padding: 5px 7px;
}
.index .calendar table td.cell_multi {
	border-bottom: 1px dotted #bbbbbb;
}



/* 右メニュー／商工くだまつ
--------------------------------------------------------- */
.index .bulletin {
	font-size: 79%;
}
.index .bulletin img {
	border: 1px solid #cccccc;
	margin: 5px 0px;
}



/* 右メニュー／関連リンク
--------------------------------------------------------- */
.index .link {
	background: url(../img/bg_link.gif) no-repeat left top;
	height: 55px;
}
.index .link a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 172%;
	line-height: 58px;
	padding-left: 20px;
	text-decoration: none;
}
.index .link a:hover,
.index .link a:active {
	text-decoration: underline;
}