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

/* タグ
---------------------------------------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	color: #444444;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

html,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,address,pre,div,form,fieldset,input,textarea,th,td {
	margin: 0;
	padding: 0;
}

li {
list-style:none;
}

a {
	color: #1194CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

hr {
	height: 1px;
	border-size: 1px;
	border-color #cccccc;
}

a span {
	display: none;
}
/* 画像をマウスホバーしたときに、透過する
------------------------------------------------------------------------ */
a:hover img{
  filter: alpha(opacity=60);
  opacity:0.6;
  background: #ffffff;
}

/* 共通
----------------------------------------------------------- */
/* クリアーフィックス
------------------------------------------------------------------------ */
.clear {
	clear:both;
}
/* テキストのスタイルを解除　※テキスト下部に10pxの空間を空ける設定
------------------------------------------------------------------------ */
.title_image {
	height: auto !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	background: none !important;
	text-indent: 0 !important;
	text-align:left !important;
}
/* サイドでテキストのスタイルを解除　※テキスト下部に10pxの空間を空ける設定
------------------------------------------------------------------------ */
.side_title_image {
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	text-indent: 0 !important;
	text-align:left !important;
}
/* 画像で作成したドットラインを引く
------------------------------------------------------------------------ */
.dotline {
	clear:both;
	height: 8px;
	margin: 0;
	padding: 0;
	background: url(images/dotline.jpg) repeat-x;
	background-position: middle center;
	line-height: 100%;
}
/* パンくずリストのレイアウト
------------------------------------------------------------------------ */
#topicpath {
	width: 100%;
	border-bottom: 1px dotted #FED203;
}
#topicpath_in {
	width: 1000px;
	margin: 4px auto 4px auto;
	text-align:center;
}
#topicpath_in p {
	font-size: 90%;
	text-align:left !important;
}

/* 文字を赤色にする
------------------------------------------------------------------------ */
.font_red {
	color: #ff0000;
}
/* 高さ10pxの空白
------------------------------------------------------------------------ */
.space_height_10 {
	height: 10px;
}
/* 高さ30pxの空白
------------------------------------------------------------------------ */
.space_height_30 {
	height: 30px;
}
/* 高さ90pxの空白
------------------------------------------------------------------------ */
.space_height_90 {
	height: 90px;
}
/* 段落（20px右へずらす）
------------------------------------------------------------------------ */
.paragraph {
	padding: 0 0 0 20px;
}

/* ブロックレイアウト
------------------------------------------------------------------------ */
#base {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

/* ヘッダー
------------------------------------------------------------------------ */
#header {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	background: url(images/h_back.jpg) repeat-x;
}

#header_in {
	width: 1000px;
	margin: 0 auto;
	text-align:center;
	background: url(images/h_bunbun_back.jpg) no-repeat;
}

#h_line {
	height: 37px;
}

#h_white_back {
	height: 37px;
}

#h_left {
	width: 350px;
	padding: 3px 0 0 0 !important;
	float: left;
	text-align:left;
}
#logo h1 {
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 0 !important;
}

#h_right {
	width: 300px;
	float: right;
	text-align:right;
}

#h_banner {
	width: 185px;
	height: 35px;
	float:left;
}

#bunbun_space {
	width: 105px;
	height: 20px;
	display:block;
	float:right;
}

/* ------------------------------------------------------------ */
/*　ハンバーガーメニュー　PCサイトでは非表示
/* ------------------------------------------------------------ */
#sp_nav_wrap {
    display: none;
}
.only_hbg {
    display: none;
}


/* グローバルナビ
------------------------------------------------------------------------ */
#g_navi {
	width: 100%;
	height: 105px;
	margin: 0 auto;
	padding: 0;
	background: url(images/g_navi_back.jpg) repeat-x;
}

#g_navi_in {
	width: 1000px;
	height: 105px;
	margin: 0 auto;
	padding: 0;
	background: url(images/g_navi_in_back.jpg) no-repeat;
	background-position: right bottom;
}

#g_navi ul {
	margin: 0;
	padding: 0;
}

#g_navi ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#g_navi ul li.gn01 a {
	width: 90px;
	height: 105px;
	background: url(images/g_navi01.png) no-repeat;
	display:block;
}

#g_navi ul li.gn01 a:hover {
	background: url(images/g_navi01_o.png) no-repeat;
}


#g_navi ul li.gn02 a {
	width: 155px;
	height: 105px;
	background: url(images/g_navi02.png) no-repeat;
	display:block;
}

#g_navi ul li.gn02 a:hover {
	background: url(images/g_navi02_o.png) no-repeat;
}

#g_navi ul li.gn03 a {
	width: 120px;
	height: 105px;
	background: url(images/g_navi03.png) no-repeat;
	display:block;
}

#g_navi ul li.gn03 a:hover {
	background: url(images/g_navi03_o.png) no-repeat;
}

#g_navi ul li.gn04 a {
	width: 125px;
	height: 105px;
	background: url(images/g_navi04.png) no-repeat;
	display:block;
}

#g_navi ul li.gn04 a:hover {
	background: url(images/g_navi04_o.png) no-repeat;
}

#g_navi ul li.gn05 a {
	width: 155px;
	height: 105px;
	background: url(images/g_navi05.png) no-repeat;
	display:block;
}

#g_navi ul li.gn05 a:hover {
	background: url(images/g_navi05_o.png) no-repeat;
}

#g_navi ul li.gn06 a {
	width: 130px;
	height: 105px;
	background: url(images/g_navi06.png) no-repeat;
	display:block;
}

#g_navi ul li.gn06 a:hover {
	background: url(images/g_navi06_o.png) no-repeat;
}

#g_navi ul li.gn07 a {
	width: 120px;
	height: 105px;
	background: url(images/g_navi07.png) no-repeat;
	display:block;
}

#g_navi ul li.gn07 a:hover {
	background: url(images/g_navi07_o.png) no-repeat;
}

#g_navi ul li.gn08 a {
	width: 104px;
	height: 105px;
	background: url(images/g_navi08.png) no-repeat;
	display:block;
}

#g_navi ul li.gn08 a:hover {
	background: url(images/g_navi08_o.png) no-repeat;
}

/* グローバルナビゲーション以下の横幅指定（コンテンツ＋サイドバー）
------------------------------------------------------------------------ */
#contents_area {
	width:1000px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

/* コンテンツ
------------------------------------------------------------------------ */
#contents {
	width: 720px;
	float:right;
	text-align:left;
}

/* コンテンツh3
------------------------------------------------------------------------ */
#contents h3 {
	height: 55px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(images/title_h3.jpg) no-repeat;
	font-size: 130%;
	font-weight: normal;
	line-height: 360%;
	letter-spacing: 0.2em;
	text-indent: 20px;
}

/* コンテンツh4
------------------------------------------------------------------------ */
#contents h4 {
	height: 35px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(images/title_h4.jpg) no-repeat;
	font-size: 130%;
	font-weight: normal;
	color: #86340C;
	line-height: 250%;
	letter-spacing: 0.2em;
	text-indent: 50px;
}

/* コンテンツp
------------------------------------------------------------------------ */
#contents p {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	line-height: 160%;
	letter-spacing: 0.05em;
}

/* コンテンツli
------------------------------------------------------------------------ */
#contents ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 50px;
}

#contents ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 20px;
	list-style:none;
	background: url(images/list.jpg) no-repeat;
	background-position: left 2px;
}
#contents ol {
	padding-left:22px;
	margin:10px 0 20px 30px;
}
#contents ol li {
	margin:0 20px;
	list-style:decimal;
}

/* サイドバー
------------------------------------------------------------------------ */
#sidebar {
	width: 235px;
	float:left;
}

#side_banner img {
	margin: 0 0 10px 0;
}

#side_list ul {
	margin: 0;
	padding: 0;
}

#side_list ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
	text-align:left;
}

#side_list ul li a {
	width: 235px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(images/side_list.jpg) no-repeat;
	background-position: right;
	display: block;
	color: #000;
	line-height: 420%;
	text-indent: 15px;
}
#side_list ul li a:hover {
	background: url(images/side_list_o.jpg) no-repeat;
	background-position: right;
	text-decoration: none;
}
#side_list .side_list2 ul {
	margin-bottom: 4px;
	padding: 0;
}
#side_list .side_list2 ul li {
	padding-left: 20px;
	border-:bottom 1px dotted #FED203;
	border-top: none;
	text-align:left;
}
#side_list .side_list2 ul li a {
	width: 215px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(images/side_list.jpg) no-repeat;
	background-position: right;
	display: block;
	color: #000;
	line-height: 240%;
	text-indent: 15px;
}
#side_list .side_list2 ul li a:hover {
	background: url(images/side_list_o.jpg) no-repeat;
	background-position: right;
	text-decoration: none;
}

/* フッタ（基本レイアウト）
------------------------------------------------------------------------ */
#footer {
	width: 100%;
	background-color: #FEEFAB;
}

#footer_in {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
}

/* フッター・サイトマップ
------------------------------------------------------------------------ */
#f_sitemap table {
	width: 960px;
	margin: 0 auto;
	text-align:center;
}

#f_sitemap table td {
	text-align:left;
	vertical-align: top;
	font-size: 80%;
	color:#AD8F01;
}

#f_sitemap table td h3 {
	margin: 0 0 10px 0;
	font-size: 120%;
}

#f_sitemap table td ul li {
	margin: 0 0 4px 0;
}

#f_sitemap table td a {
	color: #ad8f01 !important;
}

/* フッターボーダー
------------------------------------------------------------------------ */
.f_border {
	height: 6px;
	background: url(images/f_dot_border.jpg) repeat-x;
}

/* フッターナビ（レイアウト）
------------------------------------------------------------------------ */
#f_navi {
	width: 300px;
	float:left;
}

#f_navi ul li {
	float: left;
}

/* フッターナビ
------------------------------------------------------------------------ */
.fn01 a {
	width: 120px;
	height:25px;
	background: url(images/f_navi01.jpg) no-repeat;
	display:block;
}
.fn01 a:hover {
	background: url(images/f_navi01_o.jpg) no-repeat;
}

.fn02 a {
	width: 110px;
	height:25px;
	background: url(images/f_navi02.jpg) no-repeat;
	display:block;
}
.fn02 a:hover {
	background: url(images/f_navi02_o.jpg) no-repeat;
}

/* フッタ（画面右下・住所等）
------------------------------------------------------------------------ */
#footer_address {
	width: 400px;
	float:right;
	color: #463900;
	text-align: right;
}

#footer_address h3 {
	margin: 0 0 6px 0;
	font-size: 110%;
	font-weight: normal;
}

#footer_address p {
	margin: 0 0 6px 0;
	font-size: 90%;
}

/* コピーライト
------------------------------------------------------------------------ */
#copyright {
	width: 100%;
}
#copyright_in {
	width: 1000px;
	margin: 0 auto;
	text-align:center;
}
#copyright_in address {
	font-size: 80%;
	font-style: normal;
	color: #FED203;
	text-align: center;
}

/* このページの上部へ
---------------------------------------------------------------- */
div.tothetopfixed {
	position: fixed;
	right: 10px;
	bottom: 160px;
	z-index: 1500;
}

div.tothetopfixed a {
	width: 75px;
	height: 70px;
	background: url(images/pagetop.png) no-repeat;
	display: block;
	padding: 10px;
	margin: 0;
}

div.tothetopfixed a:hover {
	background: url(images/pagetop_o.png) no-repeat;
}