@charset "UTF-8";
/* CSS Document */

/* 初期化 */
* {margin:0; padding:0;}
img {border:none; vertical-align:bottom;}
li {list-style:none;}
a {color:#06c;}
a:hover {color:#f90;}

/* 新着情報 */
table {border-collapse:collapse; border:none; padding:0;font-size:14px; }
td {background:url(../img/top/news_line.gif) no-repeat bottom; padding:3px;}


.top_news dt {color:#fe8b00;}
.top_news dd {background:url(../img/top/news_line.gif) no-repeat bottom;}

/* 基本タグ */
p {margin-bottom:1em; line-height:1.8;}
h3 {margin-bottom:20px;}


/* クリアフィックス */
.clearfix {*zoom: 1;} /* for ie6/7 */
.clearfix:after {content: ""; display: block; clear: both;}


/* 基本レイアウト */
body {min-width:980px; background-color:#f9f6f2; color:#333; font-size:14px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align:center;}
#wrapper {width:960px; margin:0 auto; padding:0 10px; text-align:left;}
#header {position:relative; width:960px; height:100px;}
#contents {width:960px; margin-bottom:20px;  background:url(../img/common/side_bg.gif) repeat-y top right;}
#main {width:660px; float:left;}
#side {width:260px; float:right; padding:10px;}
#footer {clear:both; background:url(../img/common/footer_line.png) repeat-x; padding:50px 0; min-width:980px;}



/* --------------------------------------------------
	ヘッダ内要素
-------------------------------------------------- */
#header h1 a {position:absolute; top:12px; left:0; width:252px; height:65px;}
#header p {position:absolute; top:27px; left:262px; font-size:12px; color:#666;}
#header .navi {position:absolute; top:0; right:0;}
#header .navi ul {padding:0 10px 2px;}
#header .navi li {display:inline; margin-left:5px; font-size:12px; line-height:2;}
#header .navi li a {color:#fff; padding-left:14px; text-decoration:none;}
#header .navi li a:hover {text-decoration:underline; color:#ff0;}
#header form {position:absolute; top:48px; right:0;}
#header input#search {background-color:#fff; border:1px solid #ccc; font-family:'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:12px; padding:0 5px; width:180px; color:#666; line-height:20px; height:20px;}
#header form dd {margin-top:-22px; padding-left:195px;}

/* --------------------------------------------------
	グローバルナビゲーション
-------------------------------------------------- */
#g_navi {width:970px; margin-bottom:15px; overflow:hidden;}
#g_navi ul {margin-right:-10px;}
#g_navi li {width:184px; float:left; margin-right:10px;}


/* --------------------------------------------------
	パンくずリスト
-------------------------------------------------- */
#topic_path {margin-bottom:15px;}
#topic_path li {display:inline; margin-right:0px; line-height:1; font-size:12px;}
#topic_path li a {background:url(../img/common/arrow01.gif) no-repeat right 3px; padding-right:10px;} 



/* --------------------------------------------------
	サイド内要素
-------------------------------------------------- */
/* サイドメニュー */
#side_navi {margin-bottom:30px; padding-bottom:10px;}
#side_navi ul {background:#fff; padding:10px;}
#side_navi li {width:240px;}
#side_navi li a {width:215px; display:block; padding:10px 5px 10px 20px; line-height:1; color:#333; text-decoration:none;}
#side_navi ul ul {padding:7px 0 5px 20px;}
#side_navi li li {width:auto; border:none; margin-bottom:7px; font-size:13px;}
#side_navi li.first li {border:none;}
#side_navi li li a {width:auto; display:inline; padding:0 0 0 7px; border:none;}
#side_navi li li a:hover,#side_navi li.now li a {background-color:#fff;}
#side_navi li li a:hover {color:#f90;}


/* バナー */
#side .banner li {margin-bottom:15px;}

/* アクセス */
#side dl.access  {background:url(../img/common/side_access_btm.png) no-repeat bottom; padding-bottom:4px; margin-bottom:15px;}
#side .access dd {background-color:#fff; border-right:1px solid #b292f0;  border-left:1px solid #b292f0; padding:9px 9px 5px; font-size:12px; line-height:1.35;}
#side .access dd small {display:block; margin-bottom:0.5em;}

/* --------------------------------------------------
	ページの先頭へ
-------------------------------------------------- */
#page_top {clear:both; float:right; margin-bottom:20px;}

/* --------------------------------------------------
	フッター内要素
-------------------------------------------------- */
#footer ul {margin-bottom:20px;}
#footer li {display:inline; margin-right:1em; padding:2px 0 3px 18px;}
#footer li a {color:#630; text-decoration:none;}
#footer li a:hover {color:#f90; text-decoration:underline;}
#footer li.navi01 {background:url(../img/common/footer_icon01.gif) no-repeat 0 0;}
#footer li.navi02 {background:url(../img/common/footer_icon02.gif) no-repeat 0 0;}
#footer li.navi03 {background:url(../img/common/footer_icon03.gif) no-repeat 0 0;}
#footer li.navi04 {background:url(../img/common/footer_icon04.gif) no-repeat 0 0;}
#footer li.navi05 {background:url(../img/common/footer_icon05.gif) no-repeat 0 0;}
#footer .copyright {font-size:12px; color:#630; font-family:Arial, sans-serif;}


/* --------------------------------------------------
	メインコンテンツ内要素
-------------------------------------------------- */
#main h2 {margin-bottom:20px;}
.section {clear:both; margin-bottom:30px;}
.section .inner {margin:0 10px;}



/* --------------------------------------------------
	トップページ
-------------------------------------------------- */

/* インデックス */
.top_index {width:660px; margin-bottom:30px; overflow:hidden;}
.top_index ul {margin:0 -20px 20px 0;}
.top_index li {width:320px; float:left; margin-right:20px;}
.top_index h4 {margin-bottom:10px;}
.top_index dt {width:133px; float:left; margin-right:7px;}
.top_index dd {width:180px; float:left; line-height:1.5; margin-top:4px;}
.top_index dd img {margin-top:7px;}

/* 新着情報 */
.top_news {margin-bottom:30px;}
.top_news dl {margin:0 5px;}
.top_news dt {clear:both; width:6em; float:left; font-family:Arial, sans-serif; line-height:1.5;}
.top_news dd {padding-left:6em; line-height:1.5; padding-bottom:12px; margin-bottom:12px; color:#630;}
.top_news dd a {color:#630;}
.top_news dd a:hover {color:#f90;}



/* --------------------------------------------------
	2018年6月　追加　新しいCMS様
-------------------------------------------------- */

/* 新着情報 */
table {border-collapse:collapse; border:none; padding:0;font-size:14px; }
td {background:url(../img/top/news_line.gif) no-repeat bottom; padding:3px;}


.top_news dt {color:#fe8b00;}
.sugu-listdate {
  color:#fe8b00;
  padding-right: 1em;
}

.top_news dd {background:url(../img/top/news_line.gif) no-repeat bottom;}


/* 新着情報 */
.top_news {margin-bottom:30px;}
.top_news dl {margin:0 5px;}
.top_news dt {clear:both; width:6em; float:left; font-family:Arial, sans-serif; line-height:1.5;}
.top_news dd {padding-left:6em; line-height:1.5; padding-bottom:12px; margin-bottom:12px; color:#630;}
.top_news dd a {color:#630;}
.top_news dd a:hover {color:#f90;}