/*
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 {
color:#000; /* MAIN BODY TEXT COLOR */
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* MAIN BODY FONTS */
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
background-repeat: repeat;
background-attachment: fixed;
background: #F7F7F7 url(images/back-gradient.png) repeat-x left top;
}
a {color:#0088CC; text-decoration:none;}
a:visited {color: #0088CC;}
a:hover {text-decoration: underline;}
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, .post, .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: 1px solid #bbb;}
#wrapper {width: 850px; margin: 0px auto; position: relative; background-color:#FFFFFF}
#header {padding: 0; background-image: url(images/header_bg2.jpg); background-repeat: no-repeat; background-position: left; height: 161px;} /* Height of the header */
/* site title */
.blogtitle {
font-size: 14px; /* blog title size */
float:left;
line-height: 1em;
position:relative;
padding-left: 2px;
color: #009933;
margin-top: 5px;
height: 30px;
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: #006633; text-decoration: none;}
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: relative; left: 440px; top: 85px; text-align: right;}
#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;}
/* ------------------------------------- main content area */
#page #wrapper #container #left-col {width: 640px; float: left;}
/* main menu */
#nav {font-size: 13px; border-bottom: 1px solid #999; background: #AAA url(images/navgrad-normal.png) repeat-x left top;}
#nav small{display: none;} /* remove this later */
#nav a.home{
}
#nav ul{list-style: none; display: block; margin: 0px 0px 0px 10px; padding: 0px; width: 830px; float: left;}
#nav ul li{ font-weight: bold; margin: 0px 5px 0px 0px; padding: 0px; float: left;}
#nav ul li a{padding: 8px 6px 8px 8px; text-decoration: none; color: #222; display: block; font-size:12px}
#nav .current_page_item a, #nav .current_page_item a:hover,#nav li a:active{text-decoration: none; background: #2a2a2a url(images/navgrad-active.png) repeat-x top left; color: #fff;}
#nav li a:hover{color: #fff; background: #2a2a2a url(images/navgrad-hover.png) repeat-x top left;}
#nav li a:active{color: #fff; background: #2a2a2a url(images/navgrad-active.png) repeat-x top left;}
/* sub menu */
#subnav { background: #fff url(images/agradient-30light.gif) repeat-x top left;;margin:0;border: 1px solid #ddd}
#subnav ul {margin: 0px; padding: 0px 0px 0px 5px; list-style: none;}
#subnav li {border-right: 1px solid #D8D8D8; padding: 4px 7px; margin: 0px; float: left; list-style-type: none;}
#subnav li a, #subnav li a:visited, #subnav .page_item {text-decoration: none; color: #333333; 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; margin-top: 15px;}
#content .halfl {float:left; width:310px; background-color: #FFFFFF;}
#content .halfr {float:right; width:310px;}
.post {border: 1px solid #bbb; background: #FFF; padding: 25px 25px 15px 25px; clear: both; overflow: hidden; padding-bottom: 1em; margin-bottom: 2em;}
.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;}
/* post title */
h2.posttitle {color: #000; margin: 3px 0 2px; padding-bottom: 4px; font-size: 24px; border-bottom: dotted 1px #CCCCCC;}
h2.pagetitle {color: #006633; 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;}
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; padding-bottom: 35px; margin-bottom: -10px; font-size: 95%;}
.post-nav-bottom { margin-top: -15px;}
.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;}
.post-nav .next a { float: right; padding-right: 20px; text-align: right; background: url(images/post-nav-next.gif) no-repeat right center;}
/* ------------------------------------- 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 {padding: 10px 0px 10px 0px; clear: both; text-align: center;}
#cred .designer a{font-size: 1.1em; color: #000; padding-left: 22px;}
#cred a:hover { text-decoration: underline;}
/* @ 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"], .submit {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{color: #0088CC;}
.button:active, input[type="submit"]:active{background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; color: #000;}
/* sidebar */
#sidebar { margin-top: 15px; float:right; width: 200px; 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: #000000; 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 {background: url(images/folder_explore.png) no-repeat; padding-left: 20px ; background-position: 0 1px;}
#sidebar ul li ul{margin-left:-15px; margin-bottom:8px}
#sidebar ul li ul li { padding-left: 17px; background-image: url(images/icons/mini-category.gif); background-repeat: no-repeat; }
#sidebar .blogroll{ line-height:1.2em}
#sidebar .blogroll li{margin:2px 0 5px 0}
#sidebar ul li.featured_list {background: none; padding-left: 0px ;}
#sidebar ul.ucart_calendar_body li{background: none; padding-left: 0px ;}
#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;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fff;
text-align: center;
padding: 4px;
margin-bottom: 1em;
}
.wp-caption-text {font-size: 10px;margin:0;padding:6px 3px 2px;line-height: 16px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;margin-top: 5px; }
.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;}
/* 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;}
/*サイトマップ*/
.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: 30px 10px 36px 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:16px 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);}
/*トップページコンテンツ*/
#newitems{padding:0; margin-top:10px; clear:both}
#newitems2{padding:0; margin-top:10px; clear:both}
#newitems h3{ font-size: 13px; border-bottom: 1px solid #999; background: #AAA url(images/navgrad-normal.png) repeat-x left top; text-align:center; padding:8px 0 8px 0; font-weight:bold; margin-top:15px;}
#newitems2 h3{ font-size: 13px; border-bottom: 1px solid #999; background: #AAA url(images/navgrad-normal.png) repeat-x left top; text-align:center; padding:8px 0 8px 0; font-weight:bold; margin-top:15px;}
#newitems ul{ margin:0; padding:0}
#newitems ul li{margin:0; padding:5px; display:block; float:left; width:115px; list-style-type: none; overflow:hidden; text-align:center; border-bottom:#CCCCCC 1px solid; height:210px;}
#newitems2 ul{ margin:0; padding:0;}
#newitems2 ul li{margin:0; padding:5px; display:block; float:left; width:115px; list-style-type: none; overflow:hidden; text-align:center; border-bottom:#CCCCCC 1px solid; height:200px}
.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 0 0; height: 120px; width: 620px; padding: 100px 0 0 20px; background-image:url(images/topimg.jpg); font-size:13px; color:#333333;}
.tp_category{width:370px; float:left; background-image: url(images/catbg2.png); background-repeat: no-repeat; background-position: top;}
.tp_category h3{margin:0 0 5px 0; padding:5px 10px 5px 0; color: #999999; font-weight: bold; text-align: right; font-size: 12px;}
.tp_category h4{margin:0 0 5px 0; padding:5px 10px 5px 0; color: #FFFFFF; font-weight: bold; text-align: right;}
.tp_category0{padding: 0; border-bottom: 1px dotted #CCCCCC; height:103px; margin:0 0 10px 0;}
.tp_category0 a{font-size:11px; font-weight:normal; color:#000000;}
.tp_category0 h3{text-align:right; font-size:11px; font-weight:normal; color:#000000;}
.tp_category0 p{ margin:0; padding:2px 0 2px 0; color:#666666;}
.tp_info{width:250px; margin:0 0 0 10px; float:right;}
.tp_waku_new{margin:0 0 5px 0; padding:5px 10px 0 0; color: #999999; font-weight: bold; text-align: right; background-image: url(images/newitems2.png); background-repeat: no-repeat; background-position: top; font-size: 12px; height: 25px; width: inherit;}
.tp_waku_info{ margin:0 0 5px 0; padding:5px 10px 0 0; color: #999999; font-weight: bold; text-align: right; background-image: url(images/information2.png); background-repeat: no-repeat; background-position: top; font-size: 12px; height: 25px; width: inherit;}
#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}
#arrow_b{list-style-position: inside; list-style-image: url(images/check.gif); margin: 0 0 5px 5px; padding: 2px 2px 2px 2px; border-bottom: 1px solid #CCCCCC; list-style-type: none; line-height:1.6em}
.allclear{clear:both; padding-left: 5px;}
.centertxt{ text-align:center;}
.righttxt{ text-align:right;}
.arrow3{ margin:5px 10px 5px 10px; padding:0 0 0 0}
.arrow3 li{background-image: url(./images/check.gif); background-repeat: no-repeat; margin:0; padding: 0 0 0 30px; list-style-type: none; line-height: 1.6em; border-bottom:#CCCCCC 1px dotted;}
.arrow4{ margin:5px 10px 5px 10px; padding:0 0 0 0}
.arrow4 li{background-image: url(./images/check.gif); background-repeat: no-repeat; margin:0; padding: 0 0 0 30px; list-style-type: none; line-height: 1.2em; border-bottom:#CCCCCC 1px dotted;}
.midashi01{ font-size: 14px; background-color: #EBEBEB; padding: 3px; border-bottom: 1px solid #999999; margin:10px 0 0 0; border-left-width: 5px; border-left-style: solid; border-left-color: #999999;}
.midashi02{ font-size: 14px; background-color: #CCFFFF; padding: 3px; border-bottom: 1px solid #33CCCC; margin:10px 0 0 0; border-left-width: 5px; border-left-style: solid; border-left-color: #33CCCC;}
.midashi03{ font-size: 14px; background-color: #66CCFF; padding: 3px; margin:10px 0 0 0; background-image: url(images/midashi03.png); background-repeat: repeat-x; background-position: left top; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6699FF; display:block; clear: both; }
.red{ color:#FF0000}
.bb{ font-weight:bold}
.f10pt{ font-size:10pt;}
.f11pt{ font-size:11pt;}
.f12pt{ font-size:12pt;}
.f13pt{ font-size:13pt;}
.leftimg{float:left; padding: 0 5px 0 0;}
.leftimg2{float:left; padding:10px 15px 0 0; background-image: url(images/target_blank.gif); background-repeat: no-repeat; background-position: right center;}
.rightimg{float:right; padding: 0 0 0 5px;}
.tm5{ margin:5px 0 0 0}
.tp5{ padding:5px 0 0 0}
.blockarea{
display: block;
}
.paddingarea{ padding:10px}
.blue{color:#3366FF}
.green{ color:#33CC33}
.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;}
.waku td{ border:#CCCCCC 1px solid; vertical-align:top}
.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;
/**/
}
.title4{ font-size: 13px; border-bottom: 1px solid #999; background: #AAA url(images/navgrad-normal.png) repeat-x left top; text-align:center; padding:8px 0 8px 0; font-weight:bold; margin-top:15px; margin: 0; }
.originalform{ background-image:url(images/originalbraceletbg.jpg); height: 315px; padding: 305px 0 0 10px; margin: 0; }
.originalformunder{padding: 0; margin: 0; }
.originalform form{ border:1px solid #FFFFFF; margin:0px; padding:0 0 0 0; width:300px; background-color: #F6F6F6; }
.originalform form input[type=submit] { text-align:center; margin:0 auto; display: block; background-image: url(images/catebg2.gif); background-repeat: no-repeat; padding: 0px; height: 50px; width: 300px; cursor: pointer; border-style: none; font-size:14px; background-position: center top; font-weight: bold; color: #FFFFFF; line-height: 50px; }
.w400l{ width:430px; float:left;}
.w330r{ width:330px; float:right;}
.w130l{ width:120px; float:left; font-weight:bold; clear:both }
.m10{margin:0 10px 0 10px}
/* widget welcart-calendar start */
.widget_welcart_calendar {font-size: 12px; color: #444444; text-align: center; line-height: 150%; padding-bottom: 12px;}
.widget_welcart_calendar table.usces_calendar {padding: 0px; border-collapse: collapse; text-align: center; margin: 1px 0px 4px 0px; width: 100%; border-top: 1px solid #FFFFFF; border-right: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; border-left: 1px dotted #CCCCCC;}
.widget_welcart_calendar table.usces_calendar th {}
.widget_welcart_calendar table.usces_calendar td {}
/* widget welcart-calendar end */
/* widget wp-calendar start */
.sidebar table#wp-calendar {padding: 0px; width: 98%; color: #666666; margin: 0 auto; border-bottom:1px solid #EEEEEE; border-rihgt:1px solid #EEEEEE;}
.sidebar table#wp-calendar th { color: #666666; background-color: #F6F6F6; border-left: 1px solid #EEEEEE;border-top: 1px solid #EEEEEE;}
.sidebar table#wp-calendar td { border-top: 1px solid #FFFFFF; border-left: 1px solid #EEEEEE;border-top: 1px solid #EEEEEE;text-align: center; padding:0}
.sidebar table#wp-calendar td a { color: #0033FF; text-decoration: underline; background-color:#B0D9EC; display:block }
/* widget wp-calendar end */
/****************************************************************
Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE
*****************************************************************/
.dbx-clone {position:absolute; visibility:hidden;}
.dbx-clone, .dbx-clone .dbx-handle-cursor { cursor:move !important;}
.dbx-dummy {display:block; width:0; height:0; overflow:hidden;}
.dbx-group, .dbx-box, .dbx-fix, .dbx-title, .dbx-handle {position:relative; display:block;}
/****************************************************************
avoid padding, margins or borders on dbx-box,
to reduce visual discrepancies between it and the clone.
overall, dbx-box is best left as visually unstyled as possible
*****************************************************************/
.dbx-box, .dbx-fix {margin:0 0 15px 0; padding:0 0 4px 0; border:none; clear: both; background:#fff url(images/navgrad-normal.png) repeat-x 0 0;}
/****************************************************************
otherwise, do what you like :)
*****************************************************************/
/* group container(s) */
.dbx-group {width:210px; padding:0 0px 10px;}
* html .dbx-group {width: 210px; padding-bottom:0;}
/* handles */
.dbx-handle, .dbx-title {position:relative; margin:0; padding: 10px 10px 10px 20px; background-image: url(images/mini-category2.gif); background-repeat: no-repeat; background-position: left;}
* html .dbx-handle, * html .dbx-title {width: 176px;}
/* handle cursors are in a class of their own
so they only get applied if the script is supported */
.dbx-handle-cursor {cursor:move;}
/* toggle images */
a.dbx-toggle, a.dbx-toggle:visited {display:block; width:20px; height:20px; overflow:hidden; background:url(images/sidebar-toggle.png) no-repeat; position:absolute; top:4px; right:3px; text-indent:-50px; text-decoration:none;}
a.dbx-toggle-open, a.dbx-toggle-open:visited {background-position:0 0;}
a.dbx-toggle-closed, a.dbx-toggle-closed:visited {background-position:0 -20px;}
a.dbx-toggle-hilite-open, a.dbx-toggle-hilite-open:visited {background-position:-20px 0;}
a.dbx-toggle-hilite-closed, a.dbx-toggle-hilite-closed:visited {background-position:-20px -20px;}
/* keyboard navigation tooltip */
.dbx-tooltip {display:block; position:absolute; margin:36px 0 0 125px; width:185px; border:1px solid #000; background:#ffd; color:#000; font:normal normal normal 0.85em tahoma, arial, sans-serif; padding:2px 4px 3px 5px; text-align:left;}
* html .dbx-tooltip { width:210px; }
/* use CSS2 system colors in CSS2 browsers
but not safari, which doesn't support them */
*[class="dbx-tooltip"]:lang(en) {border-color:InfoText; background:InfoBackground; color:InfoText; font:small-caption; font-weight:normal;}
/* inner content area */
.dbx-content {margin: 0; padding: 5px 9px 5px 9px; background: #fff; overflow: hidden;}
.dbx-content-ads {margin: 0; padding: 5px 3px 5px 3px; background: #fff; overflow: hidden;}
/* toggle state of inner content area */
.dbx-box-closed .dbx-content {display:block; height:0px; padding:0; overflow:hidden;}
.dbx-box-closed .dbx-content * {display:none;}
/* additional clone styles */
.dbx-clone {
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity:0.8;
filter:alpha(opacity=80);
}