@charset utf-8;

/*
Theme Name: MITO HACHIMAN THEME
Theme URI: 
Description: theme for mitohachiman
Version: 1.0
Author: SOUS22
*/

/* DEFAULT */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }
audio,video { display:inline-block; }
audio,video { *display:inline; }
audio,video { *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

html { font-size:13px; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; color:#000; background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,figure,form,button,input,select,textarea,legend,p,blockquote,th,td,p { margin:0; padding:0; }
address,caption,cite,code,dfn,var { font-style:normal; font-weight:normal; }
h1,h2,h3,h4,h5,h6,p,dt,dd,li { font-size:100%; font-weight:normal; line-height:1.0; }
li { list-style:none; }
img { border:0; vertical-align:bottom; -ms-interpolation-mode:bicubic; }
table { border-collapse:collapse; border-spacing:0; }

a { color:#00E; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }

abbr[title] { border-bottom:1px dotted; }
mark { background:#FF0; color:#000; }

pre,code,kbd,samp { font-family:monospace, serif; font-size:1em; }
pre,code,kbd,samp { _font-family:'courier new', monospace; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }

q { quotes:none; }
q:before,q:after { content:''; content:none; }

small { font-size:75%; }
sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
svg:not(:root) { overflow:hidden; }
fieldset { border:1px solid #C0C0C0; margin:0 2px; padding:0.35em 0.625em 0.75em; }
legend { border:0; }

button,input,select,textarea { font-family:inherit; font-weight:inherit; font-size:inherit; vertical-align:baseline; }
button,input,select,textarea { *font-size:100%; }
button,input,select,textarea { *vertical-align:middle; }
button,input { line-height:normal; }
button,input[type="button"],input[type="reset"],input[type="submit"] { cursor:pointer; -webkit-appearance:button; }
button,input[type="button"],input[type="reset"],input[type="submit"] { *overflow:visible; }
input[type="checkbox"],input[type="radio"] { box-sizing:border-box; padding:0; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; }
/* DEFAULT */
/* --------------------------------------------------------------------------------
Font Size

08px = 63%          14px = 108%            20px = 153.9%       
09px = 70%          15px = 116%            21px = 161.6%
10px = 77%          16px = 123.1%          22px = 167%
11px = 85%          17px = 131%            23px = 174%
12px = 93%          18px = 138.5%          24px = 182%
13px = 100%         19px = 146.5%          25px = 189%

font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝','MS PMincho','メイリオ',Meiryo, serif;
-------------------------------------------------------------------------------- */
html { background:url(images/common/bg_html.gif) repeat-x 0 150px; }
body { letter-spacing:0; color:#333; background:url(images/common/bg_body.gif) repeat-x 0 bottom; height:100%; }

a { color:#777063; text-decoration:none; }
a:hover { color:#C6A20A; }

a.opalink:hover {
opacity:0.7;
filter: alpha(opacity=70);			/* ie lt 8 */
-ms-filter: "alpha(opacity=70)";	/* ie 8 */
-moz-opacity:0.7;					/* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;				/* Safari 1.x */
zoom:1;
}


/* WRAP */
#wrap { margin:0 auto; width:980px; position:relative; }

/* HEADER */
#wrap #header { width:980px; height:195px; position:relative; }
#wrap #header h1 { padding:35px 18px; font-size:9px; border:solid #DDDCD8; border-width:0 1px; position:absolute; top:0; left:0; }

/* headnav */
#wrap #header #headnav { margin:0 0 0 197px; width:783px; overflow:hidden; }
#wrap #header #headnav dl { width:auto; height:150px; float:left; border-right:1px solid #DDDCD8; }
#wrap #header #headnav dl.nava { width:134px; } #wrap #header #headnav dl.navb { width:109px; } #wrap #header #headnav dl.navc { width:113px; }
#wrap #header #headnav dl dt { padding:125px 0 0; font-size:100%; text-align:center; line-height:1.25; color:#000; height:25px; cursor:pointer; }
#wrap #header #headnav dl dt.current { color:#FFF; background:#000; }
#wrap #header #headnav dl dd { height:150px; background:#000; position:relative; }
#wrap #header #headnav dl ul { position:absolute; bottom:10px; left:0; }
#wrap #header #headnav dl ul li { padding:0 5px; font-size:85%; line-height:1.5; color:#FFF; }
#wrap #header #headnav dl ul li ul { position:relative; bottom:0; }
#wrap #header #headnav dl ul li li { font-size:100%; }
#wrap #header #headnav dl ul li a { color:#FFF; } #wrap #header #headnav dl ul li a:hover { color:#C6A20A; }
#wrap #header #headnav h4 { font-size:100%; text-align:center; line-height:1.25; width:99px; height:150px; float:left; border-right:1px solid #DDDCD8; }
#wrap #header #headnav h4.navd { width:123px; }
#wrap #header #headnav h4 a { padding:125px 0 0; color:#000; display:block; height:25px; } #wrap #header #headnav h4.current a, #wrap #header #headnav h4 a:hover { color:#FFF; background:#000; }
/* headnav */

/* bread */
#wrap #header ul#bread { padding:0 0 0 35px; width:945px; height:45px; overflow:hidden; background:url(images/common/icon_circle.gif) no-repeat 5px 12px; }
#wrap #header ul#bread li { margin-right:12px; font-size:100%; line-height:45px; width:auto; float:left; }
#wrap #header ul#bread li a { padding:0 20px 0 0; display:block; background:url(images/common/cursor_r.gif) no-repeat right 13px; }
/* bread */
/* HEADER */

/* CONTAINER */
#wrap #container { padding:0 1px; width:978px; overflow:hidden; background:url(images/common/bg_container.gif) repeat-y; }
#wrap #container h2 { margin-bottom:0; padding:20px 0 0 20px; font-size:108%; font-weight:bold; line-height:1.25; color:#777063; width:175px; height:169px; float:left; background:url(images/common/bg_gray.gif) repeat; }

/* CONTENT */
#wrap #container #content { width:782px; float:right; overflow:hidden; }
#wrap #container #content h3.midashi { margin:35px auto 20px 30px; padding:0; font-size:9px; line-height:1.0; }
#wrap #container #content h3.txtmidashi { margin:35px 0 20px 30px; padding:0 0 0 15px; font-size:146.5%; font-weight:bold; line-height:25px; border-left:6px solid #C6A20A; }
#wrap #container #content h4.komidashi { padding:0 0 0 30px; font-size:108%; line-height:25px; color:#777063; border-top:1px solid #DDDCD8; }
#wrap #container #content h4.chumidashi { margin:30px 30px 15px; padding:0 0 0 30px; font-size:108%; line-height:25px; background:#DDDCD8; }
#wrap #container #content p.midashita { padding:0 30px 30px; font-size:100%; line-height:1.75; }
#wrap #container #content a.cbimage { padding:25px 0 0; display:block; background:url(images/common/icon_zoom.png) no-repeat right 0; }

/* bnr */
#wrap #container .bnrblock { padding:20px 21px; width:740px; height:120px; border:solid #DDDCD8; border-width:1px 0 0; }
#wrap #container .bnrblock2 { width:782px; height:160px; border:solid #DDDCD8; border-width:1px 0 0; overflow:hidden; }
#wrap #container .bnrblock2 div { display:block; padding:20px 0 20px 21px; width:360px; height:120px; float:left; }
#wrap #container .bnrblock2 div + div { padding:20px 21px 20px 10px; }
/* bnr */

/* box */
#wrap #container #content .box { padding:30px; width:722px; overflow:hidden; border-top:1px solid #DDDCD8; position:relative; }

#wrap #container #content .box h4 { margin:0 0 20px; font-size:100%; line-height:1.25; }
#wrap #container #content .box h4 span { color:#C73628; vertical-align:bottom; line-height:1.75; }
#wrap #container #content .box h4 img { padding:5px 0 0; }

#wrap #container #content .box h5 { margin:0 0 5px; font-size:100%; line-height:1.5; }
#wrap #container #content .box h6 { margin:20px 0 5px; font-size:100%; text-align:center; line-height:1.25; color:#777063; }

#wrap #container #content .box p { font-size:100%; line-height:1.75; }
#wrap #container #content .pindent p { margin-bottom:15px; }
#wrap #container #content .plead p { margin:20px; text-align:justify; text-justify:inter-ideograph; }
#wrap #container #content .pjust p { margin:0 250px 30px 0; text-align:justify; text-justify:inter-ideograph; }
#wrap #container #content .pseason p { margin:0 180px 0 0; text-align:justify; text-justify:inter-ideograph; }

#wrap #container #content .map address { position:absolute; right:30px; bottom:30px; }

#wrap #container .bl-hover { background:url(images/common/bg_gray.gif) repeat; cursor:pointer; }
#wrap #container .bl-hover2 { background:url(images/common/bg_gray.gif) repeat; cursor:pointer; }
#wrap #container p.gomore { margin-top:-13px; position:absolute; top:50%; right:10px; }
#wrap #container p.gomore a { text-indent:-9999px; display:block; width:18px; height:27px; background:url(images/common/square_r_b.gif) no-repeat 0 0; }
#wrap #container .bl-hover p.gomore a { background-position:-18px 0; }
/* box */

/* hihuse */
#wrap #container #content .hifubox { padding:30px 0 30px 30px; width:752px; overflow:hidden; border-top:1px solid #DDDCD8; position:relative; }
#wrap #container #content .hifubox p { margin:0 30px 0 0; font-size:100%; line-height:1.75; text-align:justify; text-justify:inter-ideograph; width:346px; float:left; }
/* hihuse */

/* access */
#wrap #container #content dl.imgdl { margin:20px auto 0; padding:20px 0 0; border-top:1px dotted #DDDCD8; }
#wrap #container #content dl.imgdl dt { text-align:center; }
#wrap #container #content dl.imgdl dd { padding:4px 38px 0 0; text-align:right; }
#wrap #container #content dl.imgdl dd a { padding:0 20px 0 0; line-height:24px; text-align:right; background:url(images/common/square_r_s.gif) no-repeat right 50%; }

#wrap #container #content dl.icondl { width:auto; overflow:hidden; }
#wrap #container #content dl.icondl dt { width:auto; float:left; } #wrap #container #content dl.icondl dt img { padding-top:4px; }
#wrap #container #content dl.icondl dd { margin:0 0 0 40px; font-size:100%; line-height:1.5; }

#wrap #container #content dl.mapdl { width:auto; overflow:hidden; }
#wrap #container #content dl.mapdl dt { width:auto; float:left; }
#wrap #container #content dl.mapdl dd { margin:25px 0 0 408px; }
/* access */

/* margin-bottom */
#wrap #container #content .box .mb20 { margin-bottom:20px; }
#wrap #container #content .box .mb40 { margin-bottom:40px; }
#wrap #container #content .box .mb60 { margin-bottom:60px; }
#wrap #container #content .box .mb80 { margin-bottom:80px; }
#wrap #container #content .box .mb100 { margin-bottom:100px; }
#wrap #container #content .box .mb120 { margin-bottom:120px; }
#wrap #container #content .box .mb140 { margin-bottom:140px; }
#wrap #container #content .box .mb160 { margin-bottom:160px; }
#wrap #container #content .box .mb180 { margin-bottom:180px; }
/* margin-bottom */

/* box table calendar */
#wrap #container #content .calbox h4, #wrap #container #content .calbox p { margin-left:170px; width:500px; }
#wrap #container #content .calbox p.gomore { margin-left:auto; width:auto; }

#wrap #container #content table.caltable { margin:20px 0 0 170px; color:#777063; width:500px; }
#wrap #container #content table.caltable caption { margin:0 0 10px; padding:0 3px; font-size:93%; line-height:1.5; color:#FFF; width:8em; background:#AAA69E; }
#wrap #container #content table.caltable tr { border-bottom:1px dashed #DDDCD8; }
#wrap #container #content table.caltable th { padding:5px 5px 0; font-size:85%; font-weight:normal; text-align:left; width:60px; }
#wrap #container #content table.caltable th.w80 { width:80px; }
#wrap #container #content table.caltable th.w100 { width:100px; }
#wrap #container #content table.caltable th.w120 { width:120px; }
#wrap #container #content table.caltable td { padding:5px 5px 0; font-size:85%; width:auto; }
/* table calendar */

/* table gyouji */
#wrap #container #content table.gytable { margin:0 auto; width:100%; }
#wrap #container #content table.gytable th { padding:10px; font-weight:normal; text-align:left; color:#777063; width:180px; border-top:1px solid #DDDCD8; }
#wrap #container #content table.gytable td { padding:10px; font-size:100%; line-height:1.5; border:solid #DDDCD8; border-width:1px 0 0 1px; }
#wrap #container #content table.gytable td strong { font-size:116%; line-height:2.0; } 
#wrap #container #content table.gytable tfoot td { padding:5px; overflow:hidden; }
/* table gyouji */

/* table yaku */
#wrap #container #content table.yakutable { margin:0 auto 10px; width:630px; color:#777063; border-top:1px solid #BBB8B1; }
#wrap #container #content table.yakutable th { padding:10px; font-size:100%; font-weight:normal; text-align:center; line-height:1.25; }
#wrap #container #content table.yakutable td { padding:10px; font-size:100%; text-align:center; line-height:1.25; border:solid #DDDCD8; border-width:1px 0 0 1px; }
#wrap #container #content table.yakutable tr td:first-child { border-width:1px 0 0 0; }
#wrap #container #content table.yakutable thead { border:solid #BBB8B1; border-width:1px 1px 0; }
#wrap #container #content table.yakutable tbody { border:solid #BBB8B1; border-width:0 1px 1px; }

#wrap #container #content table.yakutable thead th.bgred { border-left:1px solid #BBB8B1; }
#wrap #container #content table.yakutable tbody th { border:solid #DDDCD8; border-width:1px 0 0 1px; }
#wrap #container #content table.yakutable tbody th:first-child { border-width:1px 0 0 0; }
#wrap #container #content table.yakutable tbody strong { font-size:116%; }
#wrap #container #content table.yakutable tbody span { font-size:85%; }
#wrap #container #content table.yakutable tfoot td { padding:5px 0 0; border:none; overflow:hidden; }
#wrap #container #content table.yakutable tfoot td a { padding:0 12px 0 0; line-height:24px; text-align:right; display:block; width:8em; float:right; background:url(images/common/square_r_s.gif) no-repeat right 6px; }

#wrap #container #content table.yakutable .bggreen { background:#B7E5BD url(images/common/bg_gray.gif) repeat; }
#wrap #container #content table.yakutable .bgred { background:#FAC1C3 url(images/common/bg_gray.gif) repeat; }
#wrap #container #content table.yakutable .bglime { background-color:#D6EDD8; }
#wrap #container #content table.yakutable .bgpink { background-color:#F2DADC; }
#wrap #container #content table.yakutable .bgyellow { background-color:#DFD9BB; }
#wrap #container #content table.yakutable .bgpurple { background-color:#CECEDF; }
#wrap #container #content table.yakutable .bgblue { background-color:#DAE4E1; }
/* table yaku */

/* box bunka */
#wrap #container #content .bunkabox { padding:30px; width:200px; float:left; border-top:1px solid #DDDCD8; border-left:1px solid #DDDCD8; position:relative; }
#wrap #container #content .box + .bunkabox { border-left:none; }
#wrap #container #content .bunkabox h4 { margin:0 0 30px; text-align:center; }
#wrap #container #content .bunkabox dl { text-align:center; }
#wrap #container #content .bunkabox dl dt { margin:0 0 30px; }
#wrap #container #content .bunkabox dl dd { font-size:100%; line-height:1.25; }
/* box bunka */

/* box table kigan */
#wrap #container #content .kiganbox { margin-right:240px; padding:14px; border:1px solid #DDDCD8; background:url(images/common/bg_gray.gif) repeat; }
#wrap #container #content .kiganbox table { background:#FFF; }
#wrap #container #content .kiganbox table th { padding:10px 15px 10px 10px; }
#wrap #container #content .kiganbox table td { padding:10px; font-size:94%; line-height:1.25; }
#wrap #container #content .kiganbox table tbody td { padding:5px 10px; }
#wrap #container #content .kiganbox table td ul { margin:0 0 -5px 1em; }
#wrap #container #content .kiganbox table td ul li { margin:0 0 5px; font-size:94%; line-height:1.25; list-style:disc; }
/* box table kigan */

/* box shuccho */
#wrap #container #content .shucchobox { margin:0 30px 30px; padding:0; }
#wrap #container #content .shucchobox h4 { margin-bottom:0; padding:14px 30px 18px; width:auto; overflow:hidden; cursor:pointer; border-bottom:1px solid #DDDCD8; background:url(images/common/bg_gray.gif) repeat; }
#wrap #container #content .shucchobox h4 span { display:block; width:55px; height:25px; float:right; background:url(images/shuccho/shuccho_arrow_more.png) no-repeat 0 10px; }
#wrap #container #content .shucchobox h4.selected span { background-image:url(images/shuccho/shuccho_arrow_close.png); }
#wrap #container #content .shucchobox h6 { padding:15px; border:1px solid #DDDCD8; }

#wrap #container #content .shucchobox li { padding:9px 0 13px 30px; border-bottom:1px solid #DDDCD8; }
#wrap #container #content .shucchobox .sboxin h5 { padding:30px 30px 0; }
#wrap #container #content .shucchobox .sboxin p { padding:30px; text-align:justify; text-justify:inter-ideograph; border-bottom:1px solid #DDDCD8; }


#wrap #container #content .sboxtop { padding-bottom:0; }
#wrap #container #content .sboxtop h4 { margin:0 0 30px; padding:0 0 0 30px; font-size:108%; line-height:50px; background:#DDDCD8; }
#wrap #container #content .sboxtop p { padding:0 15px; line-height:1.75; text-align:justify; text-justify:inter-ideograph; }

#wrap #container #content .sboxbtm h5 { margin-bottom:10px; }
#wrap #container #content .sboxbtm h5 strong { padding:0 3px; color:#FFF; background-color:#777063; }
#wrap #container #content .sboxbtm ol { margin-bottom:25px; padding:15px 15px 5px; border:1px solid #DDDCD8; }
#wrap #container #content .sboxbtm li { margin-bottom:10px; line-height:1.5; text-align:justify; text-justify:inter-ideograph; }
#wrap #container #content .sboxbtm li.bdottop { padding-top:5px; border-top:1px dashed #DDDCD8; }
/* box shuccho */

/* bxGallery */
.outer { height:400px; overflow:hidden; }
.outer ul#pics { margin:0 5px 0 0; }
.outer ul#pics li div.caption { background:url(images/common/bg_white.png) repeat; position:absolute; bottom:0; left:0; }
#wrap #container #content .box .outer ul#pics li div.caption p { padding:10px; font-size:100%; line-height:1.25; }
.outer ul.thumbs { margin:0 -5px 0 0; overflow:hidden; }
.outer ul.thumbs li { margin:0 5px 5px 0; }
/* bxGallery */

/* image float */
#wrap #container #content img.right, #wrap #container #content a.right { width:auto; float:right; }
#wrap #container #content img.left, #wrap #container #content a.left { width:auto; float:left; }
/* image float */
/* CONTENT */

/* SIDE */
#wrap #container #side { width:195px; height:auto; float:left; border-bottom:1px solid #DDDCD8; }
#wrap #container #side ul { padding:20px 20px 10px; width:155px; border-top:1px solid #DDDCD8; }
#wrap #container #side ul li { padding:0 0 10px 15px; font-size:100%; line-height:1.25; background:url(images/common/square_side.gif) no-repeat 0 3px; color:#666; }
#wrap #container #side ul li ul { padding:0; width:160px; border:none; }
#wrap #container #side ul li li { padding:5px 0 0 10px; background:none; }
#wrap #container #side ul li span { font-size:85%; color:#777063; }
/* SIDE */

/* GOTOP */
#wrap #container p.gotop { padding:0 20px 0 0; font-size:93%; line-height:40px; text-align:right; width:763px; float:right; border-top:1px solid #DDDCD8; background:url(images/common/square_t.gif) no-repeat 750px 10px; }
#wrap #container p.gotop a { padding:0 20px 0 0; }
/* GOTOP */
/* CONTAINER */

/* FOOTER */
#wrap #footer { clear:both; padding:0; width:980px; height:255px; position:relative; }
#wrap #footer address { margin:0 0 5px; font-size:85%; line-height:55px; } #wrap #footer address strong { font-size:116%; }

/* footnav */
#wrap #footer #footnav { width:980px; overflow:hidden; }
#wrap #footer #footnav dl { margin:0 50px 0 0; width:auto; float:left; }
#wrap #footer #footnav dl dt { font-size:100%; font-weight:bold; line-height:2.0; color:#777063; }
#wrap #footer #footnav dl dd { }
#wrap #footer #footnav dl ul { }
#wrap #footer #footnav dl ul li { font-size:85%; line-height:2.0; }
#wrap #footer #footnav dl ul li a { color:#000; } #wrap #footer #footnav dl ul li a:hover { color:#C6A20A; }
#wrap #footer #footnav h4 { margin:0 50px 0 0; width:auto; font-size:100%; font-weight:bold; line-height:2.0; float:left; }
/* footnav */
/* FOOTER */