@charset "UTF-8";

/* --------------------------------------------

	Page Style
	updated: Mar. 11, 2008
	designed:  AZ
	
	1. general
	2. header
	3. sub navigation
	4. global navigation
	5. container
	6. main column
	7. product navigation
	8. box (product navigation on top page)
	9. product
  10. extra column
  11. sub column
  12. local navigation
  13. page top anchor
  14. footer

-------------------------------------------- */


/* --------------------------------------------
general */

body {
	margin: 0;
	padding: 0;
	background: #f9f9f9 url(../img/bgFooter.jpg) repeat-x 0 100%;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 76%;
	text-align: center;
}

h1,
h2,
h3,
h4,
p {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#bigaka {
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}

#midashi{
font-size:16px;
font-weight:bold;
background:url(/img/h2bg.png) repeat-x 0 0;
height:18px;
vertical-align:middle;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#FFFFFF;
}

#pulamenu{
height:220px;
width:480px;
background:#FFFFFF;
padding:3px;
margin:5px;
}

#pulamenu2{
width:210px;
float:right;
padding:3px;
margin:5px;
}

#midashi2{
font-size:12px;
font-weight:bold;
background:url(/img/shouhinback.png) repeat-x 0 0;
height:18px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
vertical-align:middle;
color:#333333;
}

#chirashibox{
width:470px;
margin:3px;
padding:2px;
background-color:#FFFFCC;
}

#meishiimg{
margin-left:3px;
margin-top:10px;
float:left;
}

#cardbox{
background-image:url(/img/product/meishi/meishiback.png);
width:495px; 
height:300px; 
padding:3px; 
border:#666666;
}

#card{
width:258px; 
height:230px; 
float:right;
background-color:#FFFFFF; 
padding:2px;
margin-top:8px;
margin-right:3px;
}

#tokushuubox{
background-image:url(/img/product/meishi/meishiback.png);
width:485px;
}

#tokuimg{
padding:5px;
}


#setsumei{
background-color:#FFFFCC;
margin:5px;
padding:5px;
}

#shouhin{
font-size:14px;
font-weight:bold;
background:url(/img/shouhinback.png) repeat-x 0 0;
height:18px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
vertical-align:middle;
}

#aoji {
	font-size: 14px;
	font-weight: bold;
	color:#0066FF;
}

#akaji {
color: #FF0000;
}


#futoji {
	font-size: 12px;
	font-weight: bold;
}

#chuui {
	color: #FF0000;
	font-size: 10px;
}

a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #de001a;
	text-decoration: underline;
}
#main a {
	color: #0000FF;
	text-decoration: underline;
}
#sitemap #main a {
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
}
#sitemap #main a:hover {
	color: #de001a;
}
img {
	border: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.clr {
	clear: both;
}

hr {
	clear: both;
	visibility: hidden;
}
em {
	color: #d3000d;
	font-style: normal;
	font-weight: bold;
}

/* --------------------------------------------
header */

#header {
	width: 100%;
	height: 112px;
	margin: 0;
	padding: 0;
	background: transparent url(../img/bgHeader.jpg) repeat-x 0 0;
}

#headerwrap {
	position: relative;
	width: 700px;
	margin: 0 auto;
	text-align: left;
}
#header h1,
#header #logo {
	float: left;
	width: 280px;
	height: 40px;
	margin: 0;
	padding: 20px 0 0;
}
#topText {
	margin: 0;
	padding: 6px 0 0;
	text-align: right;
	font-size: 0.85em;
	line-height: 1.4;
}
#topBtn {
	float: right;
	list-style: none;
	margin: 0;
	padding: 20px 10px 0;
}
#topBtn li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------
sub navigation */

#subNav {
	clear: both;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 10px 0 0;
	text-align: right;
	font-size: 0.85em;
	line-height: 1;
}
#subNav li {
	display: inline;
	margin: 0;
	padding: 0 8px 0 5px;
	border-right: 1px solid #777;
}
#subNav li.last {
	border: none;
}

/* --------------------------------------------
global navigation */

#gNav {
	width: 100%;
	height: 54px;
	margin: 0;
	padding: 0;
	background: transparent url(../img/bgGnav.jpg) repeat-x 0 0;
	text-align: center;
}
#gNav ul {
	list-style: none;
	width: 700px;
	height: 54px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(../img/gNavBg2.jpg) no-repeat 0 0;
	text-align: left;
}
* html #gNav ul {
	width: 740px;
}
#gNav li {
	float: left;
	margin: 0;
	padding: 0;
}
#gNav #navHome {
	width: 72px;
	height: 54px;
}
#gNav #navData {
	width: 120px;
	height: 54px;
}
#gNav #navFlow {
	width: 122px;
	height: 54px;
}
#gNav #navSample {
	width: 151px;
	height: 54px;
}
#gNav #navPay {
	width: 123px;
	height: 54px;
}

#gNav #navQa {
	width: 112px;
	height: 54px;
}
#gNav li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#gNav li a:hover {
	background: transparent;
}
#gNav li a:hover img,
#home #gNav #navHome a img,
.data #gNav #navData a img,
.flow #gNav #navFlow a img,
.payment #gNav #navPay a img,
.hinagata #gNav #navSample a img,
.qa #gNav #navQa a img,
.sample #gNav #navSample a img {
	visibility: hidden;
}


/* --------------------------------------------
container */

#container {
	width: 730px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* --------------------------------------------
main column (right column) */

#main {
	position: relative; 
	left:auto;
	float: right;
	width: 500px;
	margin: 0;
	padding: 0;
}
.sample #main h1 {
	margin: 10px 0 -20px;
}
#main h2 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
#home #main h2 {
	margin: 0;
	padding: 0;
}
#lighter #main h2 {
	margin: 30px 0 0;	
}
#sensu #main h2 {
	clear: both;
	padding: 20px 0 0;
}
.data #main h2, .payment #main h2, #faq h2, #kako h2 {
	margin: 40px 5px 10px;
	padding: 0 0 0 5px;
	color: #555;
	font-size: 1.4em;
	border-left: 8px solid #4271ff;
	color: #4271ff;
}
#paperbag h2 {
	clear: both;
	margin: 30px 0 10px;
	padding: 0 0 3px;
	border: none;
	color: #cc0000;
	font-size: 1.3em;
}
#sitemap #main h2 {
	margin: 0 5px 20px;
	padding: 5px;
	background: #e9e9e9;
	font-size: 1em;	
}
#main h3 {
	clear: both;
	margin: 20px 5px 0;
	padding: 0;
	color: #111;
	font-size: 1.3em;
	font-weight: bold;
}
#home #main h3 {
	margin: 0;
}
.data #main h3 {
	margin: 25px 5px 5px;
	font-size: 1.2em;
	color: #cc0000;
}

#paperbag #main .formHeader {
	margin: 40px 10px 0;
	padding: 0 0 0 5px;
	border-left: 8px solid #4271ff;
	color: #4271ff;
}
#main h4 {
	clear:  both;
}
#main p {
	margin: 10px 5px;
	padding: 0;
	line-height: 1.6;
}
#home #main p {
	margin: 0;
	padding: 0;
}
.data #main p {
	margin: 0 5px;
}
#main p.thumb {
	margin: 30px 0;
	padding: 15px 0 10px 18px;
	background: #2d2d2d;
}
#main p.thumbUchiwa {
	margin: 30px 0;
	padding: 15px 0 10px 4px;
	background: #fff;
}
#main p.thumbWettissue {
	margin: 30px 0;
	padding: 15px 0 10px 4px;
}
#main p.thumbWhite {
	margin: 30px 0;
	padding: 15px 0 10px 10px;
	line-height: 1;
}
#main p.thumbWhite img {
	margin: 0;
	padding: 0;
	vertical-align: bottom
}
#main p.thumb img {
	 margin: 0 6px 8px 0;
}
#main p.thubmbUchiwa img {
	margin: 0 4px 0 0;
}
#main p.thumbWettissue img {
	margin: 0 8px 0 0;
}
#main p.sign {
	margin: 0 10px 20px;
	padding: 0;
	font-size: 0.9em;	
	text-align: right;
	line-height: 1.5;
}
#paperbag #main p.center {
	margin: 20px 0;
}
.badge {
	position: absolute;
	top: 0;
	left: -15px;
}
.product .badge {
	top: 15px;
	left: -15px;
}
#copy {
	float: left;
	width: 350px;
	margin: 0;
	padding: 10px 0;
}
.btn {
	margin: 0;

}
.product #main .btnLink {
	clear: both;
	margin: 0;
	padding: 0;
}
.product #main .btnLink img {
	margin: 10px 2px;
	padding: 0;
	vertical-align: middle;
}
#cover {
	float: right;
	width: 185px;
	height: 210px;
	margin: 0;
	padding: 0;
}
#main ul {
	margin: 10px 30px;
	padding: 0;
}
.product #main ul  {
	margin: 10px 5px;
	padding: 0;
}
.data #main ul {
	margin: 0 22px 10px;
}
#paperbag #main ul {
	list-style: none;
	margin: 10px 0;
}
#sitemap #main ul {
	list-style: none;
	margin: -15px 8px 20px 6px;
	padding: 0;
}
#sitemap #main ul li {
	padding: 0 20px 2px;
	border-bottom: 1px dashed #ccc;
}

#main ol {
	margin: 20px 10px 0 40px;
	padding: 0;
}
#main li {
	margin: 5px 0;
	padding: 0;
	line-height: 1.6
}
.product #main li {
	margin: 5px 5px 5px 25px;
}
.data #main ul li {
	margin: 0;
}
#paperbag #main li {
	float: left;
	margin: 0 0 30px;
}
#main table {
	clear: both;
	margin: 10px 10px 30px  0;
	padding: 0;
	border-collapse: collapse;
	border: 2px solid #cccccc;
	font-size: 1em;
}
#pokettissue #main table,
#boxtissue #main table,
#wettissue #main table {
	width: 480px;
}
.qa #main table {
	border: none;
}
.flow #main table {
	margin: 0 10px 30px 0;
}
#main th {
	margin: 0;
	padding: 10px;
	border: 3px solid #fff;
	background: #deefff;
	text-align: left;
	vertical-align: top;
}
.qa #main th {
	padding: 5px 0;
	border: none;
	background: transparent;
}
.flow #main th {
	width: 80px;
	padding: 0 10px 10px;
	border: none;
	background: transparent;
}
#main td {
	padding: 0 10px;
	border: 3px solid #f9f9f9;
	background: #efefef;
}
#paperbag #main td {
	padding: 10px 8px;
	background: #fff;
	text-align: left;
	line-height: 1.3;
	vertical-align: top;
	font-size: 0.9em;
}
#paperbag #main td label {
	margin: 0;
	padding: 0;
}
.flow #main td {
	padding: 10px 0;
	border: none;
	background: transparent;
	vertical-align: top;
}
#main td p {
	margin: 5px 5px 10px;
	padding: 0;
	line-height: 1.6;
}
#main td ul {
	margin: 10px 25px;
	padding: 0;
	line-height: 1.6;
}
.qa #main td {
	width: 480px;
	margin: 0;
	padding: 10px;
	border: 8px solid #f9f9f9;
	line-height: 1.5;
}
.flow #main td ul {
	margin: -20px 20px 0;
	padding: 0;
}
.flow #main td ul li {
	list-style: none;
	margin: 5px 0;
	padding: 0 0 0 8px;
	border-left: 5px solid #ddd;	
}

#paperbag img.left {
	margin: 0 10px 10px 0;
	padding: 0;
}
#paperbag .center label {
	color: #555;
	font-size: 1.4em;
	font-weight: bold;
}
#paperbag select {
	text-align: left;
}

#paperbag form img {
	margin: 0;
	vertical-align: middle;
}
#paperbag form fieldset {
	margin: 30px 0;
	padding: 0;
	border: none;
}
* html #paperbag form fieldset {
	margin: 30px 0 0;
}


/* --------------------------------------------
product navigation  */

#main #productNav {
	list-style: none;
	margin: 0 0 0 8px;
	padding: 0;
	height:150px;
}
#paperbag #main #productNav {
	float: left;
	margin: 0 0 20px 5px;
}

* html #paperbag #main #productNav {
	margin: 0 0 0 2px;
}
#main #productNav li {
	float: left;
	width: 120px;
	height: 120px;
	margin: 0 0 30px;
	padding: 0;
}
#paperbag #main #productNav li {
	width: 160px;
	height: 48px;
	margin: 0 5px 0 0;
}
#lighter #main #productNav li,
#boxtissue #main #productNav li,
#uchiwa #main #productNav li,
#sensu #main #productNav li  {
	padding: 0 18px;
}

#main #productNav li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
	background: transparent url(../img/bgProductBox.jpg) no-repeat 0 0;
}

/* --------------------------------------------
box (product navigation on top page) */

.box,
.boxRegular,
.boxSeason {
	position: relative;
	float: left;
	width: 166px;
	height: 220px;
	margin: 10px 0 0;
	padding: 0;
	text-align: center; 
}
.box {
	background: transparent url(../img/bgBox.png) no-repeat 0 0;
}
.sample .box {
	margin: 0;
	height: 200px;
}
.boxRegular {
	background: transparent url(../img/bgBoxRegular.png) no-repeat 0 0;
}
.boxSeason {
	background: transparent url(../img/bgBoxSeason.png) no-repeat 0 0;
}
.sample #main .box h2,
.box h4,
.boxRegular h4,
.boxSeason h4 {
	margin: 60px 0 0;
}
.box .shipping,
.boxRegular .shipping,
.boxSeason .shipping {
	position: absolute;
	top: 5px;
	left: 2px;
}
.box .shipping p,
.boxRegular .shipping p,
.boxSeason .shipping p {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------
product  */

.product #main p {
	margin: 10px 10px 0;
}
.product #main .lead {
	margin: 0 5px 20px;
	color: #000;
	line-height: 1.8;
}
.product #main .center {
	clear: both;
	margin: 0 0 40px;
	padding: 0;
	font-size: 0.9em;
	line-height: 3;
}
.product #main .center img {
	vertical-align: bottom;
}
.product #main .boxLeft {
	position: relative;
	clear: both;
	float: left;
	width: 210px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.product #main .boxLeft .feature {
	position: absolute;
	top: 10px;
	left: -20px;
}
.product #main .boxLeft .light {
	position: absolute;
	top: -40px;
	left: -40px;
}
.product #main .boxLeft img {
	margin: 5px 0 0;
}
.product #main img.border {
	margin: 10px 0 15px;
	padding: 0;
	border: 1px solid #ccc;	
}
#uchiwa #main img.border {
	margin: 10px 0 0 ;
}
.boxRight {
	float: left;
	width: 290px;
	margin: 0;
	padding: 0;
}
#paperbag .boxRight {
	border: 1px solid #ccc;
}
.boxRight ul {
	list-style: square;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
}
.listRight {
	float: left;
	list-style: square;
	width: 275px;
	min-height: 26em;
	margin: 10px 0 0 5px;
	padding: 0;	
	border: 1px solid #ccc;
	background: #fff;
}
* html .listRight {
	height: 26em;
}
.product #main .listRightShort {
	float: left;
	list-style: square ;
	width: 275px;
	min-height: 12.5em;
	margin: 10px 0 15px 5px;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
}
* html .product #main .listRightShort {
	height: 12.5em;
}
.boxRight li,
.listRight li,
.product #main .listRightShort li {
	margin: 10px 10px 10px 25px;
	padding: 0;
	line-height: 1.5;
}
#main .productOrder {
	clear: both;
	padding: 10px 10px 0 20px;
}
#main .productOrder img {
	margin: 0 0 40px;
}
.product #main table {
	margin: 10px 10px 5px;
	padding: 0;
	border-collapse: collapse;
	border: none;
	font-size: 1em;
}
.product #main .boxRight table {
	width: 280px;
	margin: 5px 0 0 5px;
	padding: 0;
}
.product #main thead th {
	margin: 0;
	padding: 2px 0 5px 0;
	text-align: left;
	background: transparent;
	border: none;
}
.product #main thead th h3 {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 1em;
}
.product #main tbody th {
	padding:5px;
	border: 1px solid #cccccc;
	text-align: right;
	vertical-align: middle;
}
.product #main tbody .thHead th {
	text-align: center;
}
.product #main tbody td {
	padding: 5px;
	border: 1px solid #cccccc;
	background: #fff;
	text-align: right;
}
.product #main tbody td.cellText {
	text-align: left;
}
.product #main tbody tr.odd td, #container #main .label tbody tr.odd td {
	background: #f0f0f0;
}
.product #main .boxEtc {
	float: left;
	width: 200px;
	margin: 0 0 0 10px;
	padding: 0;
}
.small {
	font-size: 0.8em;
}

/* うちわ　*/
.productBox {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}
#main .productBox h3 {
	margin: 20px 0 0 20px;
	padding: 0;
	font-size: 1.1em;
	line-height: 1;
}
#main .productBox p {
	margin: 0;
	padding: 0;
}
.productBox p {
	text-align: center;
}

/* --------------------------------------------
extra column  */

.product #main .extra {
	clear: both;
	width: 496px;
	margin: 10px 0 10px 2px;
	padding: 10px 0 9px;
	background: transparent url(../img/bgExtraBottom.jpg) no-repeat left bottom;
}
.product #main .extra h2 {
	margin: 0;
	padding: 30px 20px 10px;
	color: #3d7dff;
	background: transparent url(../img/bgExtraTop.jpg) no-repeat 0 0;
	font-size: 1.5em;
}
.product #main .extra h3 {
	clear: both;
	margin: 0;
	padding: 10px 20px 5px;
	background: transparent url(../img/bgExtra.jpg) repeat-y 0 0;
	color: #ff6f00;
	font-size: 1.2em;
}
#oilpaper #main .extra h3 {
	margin: 0;
	padding: 10px 30px 5px;
	background: transparent url(../img/bgExtra.jpg) repeat-y 0 0;
	color: #222;
	font-size: 1.2em;
}
.product #main .extra p {
	margin: 0;
	padding: 0 20px 10px;
	background: transparent url(../img/bgExtra.jpg) repeat-y 0 0;
	line-height: 1.6;
}
.product #main .extra .picLeft {
	float: left;
	width: 456px;
}
* html .product #main .extra .picLeft {
	float: left;
	width: 496px;
}
.product #main .extra .picLeft img {
	float: left;
	margin: 0 10px 0 0;
}
#oilpaper #main .extra p {
	margin: 0;
	padding: 0 35px 10px;
	background: transparent url(../img/bgExtra.jpg) repeat-y 0 0;
}
.product #main .extra ul {
	list-style: square;
	margin: 0;
	padding: 0 10px 10px 20px;
	background: transparent url(../img/bgExtra.jpg) repeat-y 0 0;
}
.product #main .extra li {
	margin: 0 10px 5px 20px;
}
.product #main .extra ul.pics {
	list-style: none;
	width: 460px;
	margin: 0;
	padding: 0 18px;
	background: transparent url(../img/bgExtra.jpg) repeat-y 0 0;
	overflow: hidden;
}
.product #main .extra ul#pics2 li {
	width: 100px;
}
* html .product #main .extra ul.pics {
	width: 496px;
	padding: 0 18px;
}
.product #main .extra ul.pics li {
	float: left;
	width: 153px;
	margin: 0;
	padding: 0;
}
.product #main .extra ul.pics li h3 {
	margin: 0;
	padding: 10px 0 10px 10px;
	background: none;
	border: none;
}
.product #main .extra ul.pics li p {
	margin: 0;
	padding: 0 0 20px 10px;
	background: none;
}
.product #main .extra .boxPaper {
	clear: both;
	list-style: none;
	width: 460px;
	margin: 0;
	padding: 20px 18px 40px;
	background: transparent url(../img/bgExtra.jpg) repeat-y 0 0;
	overflow: hidden;
}
.product #main .extra .boxColor {
	clear: both;
	list-style: none;
	width: 427px;
	margin: 0;
	padding: 0 34px 50px;
	background: transparent url(../img/bgExtra.jpg) repeat-y 0 0;
	overflow: hidden;
}
* html .product #main .extra .boxPaper,
* html .product #main .extra .boxColor {
	width: 496px;
}
.product #main .extra .boxPaper li {
	float: left;
	width: 100px;
	margin: 0 7px 20px;
	padding: 0;
	line-height: 1.4;
}
.product #main .extra .boxPaper li img {
	margin: 5px 0;
}
.product #main .extra .boxPaper li em {
	font-size: 0.8em;
}
.product #main .extra .boxColor li {
	float: left;
	width: 61px;
	height: 50px;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}
#blue {
	background: #D4EFF6;
}
#green {
	background: #C3E7D5;
}
#gray {
	background: #ddd;
}
#orange {
	background: #F9E6B0;
}
#pink {
	background: #F2BDD0;
}
#purple {
	background: #C8C1D8;
}
#yellow {
	background: #FFFFB2;
}

#lighter #main .extra .color img {
	margin: 0 12px 10px 0;
}

/* --------------------------------------------
box of sitemap page   */

.siteBox {
	float: left;
	width: 240px;
	margin: 0 10px 0 0;
}

/* --------------------------------------------
sub column (right column) */

#sub {
	float: left;
	width: 195px;
	margin: 10px 0 0;
	padding: 0;
	font-size: 0.9em;
}


#sub h2 {
	margin: 0 0 0 10px;
}
#sub p.small {
	margin: 0;
	text-align: center;
	font-size: 0.9em;
}
#sub h3 {
	margin: 5px 0 0 18px;
}
#sub p {
	margin: 0 0 10px 18px;
}
#otodoke ul {
	list-style: none;
	margin: 10px 0 20px 10px;
	padding: 0;
}
#otodoke p {
	margin: 3px 0 5px 17px;
	padding: 5px 0 5px 40px;
	text-indent: 0;
}
#otodoke p.exp {
	margin: 3px 3px 3px 15px;
	padding: 5px 0 5px 50px;
	background: transparent url(../img/daysExp.png) no-repeat left center;
}
#otodoke p.days3 {
	background: transparent url(../img/days3.png) no-repeat left center;
}
#otodoke p.days5 {
	background: transparent url(../img/days5.png) no-repeat left center;
}
#otodoke p.days6 {
	background: transparent url(../img/days6.png) no-repeat left center;
}
#otodoke p.days8 {
	background: transparent url(../img/days8.png) no-repeat left center;
}
#otodoke p.days10 {
	background: transparent url(../img/days10.png) no-repeat left center;
}
#otodoke p.days12 {
	background: transparent url(../img/days12.png) no-repeat left center;
}
#otodoke p.days14 {
	background: transparent url(../img/days14.png) no-repeat left center;
}
#otodoke p a {
	outline: none;
	display: block;
	width: 100%;
	height: 100%;
	height: 1em;
	margin: 0;
	padding: 2px 0;	
}
#otodoke #news {
	margin: 0 0 0 10px;
	padding: 0;
}
#otodoke #news li {
	margin: 0;
	padding: 5px 5px 5px 10px;
	text-indent: 0;
}
#otodoke #qrcode {
	height: 124px;
	margin: 20px 0 0 10px;
	padding: 20px 10px;
	background: transparent url(../img/bgQr.png) no-repeat 0 0;
	line-height: 1.4;
}
#otodoke #qrcode img {
	margin: 0 5px 0 0;
}
#otodoke #qrcode em {
	font-weight: bold;
	font-style: normal;
	line-height: 2;
}
#home #sub #banner {
	list-style: none;
	margin: 20px 0 0 10px;
	padding: 0;
}
#home #sub #banner li {
	margin: 3px 0;
	padding: 10px 0px 0px 0px;

}


/* --------------------------------------------
local navigation  */

#sub ul {
	list-style: none;
	margin: 0 0 20px 10px;
	padding: 0;
}
#sub li {
	margin: 0;
	padding: 0 0 5px;
	background: transparent url(../img/borderLnav.png) no-repeat left bottom;
	text-indent: -9999px;
}
#sub li a {
	display: block;
	width: 170px;
	height: 30px;
	margin: 0 0 0 5px;
	padding: 0;
	outline: none;
}
#navPokettissue a {
	background: transparent url(../img/lNavPokettissue.png) no-repeat 0 -30px;
}
#navOilpaper a {
	background: transparent url(../img/lNavOilpaper.png) no-repeat 0 -30px;
}
#navLigher a {
	background: transparent url(../img/lNavLighter.png) no-repeat 0 -30px;
}
#navUchiwa a {
	background: transparent url(../img/lNavUchiwa.png) no-repeat 0 -30px;
}
#navCalendar a {
	background: transparent url(../img/lNavCalendar.png) no-repeat 0 -30px;
}
#navBoxtissue a {
	background: transparent url(../img/lNavBoxtissue.png) no-repeat 0 -30px;
}
#navWettissue a {
	background: transparent url(../img/lNavWettissue.png) no-repeat 0 -30px;
}
#navPaperbag a {
	background: transparent url(../img/lNavPaperbag.png) no-repeat 0 -30px;
}
#navSensu a {
	background: transparent url(../img/lNavSensu.png) no-repeat 0 -30px;
}
#navBallpen a {
	background: transparent url(../img/lNavBallpen.png) no-repeat 0 -30px;
}
#navMemo a {
	background: transparent url(../img/lNavMemo.png) no-repeat 0 -30px;
}
#navEtc a {
	background: transparent url(../img/lNavEtc.png) no-repeat 0 -30px;
}
#navEco a {
	background: transparent url(../img/lNavEco.png) no-repeat 0 -30px;
}
#navCairo a {
	background: transparent url(../img/lNavCairo.png) no-repeat 0 -30px;
}
#navMask a {
	background: transparent url(../img/lNavMask.png) no-repeat 0 -30px;
}
#navBath a {
	background: transparent url(../img/lNavBath.png) no-repeat 0 -30px;
}
#navTaoru a {
	background: transparent url(../img/lNavTaoru.png) no-repeat 0 -30px;
}
#navBungu a {
	background: transparent url(../img/lNavBungu.png) no-repeat 0 -30px;
}
#sub li a:hover,
#pokettissue #sub #navPokettissue a,
#oilpaper #sub #navOilpaper a,
#lighter #sub #navLigher a,
#uchiwa #sub #navUchiwa a,
#calendar #sub #navCalendar a,
#boxtissue #sub #navBoxtissue a,
#wettissue #sub #navWettissue a,
#paperbag #sub #navPaperbag a,
#sensu #sub #navSensu a,
#ballpen #sub #navBallpen a,
#memo #sub #navMemo a,
#etc #sub #navEtc a,
#cairo #sub #navCairo a,
#mask #sub #navMask a,
#taoru #sub #navTaoru a,
#bungu #sub #navBungu a,
#bath #sub #navBath a {
	background-position: 0 0;
}

/* --------------------------------------------
page top link  */

#pTop {
	clear: both;
	margin: 0;
	padding: 50px 0 0;
	text-align: right;
}
#pTop a {
	padding: 4px 18px;
	background: transparent url(../img/pTop.png) no-repeat right center;
}

/* --------------------------------------------
footer */

#footer {
	width: 100%;
	padding: 30px 0 10px;
	font-size: 0.85em;
}
#footer ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
#footer li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 8px 0 0;
	border-right: 1px solid #777;
}
#footer li.last {
	border: none;
}
#footer p {
	clear: both;
}
.zeiko {
	font-size: 0.85em ;
}
.floatL {
	float: left;
	}
.floatR {
	float: right;
	}
.mgTB10 {
	margin: 10px 0 ;
}
.mgT20 {
	margin: 20px 0 0 0;	
}
.mgB10 {
	margin: 0 0 10px 0 ;
}
.mgR05 {
	margin: 0 5px 0 0 ;
}

.mgB20 {
	margin: 0 0 20px 0 ;
}
.mgB30 {
	margin: 0 0 30px 0 ;
}
#main .mgB500 {
	margin: 0 0 500px 0 ;
}
.txtred {
	color: #FF0000;
	}
.txtredb {
	color: #FF0000;
	font-size: 14px;
	}

/* --------------------------------------------
フォーム */
#main .fombox td {
	border: solid 1px #666666;
	padding: 5px;
	}
/* --------------------------------------------
お問合せ */
.info {
	background-color: #FFFFCC;
	border: 1px solid #CCCCCC;
	padding: 10px;
	}
.info dt {
	color: #4271ff;
	font-weight: bold;
	font-size: 13px;
	}
.info dd {
	line-height: 1.5em;
	}

.txtorange {
	color:#FF6600;
	font-size: 14px;
	}
/* --------------------------------------------
カレンダー */
#calendar #container #main .calendernavi li {
	margin: 0;
	text-align:justify;
}
#calendar #container #main .calendernavi a {
	color: #0000FF;
	text-decoration: underline;
}

#calendar #container #main .calendernavi td {
	background-color: #FFFFFF;
	width: 125px;
	}

/* --------------------------------------------
データ作成方法 */
.data #container #main .datanavi {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.data #container #main .datanavi li {
	background: url(../img/icondata.jpg) no-repeat left;
	padding: 0 0 0 20px;
	list-style: none;
	}
.data #container #main th {
	width: 140px;
	padding: 10px 5px;
	}
.data #container #main td {
	background-color: #FFFFFF;
	padding: 10px 5px;
	}
.data #container #main .fileocool td{
	margin: 0;
	padding: 0;
	}
.data #container #main .bggray {
	background-color: #CCCCCC;
	}
.alignR {
	text-align: right;
	}
.alignC {
	text-align: center;
	}
.data #container #main p {
	margin: 0 0 20px 0;
	}
.data #container #main h4 {
	background-color: #4271FF;
	color: #FFFFFF;
	font-weight: normal;
	padding: 5px;
	 }
.chumoku {
	background-color: #FFFFCC;
	border: #FF0000 solid 1px;
	padding: 10px;
	margin: 0 0 10px 0;
	}
.chumoku li{
	font-size: 13px;
	}

/* --------------------------------------------
ひな形ダウンロード */
.hinagata #container #main h2 {
	margin: 0 0 10px 0;
	}
.hinagata #container #main h3 {
	color: #990000;
	font-weight: bold;
	font-size: 13px;
	}
.hinagata #container #main img {
	margin: 0 0 5px 0;
	}
.hinagata #container #main table {
	background-color: #ffffff;
	border: solid 1px #CCCCCC;
	width: 480px;
}
.hinagata #container #main th {
	background: url(../img/hinagata_bgshasen.gif) repeat-x;
	margin: 0;
	padding: 5px;

}
.hinagata #container #main td {
	background-color: #ffffff;
	padding: 5px;
}
.pori {
	width: 480px;
}
.hinagata #container #main .pori th {
	background-image: none; 
	width: 100px;
	color: #990000;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle;
}
.sen {
	text-decoration: line-through;
	}
.txtred2 {
	line-height: 1.5em;
	color: #FF0000;
	font-size: 15px;
	font-weight: bold;
	}
#calendar #container #main .catch {
	color: #0066FF;
	font-size: 12px;}
#container #sub #otodoke #kantancal {
	margin: 0;
	padding: 0 0 0 10px;
	}
#home #container #main #copy .mgB10 {
	margin: 0 0 10px 0;
	}
/* --------------------------------------------
ポケットティッシュ */
.navi {
	border-bottom: dotted 1px #CCCCCC;	
	border-top: dotted 1px #CCCCCC;
	padding: 10px 0;
	margin: 10px 0;
	}	
.navi li {
	line-height: 1.5em;
}
.navi ul {
	margin: 0 0 10px 0;
}
.poketA {
	width: 490px;
	}
#pokettissue #container #main .poketA li {
	width: 240px;
	float: left;
	margin: 0 5px 5px 0;
	list-style: none;
	}
#main .label {
	margin: 0 0 30px 0;
	}

#main .label h3 {
	margin: 40px 5px 10px;
	padding: 0 0 0 5px;
	color: #555;
	font-size: 1.4em;
	border-left: 8px solid #4271ff;
	color: #4271ff;
	}
#main .label .Labelmenu li {
	margin: 0 0 10px 0;
	}
#main .label .Labelmenu li {
	border-bottom: 1px dotted #CCCCCC;
	}
#container #main .label td {
	background-color: #FFFFFF;
	text-align: left;
	}
#container #main .label .labelbtn img, #main #poli .labelbtn img {
	margin: 0 5px 0 0;
	}
#container #main .label .labelbtn, #main #poli .labelbtn {
	margin: 0 0 10px 0;
	}
#pokettissue #container #main .label .siyo th {
	background-color: #FFFFCC;
	font-weight: bold;
	text-align: left;
	}
/* --------------------------------------------
カイロ */
#cairo #container #main .siyo,
#mask #container #main .siyo,
#bath #container #main .siyo {
	width: 480px;
	}
#cairo #container #main .siyo td,
#mask #container #main .siyo td,
#bath #container #main .siyo td {
	text-align: left;
	width: 380px;
	}
#cairo #container #main .siyo th,
#mask #container #main .siyo th,
#bath #container #main .siyo th {
	text-align: left;
	background-color: #FFFFCC;
	}
.textred {
	color: #FF0000;
	font-size: 1.3em;
	}
/* --------------------------------------------
うちわ */
#poliuchiwa .navi dl, #sensu .navi dl {
	margin: 0 0 20px 5px;
	_margin: 0 5px 10px 0;
	padding: 0;
	float: left;
	list-style: none;
	}
#poliuchiwa .navi dd, #sensu .navi dd {
	margin: 0;
	}
#poliuchiwa .navi, #sensu .navi {
	border-style: none;
	}
#main #poli .nouki {
	margin: 0 0 20px 0;
	border: 1px solid #CCCCCC;
	padding: 0 0 10px 10px;
	}
#main #poli .border {
	border-bottom: solid 2px #CCCCCC;
	margin: 10px 0 0 0;
	}
#main #poli .border img {
	vertical-align: bottom;
	margin: 0 5px 0 0;
	}
.width480 {
	width: 480px;
	}
#main #poli h2 {
	margin: 40px 5px 10px;
	padding: 0 0 0 5px;
	color: #555;
	font-size: 1.4em;
	border-left: 8px solid #4271ff;
	color: #4271ff;
	}
/* --------------------------------------------
よくある質問 */
#faq h2, #payment h2 {
	margin: 0 0 20px 0;
	}

#faq dl {
	margin: 0 0 20px 10px;
	width: 480px;
	}
#faq dd {
	margin: 0;
	padding: 10px;
	background-color: #FFFFFF;
	}
/* --------------------------------------------
お支払い送料 */
 #payment dl {
	margin: 0 0 20px 10px;
	width: 480px;
	}
#payment dt, #faq dt  {
	color: #555;
	font-size: 1.4em;
	color: #4271ff;
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
	}
#payment dd {
	margin: 0;
	padding: 10px;
	background-color: #FFFFFF;
	}
#payment .yusou {
	margin: 10px;
	padding: 10px;
	background-color: #FFFFFF;
	}
/* --------------------------------------------
過去作成見本 */
#kako li {
	float: left;
	width: 155px;	
	margin: 0 0 20px 0;
	list-style: none;
}

#kako ul {
	margin: 0 0 20px 10px;
	}
#main .hinapo td  {
	width: 155px;
	margin: 0;
	padding: 0;
}
.hinagata #container #main .hinapo img {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------
 clearfix  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}