﻿@charset "UTF-8"; 



/*---- 本文コンテンツ ----*/
.article { float:left; width:800px; margin-bottom:40px; }
.navibar { padding:10px 0px; font-size:0.8em; line-height:1.5; margin:0x; }


.title_box01 { padding:2px 10px; margin:0px 0px 10px 0px; line-height:1.5; background:#fff; border-top:10px solid #704; }
.title_box01 h2 { margin:0px; letter-spacing:1px; color:#333; font-size:1.6em; }

.comment { font-size:1.0em; margin-bottom:10px; display:none; }

.uc { color:#704; text-align:center; margin:150px 0px; }
.body { padding:0px; margin:0px; clear:both; }
.body td, .body th {  }

.icon { padding:5px 0px 5px 20px; background: url(../img/i_index01.png) no-repeat 0px center; }


/*---- side_MENU ----*/
.side { float:right; width:300px; margin-bottom:40px; }
.side a { display:block; margin:0 auto 10px auto; }
.side a:hover { filter:alpha(opacity=70); opacity: 0.7; }
.side #sakiyomi { height:0; }


.head_box { margin-bottom:20px; padding:10px; display:none; position:relative; }
.head_box .title { color:#fff; font-weight:bold; margin-bottom:10px; font-size:1.2em; display:none; }
.head_box .photo img { width:100%; height:auto; }
.head_box .text { padding:10px; background:#fff; }
.head_box .text strong { display:block; border-bottom:1px solid #ccc; padding:0 0 10px 0 ; margin:0 0 10px 0 ; }
.head_box .text a img { float:left; width:100px; height:auto; margin-right:10px; }
.head_box .arrow { position:absolute; left:-30px; top:40px; width:30px; height:30px; background:url(../img/sm_arrow.png)  no-repeat ; }
.head_box, .head_box .h_izumo, .head_box .h_matsue, .head_box .h_yasugi,
.head_box .h_sakaiminato, .head_box .h_yonago, .head_box .h_daisen,
.head_box .h_oki, .head_box .h_tsuwano, .head_box .h_tori_c, .head_box .h_tori_e
{ /*height:120px; text-indent:-9999px;*/ display:none;  }
.area_title, .area_title .izumo, .area_title .matsue, .area_title .yasugi,
.area_title .sakaiminato, .area_title .yonago, .area_title .daisen, .area_title .mysterious { display:none; }
.area_title img { width:100%; }
.head_box .h_izumo { background:url(../img/h_izumo.png) no-repeat top left; }
.head_box .h_matsue { background:url(../img/h_matsue.png) no-repeat top left; }
.head_box .h_yasugi { background:url(../img/h_yasugi.png) no-repeat top left; }
.head_box .h_sakaiminato { background:url(../img/h_sakaiminato.png) no-repeat top left; }
.head_box .h_yonago { background:url(../img/h_yonago.png) no-repeat top left; }
.head_box .h_daisen { background:url(../img/h_daisen.png) no-repeat top left; }
.head_box .h_oki { background:url(../img/h_oki.png) no-repeat top left; }
.head_box .h_tsuwano { background:url(../img/h_tsuwano.png) no-repeat top left; }
.head_box .h_tori_c { background:url(../img/h_tori_c.png) no-repeat top left; }
.head_box .h_tori_e { background:url(../img/h_tori_e.png) no-repeat top left; }

/*---- AREA COLOR ----*/
.area_izumo .area_title { display:block; }
.area_izumo .area_title .izumo { display:block; }
.area_izumo .head_box { display:block; background:#773f4c url(../img/bg_area.png); }
.area_izumo .head_box .arrow { background-position:0 0; }
.area_izumo .head_box .h_izumo { display:block; }
.area_izumo .head_box .h_izumo .text strong { color:#773f4c; }
.area_izumo .title_box01 { border-top:10px solid #773f4c; }
.area_izumo .index_title { background:url(../img/i_index02.png) no-repeat left center; }

.area_matsue .area_title { display:block; }
.area_matsue .area_title .matsue { display:block; }
.area_matsue .head_box { display:block; background:#56356c url(../img/bg_area.png); }
.area_matsue .head_box .arrow { background-position:0 -30px; }
.area_matsue .head_box .h_matsue { display:block; }
.area_matsue .head_box .h_matsue .text strong { color:#56356c; }
.area_matsue .title_box01 { border-top:10px solid #56356c; }
.area_matsue .index_title { background:url(../img/i_index03.png) no-repeat left center; }

.area_yasugi .area_title { display:block; }
.area_yasugi .area_title .yasugi { display:block; }
.area_yasugi .head_box { display:block; background:#362a77 url(../img/bg_area.png); }
.area_yasugi .head_box .arrow { background-position:0 -60px; }
.area_yasugi .head_box .h_yasugi { display:block }
.area_yasugi .head_box .h_yasugi .text strong { color:#362a77; }
.area_yasugi .title_box01 { border-top:10px solid #362a77; }
.area_yasugi .index_title { background:url(../img/i_index04.png) no-repeat left center; }

.area_sakaiminato .area_title { display:block; }
.area_sakaiminato .area_title .sakaiminato { display:block; }
.area_sakaiminato .head_box { display:block; background:#165477 url(../img/bg_area.png); }
.area_sakaiminato .head_box .arrow { background-position:0 -90px; }
.area_sakaiminato .head_box .h_sakaiminato { display:block; }
.area_sakaiminato .head_box .h_sakaiminato .text strong { color:#165477; }
.area_sakaiminato .title_box01 { border-top:10px solid #165477; }
.area_sakaiminato .index_title { background:url(../img/i_index05.png) no-repeat left center; }

.area_yonago .area_title { display:block; }
.area_yonago .area_title .yonago { display:block; }
.area_yonago .head_box { display:block; background:#365f56 url(../img/bg_area.png); }
.area_yonago .head_box .arrow { background-position:0 -120px; }
.area_yonago .head_box .h_yonago { display:block; }
.area_yonago .head_box .h_yonago .text strong { color:#365f56; }
.area_yonago .title_box01 { border-top:10px solid #365f56; }
.area_yonago .index_title { background:url(../img/i_index06.png) no-repeat left center; }

.area_daisen .area_title { display:block; }
.area_daisen .area_title .daisen { display:block; }
.area_daisen .head_box { display:block; background:#4c6920 url(../img/bg_area.png); }
.area_daisen .head_box .arrow { background-position:0 -150px; }
.area_daisen .head_box .h_daisen { display:block; }
.area_daisen .head_box .h_daisen .text strong { color:#4c6920; }
.area_daisen .title_box01 { border-top:10px solid #4c6920; }
.area_daisen .index_title { background:url(../img/i_index07.png) no-repeat left center; }

.area_oki .head_box, .area_oki .head_box .h_oki { background:#524; }
.area_oki .title_box01 { border-top:10px solid #524; }
.area_oki .index_title { background:url(../img/i_index08.png) no-repeat left center; }

.area_tsuwano .head_box, .area_tsuwano .head_box .h_tsuwano { background:#524; }
.area_tsuwano .title_box01 { border-top:10px solid #524; }
.area_tsuwano .index_title { background:url(../img/i_index08.png) no-repeat left center; }

.area_tori_c .head_box, .area_tori_c .head_box .h_tori_c { background:#524; }
.area_tori_c .title_box01 { border-top:10px solid #524; }
.area_tori_c .index_title { background:url(../img/i_index08.png) no-repeat left center; }

.area_tori_e .head_box, .area_tori_e .head_box .h_tori_c { background:#524; }
.area_tori_e .title_box01 { border-top:10px solid #524; }
.area_tori_e .index_title { background:url(../img/i_index08.png) no-repeat left center; }

#mys { display:none; margin-bottom:20px; color:#210; }
.mysterious_sanin .area_title,
.mysterious_sanin .area_title .mysterious { display:block; }
.mysterious_sanin #mys { display:block; }
.mysterious_sanin #mys a { display:inline; margin:0; padding:2px; }
.mysterious_sanin #mys a:before {  content:"●"; }
.mysterious_sanin #mys .box { padding:15px; background:#644; margin-bottom:10px; }
.mysterious_sanin #mys .box a { color:#fff; font-size:1.4em; font-weight:bold; }
.mysterious_sanin #mys .area { padding:5px 10px; background:#210; margin:5px 0px; color:#fff; font-weight:bold; }



/*---- INDEX ----*/
.index_box { float:left; width:46%; padding:0 0 5px 0; margin:0 2% 5px 2%; border-bottom:1px dotted #997; }
.index_title { padding:5px 5px 5px 25px; margin:0px; background:url(../img/i_index01.png) no-repeat left center; font-size:1.2em; font-weight:bold; line-height:1.5; }
.index_title:hover { }
.index_update { float:right; width:auto; padding:2px; font-size:12px; color:#999; text-align:right; display:none; }
.index_icon { float:left; }
.index_icon img { margin-right:10px; margin-bottom:10px; }
.index_comment { padding:0px 10px 5px 20px; font-size:0.9em; overflow:hidden; }
.index_comment font[size="+1"] { font-size:1em; }
.index_comment h3 { font-size:1.2em; margin-bottom:1em; border-left:0px; padding-left:0px; }

/*---- INDEX2 （IMAGE on TITLE）----*/
.index_box2 { float:left; width:320px; height:auto; padding:0; margin:0px 5px 20px 15px ; overflow:hidden; zoom:1; position:relative; }
* html .index_box2 { margin:0px 3px 20px 13px; }
.index_box2 .index_title { padding:0px; background:none; zoom:1; }
/*.index_box2 .index_title:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }*/
.index_box2 .index_icon { width:100%; height:240px; padding:0; margin:0; overflow:hidden; zoom:1; background:#524 url(../img/bg_icon.png) no-repeat center center; }
.index_box2 .index_icon img { margin:0; padding:0; width:100%; height:auto; zoom:1; vertical-align:bottom; }
.index_box2 .index_comment { position:relative; width:100%; height:auto; margin:0; padding:0px; overflow:visible; zoom:1; line-height:1.5; }
.index_box2 .index_comment .inner { position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.8); background:#000\9; width:100%; height:auto; margin:0px; padding:7px 0px; color:#fff; zoom:1; }
.index_box2 .index_update { position:absolute; left:5px; top:-20px; }
.index_box2 .index_title { background:none; border:none; font-size:1.0em; padding:0px 15px 5px 15px ; margin:0px; position:static; overflow:hidden; zoom:1; }
.index_box2 a:link, .index_box2 a:visited { color:#fff; }
.index_box2 a:hover { color:#c93; text-decoration:underline; }


a[name*="textimg"]:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
a[name*="textimg"] { min-height: 1px; }
* html a[name*="textimg"] { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }


.text_box { float:left; width:96%; margin:0px 0px 10px 2% ; padding:0px; list-style-type:none; z-index:1; }
.text_box p { line-height:2.0; }
.text_box p { line-height:2.0; }
.text_boxp:first-child { text-indent:1em; }
.left_img { margin:0px; padding:0px; }
.left_img img { margin:0px; padding:0px; margin-bottom:1em; margin-right:10px; }

h3 { padding:5px 0px; margin:0px 0px 10px 0px; font-size:1.6em; line-height:1.5; border-bottom:5px double #704; }
h4 { padding:5px 0px; margin:0px 0px 5px 0px; font-size:1.4em; line-height:1.5; color:#704; }
h5 { padding:5px 0px; margin:0px 0px 5px 0px; font-size:1.2em; line-height:1.5;  }
h3:first-letter { color:#704; font-size:1.2em; }
h5:before { content: "■"; }

.sub_title { /*padding:0px 0px 0px 25px;*/ margin:0px 0px 5px 0px; background:none; /*background:url(../img/i_subtitle.png) no-repeat left 0.35em;*/ border:0px; font-size:1.4em; color:#704; }
h3:empty, .sub_title01:empty { border:0px; }
.pagetop { text-align:right; }

.waku_box { background:#fff; border:3px double #b9b; padding:5px 7px; margin-bottom:20px; }


input, select { font-size:1.2em; }

/*---- テーブルデザイン ----*/
.table00 { width:100%; margin-bottom:20px; }
.table00 th { padding:2px 5px; border:0px; text-align:left; vertical-align:top; }
.table00 td { padding:2px 5px; border:0px; vertical-align:top; }

.table01 { width:100%; margin-bottom:20px; border:0px; border-collapse:collapse; }
.table01 th { padding:5px 8px; border:0px; border-top:1px dotted #997; border-bottom:1px dotted #997; text-align:left; vertical-align:top; white-space:nowrap; }
.table01 td { padding:5px 8px; border:0px; border-top:1px dotted #997; border-bottom:1px dotted #997; vertical-align:top; }

.table02 { width:100%; margin-bottom:20px; border-collapse:collapse; }
.table02 th { padding:5px 8px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; vertical-align:top; }
.table02 td { padding:5px 8px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; vertical-align:top; }

.table03 { width:100%; margin-bottom:20px; border:1px dotted #997; border-collapse:collapse; }
.table03 th, .table03 td { padding:5px 8px; border:1px dotted #997; vertical-align:top; }
.table03 caption { padding:5px 8px; font-weight:bold; }
.table03 thead tr { background:#ad668f; }
.table03 thead th {  }
.table03 thead td { font-weight:bold; }
.table03 tbody th { white-space:nowrap; text-align:left; font-weight:bold; }
.table03 tbody td { }

.table01 td table, .table02 td table, .table03 td table { margin-bottom:5px; }
.table01 td td, .table02 td td, .table03 td td { padding:0px 3px; border:0px; }

.pagelist { width:100%; margin-bottom:20px; border:1px dotted #997; border-collapse:collapse; }
.pagelist th, .pagelist td { padding:5px 8px; border:1px dotted #997; vertical-align:top; }
.pagelist caption { padding:5px 8px; font-weight:bold; }
.pagelist tbody td:hover { background:#c89932;  }
.pagelist tbody td a { display:block; width:100%; font-weight:bold; }
.pagelist tbody td a:hover { color:#fff; }
.pagelist tbody td img { margin-right:5px; }


img[align="absmiddle"] { vertical-align:middle; }


/*枠付き*/
.box_frame { background:#e9d6ad; padding:10px; }



@media print {

html { background:none; height:auto; min-height:auto; }
body { background:none; margin:0px; padding:0px; }

/*▼ALL▼*/
.contents { width:99%; background:none; padding:0px; margin:0px; line-height:1.8; }
.contents_in { padding:0px; }

/*▼HEAD_MENU▼*/
.seo_box, .bg_black { background:none; height:0; padding:0px; margin:0px; display:none; }

.main, .r_box, .rm { display:none; }
.l_box { width:100%;  }

.title_box01 { margin:0px 0px 30px 0px; border-bottom:3px solid #737;  }
.text_box { padding:0px; }

.index_title { padding:5px 0px 5px 0px; background:none; }


.table03 { border:2px solid #ccc; border-collapse:collapse; margin-bottom:20px; }
.table03 th, .table03 td { border:2px solid #ccc; }

.sns { display:none; }

.bg_cal01, .bg_cal01 { background:none; padding:0px; }
.bg_cal01 td { color:#555; }
.bg_cal01 td a { color:#999; }
.bg_cal01 td .data_box a { color:#b50; }

}

