﻿@charset "utf-8";

/* CSS Information ==============================
File name: base.css
Editors: naoko inoue,shinji kobayashi
Last Editor: shinji kobayashi
Date: 2010.4.5
TOC:
+base element+
+header+
		+global-nav+
		+global-nav(css sprite)+
		+utility-nav+
		+utility-nav(css sprite)+
		+site-search+
+container+
+primary-contents+
		+product detail+
				+intro-area+
				+cart-area+
				+shipping-area+
+secondary-contents+
+footer+
		+support-area+
		+owner-area+
+signature+
+window+
+module+
		+block-module+
		+inline-block-module+
		+inline-module+
		+table-module+
		+list-module+
		+link-module+
		+form-module+
+google+
+clearfix+
+a11y+
============================================== */

/*====================
 +base element+
====================*/
body {
	background: #00B7D5;
	color: #121212;
	font-family:
			Meiryo, "メイリオ",
			"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
			Osaka,
			"MS P Gothic", "ＭＳ Ｐゴシック",
			sans-serif;
	font-size: 14px;
	line-height: 1.5;
	}
em {
	color: #f60;
	}
strong {
	color: #c00;
	}
a {
	color: #03b;
	text-decoration: underline;
	}
a:visited {
	color: #b07;
	text-decoration: underline;
	}
a:hover,
a:active,
a:focus {
	color: #b30;
	text-decoration: none;
	}

/*====================
 +header+
====================*/
#header {
	position: relative;
	width: 900px;
	margin: 12px auto 20px;
	font-size: 85.7%;
	}
#header img {
	display: block;
	}
#header h1 {
	width: 272px;
	margin: 0 0 10px 0;
	}
#header p.catch {
	position: absolute;
	width: 282px;
	top: 12px;
	left: 278px;
	}

/* +global-nav+ */
#global-nav li {
	position: relative;
	float: left;
	height: 35px;
	overflow: hidden;
	margin: 0 9px 0 0;
	}
#global-nav li a {
	background: #00b7d5;
	color: #fff;
	}
#global-nav li a:hover,
#global-nav li a:focus,
#global-nav li a:active {
	background: #fc0;
	}
#global-nav li img {
	position: absolute;
	top: 0;
	}
#global-nav li a:hover img,
#global-nav li a:focus img,
#global-nav li a:active img {
	top: -35px;
	}
/* +global-nav(css sprite)+ */
#global-nav li.home {width: 40px;}
#global-nav li.home img {left: 0;}
#global-nav li.set {width: 190px;}
#global-nav li.set img {left: -660px;}
#global-nav li.shun-seafood {width: 150px;}
#global-nav li.shun-seafood img {left: -40px;}
#global-nav li.teiban-seafood {width: 150px;}
#global-nav li.teiban-seafood img {left: -190px;}
#global-nav li.kakouhin {width: 176px;}
#global-nav li.kakouhin img {left: -340px;}
#global-nav li.about {width: 144px;}
#global-nav li.about img {left: -516px;}

/* +utility-nav+ */
.utility-nav {
	position: absolute;
	top: 12px;
	left: 600px;
	width: 300px;
	}
.utility-nav ul {
	width: 300px;
	text-align: right;
	}
.utility-nav li {
	display: inline;
	position: relative;
	float: left;
	height: 23px;
	overflow: hidden;
	margin: 0 0 6px 5px;
	}
.utility-nav li a {
	background: #00b7d5;
	color: #fff;
	}
.utility-nav li a:hover,
.utility-nav li a:focus,
.utility-nav li a:active {
	background: #fc0;
	}
.utility-nav li.about {
	margin-left: 21px;
	}
.utility-nav li.member {
	clear: left;
	}
.utility-nav li img {
	position: absolute;
	top: 0;
	}
.utility-nav li a:hover img,
.utility-nav li a:focus img,
.utility-nav li a:active img {
	top: -23px;
	}

/* +utility-nav(css sprite)+ */
.utility-nav li.about {width: 127px;}
.utility-nav li.about img {left: 0;}
.utility-nav li.guide {width: 89px;}
.utility-nav li.guide img {left: -127px;}
.utility-nav li.member {width: 69px;}
.utility-nav li.member img {left: -216px;}
.utility-nav li.login {width: 69px;}
.utility-nav li.login img {left: -285px;}
.utility-nav li.cart {width: 53px;}
.utility-nav li.cart img {left: -354px;}
.utility-nav li.contact {width: 89px;}
.utility-nav li.contact img {left: -407px;}
.utility-nav li.logout {width: 69px;}
.utility-nav li.logout img {left: -496px;}
.utility-nav li.mypage {width: 69px;}
.utility-nav li.mypage img {left: -565px;}
.utility-nav li.deliv-payment {width: 147px;}
.utility-nav li.deliv-payment img {left: -634px;}

/* +site-search+ */
#site-search {
	float: right;
	width: 177px;
	margin: 4px 0 0 0;
	}
#site-search #formlabel-search {
	display: block;
	width: 115px;
	height: 15px;
	padding: 6px;
	border: none;
	background: #ffffff url(../img/header/bg_search-area.gif) left top no-repeat;
	}
#site-search fieldset {
	float: left;
	}
#site-search p {
	float: right;
	width: 40px;
	}

/*====================
 +container+
====================*/
#container {
	width: 900px;
	margin: 0 auto;
	}
#container .pagetop {
	position: relative;
	top: 15px;
	clear: both;
	text-align: right;
	}
#container .pagetop img {
	display: inline-block;
	}

/* +topic-path+ */
#topic-path {
	padding: 10px 20px 10px 28px;
	border-bottom: 3px solid #00CEEF;
	background: url(../img/icon/ico_point01.gif) 10px center no-repeat;
	}
#topic-path li {
	display: inline;
	}
#topic-path li a {
	padding: 0 25px 0 0;
	background: url(../img/icon/ico_arrow01.gif) right center no-repeat;
	}

/*====================
 +primary-contents+
====================*/
#primary-contents {
	float: left;
	width: 700px;
	background: #fff;
	color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

/*
 +product detail+
====================*/
/* +intro-area+ */
.intro-area {
	padding-bottom: 50px;
	background: url(../img/container/primary/bg_intro-area.gif) left bottom no-repeat;
	}
.intro-area .first-child {
	padding-top: 50px;
	background: url(../img/container/primary/bg_intro-area.gif) left top no-repeat;
	}
.intro-area p {
	margin: 0 0 10px 0;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	}

/* +cart-area+ */
.cart-area p.cart {
	margin: 10px 0;
	}
.cart-area .price {
	padding: 10px 0;
	vertical-align: bottom;
	}
.cart-area .price dt,
.cart-area .price dd {
	display: inline;
	line-height: 1;
	}
.cart-area .price dt {
	padding: 4px 7px 3px;
	background: #f30;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.cart-area .price dd {
	padding: 0 0 0 15px;
	color: #f30;
	font-weight: bold;
	font-size: 171.4%;
	}
.cart-area .price .tax {
	color: #333;
	font-weight: normal;
	font-size: 50%;
	}
.cart-area .fee {
	margin: 15px 0 0;
	}
.cart-area .fee .price {
	padding: 0;
	color: #f30;
	font-size: 114.3%;
	}
.cart-area .order {
	padding: 10px 0 0;
	background: url(../img/container/primary/bg_order.gif) center top no-repeat;
	font-weight: bold;
	}
.cart-area .order dt {
	float: left;
	width: 5em;
	padding-left: 1em;
	}
.cart-area .order dd {
	padding: 0 0 20px 6em;
	background: url(../img/container/primary/bg_order.gif) center bottom no-repeat;
	}
.cart-area .order input {
	width: 2em;
	margin: 0 5px 0 0;
	padding: 2px;
	border: 2px solid #999;
	}

/* +shipping-area+ */
.shipping-area dt {
	font-size: 114.3%;
	}
.shipping-area dt,
.shipping-area span.date {
	display: block;
	color: #00B7D5;
	font-weight: bold;
	}
.shipping-area dt,
.shipping-area li {
	padding: 5px 10px;
	border-bottom: 2px dotted #999;
	}

/*====================
 +secondary-contents+
====================*/
#secondary-contents {
	float: right;
	width: 178px;
	font-size: 85.7%;
	}
#secondary-contents .section {
	margin: 0 0 30px;
	color: #fff;
	}
#secondary-contents h2 {
	text-align: center;
	}
#secondary-contents .calendar-table {
	margin-top: 10px;
	}

#local-nav ul {
	border: 3px solid #fff;
	border-top: none;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
#local-nav li {
	border-top: 3px solid #fff;
	}
#local-nav li a {
	display: block;
	padding: 7px 10px;
	color: #fff;
	text-decoration: none;
	}
#local-nav li a:hover,
#local-nav li a:focus,
#local-nav li a:active {
	color: #ff6;
	}
#local-nav li a:hover img,
#local-nav li a:focus img,
#local-nav li a:active img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	}
#local-nav li span {
	display: block;
	}
#local-nav li span.photo {
	margin: 0 0 3px;
	text-align: center;
	}
#side-supporters-area h2,
#welcom h2 {
	padding: 0 0 8px;
	border-bottom: 3px solid #fff;
	}
#side-supporters-area p,
#welcom p {
	margin: 6px 0;
	}
.supporter {
	position: relative;
	margin: 10px 0 0;
	padding-bottom: 4px;	
	border-bottom: 3px solid #fff;
	}
.supporter .construction {
	position: absolute;
	top: -3px;
	left: 1px;
	}
.supporter .credit-photo {
	position: relative;
	}
.supporter .credit-photo .credit {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 4px 6px;
	background: #666;
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-align: right;
	}
#side-pitipiti-musume {
	padding-bottom: 0;
	}
#side-pitipiti-musume p {
	margin: 0;
	}

#twitter-wrapper li {
	min-height: 48px;
	}
#secondary-contents #twitter-wrapper {
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	font-size: 85.8%;
	word-wrap: break-word;
	}
#secondary-contents #twitter-wrapper h2 {
	color: #3676bb;
	font-size: 116.7%;
	}
#secondary-contents #twitter-wrapper li {
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-top: 2px dotted #999;
	}
#secondary-contents #twitter-area .tweet_avatar {
	display: block;
	float: left;
	}
#secondary-contents #twitter-area .tweet_join {
	display: none;
	}
#secondary-contents #twitter-area .tweet_time,
#secondary-contents #twitter-area .tweet_text {
	display: block;
	margin: 0 0 0 56px;
	}
#secondary-contents #twitter-wrapper p {
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-top: 2px dotted #999;
	text-align: right;
	}

/*====================
 +footer+
====================*/
#footer {
	background: #0087B3;
	font-size: 85.7%;
	}

/* +support-area+ */
#support-area {
	background: #009DC3;
	color: #fff;
	}
#support-area-inner {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
	}
#support-area .column {
	display: inline;
	float: left;
	width: 200px;
	margin: 0 0 0 20px;
	}
#support-area .column .section {
	margin: 0 0 35px 0;
	}
#support-area h3 {
	margin: 0 0 10px 0;
	padding: 0 0 0 38px;
	background: url(../img/icon/ico_fish02.gif) left center no-repeat;
	color: #000;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2;
	text-shadow: 1px 1px 0 #ccc;
	}
#support-area .btn {
	padding: 0 0 0 3px;
	}
#support-area dd {
	margin: 0 0 15px 18px;
	}
#support-area dt a,
#support-area li a {
	display: block;
	padding: 0 0 0 18px;
	background: url(../img/icon/ico_circle01.gif) 0 4px no-repeat;
	zoom: 1;
	}
#support-area dt a:hover,
#support-area dt a:focus,
#support-area dt a:active,
#support-area li a:hover,
#support-area li a:focus,
#support-area li a:active {
	color: #ff6;
	text-decoration: none;
	}
#support-area #pitipitiba-shopping li a{
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
	}
#support-area .qrcoad {
	margin: 10px 0 0;
	text-align: center;
	}
#support-area .qrcoad img {
	padding: 10px;
	background: #fff;
	}
#support-area a {
	color: #fff;
	text-decoration: underline;
		}
#support-area a:visited {
	color: #fff;
		}
#support-area a:focus,
#support-area a:hover,
#support-area  a:active {
	color: #fff;
		}
#support-area dt {
	font-weight: bold;
	font-size: 116.7%;
		}
#support-area #calender {
	padding-bottom: 30px;
	}
#block-calendar table {
	width: 90%;
	margin: 0 auto 15px;
	border-collapse: collapse;
	}
#block-calendar table th,
#block-calendar table td {
	border: 1px solid #fff;
	text-align: center;
	}
#block-calendar table caption {
	font-weight: bold;
	text-align: center;
	}

/* +owner-area+ */
#owner-area {
	position: relative;
	clear: left;
	width: 860px;
	margin: 0 auto;
	padding: 7px 20px;
	color: #fff;
	}
#owner-area a {
	color: #fff;
	text-decoration: underline;
	}
#owner-area a:focus,
#owner-area a:hover,
#owner-area  a:active {
	color: #ff6;
	text-decoration: none;
	}
#owner-area #copyright {
	font-weight: bold;
	}
#owner-area #copyright a {
	text-decoration: none;
	}
#owner-area p {
	display: inline;
	}
#owner-area ul li {
	display: inline;
	line-height: 26px;
	padding: 0 5px;
	}
#owner-area div.floating-image {
	position: absolute;
	right: -45px;
	bottom: 0;
	height: 140px;
	overflow: hidden;
	}

/*====================
 +signature+
====================*/
.section-lv1 .cat1,
.section-lv1 .cat6,
.section-lv1 .cat8 {
	position: relative;
	height: 230px;
	margin: -25px -20px 20px;
	}
.section-lv1 .cat1 {
	background: url(/img/category/cat1.jpg) center center no-repeat;
	}
.section-lv1 .cat6 {
	background: url(/img/category/cat6.jpg) center center no-repeat;
	}
.section-lv1 .cat8 {
	background: url(/img/category/cat8.jpg) center center no-repeat;
	}
.section-lv1 .cat1 h1,
.section-lv1 .cat6 h1,
.section-lv1 .cat8 h1 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 660px;
	margin: 0;
	padding: 15px 20px;
	background: #333;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-family:
		"Hiragino Mincho Pro W3", "ヒラギノ明朝 Pro W3",
		"MS P Mincho", "ＭＳ Ｐ明朝";
	text-align: right;
	}
/*default h1 styles==================================================
	margin: 0 0 20px;
	padding: 0 0 0 40px;
	background: url(../img/icon/ico_fish01.gif) left center no-repeat;
	font-size: 171.4%;
==================================================default h1 styles*/

/*====================
 +window+
====================*/
#window {
	width: 660px;
	margin: 15px auto;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	}
#window .section-lv1 {
	margin-top: 0;
	}

/*====================
 +module+
====================*/

/* +block-module+ */
#hamaguri2011 {
	width: 900px;
	margin: 10px auto;
}
#hamaguri2011 .copy {
	padding: 0 19px;
	font-size: 200%;
}
#hamaguri2011 .copy strong {
	color: #b30;
	font-weight: bold;
}
.products-contents .column {
	margin: 10px 0 0;
	padding: 17px 0;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.products-contents h2 {
	padding: 0 0 10px 60px;
	margin: 0 0 0 19px;
	background: url(../img/icon/ico_fish01b.gif) left center no-repeat;
	font-size: 166.7%;
	}
.products-contents ul {
	overflow: hidden;
	zoom: 1;
	}
.products-contents li {
	float: left;
	width: 260px;
	margin: 8px 0 0 0;
	padding: 0 19px;
	border-right: 2px dotted #ccc;
	cursor: pointer;
	}
.products-contents li.last-child {
	padding-right: 0;
	border-right: none;
	}
.products-contents li dl {
	margin: 10px 0 0 0;
	}
.products-contents p.detail-link {
	padding: 20px 0 0 0;
	}

#message-area {
	margin: 20px 0;
	border: .5em solid #b30;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1em;
	background: #f8e7e1;
	}
#message-area h2 {
	font-size: 120%;
	}
#message-area p {
	margin: 10px 0 0;
	}
.section-lv1 {
	width: 660px;
	margin: 25px auto;
	}
.section-lv1 .dense {
	margin: 0;
	}
.section-lv1 h1 {
	margin: 0 0 20px;
	padding: 0 0 0 40px;
	background: url(../img/icon/ico_fish01.gif) left center no-repeat;
	font-size: 171.4%;
	}
.section-lv1 p {
	margin: 10px 0 0;
	}
.section-lv1 .main-visual {
	margin: 0 0 10px;
	}
.section-lv2 {
	margin: 0 0 20px;
	}
.section-lv2 h2 {
	margin: 10px 0 20px;
	padding: 26px 0 3px 90px;
	background: url(../img/container/primary/bg_heading-lv2.gif) left bottom no-repeat;
	font-size: 142.9%;
	}
.section-lv3 {
	clear: both;
	margin: 0 0 0 1em;
	padding: 30px 0 0;
	}
.section-lv3 h3 {
	margin: 0 0 10px;
	border-bottom: 2px dotted #999;
	color: #3676bb;
	font-size: 108.3%;
	}
.section-lv4 {
	margin: 10px 0 0;
	}
.multicolumn2-21 .column1 {
	float: left;
	width: 370px;
	}
.multicolumn2-21 .column2 {
	float: right;
	width: 257px;
	}
.multicolumn2-21 .column2 .simple-table {
	margin: 2.5em 0 0 0;
	}
.multicolumn3-111 .column1 {
	float: left;
	width: 205px;
	margin: 0 22px 0 0;
	}
.multicolumn3-111 .column2 {
	float: right;
	width: 205px;
	}
.multicolumn3-123 .column1 {
	float: left;
	width: 120px;
	margin: 0 20px 0 0;
	}
.multicolumn3-123 .column2 {
	float: left;
	width: 250px;
	}
.multicolumn3-123 .column3 {
	float: right;
	width: 257px;
	}
.multicolumn2 .column {
	float: left;
	width: 324px;
}
.multicolumn2 .lastChild {
	float: right;
}
.items {
	margin: 0 0 0 -10px;
	}
.item {
	float: left;
	width: 200px;
	margin: 0 0 20px 20px;
	}
.item .cart-area .price {
	padding: 0;
	}
.item .cart-area .price {
	margin: 6px 0;
	}
.item .cart-area .price dt {
	font-size: 85.7%;
	}
.item .cart-area .price dd {
	padding: 0 0 0 5px;
	font-size: 100%;
	}
.item .cart-area .price .tax {
	font-size: 85.7%;
	}
.item .cart-area .order {
	padding: 10px 0 0;
	background: url(../img/container/primary/bg_order_small.gif) center top no-repeat;
	font-weight: bold;
	}
.item .cart-area .order dd {
	background: url(../img/container/primary/bg_order_small.gif) center bottom no-repeat;
	}
.recipes {
	margin: 10px 0 0;
	}
.recipe {
	float: left;
	width: 114px;
	margin: 0 10px 0 0;
	}
.recipe img {
	padding: 6px;
	border: 1px dotted #c0c0c0;
	}
.recipe h4,
.recipe p {
	margin: 0 4px;
	}
.recipe h3,
.recipe h4 {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 100%;
	}
.recipe p {
	font-size: 85.8%;
	}
.contact-area,
.show-area {
	margin: 20px 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 16px 12px;
	}
.contact-area {
	background: #009DC3;
	}
.show-area {
	background: #e7e7e7;
	}
.contact-area h2,
.contact-area h3,
.contact-area h4,
.show-area h2,
.show-area h3,
.show-area h4 {
	position: relative;
	top: -0.65em;
	left: 0;
	text-shadow:
		1px 1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		-1px -1px 0 #fff;
	font-size: 114.3%;
	}
.contact-area .simple-list,
.contact-area .note {
	color: #fff;
	}
.contact-area .simple-list {
	margin: 0;
	}
.contact-area a {
	color: #fff;
	}
.contact-area a:hover,
.contact-area a:focus,
.contact-area a:active {
	color: #ffa;
	}
#comments-area,
#trackbacks-area {
	margin: 15px 0 0;
	}
#comments-area {
	padding: 15px 0 0;
	border-top: 2px dotted #999;
	}
#comments-area .item {
	float: none;
	width: auto;
	margin: 0;
	}
.comment,
.trackback {
	margin: 10px 0 0;
	padding: 10px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e7e7e7;
	}
.comment p,
.trackback p {
	margin: 0;
	}
.comment-header,
.trackback-header {
	margin: 0 0 10px;
	font-weight: bold;
	}
.comment-header .date,
.trackback-header .date {
	margin: 0 15px 0 0;
	}
.comment1 {
	float: left;
	width: 457px;
	}
.comment2 {
	float: right;
	width: 150px;
	padding: 0 0 0 10px;
	border-left: 3px solid #999;
	font-weight: bold;
	}
.comment2 h4 {
	padding: 6px 0 6px 33px;
	background: url(../img/icon/ico_star1.gif) left center no-repeat;
	}
p.whatistrackback {
	margin: 0;
	}
#trackbacks-area dl {
	margin: 10px 0 0;
	padding: 2px;
	background: #666;
	}
#trackbacks-area dt {
	float: left;
	width: 16em;
	padding: 2px 0.5em;
	color: #fff;
	font-weight: bold;
	}
#trackbacks-area dd {
	padding: 0 0 0 17em;
	}
.figure,
.figure2 {
	width: 644px;
	margin: 10px auto 0;
	}
.figure2 {
	border: 1px solid #515151;
	background: #515151;
	}
.figure2 .figure {
	width: 321px;
	margin: 0;
	}
.figureR {
	float: right;
	width: 304px;
	margin: 0 0 0.5em 1em;
	}
.figure img {
	border: 2px solid #515151;
	}
.figure .caption {
	padding: 10px;
	background: #515151;
	color: #fff;
	}
.figure2 .figure {
	float: left;
	}
.figure2 .figure img {
	border: 1px solid #515151;
	}
.flow1 {
	border-bottom: 2px solid #489dff;
	text-align: center;
	}

/* +inline-block-module+ */
.visual1 img {
	float: right;
	}
.visual1 .text-area {
	float: left;
	width: 350px;
	}

/* +inline-module+ */
p.attention {
	margin: 10px 0;
	}
.attention,
.must,
.note {
	color: #b30;
	}
.note {
	padding-left: 1em;
	font-size: 85.7%;
	text-indent: -1em;
	}
.price {
	font-weight: bold;
	}
#support-area .attention {
	color: #333;
	font-weight: bold;
	}
.lt { text-align: left; }
.ct { text-align: center; }
.rt { text-align: right; }
.larger { font-size: 120%; }

/* +table-module+ */
.table-width100 {
	width: 100%;
	}
.wrap-cont1 th {
	width: 30%;
	}
.small {
	font-size: 85.7%;
	}
.simple-table1 {
	border-top: 2px dotted #999;
	}
.simple-table1 th {
	background: #E7E7E7;
	font-weight: bold;
	}
.simple-table1 th,
.simple-table1 td {
	padding: 6px 8px;
	border-bottom: 2px dotted #999;
	}
.simple-table2 caption {
	display: table-caption;
	margin: 10px 0 0;
	padding: 5px 10px;
	border-left: 2px solid #999;
	font-weight: bold;
	}
.simple-table2 th,
.simple-table2 td {
	padding: 6px 8px;
	border: 2px solid #999;
	}
.simple-table2 th {
	background: #E7E7E7;
	font-weight: bold;
	}
.simple-table3 th,
.simple-table3 td {
	padding: 2px 0;
	border: 1px solid #bbb;
	text-align: center;
	}
table .no,
table .price {
	text-align: right;
	}
table .btn {
	text-align: center;
	}
table .result {
	text-align: right;
	}
table .btncell1 {
	width: 6em;
	}
table .btncell2 {
	width: 7em;
	}
table .off {
	background: #fff1ed;
	color: #f30;
	font-weight: bold;
	}
table .on {
	background: #edf1ff;
	color: #03f;
	font-weight: bold;
	}

/* +list-module+ */
.item-header-list {
	padding: 5px 10px;
	border-top: 2px dotted #999;
	border-bottom: 2px dotted #999;
	}
.item-header-list dt,
.item-header-list dd {
	display: inline;
	}
.item-header-list dt {
	color: #00b7d5;
	font-weight: bold;
	}
.item-header-list dd {
	margin: 0 10px 0 0;
	}
.simple-list {
	margin-top: 10px;
	margin-bottom: 10px;
	}
dl.simple-list dt {
	font-weight: bold;
	}
dl.simple-list dd {
	margin: 4px 0 4px 1em;
	}
ul.simple-list {
	list-style: disc outside;
	margin-left: 1.5em;
	}
.socialButton {
	margin: 10px 0;
	overflow: hidden;
	*zoom: 1;
}
.socialButton li {
	float: left;
}

/* +link-module+ */
.toc-nav {
	margin: 20px 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 16px 12px;
	background: #e7e7e7;
	}
.toc-nav h2,
.toc-nav h3,
.toc-nav h4,
.toc-nav dt {
	position: relative;
	top: -0.65em;
	left: 0;
	text-shadow:
		1px 1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		-1px -1px 0 #fff;
	font-size: 114.3%;
	}
.toc-nav li {
	margin: 4px 0;
	padding: 0 0 0 13px;
	background: url(../img/icon/ico_arrowB1.gif) left center no-repeat;
	}
.return {
	text-align: right;
	}
.return a {
	padding: 0 0 0 12px;
	background: url(../img/icon/ico_arrowB2.gif) left center no-repeat;
	}
.bl-hover {
	opacity: 0.8;
	filter: alpha(alpha=opacity=80);
	}
.paging-nav {
	margin: 20px 0 0 0;
	text-align: center;
	}
.paging-nav li {
	display: inline;
	}
.paging-nav li .current {
	font-weight: bold;
	}

/* +form-module+ */
.main-btn1 {
	margin: 20px 0 0;
	text-align: center;
	}
.btn1,
.btn2 {
	border: 0 none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}
.btn1 {
	display: inline-block;
	margin: 0 5px;
	padding: 5px 10px;
	}
.btn2 {
	display: block;
	}
.btn1:visited,
.btn2:visited {
	color: #fff;
	text-decoration: none;
	}
.btn1:hover,
.btn1:focus,
.btn1:active,
.btn2:hover,
.btn2:focus,
.btn2:active {
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
	}
.next-btn1 {
	padding-right: 24px;
	background: #f30 url(../img/icon/ico_arrowR1.gif) right center no-repeat;
	background:
		url(../img/icon/ico_arrowR1.gif) right center no-repeat,
		-webkit-gradient(
			linear, left top, left bottom,
			from(#f46335),
			to(#f30));
	background:
		url(../img/icon/ico_arrowR1.gif) right center no-repeat,
		-moz-linear-gradient(top, #f46335, #f30);
	}
.next-btn2 {
	background: #00acdf;
	background:
		-webkit-gradient(
			linear, left top, left bottom,
			from(#00bef1),
			to(#09c));
	background:
		-moz-linear-gradient(top, #00bef1, #09c);
	}
.control-btn1 {
	background: #f30;
	background:
		-webkit-gradient(
			linear, left top, left bottom,
			from(#f46335),
			to(#f30));
	background:
		-moz-linear-gradient(top, #f46335, #f30);
	}
.control-btn2 {
	background: #444;
	background:
		-webkit-gradient(
			linear, left top, left bottom,
			from(#666),
			to(#333));
	background:
		-moz-linear-gradient(top, #666, #333);
	}
.prev-btn {
	padding-left: 24px;
	background: #444 url(../img/icon/ico_arrowG1.gif) 10px center no-repeat;
	background:
		url(../img/icon/ico_arrowG1.gif) 10px center no-repeat,
		-webkit-gradient(
			linear, left top, left bottom,
			from(#666),
			to(#333));
	background:
		url(../img/icon/ico_arrowG1.gif) 10px center no-repeat,
		-moz-linear-gradient(top, #666, #333);
	}
.close-btn {
	padding-left: 24px;
	background: #444 url(../img/icon/ico_closeG1.gif) 10px center no-repeat;
	background:
		url(../img/icon/ico_closeG1.gif) 10px center no-repeat,
		-webkit-gradient(
			linear, left top, left bottom,
			from(#666),
			to(#333));
	background:
		url(../img/icon/ico_closeG1.gif) 10px center no-repeat,
		-moz-linear-gradient(top, #666, #333);
	}
.pop-btn1 {
	padding-right: 24px;
	background: #00acdf url(../img/icon/ico_popT1.gif) right center no-repeat;
	background:
		url(../img/icon/ico_popT1.gif) right center no-repeat,
		-webkit-gradient(
			linear, left top, left bottom,
			from(#00bef1),
			to(#09c));
	background:
		url(../img/icon/ico_popT1.gif) right center no-repeat,
		-moz-linear-gradient(top, #00bef1, #09c);
	}
.pop-btn2 {
	padding-right: 24px;
	background: #444 url(../img/icon/ico_popT1.gif) right center no-repeat;
	background:
		url(../img/icon/ico_popT1.gif) right center no-repeat,
		-webkit-gradient(
			linear, left top, left bottom,
			from(#666),
			to(#333));
	background:
		url(../img/icon/ico_popT1.gif) right center no-repeat,
		-moz-linear-gradient(top, #666, #333);
	}
.cart-btn1,
.cart-btn2 {
	background: #f30;
	background:
		-webkit-gradient(
			linear, left top, left bottom,
			from(#f46335),
			to(#f30));
	background:
		-moz-linear-gradient(top, #f46335, #f30);
	font-weight: bold;
	text-align: center;
	}
.cart-btn1 {
	padding: 15px 0;
	font-size: 128.6%;
	}
.cart-btn2 {
	padding: 5px 0;
	}
.cart-btn1 span,
.cart-btn2 span {
	padding: 0 0 0 22px;
	background: url(../img/icon/ico_cartR01.gif) left center no-repeat;
	}
textarea.msg-box1 {
	width: 640px;
	margin: 10px 0;
	padding: 10px;
	font-weight: normal;
	}
input.text1 { width: 1em; }
input.text2 { width: 2em; }
input.text3 { width: 3em; }
input.text4 { width: 4em; }
input.text5 { width: 5em; }
input.text6 { width: 6em; }
input.text7 { width: 7em; }
input.text8 { width: 8em; }
input.text9 { width: 9em; }
input.text10 { width: 10em; }
input.text11 { width: 11em; }
input.text12 { width: 12em; }
input.text13 { width: 13em; }
input.text14 { width: 14em; }
input.text15 { width: 15em; }
input.text16 { width: 16em; }
input.text17 { width: 17em; }
input.text18 { width: 18em; }
input.text19 { width: 19em; }
input.text20 { width: 20em; }
input.text21 { width: 21em; }
input.text22 { width: 22em; }
input.text23 { width: 23em; }
input.text24 { width: 24em; }
input.text25 { width: 25em; }
input.text26 { width: 26em; }
input.text27 { width: 27em; }
input.text28 { width: 28em; }
input.text29 { width: 29em; }
input.text30 { width: 30em; }

/*====================
 +google+
====================*/
#cse-search-results {
	width: 680px;
	padding: 10px 10px 0;
	background: #fff;
	color: #333;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

/*====================
 +clearfix+
====================*/
#header:after,
#footer #support-area:after,
#key-contents:after,
.recommend-area li:after,
#supporters-area:after,
#products-contents:after,
#container:after,
.multicolumn2-21:after,
.visual1:after,
.multicolumn3-111:after,
.multicolumn3-123:after,
.comment:after,
.items:after,
.section-lv2:after,
.figure2:after,
.recipes:after,
.group:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	}
* html #header,
* html #footer #support-area,
* html #key-contents,
* html .recommend-area li,
* html #supporters-area,
* html #products-contents,
* html #container,
* html .multicolumn2-21,
* html .visual1,
* html .multicolumn3-111,
* html .multicolumn3-123,
* html .comment,
* html .items,
* html .section-lv2,
* html .figure2,
* html .recipes,
* html .group {
	zoom: 1;
	}
*:first-child+html #header,
*:first-child+html #footer #support-area,
*:first-child+html #key-contents,
*:first-child+html .recommend-area li,
*:first-child+html #supporters-area,
*:first-child+html #products-contents,
*:first-child+html #container,
*:first-child+html .multicolumn2-21,
*:first-child+html .visual1,
*:first-child+html .multicolumn3-111,
*:first-child+html .multicolumn3-123,
*:first-child+html .comment,
*:first-child+html .items,
*:first-child+html .section-lv2,
*:first-child+html .figure2,
*:first-child+html .recipes,
*:first-child+html .group {
	zoom: 1;
	}

/*====================
 +a11y+
====================*/
.a11y,
#header #global-nav h2,
#header .utility-nav h2,
#site-search legend,
#footer h2,
#topic-path dt {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 0;
	}
