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

* {
	margin: 0;
	padding: 0;
}
body {
	color: #333;
	background: #fff;
	font-size: 62.5%;
}
a {
	text-decoration: none;
}
img {
	border: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
em {
	color: red;
	font-style: normal;
}
/*------------------------------------------------------------------------------
クリア設定
------------------------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.clearfix {
	display: inline-block;
}

/*Hides from IE-mac \*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/*End hide from IE-mac */

/* ----------------------------------------------------------------
header */
.catch {
	margin: 5px 0 0 20px;
	font-size: 1.2em;
	}
#header {
	width: 780px;
	padding: 2px 10px 0 80px;
	margin: 5px 0 0 0;
	background: url(../img/logo.jpg) no-repeat left;
	background-color: #004C9F;	
}
#header .leftbox {
	padding: 20px 0 0 0;
	width: 380px;
	float: left;
}
#header .rightbox {
	width: 340px;
	float: right;
}
#header .rightbox .mitumori{
	margin: 0;
	text-align: right;
	}
#header em {
	margin: 0 0 0 20px;
	font-weight: bold;
}
#header h1 {
	margin: 15px 0 10px 0;
}
#header p {
	margin: 0 0 5px 0;
}
#gnavi ul {
	margin: 0 0 0 10px;
}
#gnavi li {
	float: left;
	background: url(../img/mark_blue_sankaku.gif) no-repeat left;
	padding: 5px 0 5px 10px;
	list-style-type: none;
	margin: 0 10px 0 0;
	font-size: 1.2em;
	}

/* ----------------------------------------------------------------
wrapper (wrap of 2colums) */

#wrapper {
	width: 870px;
	border-top: 3px solid #00a0e9;
	font-size: 1.2em;
}

/* ----------------------------------------------------------------
main column */

#main {
	float: right;
	width: 686px;
	padding: 5px 0;
}
#home #main ul {
	list-style: none;
	padding: 0 0 0 28px;
}
#home #main li {
	position: relative;
	float: left;
	margin: 0 9px 10px 0;
}
#home #main #content ul {
	list-style: disc;
	margin: 0 0 10px 160px;
	text-align: left;
	line-height: 1.5;
}
#home #main #content ul li {
	clear: both;
	float: none;
}
.days {
	position: absolute;
	top: 80px;
	left: 0;
}
#home #main .schedule {
	clear: both;
	margin: 0;
	padding: 0 0 0 20px;
}
#home #main .schedule li {
	float: left;
	margin: 0 9px 10px 0;
	padding: 0;
}

#main h2 {
	width: 641px;
	margin: 0 0 0 15px;
	padding: 10px 0 0 15px;
	background: #fff url(../img/bg_content_top.gif) no-repeat 0 0;
}
#home #main h2,
#flow #main h2,
#faq #main h2 {
	width: 656px;
	margin: 0;
	padding: 10px 0 0 15px;
	background: none;
}

#content {
	clear: both;
	width: 650px;
	margin: 0 0 0 15px;
	padding: 0 0 20px 0;
	border-left: 3px solid #00a0e9;
	border-right: 3px solid #00a0e9;
	background: #fff;
}

#content02 {
	clear: both;
	width: 650px;
	margin: 0 0 0 15px;
	padding: 0 0 20px 0;
	border-left: 3px solid #00a0e9;
	border-right: 3px solid #00a0e9;
	background: #fff;
}
#content h3 {
	clear: both;
	padding: 20px 0;
}
#bag #content h3 {
	margin: 40px 10px 10px 10px;
	padding: 10px 0 0 15px;
	border-top: 2px dashed #00cc33;
	color: #00cc33;
	font-size: 1.5em;
}
#home #content h3 {
	padding: 10px 0;
	text-align: center
}
#home #content h3.alignLeft {
	padding: 10px 0 10px 20px;
	text-align: left;
}

#lighter #content h3 {
	margin: 30px 20px 10px 20px;
	padding: 0 0 0 25px;
	background: transparent url(../img/000lighterball_01.gif) no-repeat 0 3px;
}
#content h4 {
	margin: 20px 12px 0 12px;
	padding: 20px 0 0 20px;
	background: #fff url(../img/hr2.gif) no-repeat 0 0;
	color: #00a0e9;
	font-size: 1.4em;
	font-weight: bold;
}
#bag #content h4 {
	clear: both;
	margin: 20px 12px 0 30px;
	padding: 0 0 0 6px;
	border-left: 8px solid #00a0e9;
	background: none;
	font-size: 1em;
}
#content h5 {
	margin: 30px 40px 10px 40px;
	padding: 5px;
	background: #99c0e9;
	text-align: left;
}
#content p {
	margin: 0;
	padding: 5px 0;
	text-align: center;
}
#content p.alignleft {
	padding: 0 0 0 35px;
	text-align: left;
}
#faq #content p {
	margin: 0;
	padding: 10px 30px;
	text-align: left;
}
#faq #content p img {
	padding: 0 10px 0 0;
	vertical-align: middle;
}
#faq #content p img {
	padding: 0 10px 0 0;
	vertical-align: middle;
}
#bag #content p {
	padding: 5px 20px 5px 30px;
	text-align: left;
	line-height: 1.8em;
}
#flow #content p {
	padding: 0;
}
#lighter #content li p {
	padding: 10px 0 10px 20px;
	line-height: 1.4em;
	text-align: left;
}
#lighter #content p {
	padding: 20px 50px 0 50px;
	line-height: 1.5em;
	text-align: left;
}
#lighter #content img.left {
	margin: 0 5px 10px 0;
}
#lighter #content hr {
	clear: both;
	height: 9px;
	margin: 0 10px;
	padding: 50px 0 0 0;
	border: none;
	background: transparent url(../img/linefornairelighter.gif) no-repeat 0 40px;
}
#content em {
	color: #FF0000;
	font-style: normal;
	font-weight: bold;
}
#content strong {
	color: #CC0000;
	font-size: 0.9em;
	font-weight: bold;
}

#shouhin2{
background-color:#336699;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
margin:5px;
padding:5px;
}

#oomidashi{
background-color:#336600;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
}

#content ul {
	list-style: square;
	padding: 20px 30px;
}
#lighter #content ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}
#bag #content ul {
	padding: 0 20px;
}


#shouhinmei{
background-color:#FF3300;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
height:25px;
margin:2px;
}

#shouhin{
background-image:url(../img/tokushuu/ber02.jpg);
margin:5px;
padding:5px;
}

#content li {
	float: none;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
#home #content li {
	margin: 0 0 0 30px;
}
#lighter #content li {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

#content .list {
	list-style: none;
	margin: 20px 0 20px 10px;
	padding: 0;
}
#content .list li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#bag #content .list li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
	text-align: center;
}
#content .productList {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .productList li {
	float: left;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 5px;
	border: 1px solid #ccc;
	text-align: right;
}
#content .productList li img {
	padding: 0 0 0 5px;
	vertical-align: middle;
}

#puchiwa #content .list li,
#boxtissue #content .list li {
	width: 33%;
	height: 150px;
}


/* -----------------------------------------------------------
table */
#content .table {
	width: 650px; 
}
#content .table 03{
	width: 650px; 
}

#content table {
	margin: 10px auto;
	border: 2px solid #ccc;
	border-collapse: collapse;
}
#content table03 {
	margin: 0px 0;
	border: 0px solid #fff;
	border-collapse: collapse;
}

#content .table01 table,
#content .table01 td {
	border: none;
}
#content .table01 td table {
	border: 2px solid #ccc
}

#content .table02 table {
	border:none;
}

#content .table03 table {
	border:none;
}

#content table.topics {
	width: 580px;
	background-color: #FFCCFF;
	border: none;
}

#content .topics p em {
	color: #333;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}

#content th {
	padding: 3px 10px;
	border: 2px solid #ccc;
	border-collapse: collapse;
	background: #87ceeb;
}
#content .table02 th {
	border:none;
	background: #fff;
}

#content .table03 th {
	border:none;
	background: #fff;
}

#content thead th {
	text-align: left;
}

#content table td,
#content .table01 table td td {
	padding: 3px 10px;
	border: 2px solid #ccc;
	border-collapse: collapse;
}

#content .table02 td{
	border:none;
}

#content .table03 td{
	border:none;
}

#content .topics td {
	padding: 10px;
	border: none;
}
#content table.topics td ul {
	margin: 0;
	padding: 0;
}

.pageTop {
	width: 656px;
	margin: 0;
	padding: 20px 10px;
	text-align: center;
	background: transparent url(../img/bg_content_bottom.gif) no-repeat 15px bottom;
}

/* ----------------------------------------------------------------
sub column */

#sub {
	float: left;
	width: 184px;
	margin: 0;
	padding: 0;
	background-color: #DFEEFF;
}
#sub .snavi {
	padding: 10px 0 0 10px;
}
#sub .snavi ul {
	width: 150px;
	background-color: #FFFFFF;
	margin: 0 0 10px 0;
	padding: 5px;
}
#sub .snavi li {
	background: url(../img/mark_yellow_sankaku.gif) no-repeat left;
	padding: 0 0 8px 10px;
	margin: 0;
}
#sub .snavi dt, #sub .snavi dd {
	margin: 0;
	padding: 0;
	}
#sub ul {
	list-style: none;
	padding: 10px 0 0 10px;
}
#sub li {
	padding: 5px 10px;
	color: #000066;     /*  #004c9f   */
}
#sub .banner li {
	margin: 10px 0;
}
#sub .link {
	text-align: right;
}
#sub .link li {
	padding: 2px 0;
	line-height: 1em;
}
#sub .link li a {
	color: #666;
}
#sub .link li a:hover {
	color: #000066;
}

/* ---------------------------------------------------------------------
form */

select {
	margin: 0 10px 0 10px;
	border: 2px solid #ccc;
}
label {
	margin: 0;
	padding: 0 0 0 5px;
	border-left: 6px solid #00a0e9;
}
.radio label {
	border: none;
}
.radio a img {
	padding: 0 10px 0 30px;
	vertical-align: middle;
}
input {
	margin: 0 10px;
	padding: 2px;
	border: 2px solid #ccc;
}
.radio input {
	margin: 0 5px 0 10px;
	border: none;
}
textarea {
	margin: 0 10px;	
	padding: 3px;
	border: 2px solid #ccc;
} 
.mgB10 {
	margin: 0 0 10px 0;
	}
.txtred {
	color: #FF0000;
}
/* --------------------------------------------
データ作成方法 */
#data ,#hina {
	float: right;
	width: 630px;
	padding: 5px 0;
	margin: 0 10px 0 0;
	line-height: 1.5em;
}

#data .datanavi {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#data .datanavi li {
	background: url(../img/icondata.jpg) no-repeat left;
	padding: 0 0 0 20px;
	list-style: none;
	line-height: 1.5em;
	}
#data table {
	background-color: #E8E8E8;
	width: 600px;
	margin: 0 0 10px 0;
	}
#data th {
	width: 140px;
	padding: 10px 5px;
	}
#data td {
	background-color: #FFFFFF;
	padding: 10px 5px;
	}
#data .fileocool td{
	margin: 0;
	padding: 0;
	}
#data .bggray {
	background-color: #CCCCCC;
	}
.alignR {
	text-align: right;
	}
.alignC {
	text-align: center;
	}
#data p {
	margin: 0 0 20px 0;
	}
#data h4 {
	background-color: #26ABCD;
	color: #FFFFFF;
	font-weight: normal;
	padding: 5px;
	margin: 0 0 10px 0;
	 }
.chumoku {
	background-color: #FFFFCC;
	border: #FF0000 solid 1px;
	padding: 10px;
	margin: 0 0 10px 0;
	}
.chumoku li{
	font-size: 13px;
	}
#data h2{
	margin: 40px 5px 10px;
	padding: 0 0 0 5px;
	color: #26ABCD;
	font-size: 1.4em;
	border-left: 8px solid #26ABCD;
}
#data h3 {
	margin: 20px 5px 0;
	padding: 0;
	color: #111;
	font-size: 1.3em;
	font-weight: bold;
}
#data dt {
	color: #26ABCD;
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0 5px 0;
	border-bottom: 1px dotted #26ABCD;
	width: 600px;
}
/* --------------------------------------------
ひな形ダウンロード */
#hina h2 {
	margin: 0 0 10px 0;
	}
#hina h3 {
	color: #990000;
	font-weight: bold;
	font-size: 13px;
	}
#hina img {
	margin: 0 0 5px 0;
	}
#hina table {
	background-color: #EBEBEB;
	border: solid 1px #CCCCCC;
	width: 600px;
	margin: 0 0 10px 0;
}
#hina th {
	background: url(../img/hinagata_bgshasen.gif) repeat-x;
	margin: 0;
	padding: 5px;

}
#hina td {
	background-color: #ffffff;
	padding: 5px;
}
.pori {
	width: 600px;
}
#hina .pori th {
	background-image: none; 
	width: 100px;
	color: #990000;
	font-weight: bold;
	font-size: 13px;
	vertical-align: middle;
}
#hina .hinapo td {
	width: 200px;
	}
/*-----------newstxt
---------*/
.newstxtarea {
	background-color: #FFFF00;
	padding: 10px;
	margin: 0 0 10px 0;
	}
.newstxtarea a {
	color: #0000FF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	}
.pdfmark {
	vertical-align: middle;
}
/* ----------------------------------------------------------------
カイロ */
#cairo {
	font-size: 12px;
	line-height: 20px;
	}
#ptissue #wrapper #main #content #cairo .kakaku {
	width: 580px;
	margin: 0 0 10px 40px;
}

.cairo .kakaku th {
	border: none;
}
/* ----------------------------------------------------------------
ポケットティッシュトップ */
#tissue {
	line-height: 1.5em;
	}
#tissue .pan {
	margin: 0 0 20px 10px;
	border-top: dotted 1px #CCCCCC;
	padding: 10px 0 0 0;
	}
#tissue h3 {
	margin: 0 0 10px 10px;
	padding: 0;
	}
#tissue table {
	border: none;
	border-collapse: none;
	}
#tissue .boxmain dl {
	width: 315px;
	float: left;
	margin: 0 0 20px 5px;
	}
#tissue .boxsub {
	margin: auto;
	}
#tissue .boxmain dt, #tissue .boxsub dt{
	margin: 0 0 5px 0;
	}
#tissue .boxmain dd, #tissue .boxsub dd {
	margin: 0 10px;
	}
#tissue .boxsub dl {
	width: 200px;
	float: left;
	margin: 0 0 20px 5px;
	}
#tissue .pomenu {
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0;
	width: 500px;
	margin: 0 0 0 20px;
	}
#tissue .pomenu li {
	line-height: 1.5em;
	margin: 0 0 0 20px;
	padding: 0 0 5px 10px;
	list-style-position: inside;
	}
#tissue .pomenu img {
	vertical-align: bottom;
	margin: 0 0 0 5px;
	}
/* ----------------------------------------------------------------
ポケットティッシュラベルトップ */
#tissue h4 {
	margin: 0 0 10px 30px;
	padding: 0;
	background-image: none;
	}
#tissue h5 {
	margin: 0 0 10px 30px;
	padding: 0;
	background-image: none;
	background-color: #FFFFFF;
	font-size: 1.3em;
	}
#tissue .mgB05 {
	margin: 0 0 5px 0;
	}
#tissue .mgB20 {
	margin: 0 0 20px 0;
	}
#tissue .course {
	width: 520px;
	margin: 0 0 20px 40px;
	}
#tissue .course li {
	border-bottom: 1px dotted #CCCCCC;
	margin:10px 0 10px 0;
	padding: 0 0 0 10px;
	}
#tissue .mgL40 {
	margin: 0 0 0 40px;
	}
#tissue .mgL20 {
	margin: 0 0 0 20px;
	}
#tissue .mgL30 {
	margin: 0 0 0 30px;
	}
#tissue .ptit {
	margin: 0 0 20px 20px;
	}
#tissue p {
	text-align: left;
	margin: 0;
	padding: 5px 0;
	}
/* ----------------------------------------------------------------
納品までの目安 */

#syukka {
	margin: 0 0 0 20px;
	padding: 20px 0 0 0;
}
#syukka .catch {
	padding: 10px 0;
	margin: 0 0 10px 0;
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	}
#syukka dt {
	font-size: 1.6em;
	font-weight: bold;
	color: #0033CC;
	margin: 0 0 5px 0;
	border-left: 6px solid #0033CC;
	padding: 0 0 0 5px;
}
#syukka dd {
	margin: 0 0 20px 10px;
	}
#syukka .extra h4 {
	background-image: none;
	margin: 10px;
	padding: 0;
	font-size: 1.2em;
	}
#syukka .extra td {
	vertical-align: top;
	}
/*------------------------------------------------------------------------------
うちわ設定
------------------------------------------------------------------------------*/
#uchiwa {
	padding: 20px 10px 0 20px;
	}
#uchiwa .navi {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	}
#uchiwa .navi li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 287px;
	}
#uchiwa p {
	text-align: left;
	}
#uchiwa .naviS {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	}
#uchiwa .naviS li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
	}
#uchiwa .mgR10 {
	margin: 0 10px 0 0;
	}
div.tabarea {
	width: 590px;
	border: 2px solid #CDEDFA;
	margin: 0 0 10px 0;
	padding: 10px;
	}
.valignB {
	vertical-align: bottom;
	}
.txtprice {
	color: #FF0000;
	font-size: 1.4em;
	}
.boxLeft {
	float: left;
	}
.boxRight {
	float: right;
	width: 400px;
	}
#uchiwa .navi dl {
	margin: 0 0 20px 5px;
	_margin: 0 5px 10px 0;
	padding: 0;
	float: left;
	list-style: none;
	}

#uchiwa .navi dd {
	margin: 0;
	}

#uchiwa .navi {
	border-style: none;
	}


/* --------------------------------------------
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;
	}