/*
Theme Name: iBlog 2
Description: The iBlog 2 theme by Andrew Powers and Pagelines, inspired by Apple. Change header image and favicon in admin > iBlog options. Please let us know what you think; and what upgrades you would like to see in future versions.
Theme URI: http://www.pagelines.com/themes/
Version: 2.2.2
Author: Andrew Powers
Author URI: http://www.pagelines.com
Tags: theme-options, white, silver, light, two-columns, fixed-width
*Notes - Not titling your widgets in the sidebar can break the design
- change the header image and site favicon in Iblog options in the admin
Thank you for trying this theme. If you are satisfied, please provide a link to www.pagelines.com or write about it.
Let me know if you would like support or submit information about any bugs at andrew@pagelines.com.
*/
.mypost {border: 1px solid #bbb; background: #FFF; clear: both; overflow: hidden; padding: 5px 5px 5px 5px; margin-bottom: 1em; text-align: center;}
.mybox {width: 468px; border: 1px solid #bbb; margin-bottom: 1em; text-align: center;}
.ads {margin-bottom: 1em;}
.more-link {font-weight: bold;}
/* STANDARD STYLING */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body { margin: 0px; font-size: small; padding: 10px 0 0 0; color: #111; background-color: #FFFFFF; color:#666666; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}
a {text-decoration:none; font-size:9pt; color:#279C47; }
a:hover{text-decoration:underline;color:#3366ff;}
a:visited {color: #279C47;}
p,.p {margin-bottom: 15px;}
img {border: none;}
ul li { margin: 0px;}
ul {margin: 5px 0px 15px;padding-left: 20px;}
ol {margin: 5px 0px 15px;padding-left: 20px;}
form {margin: 0px;padding: 0px;}
small { font-size: 90%;}
hr{border: none; border-bottom: 1px dotted #666;margin-bottom: 1em;}
blockquote{background: #f7f7f7; padding: 10px 15px;margin: 0 0 1em 2.5em;font-size:.9em;border: 1px solid #ddd;}
/* rounded borders */
#sidebar .dbx-box, #sidebar .dbx-fix, .mybox, .mypost {
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
#searchform #s, #cse-search-box #s {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#sidebar div.dbx-box, #sidebar div.dbx-fix {border: none;}
#wrapper {margin: 0 auto; width : 760px; background-color: #FFFFFF; padding: 0; height: auto;}
#my_bodyup{ margin: 0 auto; width : 760px; background-color: #FFFFFF; padding: 0; height: 36px;}
#my_bodyup p{ margin: 0 0 1px 0; padding: 0;}
.header2{width:500px; height:20px; float:right; padding:0 10px 0 0; background-image:url(images/tmenubg.png); background-repeat: no-repeat; background-position: right top;}
.header2 ul li {float:left; padding:3px 5px 0 5px; border-right:#CCCCCC 1px solid; list-style:none;}
#header {width:100%; height:220px; margin: 0;} /* Height of the header */
.headertop1{width:420px; float:left; height: 220px; margin: 0; padding: 0;}
.headertop2{width:330px; float:right; height: 220px; margin: 0; padding: 0;}
#header2{ width:100%; height:94px;}
#header2 p{ margin-top:10px}
.header1{width:455px; margin: 0 2px 0 0; float: right; text-align: right;}
.header3{width:295px; height:84px; float:left; text-align:left;padding:10px 0 0 5px}
.header3 h2{font-size:13px; padding:0;}
.header21{ width:320px; margin: 0; float: right; text-align: right;}
.header23{ width:430px; height:60px; float:left; text-align:left; padding:10px 0 0 5px}
.header23 h2{font-size:13px; padding:0;}
.itemsinfo{ padding: 0px 0px 0px 20px; margin: 0 0 0 0; height: 80px; }
.itemsinfo img{ float:right}
/* site title */
.blogtitle {font-size: 14px; line-height: 1em; padding: 0px; color: #003366; font-weight: bold; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
h1.blogtitle .sheen {position: absolute; z-index: 5;
/* background:transparent url(images/sheen.png) repeat-x 0 0; */
display: block; width:100%; height: 25px; float: left;}
h1.blogtitle a{ color: #003333; text-decoration: none; padding-left:20px;}
h1.blogtitle a:hover{color: #0088CC;text-decoration: none;}
.description {float: left;
margin-top: 5px; /* description distance from top of screen */
margin-left: 10px; font-size: 16px; color: #006633; font-weight: bold; height: 30px;}
/* search form */
#searchform {width: 400px; float: left; font-size:12px; padding:0; clear: both; position: absolute; left: 240px; top: 80px;}
#searchform #s{ background: #ffffff url(images/form-field-bg.gif) no-repeat ; width: 158px; padding: 4px 7px 2px 5px; color: #999; border: 1px solid #888; margin:0; margin-top: 6px;}
#searchform #searchsubmit {background: url(images/search-button.png) no-repeat 0 0; height: 24px; width: 24px; border: none; cursor: pointer;
text-indent: -999%; line-height: 1px; margin:0;}
#cse-search-box {width: 205px; float: right; font-size:12px; padding:0; margin:0;}
#cse-search-box #s{ background: #ffffff url(images/form-field-bg.gif) no-repeat ; width: 158px; padding: 4px 7px 2px 5px; color: #999; border: 1px solid #888; margin:0; margin-top: 6px;}
#cse-search-box #searchsubmit { background: url(images/search-button.png) no-repeat 0 0; height: 24px; width: 24px; border: none; cursor: pointer; text-indent: -999%; line-height: 1px; margin:0;}
/* HEADERS */
h1, h2, h3, h4, h5, h6{color: #333;font-weight: normal;margin:0;padding: 0; line-height: 1.1em;}
h1 a, h2 a, h3 a, h4 a, h5 a{color: #333;}
h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 12px;}
#container{ padding: 0px; padding: 0px; margin:0; width: 100%; clear: both; background-image:url(images/mainbg.png); background-repeat: repeat-y; background-position: left; background-color:#FFFFFF; float: left;}
#container2{margin: 0 auto; width : 760px; background-color: #FFFFFF; padding: 0; height: auto; clear: both;border-top: 1px solid #ddd;}
/* ------------------------------------- main content area */
#left-col { width: 550px; float: right;}
/* main menu */
#nav {font-size: 13px; height: 27px; background-image: url(images/nav_bg.png); background-repeat: repeat-x; background-position: left top; width: 760px; margin-bottom: 15px;}
#nav small{display: none;} /* remove this later */
#nav a.home{
}
#nav ul{list-style: none; display: block; margin: 0px; padding: 0px; width: 760px; float: left;}
#nav ul li{ font-weight: bold; margin: 0px; padding: 0px; float: left;}
#nav ul li a{width:189px; background-image: url(images/kb01.png); background-repeat: no-repeat; background-position: right; height: 20px; font-size:15px; padding:7px 0 0 0; float:left; font-weight:bold; color:#FFFFFF; margin:0 1px 1px 0; text-align:center;}
#nav .current_page_item a, #nav .current_page_item a:hover,#nav li a:active{width:189px; background-image: url(images/kb02.png); background-repeat: no-repeat; background-position: right; height: 20px; font-size:15px; padding:7px 0 0 0; float:left; font-weight:bold; color:#FFFFFF; margin:0 1px 1px 0; text-align:center;}
#nav li a:hover{background-image: url(images/kb11.png); color:#E7EEC4;}
#nav li a:active{background-image: url(images/kb11.png); color:#E7EEC4;}
/* sub menu */
#subnav { background: #fff url(images/agradient-30light.gif) repeat-x top left;;margin:0;border: 1px solid #ddd; width: 758px;}
#subnav ul {margin: 0px; padding: 0px 0px 0px 5px; list-style: none;}
#subnav li {border-left: 1px solid #D8D8D8; padding: 4px 7px; margin: 0px; float:right; list-style-type: none;}
#subnav li a, #subnav li a:visited, #subnav .page_item {text-decoration: none; color:#009900; list-style-type: none;}
#subnav .current_page_item a, #subnav .current_page_item a:visited {color: #3b9acc;}
#subnav li a:hover {text-decoration: none; color: #3b9acc;}
#subnav ul li ul li{display: none;}
/* content */
#content { clear: both; overflow: hidden;}
#content .halfl {float:left; width:310px; background-color: #FFFFFF;}
#content .halfr {float:right; width:310px;}
.post { background: #FFF; padding: 0; clear: both; overflow: hidden; }
.post2 {border: 1px solid #bbb; background: #FFF; padding: 5px 25px 5px 25px; clear: both; overflow: hidden;}
.post .date {height: 50px; width: 45px; background: url(images/calendar.gif) no-repeat; font: normal 22px Arial, Helvetica, sans-serif; color: #666666; text-align: center; padding: 0px 2px 0 0; line-height: 100%; float: left;}
.post .date span {height: 16px; display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; padding-top: 7px;}
.post .title {float: left; margin-left: 10px; width: 558px;}
.postdata { font-size: 90%; color: #999999;}
.postdata a, .postdata a:visited {color: #999999; text-decoration: none;}
.postdata a:hover { color: #0088CC; text-decoration: none;}
.postdata .category{float: left;}
.postdata .comments{float: right;}
.mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat left center; padding-left: 12px; float: right;}
.entry { padding: 5px 0px 5px 0px; clear: both; font-size: 14px; line-height: 1.6em; margin-bottom: 1em;}
.entry2 {padding: 3px 0px 3px 0px; clear: both; font-size: 13px; line-height: 1.5em;}
#content dt{margin:0px 0 0px 15px;}
#content dd{margin:0px 0 5px 35px;}
/* post title */
h2.pagetitle, h2.posttitle { color: #003366; margin: 0px 0 2px 0; padding: 10px 0 10px 40px; font-size: 24px; border-bottom: dotted 1px #CCCCCC; background-image: url(images/h1bg2.png); background-repeat: no-repeat; background-position: left;}
.pagetitle2 { color: #333333; font-size: 18px; border-bottom: dotted 1px #CCCCCC;background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top; padding: 10px; border:1px solid #CCCCCC; font-family:arial, helvetica; font-weight:bold;}
h2.posttitle a, h2.posttitle a:visited {color: #000; text-decoration: none;}
h2.posttitle a:hover {color: #0088CC; text-decoration: none;}
.tags { float: right; color: #aaa;}
.tags a{font-weight: bold; color: #3366CC;}
.tags a:hover{color:#0088CC ;text-decoration: none;}
/* next & previous page navigation */
.page-nav { clear: both; margin-top: -15px; margin-bottom: 5px; font-size: 95%;}
.page-nav a, .page-nav a:visited { color: #999999; text-decoration: none;}
.page-nav a:hover { color: #000000; text-decoration: none;}
.previous-entries a { float: left; padding-left: 20px; background: url(images/post-nav-previous.gif) no-repeat left center;}
.next-entries a { float: right; padding-right: 20px; text-align: right; background: url(images/post-nav-next.gif) no-repeat right center;}
/* next & previous post navigation */
.post-nav { clear: both; font-size: 95%; padding:10px 20px 20px 20px}
.post-nav-bottom { }
.post-nav a, .post-nav a:visited { color: #999999; text-decoration: none;}
.post-nav a:hover { color: #000000; text-decoration: none;}
.post-nav .previous a { float: left; padding-left: 20px; background: url(images/post-nav-previous.gif) no-repeat left center; line-height:1.6}
.post-nav .next a { float: right; padding-right: 20px; text-align: right; background: url(images/post-nav-next.gif) no-repeat right center; line-height:1.6}
/* ------------------------------------- comment area */
h3#comments {background: url(images/comments.gif) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; margin: 30px 0px 0px; clear: both;}
h3#respond {background: url(images/respond.gif) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; margin: 20px 0px 0px; clear: both;}
/* commentform */
#commentform { margin-top: 10px;}
#commentform label {font-weight: bold; color:#666; font-size: 100%; padding-left: 5px;}
#commentform small {color: #999999; font-size: 90%;}
#commentform textarea {font: 110% Arial, Helvetica, sans-serif; width: 480px; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border: solid 1px #e6e6e6; padding: 5px 3px 3px 7px;}
#commentform textarea:focus, #commentform input[type="text"]:focus { border: solid 1px #999;}
/* comment list */
.commentlist {margin: 10px 0px; padding-left: 45px; line-height: 130%;}
.commentlist li{padding: 5px 10px;}
.commentlist .alt {background: #F4F4F4;}
.commentlist cite {font-weight: bold; font-style: normal; font-size: 110%; color: #0088CC;}
.commentlist cite a, .commentlist cite a:visited {color: #0088CC;}
img.avatar { float: right; margin: 5px; }
.commentlist small {margin-bottom: 5px; display: block; font-size: 87%;}
.commentlist small a, .commentlist small a:visited{ color: #999999;}
/* ------------------------------------- cred area */
#cred {
width:100%;clear:both;color: #666666;font-size: 11px;text-align: center;margin: 0;padding: 5px 0;background-color: #F6F6F6; float: left;
}
#cred .designer a{font-size: 1.1em; color: #000; padding-left: 22px;}
#cred a:hover { text-decoration: underline;}
.under_g_menu{ width:700px; font-size: 11px; margin: 0; padding: 0 1px 0 58px; background-color: #FFFFFF; clear:both; border-top: 1px solid #F0F0F0;}
.under_g_menu ul li{ float:left; padding:5px; border-right:1px #CCCCCC solid; list-style:none}
/* @ FORMS */
legend{}
fieldset{}
/* commentform */
label {}
small { color: #555; font-size: 90%;}
input{ font: 110% arial, helvetica; padding: 5px 3px 3px 5px; background: url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc;}
textarea { font: 110% courier, arial, helvetica; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; padding: 5px 3px 3px 7px;}
textarea:focus, input[type="text"]:focus { border: solid 1px #666;}
.button, input[type="submit"],input[type="reset"], .submit.sgoback {border: 1px solid #aaa; background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top; margin:0; font-weight: bold; font-family: arial, helvetica;}
.button:hover, input[type="submit"]:hover,input[type="reset"]:hover{color: #0088CC;}
.button:active, input[type="submit"]:active,input[type="reset"]:active{background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; color: #000;}
/* sidebar */
#sidebar { float:left; width: 180px; color: #666666; line-height: 160%;}
#sidebar .dbx-box
#sidebar p {margin: 0px 0px 15px;}
#sidebar h3 { font: bold 12px/100% Arial, Helvetica, sans-serif; color: #444;}
#sidebar h3:hover{color: #000;}
#sidebar h3 a, #sidebar h3 a:visited { color: #333;}
#sidebar h3 img { vertical-align: middle;}
#sidebar a, #sidebar a:visited {color: #279C47; text-decoration:none;}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active { text-decoration:underline;}
#sidebar ul {list-style: none; margin: 0 ; padding: 0 ;}
#sidebar ul li {padding: 0px ; }
#sidebar ul li a{background: url(images/mb01.png) no-repeat; display:block; width:155px;height:23px;padding: 5px 0 0 25px; background-position: 0 1px;font-size:14px; color:#279C47;}
#sidebar ul li ul li { background: url(images/folder.gif) no-repeat; padding-left: 20px ;}
#sidebar .blogroll{ line-height:1.2em}
#sidebar .blogroll li{margin:2px 0 5px 0}
#archives ul li { background: url(images/icons/calendar_view_month.png) no-repeat;}
#recent-comments ul li {background: url(images/icons/comment.png) no-repeat;}
#recent-posts ul li {background: url(images/icons/page_copy.png) no-repeat;}
#categories ul li {background:transparent url(images/icons/mini-category.gif) no-repeat;}
/* meta */
#meta .rss {background: url(images/icons/feed.png) no-repeat;}
#meta .check {background: url(images/comment.gif) no-repeat;}
/* calendar */
#calendar table {margin: 0px auto;}
#calendar td { adding: 0px 4px;}
/* alignments */
img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto;}
img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
img[align="right"] {float:right; margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;}
.wp-caption {text-align: center; background: #fff; text-align: center; padding: 0px;}
.wp-caption-text {font-size: 10px;margin:0;padding:3px 0 2px 0;line-height: 12px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;margin-top: 0px; }
.wp-caption-dd {font-size: 11px;line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* @ STANDARD ELEMENTS */
img#wpstats{width:0px;height:0px;overflow:hidden;}
.border{ padding: 2.5px; border: 1px solid #ccc;}
.hidden {display: none; visibility: hidden;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;margin:0 10px 5px 0;}
.alignright {float: right;margin:0 0 5px 10px;}
/* FLOATING AND ALIGNMENT */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.block{display:block;}
.left{float:left;}
.clear{clear:both;}
.center {text-align: center;}
/* CLEARFIX */
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;}
* html .fix{height:1%;}
.fix{display:block;}
/*Contact Form 7*/
div.wpcf7 th{font-weight: normal;font-style: normal;font-size: 12px;line-height: 14px;padding-right: 10px;}
div.wpcf7 input {border: 1px solid #999;padding: 5px;font-size: 12px;margin: 2px 0 5px 20px;}
div.wpcf7 textarea {border: 1px solid #999;padding: 5px;font-size: 12px;line-height: 18px;vertical-align: middle;margin: 2px 0 5px 20px;}
div.wpcf7 select {border: 1px solid #999;padding: 5px;font-size: 12px;line-height: 18px;vertical-align: middle;margin: 2px 0 5px 20px;}
div.wpcf7 .text_s{width: 40px;}
div.wpcf7 .text_m{width: 200px;}
div.wpcf7 .text_l{width: 400px;}
div.wpcf7 .wpcf7-radio input {border-style: none;}
div.wpcf7 .submit{text-align: center;clear: both;}
div.wpcf7 .submit input {border-style: none;height: 30px;width: 220px;color: #697600;font-size: 14px;background: url(img/submit.gif) no-repeat;margin: 4px 0 0;}
div.wpcf7 img.wpcf7-captcha-captcha {vertical-align: middle;float: left;padding: 2px;}
div.wpcf7 .wpcf7-form-control-wrap.captcha {float: left;}
div.wpcf7 .wpcf7-validates-as-required {background-color: #fffadf;}
div.wpcf7 input:focus,
div.wpcf7 textarea:focus,
div.wpcf7 select:focus { background:white; }
div.wpcf7 { padding: 0; margin: 0; clear: both;}
div.wpcf7 form{background-color: #FFFFFF; padding: 10px; border: 1px solid #ccc; margin: 0;}
div.wpcf7-response-output {margin: 2em 0.5em 1em;padding: 0.2em 1em;}
div.wpcf7-mail-sent-ok {border: 2px solid #398f14;}
div.wpcf7-mail-sent-ng {border: 2px solid #ff0000;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500;}
div.wpcf7-validation-errors {border: 2px solid #f7e700;}
span.wpcf7-form-control-wrap {
}
span.wpcf7-not-valid-tip {position: absolute;top: 20%;left: 20%;z-index: 100;background: #fff;border: 1px solid #ff0000;font-size: 11px;width: 280px;padding: 2px;line-height: 13px;}
div.wpcf7 span.wpcf7-not-valid-tip-no-ajax {color: #f00;font-size: 11px;display: block;line-height: 13px;}
span.wpcf7-list-item {margin-left: 0.5em;}
div.wpcf7 p{ text-align:left;}
div.wpcf7 span.number {padding: 5px;font-size: 12px;margin: 2px 0 5px 20px;}
/* wp-pagenavi CSS */
.ddsg-pagenav {text-align:center; margin:10px 0 10px 0;}
.ddsg-pagenav a, .ddsg-pagenav a:link{padding: 2px 4px 2px 4px; margin: 2px 0 2px 0; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.ddsg-pagenav a:visited{padding: 2px 4px 2px 4px; margin: 2px 0 2px 0; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.ddsg-pagenav a:hover {border: 1px solid #000000; color: #000000; background-color: #FFFFFF;}
.ddsg-pagenav a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.wp-pagenavi {text-align:center; margin:10px 0 10px 0;}
.wp-pagenavi a, .wp-pagenavi a:link{padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.wp-pagenavi a:visited, .ddsg-pagenav a:visited{padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.wp-pagenavi a:hover {border: 1px solid #000000; color: #000000; background-color: #FFFFFF;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000000; color: #000000; background-color: #FFFFFF;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF;} {text-align:center; margin:10px 0 10px 0;}
.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.wp-pagenavi a:hover {border: 1px solid #000000; color: #000000; background-color: #FFFFFF;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000000; color: #000000; background-color: #FFFFFF;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF;}
/*sitemap*/
.ddsg-wrapper{padding: 5px 0 0; margin:10px 0 0 0; width:600px}
.ddsg-wrapper h3{padding:0 0 3px 5px; font-size:13px;}
.ddsg-wrapper ul {color: #666;list-style-type: none;padding: 0;margin: 0;}
.ddsg-wrapper ul li{font-size: 12px;line-height: 14px;padding-left: 20px;display: block;}
.ddsg-wrapper ul li a{color: #555; font-size: 12px; line-height: 14px; padding: 3px 0 3px 26px; display: block; border-bottom: 1px solid #ccc; width: 100%; background-image: url(images/beta_li.gif); background-repeat: no-repeat; background-position: 6px 6px;}
.ddsg-wrapper ul li a:hover{color: #3d99e4; text-decoration: none; background-color: #f6f6f6; background-image: url(images/beta_li2.gif); background-repeat: no-repeat; background-position: 6px 6px;}
/*lightbox*/
#lightbox {background-color: #FFFFFF; padding: 20px 10px 42px 10px; border-bottom: 1px solid #666; border-right: 1px solid #666;}
#overlay {text-align: left; background-image: url(js/overlay.png);}
#lightboxCaption {color: #333; background-color: #FFFFFF; /*font-size: 90%;*/ text-align: center; border-right: 1px solid #666; margin:0px 0 0 0; padding:5px 0 0 0;}
#lightboxIndicator {border: 1px solid #fff;}
#lightboxOverallView {background-image: url(js/overlay.png);}
* html #lightboxOverallView,
* html #overlay {background-color: #000; background-image: url(js/blank.gif); filter: Alpha(opacity=10);}
/*トップページコンテンツ*/
ul#pickuparea { margin:0; padding:0; list-style:none}
#pickuparea li{background-color: #F6F6F6; padding: 2px; float: left; width: 148px; height: 148px; overflow: hidden; margin: 10px 10px 10px 10px; background-image: url(images/pickupareabg.png); border: 1px solid #CCCCCC; list-style:none}
#pickuparea h4{ line-height:1;}
#pickuparea p{ line-height:1.1em; margin:0; padding:2px; font-size:12px}
.infomation{width:530px;margin:10px 0 10px 0;background-image:url(img/i_header.png);background-repeat: no-repeat;}
.i_inner1{width:240px; float:left; padding:0 10px 0 10px;}
.i_inner2{width:240px; float:right; padding:0 0 0 10px;}
.i_inner2 p{ line-height:1.1em; margin:0; padding:2px; }
ul#infoarea {padding: 0; margin:0; list-style:none}
ul#infoarea li{ padding: 2px 0 2px 0; border-bottom: 1px dotted #CCCCCC; width: 100%; list-style:none}
#infoarea .date{background-image: url(images/calendar.png); background-repeat: no-repeat; background-position: left center; margin: 0;
padding: 5px 0 0 20px;}
#infoarea h4{ border-bottom:1px #009966 solid; margin:0 0 3px 0;}
#infoarea p{ padding:0 0 3px 10px; font-size:0.9em}
ul#newitems {padding: 0; margin:0; list-style:none}
ul#newitems li{ padding: 2px 0 2px 0; border-bottom: 1px dotted #CCCCCC; width: 100%; list-style:none}
#newitems li h4 a{margin:0; background-image: url(images/icon_new.gif); background-repeat: no-repeat; background-position: right center;
display: block; color:#009933;}
.infoarea2{float: left; padding: 5px; border: 1px solid #CCCCCC; width: 700px; margin: 0 0 15px 10px;}
.infoarea3{float: left; padding: 2px 0 2px 0; border-bottom: 1px dotted #CCCCCC; width: 95%; margin: 0 0 0 20px;}
.infoarea3 p{padding: 2px 0 2px 0; margin: 0 0 0 0;}
.greeting{font-weight:normal; font-size: 11px; margin: 0; padding: 0;}
.greeting a{font-size: 15px !important; font-weight:bold !important;}
.tp_under{ width:100%; clear:both;}
.tp_img{margin: 0 0 10px 0; height: 120px; width: 620px; padding: 100px 0 0 20px; background-image:url(images/topimg.jpg); font-size:13px; color:#333333;}
#cateicon ul{margin:5px 0 5px 0; background-color:#FFFFFF; padding:0;}
#cateicon ul li{float:left;margin:0 0 5px 0; list-style-type: none; text-align:center;}
#cateicon ul li a{width:110px; height:60px; padding:40px 5px 0 5px; display:block; float:left; background-image: url(images/cateicon.png); background-repeat: no-repeat; background-position: top; color:#006699; font-weight:bold; font-size:14px;}
#cateicon ul li a:hover{background-position: bottom; color:#FFFFCC;}
/*wp-calendar*/
#calendar_wrap table{ width:95%; margin:0 auto; padding:0 0 0 0; border:none}
#calendar_wrap td{text-align:center; padding:0; margin:0; line-height:1.3em}
#calendar_wrap td a{background-color:#D1E0EF;}
#calendar_wrap td a:hover{ color:#0066CC; background-color:#FFFFFF}
#calendar_wrap th{ line-height:1.2em}
#calendar_wrap .pad {font-size:0.5em; line-height:1.2em}
#calendar_wrap caption { line-height:1.2em}
/*archivelistr*/
.list-contents {border-bottom:#CCCCCC 1px dotted; list-style:none; padding:5px; margin:0 0 5px 0}
.list-contents h3{margin:0 10px 3px 0; padding:0; font-size:14px; font-weight:bold}
.list-contents h3 a{font-size:14px; font-weight:bold;background-image: url(images/icon_target.gif); background-repeat: no-repeat; background-position: right center; padding-right:20px;}
.leftimg2{float:left; margin:0 10px 0 0;}
.lp80area{padding:0 10px 0 100px; font-size:0.9em; margin:2px 0 2px 0;}
.date2{text-align:right; font-size:0.9em; padding-right:10px}
.sib{width:430px; height:22px; background-image: url(images/tb01.png); font-size: 13px; color: #FFFFFF; padding: 4px 0 0 8px; margin: 0 1px 5px 0; float:left;}
.sib2 a{width:160px; background-image: url(images/tb01.png); height: 22px; font-size:13px; padding:4px 0 0 0; float:left; color:#FFFFFF; margin:0; text-align:center; float:left;}
.sib2 a:hover{ background-image: url(images/kb12.png); color:#E7EEC4;}
.sib3 a{width:158px; height: 22px; font-size:13px; padding:2px 0 0 0; float:left; margin:0; text-align:center; float:left; border: 1px solid #ccc; font-weight:bold; color:#333333; background-image: url(images/back-gradient.jpg); background-repeat: repeat-x; background-position: left bottom;}
.sib4 a{color:#333333; background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top; border:1px #CCCCCC solid; text-align:center; padding:6px; font: 14px arial, helvetica; font-weight:bold}
#arrow_b{list-style-position: inside; list-style-image: url(images/arrow_b.png); margin: 0 0 5px 5px; padding: 2px 2px 2px 2px; border-bottom: 1px solid #CCCCCC; list-style-type: none;}
.allclear{clear:both; padding-left: 5px;}
.centertxt{ text-align:center;}
.arrow2{margin:5px 10px 5px 10px; padding:0 0 0 0;}
.arrow2 li{background-image: url(images/mini-user.gif); margin:0; padding: 0 0 0 30px; list-style-type: none; line-height: 1.2em; border-bottom:#CCCCCC 1px dotted; background-repeat: no-repeat; background-position: left top;}
.arrow3{margin:5px 10px 5px 10px; padding:0 0 0 0;}
.arrow3 li{background-image: url(images/check.gif); margin:0; padding: 0 0 0 30px; list-style-type: none; line-height: 1.2em; background-repeat: no-repeat; background-position: left top;}
.midashi01{font-size:14px; color:#396975; padding:5px 0 5px 10px; background-image:url(images/c_header.png); background-repeat: no-repeat; background-position: top;}
.midashi02{ font-size:14px; color:#396975; padding:5px 0 2px 0; font-weight:bold}
.midashi03{font-size:14px; color:#396975; padding:3px 0 3px 0px; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC;}
.midashi05{ font-size:14px; color:#666600; padding:5px 0 5px 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #339966; font-weight: bold; margin: 10px 0 5px 0;}
.midashi07{padding:3px; background-image: url(images/navgrad-normal.png); background-repeat: repeat-x; background-position: bottom; margin:0 0 3px 0;}
.leftimg{float:left; padding: 0 5px 0 0;}
.leftimg2 a{padding:10px 15px 0 0; background-image: url(images/target_blank.gif); background-repeat: no-repeat; background-position: right center;}
img {border: none;}
.righttxt{text-align: right;}
.base_middle {font-size: 14px; color: #3F5444;}
.base_small {font-size: 11px; color: #3F5444;}
.base_small2 {font-size: 11px; color: #FFFFFF;}
.base_large {font-size: 16px; color: #3F5444;}
.f08pt {font-size: 8pt}
.f09pt {font-size: 9pt}
.f10pt {font-size: 10pt}
.f11pt {font-size: 11pt}
.f12pt {font-size: 12pt}
.f13pt {font-size: 13pt}
.f14pt {font-size: 14pt}
.f15pt {font-size: 15pt}
.bb{font-weight: bold;}
.red{ color:#FF0000}
.bb{ font-weight:bold}
.bggray{background:#F6F6F6}
.white{ color:#FFFFFF;}
.redbb{ font-weight: bold; color: #FF0000;}
.ghr{ color:#808080; height:1px;}
.rightimg{float:right; padding: 0 0 0 5px;}
.tm5{ margin:5px 0 0 0}
.tp5{ padding:5px 0 0 0}
.paddingarea{ padding:10px}
.paddingareal30{ padding:10px 10px 10px 30px}
.blockarea{display:block}
.blue{color:#3366FF}
.green{ color:#336633}
.bimg{border:#CCCCCC solid 1px:}
.ime-on{ime-mode:active;}
.ime-off{ime-mode:disabled;}
.waku table{ border:#CCCCCC 1px solid;}
.waku th{ border:#CCCCCC 1px solid; text-align:center; background-color:#F6F6F6; font-weight:bold}
.waku td{ border:#CCCCCC 1px solid; vertical-align:top}
#bukken1 {float:left; width:370px; background-color:#E1E1E1; border:1px #FFFFFF solid; border-left:3px #FFFFFF solid; font-size: 0.9em;line-height:1.3;}
#bukken2 {float:right; width:370px; background-color:#E1E1E1; border:1px #FFFFFF solid; border-right:3px #FFFFFF solid; font-size: 0.9em;line-height:1.3}
#bukken1 dl,#bukken2 dl{clear:both;}
#bukken1 .bkdt,#bukken2 .bkdt{ padding:1px 3px 1px 10px; background-color:#E1E1E1; width:96px; float:left; border-top:1px #FFFFFF solid; font-size: 12px; margin: 0; display:block}
#bukken1 .bkdd,#bukken2 .bkdd{ padding:1px 3px 1px 10px; background-color:#F2F2F2; width:247px; float:left; border-top:1px #FFFFFF solid; border-left:1px #FFFFFF solid; font-size: 12px; display:block; margin: 0; }
#bukken1 ul,#bukken2 ul { padding:0; margin:0;}
#bukken1 ul li,#bukken2 ul li{padding:2px 8px 2px 0px; list-style:none; margin: 0; display: inline; line-height:1.3}
table#bklist{ border:none; width:100%;border-right:#CCCCCC 1px solid}
#bklist th{text-align:center; color: #FFFFFF; background-color: #006633; background-image: url(images/tb01.png); font-weight:normal; padding:3px 0 3px 0}
#bklist td{ text-align:center; border-bottom:#CCCCCC 1px solid;border-left:#CCCCCC 1px solid}
table#searchselect{ border:none; width:100%;}
#searchselect th{text-align:center; color: #000000; background-color: #E1E1E1; font-weight:normal; padding:5px; border:1px #FFFFFF solid; width:20%;}
#searchselect td{ padding:5px; background-color:#F2F2F2; border:1px #FFFFFF solid; width:80%}
#searchselect p{width:100%; clear:both; display:block; height:20px; margin:0; padding:0}
#searchselect .range1{ width:12%; float:left; font-size:0.9em}
#searchselect .range2{ width:20%; float:left; font-size:0.9em}
#searchselect .range3{ width:14%; float:left; font-size:0.9em}
.bgwhite{ background-color:#FFFFFF}
#homeh2{font-size:16px; color:#009966; font-weight: bold;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}
* html .clearfix { height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
.each_map { min-height: 1px;}
.each_map:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
* html .each_map{ height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
#g_map_data{display:none;}
.toptelop{width:100%; height:21px; background-image: url(images/tb01.png); font-size: 14px; color: #FFFFFF; padding: 6px 0 0 0; margin: 0; clear:both}
.picdiv{width:125px; float:left; text-align:center; line-height:1.2em; height: 110px;}
.sgoback{font: 110% arial, helvetica; padding: 5px 3px 3px 5px; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc;background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top; margin:0; font-weight: bold; color: #0099CC;}
.infotitlehalf{ font: 110% arial, helvetica; padding: 5px 3px 3px 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #aaa; background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top; margin:0; font-weight: bold; width:372px; float:left; color: #333333; text-align:center;}
.sgoback2 a{height:20px; color:#333333; background: #e5e5e5 url(images/agradient-30light.gif) repeat-x left top; border:1px #CCCCCC solid; width:120px; float:right; text-align:center; padding:6px 0 0 0; font: 14px arial, helvetica; font-weight:bold}
.hr0{margin:0; padding:0; color:#CCCCCC}
.hr0{margin:0; padding:0; color:#CCCCCC}
.sbox{margin:0 auto; text-align:center;}
h1.stext{ font-size:8pt; color: #666666; margin:0; float: left; width: auto; }
.summary{font-size:8pt; color: #666666;}
strong{ font-weight:normal;}
em{font-style:normal;}
#feas-searchform2{ text-align:center}
#feas-searchform2 .feedback input{ height:40px; background: #009933 url(images/kb13.png) repeat-x left top; color: #FFFFFF; border:1px #F6F6F6 solid}
#feas-searchform2 .feedback input:hover{background: #009933 url(images/kb13.png) repeat-x left bottom;}
.bikou{ font-size:12px; line-height:1.1em; padding:5px 20px 5px 20px; margin:0 0 3px 3px; display:block; border:1px #CCCCCC solid; background-color:#F6F6F6}