@charset "utf-8";

/* ----------リセットCSS ---------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	font-size: 14px;
	line-height: 22px;
	text-decoration:none;
    vertical-align: baseline;
    background: transparent;
	color: #222222;
}
 
body {
    line-height: 1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display: block;
}
 
ol, ul {
    list-style: none;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
 
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
 
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
hr {
    display: block;
    height: 1px;
    border: 0;  
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
 
input, select {
    vertical-align: middle;
}

img {
　　　vertical-align: top;
　　　font-size: 0;
　　　line-height: 0;
}

/* ----------リセットCSS END ---------- */



/* ----------共通CSS ---------- */
.left { float: left; }
.right { float: right; }

.tx_l, td.tx_l, .tx_l td { text-align:left; }
.tx_r, td.tx_r, .tt_r td { text-align:right; }
.tx_c, td.tx_c, .tx_c td { text-align:center; }

.va_t, td.va_t, .va_t td { vertical-align:top; }
.va_m, td.va_m, .va_m td { vertical-align:middle; }
.va_b, td.va_b, .va_b td { vertical-align:bottom; }

.clear { clear:both; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.img100 { width: 100%; height: auto; }

/* ----------共通CSS END ---------- */




/* --- 全体共通CSS --- */
html {
	width: 100%;
}

body {
	width: 100%;
}

h1,h2,h3 {
	font-size: 14px;
	font-weight: normal;
}

.wrap {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 100%;
}

/* セカンドアップ用 */
/* strong { font-weight: 400; } */
strong { font-weight: normal; }
#link_list td { padding-bottom: 10px; text-decoration: none; }
#link_list td a:hover { text-decoration: underline; }

a { color: #222222; text-decoration: none; }
a:hover { color:#222222; text-decoration:underline; }
.link_area { cursor: pointer; }

#page_nav {
	text-align: right;
	font-size: 12px;
	margin-bottom: 10px;
}
#page_nav a {
	font-size: 12px;
}

/* --- 全体共通CSS END --- */




/* --- 新着情報一覧設定 --- */
#news {
	width: 194px;
	border: solid 5px #ffd8a0;
	margin-bottom: 5px;
	padding: 3px;
}
#news_list {
	text-align: left;
	margin-bottom: 15px;
}
#news_list a {
}
/* --- 新着情報一覧設定 END --- */




/* --- カレンダー設定 --- */
#calender_box {
	width: 200px;
	float: right;
}

#calender_table {
	border-collapse: collapse;
	border: solid 1px #030;
	width: 200px;
	margin-bottom: 10px;
}
#calender_table td {
	border: solid 1px #030;
	background: #FFF;
	text-align: center;
	width: 25px;
	height: 25px;
	font-size: 12px;
}
#calender_table td.you {
	border: solid 1px #030;
	background: #e9e9e9;
	width: 25px;
	height: 25px;
}
#calender_table td.free {
	border: solid 1px #030;
	background: #ffa4ab;
	width: 25px;
	height: 25px;
}

#calender_table td.today {
	border: solid 1px #030;
	background: #f5f483;
	width: 25px;
	height: 25px;
}

/* --- カレンダー設定 END --- */





/* --- お問い合せ 設定 --- */
#contact_table {
	border-collapse: collapse;
	position: relative;
	margin-bottom: 20px;
}
#contact_table th {
	font-weight: bold;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
#contact_table td {
	padding: 10px;
}

#contact_table input,#contact_table textarea {
	border: solid 1px #999;
}

#contact_table input.text1 {
	width: 200px;
}
#contact_table input.text2 {
	width: 250px;
}
#contact_table input.text3 {
	width: 300px;
}
#contact_table input.text4 {
	width: 350px;
}
#contact_table input.text5 {
	width: 400px;
}
#contact_table input.text6 {
	width: 50px;
}
#contact_table textarea{
	width: 100%;
}

.contact_icon {
	position: relative;
	top: -3px;
	left: 5px;
}

#submit_box {
	text-align: right;
	margin-bottom: 20px;
}
#submit_box button {
	position: relative;
	background: #fff8c2;
	vertical-align: top;
	border: none;
}

.privacy_box {
	position: relative;
	background: #FFF;
	width: auto;
	height: 260px;
	padding: 10px;
	margin-bottom: 20px;
	border: solid 1px #999999;
	overflow: auto;
}

/* --- お問い合せ 設定 END --- */




/* --- お客様の声 設定 --- */
.voice_box {
	position: relative;
	width: 750px;
	border-bottom: dotted 1px #3c2605;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.voice_box .title {
	position: relative;
	width: 750px;
	height: 50px;
	line-height: 45px;
	font-size: 20px;
	font-weight: bold;
	color: #d71b40;
}

.voice_box .text {
}

/* --- お客様の声 END --- */




/* --- よくあるご質問 設定 --- */
.faq_box {
	position: relative;
	width: 670px;
	border: solid 1px #dac3ac;
	margin-bottom: 20px;
}

.faq_box .title {
	position: relative;
	background: url(images/icon/f_icon.png) no-repeat 8px 4px #fff5eb;
	width: auto;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 15px 10px 15px 60px;
	border-bottom: solid 1px #dac3ac;
}

.faq_box .text {
	padding: 15px;
	font-size: 12px;
}

/* --- よくあるご質問 END --- */




/* --- テーブルデータ 設定 --- */
#info_table {
	border-collapse: collapse;
	border: solid 1px #dac3ac;
	margin-bottom: 25px;
}
#info_table th {
	background: #fff5eb;
	border: solid 1px #dac3ac;
	padding: 5px;
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
}
#info_table td {
	border: solid 1px #dac3ac;
	padding: 5px;
	padding-left: 10px;
}


#list_table {
	border-collapse: collapse;
	margin-bottom: 25px;
}
#list_table td {
	padding: 5px;
	padding-left: 10px;
}
#list_table .b_back {
	background: #E4E4E4;
}

/* --- テーブルデータ 設定 END --- */




/* --- 背景設定 --- */
#container {
	background: #fff8c2;
	position: relative;
	clear: both;
}

#header {
	background: #FFFFFF;
	position: relative;
	border-top: solid 5px #ffd680;
	width: 100%;
	height: 95px;
	clear: both;
}

#mainimage_index {
	position: relative;
	width: 100%;
	height: auto;
	clear: both;
}

#nav {
	position: relative;
	width: 100%;
	height: 80px;
	clear: both;
}

#content {
	position: relative;
	width: 100%;
	height: auto;
	clear: both;
}

#footer {
	background: #FFFFFF;
	position: relative;
	width: 100%;
	height: 190px;
	clear: both;
}


/* --- 背景設定 END --- */




/* --- リンク集設定 --- */
#link_table td {
	padding-bottom: 10px;
}

.icon1 {
	position: relative;
	top: -3px;
}
/* --- リンク集設定 END --- */




/* --- 見出し設定 --- */
.midashi1 {
	margin-bottom: 15px;
}

.midashi2 {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	border-bottom: dashed 1px;
	padding: 5px 0;
	margin-bottom: 15px;
}

/* --- 見出し設定 END --- */




/* --- ナビ設定 --- */
#nav ul li {
	width: 196px;
	float: left;
}

/* --- ナビ設定 END --- */




/* --- ヘッダー設定 --- */
#header h1 {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 12px;
}

#header #logo {
	position: absolute;
	top: 25px;
	left: 0;
}

#header #h_link_list {
	position: absolute;
	bottom: 15px;
	right: 0;
}
#header #h_link_list li {
	background: url(../images/icon/icon3.png) no-repeat 0 2px;
	padding-left: 15px;
	line-height: 20px;
	float: left;
}
#header #h_link_list li a {
	font-size: 12px;
	line-height: 20px;
}



/* --- ヘッダー設定 END --- */




/* --- メインイメージ設定 --- */
#mainimage_index .wrap {
	position: relative;
	width: 100%;
	height: auto
	clear: both;
}

/* --- メインイメージ設定 END --- */




/* --- コンテンツ設定 --- */
#main {
	position: relative;
	width: 700px;
	min-height: 500px;
	float: left;
}

#top_text {
	background: url(../images/index/h2_back.png) no-repeat top left;
	position: relative;
	width: 700px;
	height: 370px;
	margin-bottom: 20px;
	clear: both;
}
#top_text p {
	position: absolute;
	top: 70px;
	right: 0;
	width: 400px;
}

#news_box {
	background: #FFFFFF;
	border: solid 1px #B0B0B0;
	width: 698px;
	height: 300px;
	margin-bottom: 10px;
}

#news_box2 {
	background: #FFFFFF;
	border: solid 1px #B0B0B0;
	width: 698px;
	height: 1000px;
	margin-bottom: 10px;
}


#aisatu_text {
	line-height: 40px;
	margin-bottom: 30px;
}
#aisatu_name {
	text-align: right;
	margin-bottom: 30px;
}

#katudou_table td {
	padding-bottom: 20px;
}

.pdf_icon2 {
	position: relative;
	top: 4px;
}

#teiki_time {
	background: #ececec;
	position: relative;
	width: 370px;
	height: 22px;
	padding: 15px;
	margin-bottom: 20px;
}

.list li {
	list-style: disc outside;
	margin-left: 30px;
	line-height: 40px;
}

/* --- コンテンツ設定 END --- */




/* --- レフトorライトメニュー設定 --- */
#sidebar {
	position: relative;
	width: 250px;
	min-height: 500px;
	float: right;
}
#sidebar .wrap {
	position: relative;
	width: auto;
	height: auto;
}

#s_info_box {
	position: relative;
	background: url(../images/s_info_back.png) no-repeat;
	width: 250px;
	height: 290px;
	margin-bottom: 20px;
}

#s_contact_bt {
	position: absolute;
	bottom: 20px;
	left: 10px;
}

/* --- レフトorライトメニュー設定 END --- */




/* --- フッター設定 --- */
#f_logo {
	position: absolute;
	top: 50px;
	left: 30px;
}

#f_info_box {
	position: absolute;
	top: 100px;
	left: 30px;
}

#line1 {
	position: absolute;
	top: 30px;
	left: 540px;
}

#f_link_list1 {
	position: absolute;
	top: 50px;
	right: 320px;
}
#f_link_list2 {
	position: absolute;
	top: 50px;
	right: 80px;
}
#f_link_list1 li,#f_link_list2 li {
	background: url(../images/icon/icon8.png) no-repeat 0 2px;
	padding-left: 15px;
	line-height: 20px;
}
#f_link_list1 li a,#f_link_list1 li a {
	font-size: 12px;
	line-height: 20px;
}


address {
	background: #ffd680;
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
}

.toTop {
	position: absolute;
	top: -30px;
	right: 0;
}


/* --- フッター設定 END --- */