CSS_BU
@charset “utf-8″;
/*
Theme Name: PayPal Vermilion
Theme URI: http://www.welcart.com/
Description: PayPal Vermilion is a theme for Welcart.
Version: 1.0.2
Revision: 1311081
Author: Collne Inc.
*/
/* = clearfix
————————————————————– */
.clearfix:after {
display: block;
content: ” “;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.clearfix {
display: inline-table;
min-height: 1px;
}
* html .clearfix {
height: 1px;
}
.clearfix {
display: block;
}
.clear {
clear: both;
}
/* = base
————————————————————– */
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,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
background: transparent;
font-size: 100%;
border: 0;
outline: 0;
word-break: normal;
}
body,
input,
textarea,
.page-title span,
.pingback a.url,
th,
td {
font-family: “Helvetica Neue”, Arial, Helvetica, “Nimbus Sans L”, sans-serif;
}
html {
overflow-x: hidden;
}
body {
line-height: 1.5;
padding: 0;
width: auto;
background: #f1f1f1 url(images/footer_backdrop.jpg) repeat;
color: #333;
font-size: 0.8em;
word-break: break-all;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
input {
font-size: 100%;
color: #666;
}
/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: underline;
color: #6e6eff;
}
a:hover {
text-decoration: none;
color: #d87049;
}
a:hover img {
filter: alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
}
/* img */
#content .attachment img { /* single attachment images should be centered */
display: block;
margin: 0 auto;
max-width: 960px;
}
#content .alignleft,
#content img.alignleft {
display: inline;
float: left;
margin: 4px 24px 0 0;
}
#content .alignright,
#content img.alignright {
display: inline;
float: right;
margin: 4px 0 0 24px;
}
#content .aligncenter,
#content img.aligncenter {
display: block;
clear: both;
margin: 0 auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin-bottom: 12px;
}
#content .wp-caption {
line-height: 18px;
margin-bottom: 20px;
padding: 4px;
background: #f1f1f1;
text-align: center;
}
#content .wp-caption img {
margin: 5px 5px 0 0;
}
#content .wp-caption p.wp-caption-text {
margin: 5px;
color: #888;
font-size: 12px;
}
#content .wp-smiley {
margin: 0;
}
#content .gallery {
margin: 18px auto;
padding: 0;
}
#content .gallery .gallery-item {
float: left;
width: 33%;
margin-top: 0;
text-align: center;
}
#content .gallery img {
border: 10px solid #f1f1f1;
}
#content .gallery .gallery-caption {
margin: 0 0 12px 0;
padding-top: 5px;
color: #888;
font-weight: normal;
font-size: 12px;
}
#content .gallery dl {
margin: 0;
}
#content .gallery br+br {
display: none;
}
.cursor {
cursor:pointer;
}
/* text */
.textleft,
div.textleft {
text-align: left;
}
.textright,
div.textright {
text-align: right;
}
.textcenter,
div.textcenter {
text-align: center;
}
/* float */
.alignleft,
div.alignleft {
float: left;
margin: 0;
padding: 0 10px 10px 0;
}
.alignright,
div.alignright {
float: right;
margin: 0;
padding: 10px 0 0 10px;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 0 auto;
}
/* = upper_menu
————————————————————– */
.upper_menu {
position: fixed;
width: 100%;
z-index: 10000;
}
.main_wrapper {
width: 980px;
position: relative;
margin: 0 auto;
padding: 0;
}
div.main_wrapper div.wrapper {
position: absolute;
top: 0;
width: 980px;
}
.upper_menu_cart {
overflow: hidden;
position: relative;
width: 100%;
background: url(images/texture.jpg) repeat-x center bottom;
z-index:9999999;
}
.upper_menu_cart .telephone {
float: left;
padding: 10px 0 2px;
width: 294px;
}
.upper_menu_cart .telephone .announce {
display: block;
line-height: 18px;
padding-left: 24px;
background: url(images/tel_mark.png) no-repeat left center;
color: #fff;
font-size: 11px;
}
.upper_menu_cart .telephone .announce em {
font-size: 16px;
font-style: normal;
font-weight: normal;
vertical-align: middle;
}
/* menu_cart_row */
.upper_menu_cart .in_cart {
float: right;
margin-top: 8px;
width: 50%;
text-align: right;
border: #FFF 1px solid;
border-radius: 3px;
}
#menu_cart_row {
padding: 0 10px 10px;
border: #a33a0a 1px solid;
border-radius: 3px;
}
#menu_cart_row,
#menu_cart_row a,
#menu_cart_row .menu_cart_table {
color: #FFF;
}
#menu_cart_row a {
text-decoration: none;
}
#menu_cart_row a:hover {
color: #e79678;
}
#menu_cart_row .menu_cart_table {
width: 100%;
}
#menu_cart_row .menu_cart_table th,
#menu_cart_row .menu_cart_table td {
padding: 10px 0;
}
#menu_cart_row .menu_cart_table th {
text-align: right;
}
#menu_cart_row .menu_cart_table td {
border-bottom: #FFF 1px dotted;
}
#menuToCart,
#menuToCheckout {
display: inline-block;
}
#menuToCart {
}
#menuToCheckout {
}
#menu_cart_alert {
clear: both;
}
/* upper_menu_navi */
.upper_menu_navi {
display: block;
height: 39px;
}
.upper_menu_navi .wrapper {
margin: 0 auto;
width: 980px;
height: 39px;
}
div.scroll_on {
opacity: 0;
margin: -80px;
height: 39px;
background: url(images/upper_menu_backdrop.jpg) repeat-x bottom;
}
.upper_menu_navi .hsubnavi {
list-style: none;
float: right;
margin: 0 140px 0 0;
padding: 10px 0 0;
width: 409px;
letter-spacing: -0.4em;
text-align: right;
}
.upper_menu_navi .hsubnavi li {
display: inline-block;
margin-right: 15px;
color: #666;
font-size: 11px;
letter-spacing: normal;
}
.ie7 .upper_menu_navi .hsubnavi li {
display: inline;
zoom: 1;
}
.upper_menu_navi .hsubnavi a {
display: inline-block;
width: auto;
padding-left: 16px;
}
.upper_menu_navi .login a {
background: url(images/login_mark.png) no-repeat left center;
}
.upper_menu_navi .user span {
display: inline-block;
padding-left: 16px;
background: url(images/user_mark.png) no-repeat left center;
}
.goto_cart {
overflow:hidden;
position: fixed;
top:8px;
width: 136px;
height: 39px;
z-index: 9999999;
margin-left:850px;
}
.goto_cart a {
line-height: 39px;
display: block;
float: right;
width: 136px;
height: 39px;
background: url(./images/header_cart_but.png) no-repeat;
color: #fff;
font-size: 12px;
text-decoration: none;
}
.goto_cart span {
padding: 0 10px 0 40px;
background: url(./images/cart_mark.png) no-repeat 12px center;
}
.goto_cart em {
font-size: 10px;
font-style: normal;
}
.upper_menu_navi .head_search {
float: left;
line-height: 39px;
width: 40%;
text-align: left;
}
.upper_menu_navi .head_search strong {
display: inline-block;
line-height: 18px;
padding: 0 8px 0 20px;
background: url(images/search_mark.png) no-repeat;
color: #666;
font-size: 11px;
font-weight: normal;
}
.upper_menu_navi .head_search input[type=”text”] {
vertical-align: middle;
}
/* = menu_cart_alert
————————————————————– */
/* box default */
#menu_cart_alert.update_box,
#menu_cart_alert.delete_box,
#menu_cart_alert.completion_box {
display: table;
padding: 10px;
width: 200px;
height: 80px;
color: #333;
font-weight: bold;
text-align: center;
}
/* update_box */
#menu_cart_alert.update_box {
background-color: #FFF;
border: 5px solid #ff9326;
}
/* delete_box */
#menu_cart_alert.delete_box {
background-color: #eae0e8;
border: 5px solid #C00;
}
/* completion_box */
#menu_cart_alert.completion_box {
background-color: #fffce5;
border: 5px solid #ff9326;
}
/* = wrapping
————————————————————– */
#wrapping {
width: 100%;
margin: 0 auto;
padding: 8px 0 0;
background-color: #fff;
}
/* = header
————————————————————– */
#header {
margin: 0;
padding: 0;
width: 100%;
}
#header .white {
background-color: #fff;
width: 100%;
}
#header .inner {
width: 980px;
margin-right: auto;
margin-left: auto;
}
.siteurl {
float: left;
width: 435px;
padding: 20px 0 0 0;
}
.siteurl .logomark {
float: left;
display: block;
margin-right: 11px;
padding-bottom: 16px;
width: 270px;
}
.siteurl .logomark img {
height: auto;
width: 100%;
}
h1#site-title,
div#site-title {
line-height: 1.2;
margin: 0;
padding: 4px 0 0;
font-family: “MS P明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3”, “Hiragino Mincho Pro”, serif;
font-weight: bolder;
font-size: 26px;
}
h1#site-title a,
div#site-title a {
color: #333;
text-decoration: none;
}
h1#site-title a:hover,
div#site-title a:hover {
text-decoration: underline;
}
h2#site-description,
div#site-description {
line-height: 1.4;
margin: 0;
font-weight: normal;
font-size: 11px;
color: #666;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0;
}
#header .right_block {
float: right;
width: 545px;
padding-bottom: 20px;
}
#header .cart_menu {
width: 100%;
}
#header .hsubnavi {
margin: 0px;
float: left;
width: 409px;
list-style-image: none;
list-style-type: none;
letter-spacing: -0.4em;
text-align: right;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#header .hsubnavi li {
font-size: 11px;
color: #666;
letter-spacing: normal;
display: inline-block;
margin-right: 15px;
*display: inline;
*zoom: 1;
}
#header .hsubnavi a {
display: inline-block;
width: auto;
padding-left: 16px;
}
#header .login a {
background-image: url(images/login_mark.png);
background-repeat: no-repeat;
background-position: left center;
}
#header .mypage a {
background-image: url(images/mypage_mark.png);
background-repeat: no-repeat;
background-position: left center;
}
#header .user span {
background-image: url(images/user_mark.png);
background-repeat: no-repeat;
background-position: left center;
display: inline-block;
padding-left: 16px;
}
#header .head_search {
width: 100%;
text-align: right;
margin-top: 18px;
}
#header .head_search strong {
font-size: 11px;
font-weight: normal;
color: #666;
background-image: url(images/search_mark.png);
background-repeat: no-repeat;
padding-left: 20px;
padding-right: 8px;
line-height: 18px;
display: inline-block;
}
.head_search input {
margin: 0;
padding: 0;
}
.head_search #searchform {
display: inline;
}
.head_search #s {
background-image: url(images/input_txt_back.jpg);
background-repeat: repeat-x;
height: 22px;
width: 160px;
border: 1px solid #ddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
padding-right: 4px;
padding-left: 4px;
margin-right: 8px;
}
a.composition {
font-size: 11px;
color: #400000;
text-decoration: underline;
margin-right: 4px;
}
a.composition:hover {
text-decoration: none;
color: #d87049;
}
.slider {
line-height: 0;
background-image: url(images/slider_backdrop.jpg);
background-repeat: repeat-x;
width: 100%;
padding-top: 10px;
background-position: 0px 10px;
}
.slider .block {
width: 980px;
margin-right: auto;
margin-left: auto;
}
.header_image {
width: auto;
padding-top: 10px;
margin-bottom: -20px;
}
.header_image img {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.slider .leftslid {
background-image: url(images/slider_left_arrow.png);
background-repeat: no-repeat;
height: 38px;
width: 37px;
float: left;
margin-top: -48px;
cursor: pointer;
margin-left: 10px;
position: relative;
z-index: 999;
}
.slider .rightslid {
background-image: url(images/slider_right_arrow.png);
background-repeat: no-repeat;
height: 38px;
width: 37px;
float: right;
margin-top: -48px;
cursor: pointer;
margin-right: 10px;
position: relative;
z-index: 999;
}
/* = Menu
————————————————————– */
.wp_nav_container:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: “.”;
}
.wp_nav_container {
display: inline-table;
min-height: 1px;
}
* html .wp_nav_container {
height: 1px;
}
.wp_nav_container,
div.mainnavi {
display: block;
width: 980px;
background-image: url(images/globalnav_backdrop.jpg);
background-repeat: no-repeat;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position: relative;
}
div.mainnavi ul,
.wp_nav_container ul.mainnavi {
list-style: none;
margin: 0;
font-size: 12px;
position: relative;
padding: 0px;
float: left;
left: 50%;
}
div.mainnavi ul li,
.wp_nav_container ul.mainnavi li {
position: relative;
background-image: url(images/globalnav_sep.jpg);
background-repeat: no-repeat;
width: auto;
background-position: left top;
float: left;
left: -50%;
}
div.mainnavi a,
.wp_nav_container ul.mainnavi a {
color: #797979;
display: block;
line-height: 26px;
text-decoration: none;
text-align: center;
height: auto;
width: auto;
font-weight: normal;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
margin-left: 3px;
}
div.mainnavi ul ul,
.wp_nav_container ul.mainnavi ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 46px;
left: 0%;
float: left;
width: 180px;
z-index: 99999;
}
div.mainnavi ul ul li,
.wp_nav_container ul.mainnavi ul li {
min-width: 180px;
display: block;
background-color: #f5f5f5;
left: 0%;
background-image: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #fbfbfb;
}
div.mainnavi ul ul ul,
.wp_nav_container ul.mainnavi ul ul {
left: 100%;
top: 0;
}
div.mainnavi ul ul a,
.wp_nav_container ul.mainnavi ul a {
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
div.mainnavi li:hover > a,
div.mainnavi ul ul :hover > a,
.wp_nav_container ul.mainnavi li:hover > a,
.wp_nav_container ul.mainnavi ul :hover > a {
color: #600;
}
div.mainnavi ul li:hover > ul,
.wp_nav_container ul.mainnavi li:hover > ul {
display: block;
}
div.mainnavi ul li.current_page_item > a,
div.mainnavi ul li.current_page_ancestor > a,
div.mainnavi ul li.current-menu-ancestor > a,
div.mainnavi ul li.current-menu-item > a,
div.mainnavi ul li.current-menu-parent > a,
.wp_nav_container ul.mainnavi li.current_page_item > a,
.wp_nav_container ul.mainnavi li.current_page_ancestor > a,
.wp_nav_container ul.mainnavi li.current-menu-ancestor > a,
.wp_nav_container ul.mainnavi li.current-menu-item > a,
.wp_nav_container ul.mainnavi li.current-menu-parent > a {
color: #600;
}
* html div.mainnavi ul li.current_page_item a,
* html div.mainnavi ul li.current_page_ancestor a,
* html div.mainnavi ul li.current-menu-ancestor a,
* html div.mainnavi ul li.current-menu-item a,
* html div.mainnavi ul li.current-menu-parent a,
* html div.mainnavi ul li a:hover,
* html .wp_nav_container ul.mainnavi li.current_page_item a,
* html .wp_nav_container ul.mainnavi li.current_page_ancestor a,
* html .wp_nav_container ul.mainnavi li.current-menu-ancestor a,
* html .wp_nav_container ul.mainnavi li.current-menu-item a,
* html .wp_nav_container ul.mainnavi li.current-menu-parent a,
* html .wp_nav_container ul.mainnavi li a:hover {
color: #600;
}
div.mainnavi ul li:last-child a,
.wp_nav_container ul.mainnavi li:last-child a {
background-image: url(images/globalnav_sep.jpg);
background-repeat: no-repeat;
background-position: right top;
}
.cat_bar {
width: 100%;
height: 32px;
background: url(images/catnav_backdrop.jpg) repeat-x center top;
}
div.cat_bar div.wrapper {
position: relative;
width: 980px;
margin: 0 auto;
}
.cat_bar .block {
position: relative;
overflow:hidden;
margin: 0 auto;
width: 920px;
}
.cat_bar .block:hover {
height:300px;
}
.cat_bar .leftslid,
.cat_bar .rightslid {
display:none;
position:absolute;
top: 6px;
width: 20px;
height: 20px;
cursor: pointer;
}
.cat_bar .leftslid {
left: 0;
background: url(images/catnavi_left_arrow.png) no-repeat;
}
.cat_bar .rightslid {
left: 960px;
background: url(images/catnavi_right_arrow.png) no-repeat;
}.cat_bar ul li {
.cat_bar ul {
float: left;
list-style: none;
position: relative;
margin: 0 auto;
padding: 0;
width: auto;
font-size: 12px;
}
.cat_bar ul li {
float: left;
display: block;
position: relative;
width: 115px;
text-align: center;
}
.cat_bar a {
color: #fff;
display: block;
line-height: 32px;
text-decoration: none;
text-align: center;
height: auto;
width: auto;
font-weight: normal;
padding-right: 10px;
padding-left: 10px;
}
.cat_bar ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 32px;
float: left;
width: 115px;
z-index: 99999;
left: 0%;
}
.cat_bar ul ul li {
min-width: 115px;
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #a83801;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #c4551e;
left: 0%;
}
.cat_bar ul ul li:last-child {
border-bottom-style: none;
}
.cat_bar ul ul ul {
left: 100%;
top: 0;
}
.cat_bar ul ul a {
line-height: 1em;
height: auto;
padding: 8px;
background-color: #ba4004;
}
.cat_bar li:hover > a,
.cat_bar ul ul :hover > a {
color: #e79678;
}
.cat_bar ul li:hover > ul {
display: block;
}
.cat_bar ul li.current_page_item > a,
.cat_bar ul li.current_page_ancestor > a,
.cat_bar ul li.current-menu-ancestor > a,
.cat_bar ul li.current-menu-item > a,
.cat_bar ul li.current-menu-parent > a {
color: #e79678;
}
* html .cat_bar ul li.current_page_item a,
* html .cat_bar ul li.current_page_ancestor a,
* html .cat_bar ul li.current-menu-ancestor a,
* html .cat_bar ul li.current-menu-item a,
* html .cat_bar ul li.current-menu-parent a,
* html .cat_bar ul li a:hover {
color: #e79678;
}
/* = main
————————————————————– */
#main {
width: 980px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 30px;
padding-right: 0;
padding-left: 0;
}
input[type=”submit”],
input[type=”button”] {
color: #fff;
font-weight: normal;
background-color: #ff9326;
background-image: url(images/input_but_back.jpg);
background-repeat: repeat-x;
background-position: center top;
text-align: center;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border: 1px solid #da9226;
cursor: pointer;
font-size: 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
line-height: normal;
height: auto;
width: auto;
margin-right: -1px;
margin-left: -1px;
}
input[type=”submit”]:hover,
input[type=”button”]:hover {
background-image: none;
}
input[type=”text”],
input[type=”password”],
textarea {
background-image: url(images/input_txt_back.jpg);
background-repeat: repeat-x;
border: 1px solid #ddd;
padding-right: 4px;
padding-left: 4px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
margin-right: -1px;
margin-left: -1px;
}
/* = sidebar
————————————————————– */
#sidebar {
width: 980px;
margin: 0;
overflow: hidden;
padding-top: 0px;
padding-right: 0;
padding-bottom: 30px;
padding-left: 0;
background-image: url(images/dotline.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}
#sidebar-in {
list-style: none;
width: 980px;
letter-spacing: -0.4em;
background-image: url(images/sidebar_separator.gif);
background-repeat: repeat-y;
background-position: 243px 0px;
margin: 0;
padding: 0;
}
#welcart_cart {
margin: 0;
padding: 0 0 10px 0;
}
/* — widget — */
li.widget {
width: 205px;
padding: 20px;
}
#sidebar-in li.widget {
letter-spacing: normal;
display: inline-block;
vertical-align: top;
*display: inline;
*zoom: 1;
}
li.widget_tag_cloud div {
margin: 0;
padding: 5px;
}
li.widget .widget_title {
font-size: 13px;
line-height: 1.2;
font-weight: bold;
color: #993200;
padding-bottom: 12px;
text-transform: uppercase;
width: 100%;
}
li.widget_title > img {
width: 24px;
height: 24px;
vertical-align: middle;
margin: 0;
padding: 0 5px 0 0;
}
li.widget ul,
#calendar_wrap,
.widget_tag_cloud div,
.widget_search form {
width: auto;
margin: 0;
padding: 0;
}
.widget_tag_cloud div {
line-height: 200%;
}
li.widget ul ul {
border: none;
}
li.widget dl {
width: 100%;
}
.widget_search #searchform {
margin-top: 6px;
}
/* widget listmark start */
.widget_welcart_category li {
margin: 0;
font-weight: normal;
background-image: url(images/footer_menu_mark.png);
background-repeat: no-repeat;
background-position: left 6px;
padding-left: 15px;
}
.widget_welcart_category li li {
margin: 0 0 0 0;
}
/* widget search start */
.widget_welcart_search a,
.widget_ucart_search a {
font-size: 10px;
letter-spacing: 1px;
}
.widget_search input,
.widget_welcart_search input,
.widget_ucart_search input {
margin: 0;
padding: 0;
}
.widget_search #searchform,
.widget_welcart_search #searchform,
.widget_ucart_search #searchform {
display: block;
position: relative;
background: url(‘images/side_inputbg.gif’) left top no-repeat;
}
.widget_search #searchform {
height: 25px;
}
.widget_search #s,
.widget_welcart_search #s,
.widget_ucart_search #s {
position: absolute;
top: 3px;
left: 12px;
width: 126px;
height: 16px;
border: 1px #FFF solid;
font-size: 12px;
}
*+html .widget_search #s,
*+html .widget_welcart_search #s,
*+html .widget_ucart_search #s {
font-size: 14px;
}
.widget_search #searchsubmit,
.widget_welcart_search #searchsubmit,
.widget_ucart_search #searchsubmit {
position: absolute;
top: 3px;
left: 144px;
width: 18px;
height: 18px;
margin: 0;
padding: 0;
border-style: none;
background: #FFF url(‘images/search_btn.gif’) no-repeat;
text-indent: -9999px;
cursor: pointer;
}
.widget_welcart_search #searchform div,
.widget_ucart_search #searchform div {
padding-top: 30px;
text-align: center;
}
.widget_welcart_search #searchform div a,
.widget_ucart_search #searchform div a {
display: block;
width: 170px;
height: 24px;
line-height: 24px;
margin: 0 auto;
background: url(‘images/side_but_s4.gif’) no-repeat;
color: #333;
font-size: 11px;
text-decoration: none;
}
.widget_welcart_search #searchform div a:hover,
.widget_ucart_search #searchform div a:hover {
color: #999;
}
.widget_search label.screen-reader-text {
display: none;
}
/* widget wp-calendar start */
#wp-calendar {
width: 100%;
height: auto;
margin: 0 0 10px 0;
padding: 0;
text-align: center;
}
#wp-calendar th,
#wp-calendar td {
border: 1px solid #ccc;
border-collapse: collapse;
font-size: 11px;
}
#wp-calendar caption {
padding: 3px 0;
font-weight: normal;
font-size: 11px;
color: #792905;
text-align: left;
}
#wp-calendar th,
#wp-calendar td {
padding: 2px 0;
}
#wp-calendar th {
background: #e6e6e6;
font-weight: normal;
}
#wp-calendar td {
color: #666666;
background-color: #fff;
}
.widget select {
margin-top: 5px;
}
/* widget featured start */
/* = content
————————————————————– */
#content {
width: 100%;
margin: 0px;
padding: 0px;
}
.center {
padding-bottom: 30px;
}
.first_content_area {
width: 980px;
position: relative;
z-index: 9999;
}
.first_content_area ul {
width: 1040px;
margin-right: -60px;
overflow: hidden;
_zoom: 1;
}
.first_content_area ul li {
float: left;
margin: -20 60px 10px 0;
padding-right: 0px;
padding-left: 0px;
width: 460px;
background: none;
}
.first_content_area .bnr {
font-size: 11px;
line-height: 1.4;
color: #666;
}
.first_content_area .bnr a {
text-decoration: none;
color: #666;
}
.first_content_area .bnr a:hover {
text-decoration: none;
color: #999;
}
#content .first_content_area .bnr img {
margin-bottom: 4px;
}
.post {
padding: 0;
}
.post h1 {
margin: 0;
padding: 0 20px 5px 20px;
font-weight: bold;
font-size: 1.3em;
}
#content .cattitle,
#content .pagetitle,
#content .entry-title {
width: auto;
height: auto;
line-height: 1.5;
font-weight: bold;
font-size: 20px;
background-image: url(images/title_back.jpg);
background-repeat: repeat;
background-position: center center;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 18px;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
margin: 0px;
}
#content div.navigation {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
}
#content div.navigation a {
padding-bottom: 0px;
}
.page_entry {
width: 100%;
position: relative;
z-index: 9999;
padding-bottom: 30px;
}
#content .catbox .type-post h2,
#content .catbox .type-page h2,
#content .searchbox .type-post h2 {
width: auto;
height: auto;
line-height: 1.2;
margin: 0;
font-weight: normal;
font-size: 160%;
padding-top: 0;
padding-right: 0;
padding-bottom: 8px;
padding-left: 0;
}
#content .catbox .type-post h2 a,
#content .catbox .type-page h2 a,
#content .searchbox .type-post h2 a {
text-decoration: none;
}
#content .catbox .type-post h2 a:hover,
#content .catbox .type-page h2 a:hover,
#content .searchbox .type-post h2 a:hover {
text-decoration: none;
color: #fff;
background-color: #c1561e;
}
#content .catbox .entry-meta,
#content .searchbox .entry-meta {
width: auto;
font-size: 11px;
line-height: 1.5;
color: #666;
padding: 4px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #ddd;
border-bottom-color: #ddd;
margin: 0;
}
#content .catbox .entry,
#content .searchbox .entry {
width: auto;
border: none;
display: block;
margin: 0;
padding-top: 20px;
padding-right: 4px;
padding-bottom: 20px;
padding-left: 4px;
}
#content .catbox .proentry,
#content .searchbox .proentry {
width: auto;
border: none;
display: block;
margin: 0;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 40px;
}
#content .catbox .entry-utility,
#content .searchbox .entry-utility {
padding-right: 4px;
padding-left: 4px;
font-weight: normal;
font-size: 80%;
}
.catbox,
.pagebox {
width: 100%;
position: relative;
z-index: 9999;
padding-top: 20px;
}
#entry_block {
width: 100%;
position: relative;
z-index: 9999;
padding-top: 20px;
padding-bottom: 20px;
}
#entry_block .entry-meta {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
font-size: 11px;
color: #999;
}
.entry-content {
width: auto;
padding-top: 20px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
margin-bottom: 20px;
}
#entry_block .entry-utility {
font-size: 11px;
color: #999;
width: auto;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
#entry_block .entry-utility .editor {
margin-top: -14px;
}
div.feedback {
width: auto;
margin: 15px auto 0 auto;
padding: 15px 0 0 0;
border-top: 1px #e6e6e6 solid;
text-align: right;
}
div.storymeta {
width: auto;
padding-bottom: 15px;
border-bottom: 1px #e6e6e6 solid;
}
div.archive {
clear: both;
}
div.ent_archive {
clear: both;
display: inline-block;
width: 44.5%;
margin-right: 2.5%;
margin-bottom: 30px;
vertical-align: top;
margin-left: 2.5%;
*display: inline;
*zoom: 1;
}
.editor {
width: 10%;
margin-left: 90%;
padding-bottom: 30px;
}
.editor a {
font-size: 12px;
line-height: 1.2;
color: #666;
text-decoration: none;
background-color: #eee;
display: block;
height: auto;
width: auto;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
text-align: center;
}
.editor a:hover {
background-color: #fff;
border: 1px solid #e0e0e0;
color: #999;
}
/* = home
————————————————————– */
#top_reco {
width: auto;
padding-bottom: 30px;
}
#top_reco .title {
font-size: 13px;
line-height: 1.2;
font-weight: normal;
color: #993200;
padding-bottom: 8px;
text-transform: uppercase;
}
#top_reco ul {
width: 989px;
list-style-image: none;
list-style-type: none;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 2px;
}
#top_reco .thumbnail_box {
width: 162px;
height: 250px;
border: 1px solid #ddd;
margin-left: -1px;
margin-bottom: -1px;
float: left;
position: relative;
z-index: 0;
}
#top_reco .thumbnail_box:hover {
cursor: pointer;
background-color: #f3f3f3;
width: 184px;
border: 2px solid #ccc;
position: relative;
z-index: 999;
margin-top: -13px;
margin-right: -12px;
margin-bottom: -12px;
margin-left: -13px;
height: 272px;
}
#top_reco .block {
display: block;
padding: 10px;
}
#top_reco .thumbnail_box:hover .block {
display: block;
padding-top: 14px;
padding-right: 16px;
padding-bottom: 12px;
padding-left: 16px;
}
#top_reco .waku {
width: auto;
height: auto;
display: block;
background-color: #ddd;
background-image: url(images/thumb_cross.png);
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 8px;
padding: 1px;
}
#top_reco .thumimg {
width: 140px;
height: 140px;
display: table-cell;
text-align: center;
vertical-align: middle;
layout-grid-line: 140px;
background-color: #fff;
}
#top_reco .thumimg img {
vertical-align: middle;
height: auto;
width: 100%;
}
#top_reco .thumbnail_box:hover .thumimg {
height: 150px;
width: 150px;
display: table-cell;
text-align: center;
vertical-align: middle;
layout-grid-line: 150px;
background-color: #fff;
}
#top_reco .thumbnail_box:hover .thumimg {
vertical-align:middle;
}
#top_reco a {
color: #666;
text-decoration: none;
}
#top_reco a:hover {
color: #da724b;
text-decoration: underline;
}
#top_reco .thumtitle {
width: 140px;
height: 28px;
overflow: hidden;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
font-size: 13px;
line-height: 14px;
color: #333;
display: block;
}
#top_reco .thumbnail_box:hover .thumtitle {
width: 150px;
}
#top_reco .cprice {
font-size: 16px;
text-decoration: line-through;
}
#top_reco .price {
overflow: hidden;
line-height: 16px;
margin: 4px auto 0;
color: #5f1b00;
font-size: 20px;
font-weight: bold;
}
#top_reco .intocart {
margin-top: 4px;
margin-left: auto;
display: block;
margin-right: auto;
width: 140px;
}
#top_reco .thumbnail_box:hover .intocart {
width: 150px;
}
#top_reco .intocart input {
height: auto;
width: 100%;
}
#top_reco .intocart input:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
#ranking {
width: 974px;
margin-right: 2px;
margin-bottom: 30px;
margin-left: 2px;
border: 1px solid #ddd;
}
#ranking .title {
background-image: url(images/footer_backdrop.jpg);
background-repeat: repeat;
text-align: center;
width: 190px;
border: 1px solid #fff;
font-size: 13px;
line-height: 1.5;
font-weight: bold;
color: #963300;
float: left;
height: 218px;
}
#ranking .title span {
text-align: center;
display: block;
width: auto;
margin-right: auto;
margin-left: auto;
padding-bottom: 8px;
padding-top: 45px;
}
#ranking .welcart_ranking_body {
float: left;
width: 780px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ddd;
list-style-image: none;
list-style-type: none;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 1px;
}
#ranking .welcart_ranking_body li {
float: left;
width: 156px;
height: 220px;
text-align: center;
background-image: url(images/ranking_separate.gif);
background-repeat: repeat-y;
overflow: hidden;
background-position: right top;
}
#ranking .welcart_ranking_body li + li + li + li + li {
background-image: none;
}
#ranking .welcart_ranking_body li:first-child a {
background-image: url(images/ranking_no1.jpg);
background-repeat: no-repeat;
background-position: 0px 1px;
}
#ranking .welcart_ranking_body li + li a {
background-image: url(images/ranking_no2.jpg);
background-repeat: no-repeat;
background-position: 0px 1px;
}
#ranking .welcart_ranking_body li + li + li a {
background-image: url(images/ranking_no3.jpg);
background-repeat: no-repeat;
background-position: 0px 1px;
}
#ranking .welcart_ranking_body li + li + li + li a {
background-image: url(images/ranking_no4.jpg);
background-repeat: no-repeat;
background-position: 0px 1px;
}
#ranking .welcart_ranking_body li + li + li + li + li a {
background-image: url(images/ranking_no5.jpg);
background-repeat: no-repeat;
background-position: 0px 1px;
}
#ranking .welcart_ranking_body li a {
text-align: center;
display: block;
height: 176px;
width: auto;
font-size: 11px;
line-height: 1.2;
color: #666;
text-decoration: none;
padding-top: 35px;
padding-right: 13px;
padding-bottom: 0px;
padding-left: 9px;
overflow: hidden;
}
#ranking .welcart_ranking_body li img {
margin-bottom: 4px;
}
#ranking .welcart_ranking_body li a:hover {
color: #a9a9a9;
text-decoration: none;
}
/* content-widget-area start */
#content-widget-area {
width: 980px;
overflow: hidden;
background-image: url(images/dotline.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
padding-top: 1px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
}
#content-widget-area .content_footer {
width: 980px;
letter-spacing: -0.4em;
background-image: url(images/sidebar_separator2.gif);
background-repeat: repeat-y;
background-position: 245px 0px;
}
#content-widget-area .widget {
letter-spacing: normal;
vertical-align: top;
display: inline-block;
float: none;
*display: inline;
*zoom: 1;
}
#widget_news_post {
width: 450px;
background-color: #fff;
}
#widget_news_post .widget_title {
text-align: right;
}
#widget_news_post .widget_title span {
display: block;
float: left;
width: 50%;
text-align: left;
}
#widget_news_post .widget_title a {
font-size: 11px;
}
#content-widget-area .news_block dt {
background-image: url(images/news_mark.jpg);
background-repeat: no-repeat;
background-position: right center;
float: left;
width: 92px;
font-size: 10px;
line-height: 1.5;
color: #545454;
margin-top: 1px;
}
#content-widget-area .news_block dd {
font-size: 10px;
line-height: 1.5;
color: #999;
width: auto;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 12px;
padding-left: 104px;
}
#content-widget-area .news_block dd strong {
font-weight: bold;
font-size: 11px;
}
#content-widget-area div.retsu {
float: left;
width: 240px;
margin-right: 15px;
padding: 0;
}
#welcart_cart ul.subnavi,
#content-widget-area #welcart_cart ul.subnavi {
width: 160px;
}
#welcart_cart .subnavi li,
#content-widget-area #welcart_cart .subnavi li {
}
#welcart_cart .subnavi li.name,
#content-widget-area #welcart_cart .subnavi li {
line-height: normal;
vertical-align: baseline;
margin: 0 auto;
background-image: none;
font-weight: bold;
text-align: center;
}
#welcart_cart .subnavi a,
#content-widget-area #welcart_cart .subnavi a {
display: block;
width: 160px;
height: 24px;
line-height: 24px;
margin: 0 auto;
color: #FFF;
text-decoration: none;
text-align: center;
}
/* = Post
————————————————————– */
#content .catbox .post .entry p,
#content .searchbox .post .entry p {
width: auto;
height: auto;
line-height: 1.5em;
margin: 0 0 0 0;
padding: 0;
color: #333;
font-size: 1em;
}
#content .catbox .post .entry strong {
margin: 0;
font-weight: bold;
font-size: 100%;
}
#content .catbox .post .entry cite,
#content .catbox .post .entry em,
#content .catbox .post .entry i {
margin: 0 3px 0 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}
#content .catbox .post .entry blockquote {
padding: 0 3em;
color: #333;
font-style: italic;
font-size: 1em;
}
#content .catbox .post .entry ul {
list-style: disc outside;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0 0 24px 0;
padding: 0 0 0 2em;
color: #333;
font-size: 1em;
}
#content .catbox .post .entry ol {
list-style: decimal outside;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0 0 24px 0;
padding: 0 0 0 2em;
color: #333;
font-size: 1em;
}
#content .catbox .post .entry li {
width: auto;
height: auto;
line-height: 1.5em;
margin: 0 10px 0 0;
padding: 0;
font-size: 1em;
}
#content .catbox .post .entry ol ol {
list-style: upper-alpha;
}
#content .catbox .post .entry ol ol ol {
list-style: lower-roman;
}
#content .catbox .post .entry ol ol ol ol {
list-style: lower-alpha;
}
#content .catbox .post .entry ul ul,
#content .catbox .post .entry ol ol,
#content .catbox .post .entry ul ol,
#content .catbox .post .entry ol ul {
margin-bottom: 0;
}
#content .catbox .post .entry h1 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 2.4em;
}
#content .catbox .post .entry h2 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 1.8em;
}
#content .catbox .post .entry h3 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 1.4em;
}
#content .catbox .post .entry h4 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 1.2em;
}
#content .catbox .post .entry h5 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 1em;
}
#content .catbox .post .entry h6 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 0.9em;
}
#content .catbox .post .entry table {
width: 100%;
margin: 0 -1px 24px 0;
text-align: left;
border-collapse: collapse;
border-spacing: 0;
}
#content .catbox .post .entry tr th,
#content .catbox .post .entry thead th {
line-height: 18px;
padding: 9px;
color: #333;
font-weight: normal;
font-size: 12px;
white-space: nowrap;
}
#content .catbox .post .entry tr td {
padding: 6px 12px;
}
#content .catbox .post .entry dl {
margin: 0;
padding: 0;
color: #333;
}
#content .catbox .post .entry dt {
font-weight: bold;
}
#content .catbox .post .entry dd {
width: auto;
}
#content .catbox .post .entry big {
font-size: 131.25%;
}
#content .catbox .post .entry ins {
border: none;
background: #ffffcc;
color: #333;
}
#content .catbox .post .entry del {
color: #555;
text-decoration: line-through;
}
#content .catbox .post .entry blockquote cite,
#content .catbox .post .entry blockquote em,
#content .catbox .post .entry blockquote i {
font-style: normal;
}
#content .catbox .post .entry pre {
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
background: #f7f7f7;
color: #222;
}
#content .catbox .post .entry abbr,
#content .catbox .post .entry acronym {
border-bottom: 1px #666 dotted;
cursor: help;
}
#content .catbox .post .entry ins {
text-decoration: none;
}
#content .catbox .post .entry sup,
#content .catbox .post .entry sub {
position: relative;
height: 0;
line-height: 1;
vertical-align: baseline;
font-size: 10px;
}
#content .catbox .post .entry sup {
bottom: 1ex;
}
#content .catbox .post .entry sub {
top: .5ex;
}
#content .catbox .post .entry pre,
#content .catbox .post .entry hr {
margin-bottom: 24px;
}
#content .catbox .post .entry pre,
#content .catbox .post .entry kbd,
#content .catbox .post .entry tt,
#content .catbox .post .entry var {
line-height: 21px;
font-size: 15px;
}
#content .catbox .post .entry code {
font-size: 13px;
}
#content .catbox .post .entry strong,
#content .catbox .post .entry b,
#content .catbox .post .entry dt,
#content .catbox .post .entry th {
color: #333;
}
#content .catbox .post .entry p small {
line-height: 1.5em;
color: #003881;
font-weight: bold;
font-size: 1em;
}
/* = Regular Single page
————————————————————– */
#content div.entry-content p {
width: auto;
height: auto;
line-height: 1.5;
padding: 0;
color: #333;
font-size: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
}
#content div.entry-content strong {
margin: 0;
font-weight: bold;
font-size: 100%;
}
#content div.entry-content cite,
#content div.entry-content em,
#content div.entry-content i {
margin: 0;
font-style: italic;
font-weight: normal;
font-size: 100%;
}
#content div.entry-content blockquote {
padding: 0 3em;
color: #333;
font-style: italic;
font-size: 1em;
}
#content div.entry-content ul {
list-style: disc outside;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0 0 24px 0;
padding: 0 0 0 2em;
color: #333;
font-size: 1em;
}
#content div.entry-content ol {
list-style: decimal outside;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0 0 24px 0;
padding: 0 0 0 2em;
color: #333;
font-size: 1em;
}
#content div.entry-content li {
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0;
color: #333;
font-size: 1em;
}
#content div.entry-content ol ol {
list-style: upper-alpha;
}
#content div.entry-content ol ol ol {
list-style: lower-roman;
}
#content div.entry-content ol ol ol ol {
list-style: lower-alpha;
}
#content div.entry-content ul ul,
#content div.entry-content ol ol,
#content div.entry-content ul ol,
#content div.entry-content ol ul {
margin-bottom: 0;
}
#content div.catbox div.entry-content h1 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 2.4em;
}
#content div.catbox div.entry-content h2 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 1.8em;
}
#content div.catbox div.entry-content h3 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 1.4em;
}
#content div.catbox div.entry-content h4 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 1.2em;
}
#content div.catbox div.entry-content h5 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 1em;
}
#content div.catbox div.entry-content h6 {
list-style-image: none;
width: auto;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 0.5em 0;
border: none;
background-color: #fff;
background-image: none;
color: #333;
font-weight: bolder;
font-size: 0.9em;
}
#content div.entry-content table {
width: 100%;
margin: 0 -1px 24px 0;
border: 1px solid #e7e7e7;
text-align: left;
border-collapse: collapse;
border-spacing: 0;
}
#content div.entry-content tr th,
#content div.entry-content thead th {
line-height: 18px;
padding: 9px 24px;
color: #333;
font-weight: bold;
font-size: 12px;
}
#content .entry-content tr td {
padding: 6px 24px;
}
#content div.entry-content dl {
margin: 0 0 24px 0;
color: #333;
}
#content div.entry-content dt {
font-weight: bold;
}
#content div.entry-content dd {
margin-bottom: 18px;
}
#content div.entry-content big {
font-size: 131.25%;
}
#content div.entry-content ins {
border: none;
background: #ffffcc;
color: #333;
}
#content div.entry-content del {
color: #555;
text-decoration: line-through;
}
#content div.entry-content blockquote cite,
#content div.entry-content blockquote em,
#content div.entry-content blockquote i {
font-style: normal;
}
#content div.entry-content pre {
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
background: #f7f7f7;
color: #222;
}
#content div.entry-content abbr,
#content div.entry-content acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
#content div.entry-content ins {
text-decoration: none;
}
#content div.entry-content sup,
#content div.entry-content sub {
position: relative;
height: 0;
line-height: 1;
vertical-align: baseline;
font-size: 10px;
}
#content div.entry-content sup {
bottom: 1ex;
}
#content div.entry-content sub {
top: .5ex;
}
#content div.entry-content pre,
#content div.entry-content hr {
margin-bottom: 24px;
}
#content div.entry-content pre,
#content div.entry-content kbd,
#content div.entry-content tt,
#content div.entry-content var {
line-height: 21px;
font-size: 15px;
}
#content div.entry-content code {
font-size: 13px;
}
#content div.entry-content strong,
#content div.entry-content b,
#content div.entry-content dt,
#content div.entry-content th {
color: #333333;
}
/* = Welcart Inquiry page
————————————————————– */
.inqbox {
width: auto;
position: relative;
z-index: 9999;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}
.inqbox ul {
list-style: disc outside;
margin: 0;
padding: 0 0 0 22px;
}
.inqbox li {
line-height: 24px;
margin: 0;
padding: 0;
color: #333;
font-size: 12px;
}
.inqbox li strong {
color: #cc0000;
}
.inqbox form {
margin: 0;
padding: 0;
}
.inqbox .inquiry_table {
width: 62.5%;
border-collapse: collapse;
margin-right: auto;
margin-left: auto;
}
.inqbox th {
width: 25%;
line-height: normal;
vertical-align: top;
padding: 10px;
background-color: #eee;
color: #930;
font-weight: normal;
font-size: 12px;
text-align: left;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #fff;
border-bottom-color: #fff;
background-image: url(images/ranking_separate.gif);
background-repeat: repeat-y;
background-position: right top;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.inqbox td {
width: 75%;
line-height: normal;
padding: 10px;
color: #333;
font-size: 12px;
border-top-width: 2px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #fff;
border-bottom-color: #fff;
background-color: #eee;
}
.inquiry_table input {
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
}
.inquiry_table textarea {
width: 100%;
height: 150px;
}
.inqbox .send {
text-align: center;
width: 612px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 15px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
}
.inqbox .send input {
width: 65.5%;
}
.inqbox .inquiry_comp {
margin: 50px auto 0 auto;
padding: 15px 0;
color: #cc0000;
font-weight: bold;
font-size: 1.6em;
text-align: center;
}
.inqbox .compbox {
line-height: 1.5em;
padding: 10px;
border: 1px solid #2ac4fc;
background-color: #f0fffc;
color: #333;
font-size: 1.1em;
}
/* = footer
————————————————————– */
#footer {
margin: 0;
padding: 20px 0 0;
width: 100%;
background: url(images/footer_topline.jpg) repeat-x;
}
#footer .inner {
width: 980px;
margin-right: auto;
margin-left: auto;
}
#footer .leftside {
float: left;
width: 435px;
}
#footer .right_block {
float: right;
width: 545px;
}
#footer .fsiteurl {
width: 100%;
}
#footer .fsiteurl h2 {
line-height: 1.2;
margin: 0px;
font-weight: bolder;
font-size: 18px;
font-family: “MS P明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3”, “Hiragino Mincho Pro”, serif;
padding-top: 14px;
padding-right: 0px;
padding-bottom: 14px;
padding-left: 0px;
}
#footer .fsiteurl h2 a {
color: #333;
text-decoration: none;
}
#footer .fsiteurl h2 a:hover {
text-decoration: underline;
}
#footer .fsiteurl .logomark {
float: left;
width: 48px;
margin-right: 15px;
}
#footer .fsiteurl .logomark img {
height: auto;
width: 100%;
}
#footer .add_block {
font-size: 10px;
line-height: 1.5;
color: #777;
padding-top: 10px;
padding-bottom: 20px;
}
#footer .add_block strong {
font-size: 12px;
font-weight: bold;
color: #666;
}
#footer .under_bar {
background-image: url(images/footer_line.jpg);
background-repeat: repeat-x;
background-position: center bottom;
width: 100%;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #fff;
}
#footer .copyright {
float: left;
width: 834px;
font-size: 10px;
line-height: 30px;
font-weight: normal;
text-transform: capitalize;
color: #777;
display: block;
font-style: normal;
height: 30px;
}
#footer .pageup {
background-image: url(images/pageup_backdrop.png);
background-repeat: no-repeat;
float: right;
width: 146px;
height: 30px;
display: block;
}
#footer .pageup a {
font-size: 11px;
line-height: 30px;
font-weight: normal;
color: #fff;
text-decoration: none;
background-image: url(images/pageup_mark.png);
background-repeat: no-repeat;
background-position: 15px center;
display: block;
height: auto;
width: auto;
padding-left: 30px;
}
/* = footer menu
————————————————————– */
div.footernavi {
width: 545px;
padding-bottom: 20px;
float: right;
padding-top: 10px;
}
div.footernavi .wp_nav_container {
background-image: none;
margin: 0px;
padding: 0px;
height: auto;
width: auto;
}
div.footernavi ul {
list-style: none;
width: auto;
margin: 0;
padding: 0;
letter-spacing: -0.4em;
font-size: 10px;
}
div.footernavi ul li {
position: relative;
letter-spacing: normal;
white-space: nowrap;
display: inline-block;
width: auto;
background-image: url(images/footer_menu_mark.png);
background-repeat: no-repeat;
background-position: left center;
margin-left: 14px;
margin-bottom: 8px;
*display: inline;
*zoom: 1;
}
div.footernavi a {
color: #922c00;
display: block;
line-height: 1.8;
text-decoration: underline;
margin-left: 14px;
}
div.footernavi ul ul {
position: absolute;
top: 18px;
left: 0;
width: auto;
z-index: 99999;
display: none;
}
div.footernavi ul ul li {
position: relative;
display: block;
width: auto;
background-image: url(images/footer_menu_mark.png);
background-repeat: no-repeat;
background-position: left center;
margin: 0px;
}
div.footernavi ul ul li:last-child {
border-bottom-style: solid;
}
div.footernavi ul ul ul {
left: 100%;
top: 0;
}
div.footernavi ul ul a {
padding: 0px;
width: auto;
height: auto;
}
div.footernavi li:hover > a,
div.footernavi ul ul :hover > a {
color: #d8744e;
text-decoration: none;
}
div.footernavi ul li:hover > ul {
display: block;
}
div.footernavi ul li.current_page_item > a,
div.footernavi ul li.current_page_ancestor > a,
div.footernavi ul li.current-menu-ancestor > a,
div.footernavi ul li.current-menu-item > a,
div.footernavi ul li.current-menu-parent > a {
color: #333;
}
* html div.footernavi ul li.current_page_item a,
* html div.footernavi ul li.current_page_ancestor a,
* html div.footernavi ul li.current-menu-ancestor a,
* html div.footernavi ul li.current-menu-item a,
* html div.footernavi ul li.current-menu-parent a,
* html div.footernavi ul li a:hover {
color: #333;
}
/* = topic path
————————————————————– */
#breadcrumb {
width: 976px;
padding-bottom: 5px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
position: relative;
z-index: 9999;
}
#breadcrumb ul {
letter-spacing: -0.4em;
}
#breadcrumb ul li {
font-size: 11px;
line-height: 1.5;
color: #999;
letter-spacing: normal;
vertical-align: top;
display: inline-block;
width: auto;
margin-right: 8px;
*display: inline;
*zoom: 1;
}
#breadcrumb .arrow {
background-image: url(images/footer_menu_mark.png);
background-repeat: no-repeat;
background-position: center center;
width: 8px;
text-indent: -9999px;
}
/*********************************************************************/
.catbox .post,
.searchbox .post {
width: auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding: 0px;
}
.catbox .ent_archive .post,
.searchbox .ent_archive .post {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #e2e2e2;
padding-left: 20px;
letter-spacing: normal;
}
#content .catbox .post a.list,
#content .searchbox .post a.list {
border: 1px solid #ddd;
display: block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
height: auto;
width: auto;
text-decoration: none;
background-color: #f5f5f5;
}
#content .catbox .post a.list:hover,
#content .searchbox .post a.list:hover {
filter: alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
}
#content .catbox .post a.list .block,
#content .searchbox .post a.list .block {
width: 100%;
display: block;
background-image: url(images/footer_menu_mark.png);
background-repeat: no-repeat;
background-position: right center;
}
#content .catbox .post .thumb,
#content .searchbox .post .thumb {
float: left;
width: 80px;
margin-right: 15px;
display: block;
}
#content .catbox .post strong,
#content .searchbox .post strong {
font-size: 12px;
line-height: 1.5;
font-weight: bold;
display: block;
margin-bottom: 8px;
margin-right: 40px;
}
#content .catbox #memberpages .post {
width: auto;
height: auto;
padding: 14px;
border: 2px #F3F3F3 solid;
background-color: #FFF;
}
#content .catbox .page {
width: auto;
margin: 0 0 10px 0;
padding: 15px 20px 10px 20px;
border: 3px #ccc solid;
background: url(images/white.gif) repeat;
}
div.thumbnail_box,div.attachment {
width: auto;
margin: 0 0 10px 0;
padding: 15px 20px 10px 20px;
border: 3px solid #d9d9d9;
background: url(images/white.gif) repeat;
}
#content .catbox .post .loopimg {
float: left;
width: 102px;
margin: 0 20px 0 0;
padding: 0;
}
#content .catbox .post .loopimg a {
display: block;
width: 100px;
height: 100px;
border: 1px #FFF solid;
background: #FFF url(images/noimage.jpg) no-repeat center center;
}
#content .catbox .post .loopimg img {
width: 100px;
height: 100px;
}
#content .catbox .post .loopexp {
width: auto;
margin: 0;
padding: 0;
border: none;
}
#content .catbox .post .field {
width: auto;
height: auto;
line-height: 150%;
margin: 0;
padding: 0;
border: none;
color: #333;
}
/*********************************************************************/
/* Welcart Search page */
/*********************************************************************/
div#searchbox div.field {
width: auto;
line-height: 150%;
margin: 0;
padding: 0;
border: none;
color: #333;
}
div#searchbox .searchitems {
padding: 10px 0;
}
div#searchbox .itemtitle {
width: auto;
line-height: 1.8em;
margin: 0 0 5px 0;
padding: 0;
color: #333;
font-weight: bold;
font-size: 1.2em;
}
div#searchbox form div.field {
margin-left: 0;
}
#searchbox .searchitems .itemlist {
width: auto;
margin: 0 0 10px 0;
padding: 15px 20px 10px 20px;
border: 3px #333 solid;
background: url(images/white.gif) repeat;
}
div#searchbox .searchitems .itemlist .loopexp {
width: auto;
margin-left: 0;
padding-left: 122px;
}
div#searchbox .loopimg {
padding-bottom: 0;
}
#content .inqbox .send input {
}
#searchbox .searchitems .itemlist .loopimg a {
display: block;
width: 100px;
height: 100px;
background: url(images/noimage.jpg) no-repeat center center;
}
#content .inqbox form {
margin: 0;
padding: 0;
}
div.pagenavi {
width: auto;
padding: 15px 0;
}
#sidebar div.loginbox {
width: auto;
line-height: normal;
margin: 0 auto;
}
#sidebar div.loginbox a {
}
#sidebar div.loginbox a:hover {
background-position: 0 -24px;
}
#sidebar div.loginbox br {
display: none;
}
div#footer div.to_top {
float: right;
width: 175px;
height: 24px;
margin: 0;
padding: 0;
}
div#footer div.to_top a {
display: block;
width: 160px;
height: 24px;
line-height: 24px;
background: url(images/pageup_but.png) no-repeat;
text-indent: -9999px;
}
div#footer div.to_top a:hover {
background: url(images/pageup_but.png) 0 -24px;
color: #2ac4fc;
text-decoration: none;
}
*html div#footer div.to_top a,
*html div#footer div.to_top a:hover {
background-image: url(images/pageup_but.gif);
}
ul.ucart_widget_body p {
line-height: 150%;
padding: 0;
color: #4c4c4c;
}
div.textwidget {
line-height: 1.5;
color: #4c4c4c;
font-size: 11px;
}
#sidebar div.textwidget p {
padding-top: 5px;
}
li.widget_rss li .rss-date {
font-size: 80%;
}
/* = Comment
————————————————————– */
#entry_block #comments,
.pagebox #comments {
padding-bottom: 20px;
background-image: url(images/dotline.gif);
background-repeat: repeat-x;
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
width: auto;
}
#entry_block #comments-title,
.pagebox #comments-title {
font-size: 13px;
line-height: 1.5;
font-weight: normal;
color: #999;
padding-bottom: 15px;
}
#entry_block #comments-title em,
.pagebox #comments-title em {
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #930;
}
#entry_block ol.commentlist,
.pagebox ol.commentlist {
display: inline-block;
width: 62%;
vertical-align: top;
*display: inline;
*zoom: 1;
margin-right: 3%;
}
#entry_block #respond,
.pagebox #respond {
width: 32%;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: text-top;
border: 1px solid #ddd;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
padding-top: 1em;
padding-right: 1%;
padding-bottom: 1em;
padding-left: 1%;
margin-top: 0px;
}
#entry_block li #respond,
.pagebox li #respond {
width: auto;
margin-right: -1px;
margin-left: -1px;
margin-top: 10px;
background-color: #fff;
padding: 1em;
}
#respond label {
line-height: 1.5;
font-size: 12px;
display: block;
padding-bottom: 4px;
}
#entry_block ol.commentlist li,
.pagebox ol.commentlist li {
margin-bottom: 5px;
padding: 1em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
#entry_block ol.commentlist li.even,
.pagebox ol.commentlist li.even {
background-color: #f9f9f9;
}
#entry_block ol.commentlist li.odd,
.pagebox ol.commentlist li.odd {
background-color: #f1f1f1;
}
#entry_block .comment-author,
.pagebox .comment-author {
padding-bottom: 10px;
}
#entry_block .fn,
.pagebox .fn {
font-size: 13px;
margin-left: 4px;
}
#entry_block .says,
.pagebox .says {
font-size: 11px;
}
#entry_block .comment-meta,
.pagebox .comment-meta {
text-align: right;
margin-top: -28px;
font-size: 11px;
padding-bottom: 10px;
}
#entry_block .comment-body,
.pagebox .comment-body {
font-size: 11px;
color: #666;
}
#entry_block .reply,
.pagebox .reply {
padding-top: 10px;
width: 20%;
}
#entry_block .reply a,
.pagebox .reply a {
font-size: 12px;
line-height: 1.5;
color: #666;
text-decoration: none;
background-color: #e0e0e0;
text-align: center;
display: block;
height: auto;
width: auto;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
#entry_block .reply a:hover,
.pagebox .reply a:hover {
color: #999;
text-decoration: none;
background-color: #f7f7f7;
border: 1px solid #e0e0e0;
}
#entry_block .children,
.pagebox .children {
padding-top: 10px;
}
#respond #submit {
width: 100%;
}
#respond .form-allowed-tags {
font-size: 10px;
line-height: 1.4;
color: #999;
width: auto;
padding-top: 10px;
padding-bottom: 10px;
}
#respond .form-allowed-tags code {
display: block;
}
#respond .comment-notes,
#respond .logged-in-as {
font-size: 12px;
line-height: 1.5;
color: #666;
padding-bottom: 5px;
}
#respond .required {
font-size: 150%;
font-weight: bold;
color: #900;
vertical-align: middle;
}
#respond .comment-form-author {
}
#respond .comment-form-email {
}
#respond .comment-form-url {
}
#respond .comment-form-comment {
}
#respond #author,
#respond #email,
#respond #url,
#respond #comment {
width: 50%;
background-image: url(images/input_txt_back.jpg);
background-repeat: repeat-x;
border: 1px solid #ddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
font-weight: normal;
line-height: 1.5;
padding-top: 4px;
padding-right: 0.5%;
padding-bottom: 4px;
padding-left: 0.5%;
}
#respond #comment {
height: 5em;
width: 100%;
}
#respond #author,
#respond #email,
#respond #url {
width: 100%;
}
.entry-summary:after {
content: “.”; /* 新しい要素を作る */
display: block; /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.entry-summary {
min-height: 1px;
}
* html .entry-summary {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
.entry-content input#searchsubmit {
}
/* = menu_cart_row
————————————————————– */
#menu_cart_row .menu_cart_table td {
padding: 10px 5px;
}
#menu_cart_row .menu_cart_table td.item {
}
#menu_cart_row .menu_cart_table td.quant {
text-align: center;
}
#menu_cart_row .menu_cart_table td.price {
text-align: right;
}
#menu_cart_row .menu_cart_table td.trush {
text-align: center;
}
#menu_cart_row .menu_cart_table td.footer {
border: none;
text-align: right;
}
#menu_cart_row .menu_cart_table td.footer em {
font-style: normal;
font-size: 1.4em;
font-weight: bold
}
#menuToCart {
padding-right: 10px;
}
#menuToCart a,
#menuToCheckout a {
display: inline-block;
line-height: 24px;
width: 150px;
height: 24px;
background: url(images/goto_register.png) no-repeat;
text-align: center;
}
#menu_cart_row .empty_cart {
padding-top: 10px;
text-align: center;
}
/* = upper_menu_navi
————————————————————– */
.upper_menu_navi .hsubnavi {
padding-top: 8px;
}
.upper_menu_navi .head_search {
line-height: 30px;
}
/* = home
————————————————————– */
.slider {
padding-top: 0;
}
/* = contact
————————————————————– */
.inqbox .send input {
width: 30% !important;
height: 30px;
}
/* = footer
————————————————————– */
#footer .under_bar {
border: none;
}
/* = wc_item_single
————————————————————– */
.skuform .skuquantity {
margin: 0;
padding: 0;
}
.item_links {
background: url(images/dotline.gif) repeat-x left bottom;
margin-bottom: 15px;
margin-left: 1%;
padding-bottom: 8px;
width: auto;
}
.item_links li {
font-size: 12px;
line-height: 16px;
margin-bottom: 8px;
padding-left: 24px;
}
.item_links .viewcart {
background: url(images/icon_viewcart.gif) no-repeat left center;
}
.item_links .cat {
background: url(images/icon_cat.gif) no-repeat;
}
.item_links .wish {
background: url(images/icon_wish.gif) no-repeat left center;
}
.item_links .contact {
background: url(images/icon_contact.gif) no-repeat left center;
}
#tab2 .wc_reviewlist {
max-height: 500px;
overflow: auto;
}
#tab2 .wc_reviewlist li {
margin-bottom: 10px;
padding: 10px;
background: #FFE3AE;
}
#tab2 .wc_reviewlist .review-author,
#tab2 .wc_reviewlist .review-meta {
width: 50%;
}
#tab2 .wc_reviewlist .review-author {
float: left;
padding-bottom: 10px;
}
#tab2 .wc_reviewlist .review-author img {
vertical-align: middle;
}
#tab2 .wc_reviewlist .review-meta {
float: right;
line-height: 40px;
text-align: right;
}
#tab2 .wc_reviewlist .review-body {
clear: both;
padding: 9px;
background: #FFFBF5;
border: #F5BA65 1px solid;
}
#tab2 .wc_reviewlist .review-reply {
padding-top: 10px;
text-align: right;
}
#tab2 .wc_reviewlist .review-reply a {
display: inline-block;
line-height: 1.5em;
width: 100px;
background: #FFF url(images/input_txt_back.jpg) repeat-x;
text-align: center;
text-decoration: none;
border: #CCC 1px solid;
}
#wc_reviews #respond label {
width: 25% !important;
}
#wc_reviews #respond input[type=”text”] {
width: 75% !important;
}
#wc_reviews #respond textarea {
width: 100% !important;
}
#wc_reviews #respond .form-submit {
margin: 0 !important;
}
#wc_reviews #respond input[type=”submit”] {
line-height: 2em;
width: 100% !important;
}
#wc_reviews #respond input,
#wc_reviews #respond textarea {
margin-bottom: 10px;
}
/* = wc_cart
————————————————————– */
input#previouscart,
#inside-cart input.to_customerinfo_button,
#customer-info div.send input,
#delivery-info div.send input.back_to_customer_button,
#delivery-info div.send input.to_confirm_button,
#info-confirm div.send input.back_to_delivery_button,
#info-confirm div.send input.checkout_button,
div#cart_completion div.send input {
width: 30% !important;
height: 30px;
}
#confirm_table,
#confirm_table th,
#confirm_table td {
border: 1px solid #d9d9d9;
border-collapse: collapse;
}
#confirm_table th,
#confirm_table td {
line-height: 1.5;
color: #333;
font-size: 12px;
}
#confirm_table {
margin-top: 20px;
width: 100%;
}
#confirm_table th {
padding: 5px 10px;
width: 19%;
background: #f3f3f3;
font-weight: normal;
text-align: left;
}
#confirm_table td {
padding: 5px 10px;
background: #fff;
}
/* = wc_member
————————————————————– */
#newmember div.send input,
#memberinfo .send input {
width: 30% !important;
height: 30px;
}
#memberpages #memberinfo li a {
line-height: 30px !important;
height: 30px !important;
}