@charset "utf-8";

/* ---------------------------------------------------
01: Setup
02: CSS Hack
03: Base
04: Plugin
--------------------------------------------------- */


/* 01: Setup
--------------------------------------------------- */
* { margin: 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; text-align: left; line-height: 1.5; }
body { color: #666666; font-size: 14px; font-family:"Lucida Grande" "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "メイリオ","MS PGothic", sans-serif; background: #fcfbfa; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; width: 100%; clear: both; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0; }
strong { font-weight: bold; }
em, address { font-style: normal; }
input, button { text-align: center; line-height: normal; }

a { color: #55b2eb; text-decoration: none;}
a:link { color: #55b2eb; }
a:visited { color: #55b2e; }
a:hover, a:active {  color: #55b2e; text-decoration:underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* 02: CSS Hack
--------------------------------------------------- */
/* floating box clear */
.clr:after, .box:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr, .box { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }


/* 03: Base
--------------------------------------------------- */

body { border-top:#55b2eb 2px solid; background:#FFFFFF;}
#wrapper { width: 942px; margin: 0 auto; padding-bottom: 20px;
position:relative; }
#wrapper h1 {  font-size: 11px; position:absolute; top:1px; left:1px; z-index:1; line-height: 1; }

#wrapperinner{ position:relative; top:100px;}

/* header */
#header {  position: absolute; top: 30px; left: 0; width:100%;}
#header-inner{ width:942px; margin:0 auto;}
#header .logo{ margin-top:10px; float:left;}
#header .contact{ margin-bottom:8px; float:right;}
#header .menu{ border-top:#dddddd 1px solid; border-bottom:#55b2eb 1px solid; clear:both; height:46px; background:  url(../img/bg_menu.jpg) 0 0 repeat-x; }
#header ul { width: 942px; margin:0 auto;}
#header li { float: left; height: 46px; }

/* contents */

#navi { margin-top:5px; color: #666; padding:150px 5px 5px; font-size: 12px;  }
#navi a, #navi a:link, #navi a:visited, #navi a:hover, #navi a:active { color: #666; text-decoration: unerline; }


/* main */
#main { float: right; width: 700px; min-height: 500px;}

#main img { border: solid 1px #d0d0d0; padding:1px; }
#main .noline { border:none; padding:1px; }

#main h2 { background:url(../img/bg_h2.jpg) 0 bottom repeat-x; line-height:2; padding:7px; font-size:18px; font-weight:bold; margin-bottom:1em; clear:both; display:block;}
#main h3 { background:url(../img/bg_h3.jpg) 0 top no-repeat #eeeeee; line-height:1.4; padding:7px 20px; font-size:15px; font-weight:bold; border:1px solid #dddddd; color:#666; margin:1em 0; clear:both;}
#main h4 { line-height:1.2; padding:7px 0px; font-size:14px; font-weight:bold; border-bottom:1px dotted #cccccc; color:#217ec3; margin-bottom:1em;}
#main h5 { line-height:1.2; padding:7px 0px; font-size:14px; font-weight:bold; color:#666; margin-bottom:0.5em;}
#main p { line-height:1.8;  color:#666; margin: 0 0 1.5em; font-size: 14px;}

.red { color: #f64340; }

.box { clear:both;}

.col3{ width:220px; float:left; margin-right:20px;}
.col2{ width:340px; float:left; margin-right:20px;}
.last { margin-right:0;}

#main .col3 h3, #main .col2 h3 { font-size:12px; margin:0 0 0.5em; line-height:1.5; background-color:#eeeeee; padding:8px 0 8px 18px;}
#main .col3 h4, #main .col2 h4 { font-size:13px; margin:0 0 0.5em;}
#main .col3 img, #main .col2 img{ margin-bottom:0.5em;}
#main .col3 p { margin-top:0; line-height:1.4;}
#main .col3 a { color: #666; }

#main ul { margin:5px; clear:both;}
#main ul li { padding:3px 15px; background: url(../img/bg_li.jpg) 0 7px no-repeat; }

#main ul.localNav { background: url(../img/bg_li2.jpg) left 0.4em no-repeat; }
#main .localNav li{ display: inline; padding: 0 10px; background: url(../img/bg_li2.jpg) right 0.2em no-repeat; }

#main ol { margin:10px; clear:both;}
#main ol li { padding:3px 2px; margin-left:15px; list-style-type: decimal; }

#main dl dt { clear: left; float: left; margin: 0 0 0.8em; width: 7.5em; color: #000;}
#main dl dd { margin-bottom: 0.8em;  margin-left: 7.5em;}

#main .pagenavi ul { margin:10px 0;  }
#main .pagenavi li { display:inline; padding:7px 10px; background:#dddddd; margin-right:0px; }
#main .pagenavi li a{ color:#333; text-decoration:underline;}
#main .pagenavi li a:hover{ color:#999; text-decoration:underline;}

#main .news { position: relative;}
#main .news h3 {margin-top:2em; padding:0; background:none; border:none; }
#main .news img { padding:0; background:none; border:none;}
#main .news img.rss { position: absolute; top : 2px ; left : 610px ;}

#main .cbox01 { padding:13px 13px 1px; background:#e9f7fa; margin:1em 0;}
#main .cbox02{ padding:13px 13px 1px; background:#efefef; margin:1em 0;}

#main img.alignleft { float: left; margin-right: 20px; }
#main img.alignright { float: right; margin-left: 20px; }
#main img.aligncenter { display: block; margin: 0 auto; }
#main img.alignnone {  }

#main img.left { float: left; margin:2px 10px 15px 0; display:inline; overflow: hidden; }
#main img.right { float: right; margin:2px 0px 15px 10px; margin-top: 2px; }

#main .contact { border:none; padding:0;}

table { border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-collapse: collapse; margin-bottom: 1.5em; }
caption { line-height: 1.5;}
th { line-height: 1.5; padding: 4px 6px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #eeeeee; color: #3f3f3f; text-align: center; }
td { line-height: 1.5; padding: 4px 6px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
table.in { margin-bottom: 0; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; border-collapse: collapse; font-size: 100%; }
.in th { padding: 2px 6px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background-color: #ebe6d8; }
.in td { padding: 2px 6px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
table tr.odd td { background: #f7f6f6; }
table tr.even td { background: #ffffff; }
th.sun{ color:#F55C19; }
th.sat { color:#0093A9; }

.wp-pagenavi { margin-top: 20px; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { position:relative; padding: 2px 5px; margin-right: 5px; color: #7e7e7e; background: #ffffff; border: 1px solid #ccc; text-decoration: none; }
.wp-pagenavi a:hover, .wp-pagenavi a:active { position:relative; padding: 2px 5px; color: #fff; background: #7e7e7e; border: 1px solid #ccc; }
.wp-pagenavi span.current { position:relative; padding: 2px 5px; margin-right: 5px; color: #fff; background: #7e7e7e; border: 1px solid #ccc; }


/* side */

#side { float: left; width: 220px; background: #ffffff; }

#side .contact { margin-bottom:10px;}
#side .contact li {margin-bottom:5px; line-height: 0;}
#side .contact img {vertical-align:top;}

#side .txtbnr { margin-bottom:10px;}
#side .txtbnr li {margin-bottom:5px; padding:5px 2px 5px 5px; border:1px solid #cccccc; font-size:11px; line-height:1.1; }
#side .txtbnr li a { display:block; color:#666;}
#side .txtbnr li img { border:1px solid #55b2eb; float:left; margin-right:5px;}

#side .pickup { margin-bottom:10px;}
#side .pickup li {margin-bottom:5px; border:1px solid #cccccc; font-size:12px;  background: url(../img/side_sp_li.jpg) 0 0 no-repeat; }
#side .pickup li a { display:block; padding:12px 2px 12px 28px; line-height:1.5; color:#666;}

#side .mobile { margin-bottom:5px;}
#side .mobile li {margin-bottom:5px;  }
#side .mobile li a { display:block; padding:12px 2px 12px 28px; line-height:1.5; color:#666;}



/* footer */
#footer-navi { width: 942px; margin: 15px auto 2px; clear:both; font-size: 13px; }
#footer-navi  ul { text-align:center; clear:both; margin-top:5px;}
#footer-navi  li { display:inline; padding:0 10px; background: url(../img/foot_li_bg.jpg) 0 2px no-repeat; }
#footer-navi  a { color:#666; }

#footinfo { margin-top:20px; padding: 20px 0 10px; background:#f6f6f6; border:1px solid #dddddd; font-size: 12px;  }
#footinfo-inner { width: 942px; margin: 0 auto;  }
#footinfo-inner .map { width:240px; float:left; margin-right:10px;}
#footinfo-inner .access { width:190px; float:left;}
#footinfo-inner .access img { margin-bottom:20px;}
#footinfo-inner .txt {  width:499px; float:right;}
#footinfo p { margin-bottom:1em;  }


#footer { padding: 10px 0 ; clear:both; width:100%;}
#footer-inner { width: 942px; margin: 0 auto;  }
#footer ul { text-align:center; }
#footer li { display:inline; padding:0 10px; background: url(../img/foot_li_bg.jpg) 0 2px no-repeat; }
#footer a { color:#666; }
#footer p img { float: right; }
#footer p#txt { margin-top: 10px; text-align: center; clear: both; color:#666; font-size: 12px;  }
#footer p#copy {  display: block; text-align: center; clear: both; font-size: 12px;  }

/*#footer .txt p{ width: 500px; clear: both; float: right; margin:0 0 20px; padding-top: 0;}
*/
.totop a { width: 960px; margin: 10px auto 0;  text-align: right; }
#footer-navi .totop a { width: 700px; margin: 10px auto 10px; text-align: right;}
#footer-navi .totop img { border:none; padding:0; float:right; text-align:right; margin-bottom: 15px;}

#main .totop { clear: both; width: 700px; margin: 10px auto -1px; padding-top: 20px; text-align: right; }
#main .totop img { border:none; padding:0; float:right; text-align:right; margin-bottom: 15px;}


/* 404 */
.error404 #main h2 { margin-top: 150px; }


/* flow */

.flow { padding:5px 8px 48px 8px; margin-bottom:10px; background: url(../img/bg_flow.gif) bottom center no-repeat #efefef;　overflow: hidden;}
#main .flow h3 { background:none #FFFFFF; margin:4px 0 7px; border:none; padding:7px 10px;}
.end { background-image:none; padding:5px 8px 30px 8px;}