@charset "utf-8";
/* =========================== */
/* 共通                        */
/* =========================== */
a:link{
	color:#0082ff;
}a:visited{
	color:#0082ff;
}a:hover{
	color:#0082ff;
}
A IMG {border: none;}
P {margin: 0px 0px 5px;padding: 0px;}
table {font-size:inherit; /* not IE */font:100%; /* IE */}
#main-contents a:hover img,#side-contents a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70 )";}
a:focus{outline:none;}a{overflow:hidden;}
#main-contents .twtr-widget h3{background-image:none;font-size:medium;margin:0px;padding:0px;font-weight:normal;height:auto;width:auto;}
#main-contents .twtr-widget h4{font-size:medium;font-weight:normal;background-image:none;margin:0px;padding:0px;height:auto;width:auto;}
.error{background:#ff6699;padding: 20px;text-align:center;}
/* =========================== */
/* Contents                    */
/* =========================== */
BODY {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
}
DIV#top {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #fecdc6;
	height: 18px;
}
#main-comp{
	width: 978px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/main-comp.jpg);
}
#main-wrap{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/main-body-top_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 6px;
	overflow: hidden;
}
/* =========================== */
/* ヘッダー                    */
/* =========================== */
#header {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
}
#header:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#header-wrap{
	background-image: url(../img/header-wrap-bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
/* サイトタイトル */
#site-title {
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 19px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#site-title-tel {
	float: right;
	padding: 0px;
	display: block;
	clear: right;
	text-align: right;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* ヘッターコンテンツ領域 */	
#header-contents {
	width: 922px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-weight: normal;
	padding: 0px;
}
#header-menu {
	color: #666;
	float: none;
	display: block;
	padding: 0px;
	width: 930px;
	clear: both;
	overflow: hidden;
	margin: 0px;
}
/*
#header-menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
}
*/
#header-menu  A.text:link,
#header-menu  A.text:visited {
	color: #333;
	text-decoration: none;
	font-size: 11px;
	height: 20px;
	}
#header-menu DIV.menu-icon {
	height: 9px;
	width: 9px;
	display: inline;
	background-color: #ffa8a2;
	background-image: url(../img/header-guide.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
	float: left;
	margin-top: 5px;
}
#header-menu DIV.menu-item {
	float: right;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: middle;
	}
#header_bg {
	width: 100%;
	background-repeat: repeat-x;
	background-position: center top;
	height: 165px;
	background-image: url(../img/header-top.jpg);
}
/* =========================== */
/* メインメニュー                  */
/* =========================== */	
#main-menu-wrap{
	background-color: #fecdc6;
	margin: 0px;
}
#main-menu {
	width: 932px;
	height: 45px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/main-menu-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
}
#main-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}	
#main-menu DIV.menu-item {
	float:left;
	height: 45px;
	background-image: url(../img/main-menu-btn.png);
	background-repeat: no-repeat;
	width: 153px;
	background-position: left top;
	margin: 0px;
	text-align: center;
	font-size: 12px;
}
#main-menu DIV.menu-sepalator {
	padding:0px;
	float:left;
	width: 2px;
	height: 45px;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/main-menu-sp.png);
}	
#main-menu  A.text:link,
#main-menu  A.text:visited {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: block;
	height: 30px;
	text-align: center;
	width: 153px;
	font-weight: normal;
	padding-top: 15px;
}
#main-menu A.text:active,
#main-menu A.text:hover {
	width: 153px;
	height: 30px;
	color: #dc280f;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
}
#main-menu A.active:link,
#main-menu A.active:visited,
#main-menu A.active:active,
#main-menu A.active:hover {
	height: 30px;
	width: 153px;
	background-repeat: no-repeat;
	background-position: left top;
	color: #dc280f;
	background-image: url(../img/main-menu-btn-r.png);
	padding-top: 15px;
}
#main-menu A:hover {
	height: 30px;
	width: 150px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 15px;
	background-image: url(../img/main-menu-btn-r.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #dc280f;
}
/* =========================== */
/* ページコンテンツのタイトル         */
/* =========================== */	
#main-contents h3 {
	background-image: url(../img/h3.jpg);
	background-repeat: no-repeat;
	width: 650px;
	font-size: 16px;
	color: #472e2e;
	background-position: left top;
	height: 26px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	}
/* =========================== */
/* ページコンテンツの見出し１         */
/* =========================== */	
#main-contents h4 {
	background-repeat: no-repeat;
	height: 25px;
	width: 650px;
	font-size: 14px;
	color: #494949;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	background-position: left top;
	background-image: url(../img/h4.jpg);
	padding-top: 9px;
	padding-left: 20px;
	}
/* =========================== */
/* ページコンテンツの見出し2   */
/* =========================== */	
#main-contents h5 {
	height: 20px;
	width: 655px;
	font-size: 12px;
	color: #4b4b4b;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(../img/h5.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-position: left bottom;
	font-weight: bold;
	padding-top: 5px;
	}
/* =========================== */
/* ページコンテンツの見出し3   */
/* =========================== */	
#main-contents h6 {
	background-image: url(../img/h6.jpg);
	background-repeat: no-repeat;
	width: 655px;
	font-size: 12px;
	font-weight: bold;
	background-position: left center;
	height: 24px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #515151;
	padding-top: 3px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
/* =========================== */
/* サイトマップ                     */
/* =========================== */	
#main-contents #sitemap-section h4{
	height: 20px;
	width: 655px;
	font-size: 12px;
	color: #000000;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(../img/h5.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-position: left bottom;
	font-weight: bold;
	padding-top: 8px;
	}
#main-contents #sitemap-section li{
	list-style-type: circle;
	text-decoration: none;
}	
#footer-contents #sitemap-section{
	display: block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	margin-bottom: 100px;
}
#footer-contents #sitemap-section a:hover{
	text-decoration: none;
	color: #FFF;
}
#footer-contents #sitemap-section .box{
	display: inline-block;
	float: left;
	width: 145px;
	margin-right: 5px;
	margin-bottom: 10px;
}
#footer-contents #sitemap-section h4{
	font-weight: normal;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #53BAFF;
	padding-left: 3px;
	margin: 0px;
}
#footer-contents #sitemap-section h4 a{
	text-decoration: none;
	color: #0A70A7;
}
#footer-contents #sitemap-section ul{
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 11px;
}
#footer-contents #sitemap-section li{
	list-style-type: none;
}
#footer-contents #sitemap-section li a{
	color: #0E498B;
	text-decoration: none;
	font-weight: normal;
}
/* =========================== */
/* QRコード                        */
/* =========================== */	
IMG.qrcode {
	border:1px solid #cccccc;
	}
	
/* =========================== */
/* Googleマップ                     */
/* =========================== */	
IFRAME.googlemap {
	}
	
/* =========================== */
/* お問い合わせフォーム             */
/* =========================== */	
#mailform-section {
	margin: 0px 10px 0px 0px;
	}
#mailform-section DIV.form-layout {
	margin: 0px;
	width: 532px;
	}

/* 入力項目のセット */
#mailform-section DIV.form-layout DIV.form-items {
	border: 1px solid #cccccc;
	width: 532px;
	overflow:hidden;
	background-color: #efefef;
}
/* 入力項目 */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item {
	clear:both;
}
/* 項目名セル */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.label {
	float: left;
	width: 130px;
	text-align: left;
	padding: 11px 8px 0px 8px;
	vertical-align: top;
	font-size: 10pt;
	border-top: 1px #ffffff solid;
	}
/* 入力欄セル */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.field {
	float: left;
	width: 370px;
	text-align: left;
	padding: 8px 8px 0px 8px;
	vertical-align: top;
	background-color: #ffffff;
	}
/* 入力欄（テキストボックス） */
#mailform-section INPUT.input-text {
}
/* 入力欄（テキストエリア） */
#mailform-section TEXTAREA.input-textarea {
}
/* 入力欄（ラジオボタン） */
#mailform-section INPUT.input-radio {
}
/* 入力欄（チェックボックス） */
#mailform-section INPUT.input-checkbox {
}
/* 入力欄（選択リスト） */
#mailform-section INPUT.input-select {
}
/* 説明 */
#mailform-section DIV.form-layout DIV.form-items DIV.form-item DIV.field P.description {
	margin: 3px 0px 0px 0px ;
	font-size: 9pt;
	}
/* 項目名 */
#mailform-section LABEL {
	}
/* ※（必須） */
#mailform-section .required {
	color:red;
	font-weight: normal;
	}
/* エラーの時の背景色 */
#mailform-section .error {
	background-color: #ffccff;
	}
/* エラーの時のメッセージ */
#mailform-section .error-message {
	color: #ff0000;
	}
/* 完了メッセージ */
#mailform-section .completion-message {
	border: 1px solid #cccccc;
	padding: 30px;
	}
/* 送信ボタン */
#mailform-section DIV.submitee {
	clear:both;
	text-align: center;
}
#mailform-section DIV.submitee BUTTON
{
   cursor: pointer;
   width: 109px;
   height: 32px;
   background-image:url(/theme/form_submit.jpg);
   border-width:0px;
}
/* 「送 信」テキスト */
#mailform-section DIV.submitee BUTTON SPAN
{
   display: none;
}



/* =========================== */
/* お知らせ一覧パーツ（サイドコンテンツ内）  */
/* =========================== */
/* リスト全体 */
#side-contents #topic-headline-section DL {
	font-size: 10pt;
	color: #333333;
	width: 180px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	}
/* 記事タイトル（リンク先がないとき） */
#side-contents #topic-headline-section DT{
	width: 180px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	}
/* 公開日 */
#side-contents #topic-headline-section DT .date {
	font-weight: bold;
	width: 180px;
	display: block;
	}
/* 記事タイトル（リンク先があるとき） */
#side-contents #topic-headline-section DT A {
	color: #222222;
	}
/* 記事概要 */
#side-contents #topic-headline-section DD {
	margin-bottom: 10px;
	padding: 0px;
	width: 180px;
	margin-right: 0px;
	margin-left: 0px;
	}
	
/* =========================== */
/* お知らせ一覧ページ                 */
/* =========================== */

#topic-list-section {
	width: 670px;
	padding-top: 11px;
	padding-bottom: 5px;
	margin: 0px;

	}
/* 記事タイトル */	
#topic-list-section DT {
	width: 670px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #666;
	font-size: 12px;
	}
/* 公開日*/
#topic-list-section DT .date {
	font-weight: bold;
	color: #666;
	width: 100px;
	padding-right: 20px;
	font-size: 12px;
	}
/* 記事タイトル（リンク先があるとき） */
#topic-list-section DT A {
	color: #48B4FF;
	font-size: 12px;
	}
/* 本文（記事コンテンツ/なければ記事概要） */
#topic-list-section DD {
	margin-bottom: 10px;
	width: 670px;
	margin-top: 0px;
	margin-right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #333333;
	font-size: 12px;
	margin-left: 0px;
	}
/* お知らせ本文中の画像 */
#topic-list-section DD IMG {
	margin: 5px;
	}
/* 記事区切り */	
#topic-list-section DD DIV.topic-sepalator {
	clear:both;
	height:0px;
	width: 100px;
}

/* =========================== */
/* テンプレート挿入時の表             */
/* =========================== */
TABLE.table_a {
		border-collapse: collapse;
		border: 1px #809FFF solid;
	}
TH.table_a_th {
		color: #FFFFFF;
		background-color: #0862B0;
		border: 1px #809FFF solid;
	}
TH.table_a_th2 {
		color: #008EBC;
		background-color: #D5DFFF;
		border: 1px #809FFF solid;
	}
TD.table_a_td {
		color: #223344;
		background-color: #F0F8FF;
		border: 1px #809FFF solid;
	}
/* =========================== */
/* バナー                    　*/
/* =========================== */
.side-banar-box {
	background-color: #e0e0e0;
	width: 200px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/* ========================================== */
/* 編集画面で表組み内の文字だけ大きくなる対応 */
/* ========================================== */
table {
	font-size:inherit; /* not IE */
	font:100%; /* IE */
}

#font-size-text{
	float: left;
	height: 19px;
	font-size: 12px;
	margin: 0px;
	display: block;
	padding-top: 5px;
	font-weight: bold;
	color: #FFF;
	padding-bottom: 0px;
	width: 74px;
	text-align: right;
}
#font-size-box{
	height: 24px;
	width: 200px;
	background-color: #93e69b;
	border: 1px solid #999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 4px;
	margin-right: 0px;
	text-align: left;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}
#font-size {
	list-style-type: none;
	background-color: #fecdc6;
	display: block;
	float: right;
	padding: 2px;
	width: 194px;
	height: 24px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#font-size:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#font-size #s {
	padding: 0px;
	float: right;
	height: 24px;
	width: 34px;
	margin: 0px;
}
#font-size #m,
#font-size #l {
	padding: 0px;
	float: right;
	height: 24px;
	width: 34px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}
#font-size #s a,
#font-size #m a,
#font-size #l a {
	height: 19px;
	width: 32px;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background-color: #fcc5be;
	text-align: center;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fddad6;
	border-right-color: #b37c77;
	border-bottom-color: #b37c77;
	border-left-color: #fddad6;
	padding-top: 3px;
}
#font-size #s a:hover,
#font-size #m a:hover,
#font-size #l a:hover{
	background-color: #FBA699;
}


/* =========================== */
/* ページトップへ            　*/
/* =========================== */
#page-top {
	text-align: right;
	height: 20px;
	width: 130px;
	color: #1a76ff;
	background-image: url(../img/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
	float: right;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#page-top a{
	color: #1a76ff;
	text-decoration: none;
}
#page-top DIV.menu-icon {
	background-image: url(../img/page-top-guide.png);
	float: left;
	height: 9px;
	width: 9px;
	display: inline-block;
	margin-top: 3px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
	background-color: #712f15;
}
#page-top DIV.menu-items {
	float: right;
	text-align: left;
	display: block;
	height: 20px;
	padding-top: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-right: 10px;
	padding-left: 10px;
	}
#page-top DIV.menu-items A:link {
	color: #FFF;
	text-decoration: none;
}
#page-top DIV.menu-item A:hover{
	color: #FFF;
}
#page-top DIV.menu-sepalator {
	overflow: hidden;
	float:right;
	background-image: url(../img/footer-page-top_sepalator.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 22px;
	width: 2px;
	display: block;
	margin-right: 7px;
	}
/* =========================== */
/* フッター                     */
/* =========================== */

/* フッターコンテンツ領域 */
#footer-contents {
	width: 910px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
	clear: both;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-right: 10px;
	}
#footer-wrap {
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #fecdc6;
}
#footer-hr{
	background-image: url(../img/footer-hr.png);
	background-repeat: repeat-x;
	height: 2px;
	width: 100%;
	background-position: center top;
	display: block;
	clear: both;
}
#footer-menu-box {
	width: 930px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	}
/* フッターメニュー */
DIV#footer-menu {
	width: 770px;
	text-align: left;
	float: left;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin: 0px;
	padding-top: 5px;
	}
#footer-menu DIV.menu-icon {
	height: 9px;
	width: 9px;
	display: inline-block;
	margin-top: 3px;
	background-image: url(../img/footer-guide.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
	float: left;
}
#footer-menu DIV.menu-item {
	text-align: left;
	display: block;
	float: left;
	height: 20px;
	padding-top: 4px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#footer-menu DIV.menu-sepalator {
	overflow: hidden;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#footer-menu A:link,
#footer-menu A:active,
#footer-menu A:visited {
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: -0.2mm;
	}
#footer-menu A:hover{
	color: #712f15;
}




TABLE.main-text-table {
	height: 39px;
	width: 600px;
	background-image: url(../img/main-text-title-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 8px;
}



TD.main-text-td{
	font-size: 14px;
	color: #818181;
	padding-left: 25px;
	padding-top: 12px;
}


#company-text{
	color: #898989;
	font-size: 14px;
	padding-top: 23px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 26px;
	border: 1px solid #898989;
	margin-top: 12px;
	font-weight: bold;
	line-height: 1.7;
}
