@charset "UTF-8";


* {
	margin:0;
	padding:0;
}


.fl { float: left; }
.fr { float: right; }
.fc { clear: both; }

.inline{ display: inline; }
.block { display: block; }

img.img { border-width: 0;}

.none { display: none; }

a {
	color:#409BE3;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

dl {
	margin:2px 0;
}
dd {
	margin: 4px;
	margin-left: 2em;
}
button,
input {
	margin: 0;
	padding: 0;
}

}
div.h6 { width: 95%; margin: 0 auto; }
div.h6 p { text-indent: 1em; }
*/


form { margin: 0; padding: 0; }
p { margin:0 0 1em; }
img.c,
button.c,
input.c { display: block; margin: 4px auto; }
div .c img{border:1px #ccc solid}
.img { border: 1px lightgrey solid; }

ul li { list-style-type: none; list-style-position:inside; }
ol li { margin-left:2em; }
ul {  margin: 0; padding: 0; }
tr,th,td { margin: 0; }


.select-name{
font-size:13px;
font-weight:bold;
}

.center{
text-align:center;
}

.blue{
color:#0033CC;
}
.blue2{
color:#006400;
}
.orange{
color:#FF6633;
}

#wrapper {
	width:100%;
	margin:0 auto;
	text-align: center;  
}

#container {
	width:950px;
	margin:15px auto 0;
	text-align: left; 
}

p.gotop{
margin:0 0 0 830px;
padding:0;
clear:both;
}
p.gotop a{
background:url(../images/gotop.gif) no-repeat right;
text-indent:-9999px;
width:120px;
height:26px;
display:block;
}

p.gotop2{
margin:5px 0 12px;
padding:0;
clear:both;
text-align:right;
}
p.gotop2 a{
text-decoration:underline;
}
p.gotop2 a:hover{
text-decoration:none;
}

table.deco {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
table.deco th {
	background-color: #008080;
	border: 1px solid #dddddd;
	padding: 5px;
	text-align: center;
	line-height: 1.5;
	vertical-align:middle;
	font-size: 9pt;
  	color: #ffffff;
}
table.deco td {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 5px;
	text-align: left;
	line-height: 1.5;
	vertical-align:middle;
  	color: #000000;
}
table.deco_order {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
table.deco_order th {
	background-color: #2f4f4f;
	border: 2px solid #dddddd;
	padding: 5px;
	text-align: center;
	line-height: 1.5;
	vertical-align:middle;
	font-size: 9pt;
  	color: #ffffff;
}
table.deco_order td {
	background-color: #dcdcdc;
	border: 2px solid #ffffff;
	padding: 5px;
	text-align: left;
	line-height: 1.5;
	vertical-align:middle;
  	color: #000000;
}
table.l th,
table.l td {
	text-align: left;
}
table.outline2 {
width:720px;
}
table.outline,table.outline2 {
	margin: 4px auto;
	border-collapse: collapse;
}
table.outline img,table.outline2 img{
border:1px #ccc solid;
}
table.outline td {
	border:1px lightgrey dashed;
	padding:6px 16px;
	vertical-align:top;
	text-align:center;
}
table.outline2 td {
	border:1px lightgrey dashed;
	padding:6px 10px;
	vertical-align:top;
	text-align:center;
}
table.outline td:hover,table.outline2 td:hover {
	background-color: #f0fff0;
}

#footer {
	clear:both;
	width:100%;
	margin:0 auto;
	text-align: center;
	padding:10px 0 15px;
	background-color:#006400;
	color:#FFFFFF;
}
#footer a{
	color:#FFFFFF;
}
#footer a:hover{
text-decoration:none;
}
#footer-inner{
	width:950px;
	margin:0 auto;
	text-align: left; 
}

#footer ul {
	margin:0 auto 10px;
	text-align:center;
}
#footer ul li {
	display:inline;
}

#footer ul.footermenu li {
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid white;
}

#footer ul li.utilityHome {
	border-left:0;
}

#footer p#copyright {
	text-align:center;
	margin-bottom:0;
}

#page_top {
	margin-bottom: 4px;
}

#menu {
	width:200px;
	margin:15px 0 0;
}
#menu div {
	margin-bottom: 6px;
}
#menu dl {
	border: 1px #000 solid;
	margin: 0;
	margin-bottom: 7px;
}
#menu dl.mochu {
	border: 1px #0286cb solid;
	background-color:#ffffcc;
	margin: 0;
	margin-bottom: 7px;
}
#menu dt {
	text-align: center;
	background-color: #191970;
	color: white;
	padding: 4px;
	font-size: 11pt;
	font-weight:bold;
}
#menu dt.mochu {
	text-align: center;
	background-color: #0286cb;
	color: white;
	padding: 4px;
	font-size: 11pt;
	font-weight:bold;
}
#menu dd {
	margin: 0;
	padding: 3px 0;
}

#menu ul {
	margin: 0;
	padding: 0;
}
#menu dl ul li {
	list-style: circle outside;
	padding:1px 0 1px 0px;
	margin: 0 0 0 20px;
}
#menu li {
	font-size: 10pt;
	line-height: 135%;
}
#menu li a {
color:#333333;
}
#menu li a:hover {
color:#333333;
text-decoration:none;
}
#menu .question {
	display: block;
	margin: 0;
	margin-right: 1em;
	font-size: 7pt;
	text-align: right;
}
#menu .image {
	margin: 0;
	margin-bottom: 2px;
	padding: 0;
}
#menu .image li {
	margin: 0;
	padding: 0;
}
#menu .image a {
	display:block;
}

	#contents {
		width: 720px;
		margin:7px 0 0 ;
	}
	
	#main {
		float: right;
		width: 720px;
		margin:7px 0 0 ;
		font-size:14px;
		line-height:1.6;
	}

#page_index {
	text-align: center;
	margin: 4px auto;
}
#page_index li {
	display: inline;
	margin: 0 0.2em;
}
h2.caution,
h2.notice {
	color: red;
}
p.caution {
	margin: 0;
	text-align:left;
	color: red;
	text-indent: 0 !important;
}
span.caution {
	color: red;
}
.card {
	position:relative;
	padding: 0 20px 20px 0;
}
.card .card0 {
	display: block;
	position:relative;
	z-index:10;
}
.card .card1 {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index:5;
}
.card .card1:hover {
	z-index:15;
}
.card img{
border:1px #ccc solid;
}

li.cart a {
	padding: 2px;
	padding-left: 20px;
	background :url('/image/icon/cart.png') no-repeat;
}
li.folder  a{
	padding: 2px;
	padding-left: 20px;
	background :url('/image/icon/folder.png') no-repeat;
}
#menu dl ul li.dustbox a {
	padding: 2px;
	padding-left: 20px;
	background :url('/image/icon/folder.png') no-repeat;
}
#menu dl ul li.box a {
	padding: 2px;
	padding-left: 10px;
	background :url('/images/box.png') no-repeat;
	margin:0;
}
#menu dl ul li.dustbox,#menu dl ul li.box {
	list-style:none;
}

#float_window {
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	border: 2px gray solid;
	display: none;
	overflow: auto;
}
.window {
	background-color: white;
}

dl.list    { display: block;  margin: 0; padding: 0; }
dl.list dt { display: inline; margin: 0; padding: 0; }
dl.list dd { display: inline; margin: 0; padding: 0; margin-left: 0.4em; }
dl.list ul { display: inline; margin: 0; padding: 0; }
dl.list li { list-style-type: none; display :inline; }
ul.inline    { display: inline; margin: 0; padding: 0; }
ul.inline li { list-style-type: none; display :inline; }

#order_progress {
	width: 100%;
	height: 2em;
	line-height: 2em;
	margin-bottom: 12px;
	border: 1px gray solid;
	background-color: #ffff90;
}
#order_progress li {
	width: 21%;
	float: left;
	text-align: center;
	padding: 0 2%;
	font-weight: bold;
}
#progress_now {
	background-color: white;
}

#menu_contents {
	margin:4px;
	text-align: center;
}
#menu_contents li {
	display :inline;
	margin: 0 6px;
}

.side_thumbnail {
	position: relative;
}
.side_thumbnail img{
	border:1px solid #ccc;
}
img.side_share {
	position: absolute;
	bottom: 6px;
	right: 8px;
	z-index: 100;
}
.card1 img.side_share {
	right: 12px;
}

table.cost-t2{
width:720px;
margin:20px 0 0;
font-size:16px;
font-weight:bold;
padding:2px 0 0;
}
table.cost-t3{
width:720px;
border:#333333 1px solid;
margin-bottom:2px;
border-bottom:none;
border-right:none;
font-size:14px;
text-align:center;
}
table.cost-t{
width:720px;
border:#333333 1px solid;
margin-bottom:2px;
border-bottom:none;
border-right:none;
text-align:center;
}

table.cost-t td{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
width:115px;
}
table.cost-t3 td{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
}
table.cost-t th,table.cost-t3 th{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
background-color:#D6E3EB;
font-weight:bold;
}
table.cost-t td.price{
font-size:18px;
font-weight:bold;
color:#FF0000;
width:150px;
}
table.cost-t3 td.price{
font-size:18px;
font-weight:bold;
color:#FF0000;
width:120px;
}
table.cost-t td.cost-name{
font-size:14px;
font-weight:bold;
text-align:left;
width:200px;
background-color:#FFFFD0;
padding:2px 0 2px 7px;
}
table.cost-t3 td.cost-name{
font-size:14px;
font-weight:bold;
text-align:left;
width:240px;
background-color:#FFFFD0;
padding:2px 0 2px 7px;
}

table.payment-t{
width:400px;
border:#333333 1px solid;
margin-bottom:4px;
border-bottom:none;
border-right:none;
font-size:14px;
}
table.payment-t td{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
padding:7px;
}
table.payment-t th{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
background-color:#D6E3EB;
font-weight:bold;
padding:7px;
}

table.delivery-t{
width:720px;
border:#333333 1px solid;
margin-bottom:4px;
border-bottom:none;
border-right:none;
font-size:14px;
}
table.delivery-t td{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
padding:7px;
background-color:#FFFFCC;
width:550px;
}
table.delivery-t th{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
background-color:#D6E3EB;
font-weight:bold;
padding:7px;
width:90px;
text-align:center;
}
table.delivery-t td.price{
font-size:18px;
font-weight:bold;
background-color:#FFFFFF;
width:80px;
text-align:right;
}

table.delivery-t2{
width:600px;
border:#333333 1px solid;
margin-bottom:4px;
border-bottom:none;
border-right:none;
font-size:14px;
}
table.delivery-t2 td{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
padding:7px;
}
table.delivery-t2 td.bgy{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
padding:7px;
background-color:#FFFFCC;
}
table.delivery-t2 th{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
background-color:#D6E3EB;
font-weight:bold;
padding:7px;
text-align:center;
}

table.paper-t{
width:720px;
margin:5px 0 7px;
font-size:12px;
border-top:#333333 1px solid;
border-left:#333333 1px solid;
}
table.paper-t2{
width:350px;
margin:5px 0 7px;
font-size:12px;
border-top:#333333 1px solid;
border-left:#333333 1px solid;
}
table.paper-t th,table.paper-t2 th{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
background-color:#666666;
color:#FFFFFF;
padding:7px;
text-align:center;
font-size:13px;
line-height:18px;
width:335px;
font-weight:normal;
}
table.paper-t td,table.paper-t2 td{
border-bottom:#333333 1px solid;
border-right:#333333 1px solid;
padding:8px;
vertical-align:top;
}

td.tdbg-g{
background-color:#eeeeee;
font-weight:bold;
text-align:center;
width:70px;
}

table.order-t{
width:720px;
}
table.order-t td{
vertical-align:top;
text-align:left;
width:400px;
}
table.order-t th{
width:320px;
}
table.order-t th img{
border:1px #CCCCCC solid;
margin-right:10px;
margin-bottom:10px;
}
table.order-t td img{
border:1px #CCCCCC solid;
margin:7px 0 5px;
}
table.order-t td p{
margin:0 0 7px;
padding:0;
}

div#guide{
font-size:14px;
border:#CEE9F9 2px solid;
padding:7px;
}

div#guide p{
margin:0 0 10px 0px;
}
div#guide p.ml10{
margin-left:10px;
}

table.guide-t{
width:700px;
vertical-align:top;
}
table.guide-t td{
vertical-align:top;
text-align:left;
width:320px;
}
table.guide-t th{
width:375px;
}

#guide_head_menu{
padding:10px 0 7px;
}

div#faq h4{
font-size:18px;
border-bottom:#ccc 2px dotted;
padding:5px 0 4px 29px;
margin-bottom:9px;
color:#006400;
background:url(../images/faq_q_icon.gif) bottom left no-repeat;
}

h4.create{
	font-size: 12pt;
	margin: 5px auto 0;
	padding:12px 0 0 38px
}
.create-name{
font-weight:bold;
background-color:#FFFFCC;
font-size: 10pt;
}

table.deco3 {
	font-size: 9pt;
	border-collapse: collapse;
	margin: 5px auto;
	width:100%;
}
table.deco3 th {
	font-size:11pt;
	padding:5px;
	background-color: #e1f0ff;
	border: 1px #999 solid;
}
table.deco3 td {
	text-align: left;
	padding:6px;
	border: 1px #999 solid;
}

table.deco3 ul li{
list-style-position:outside;
list-style-type:disc;
margin:0 0 0 17px;
}

.right{
float:right;
}

.left{
float:left;
}

.kakomi{
border:1px solid #ccc;
margin:7px;
padding:7px;
width:360px;
}

.stamp1-bg{
background:url(../images/stamp1_bg.jpg) right no-repeat;
}
.stamp12-bg{
background:url(../images/stamp12_bg.jpg) right no-repeat;
}
.stamp3-bg{
background:url(../images/stamp3_bg.jpg) right no-repeat;
}


.stamp-select{
	text-align: left;
	font-size: 13pt;
	font-weight: bold;
	margin: 15px auto 10px;
	background-color:#006400;
	color:#FFFFFF;
	padding: 5px 7px 5px 10px;
}
.stamp-select a{
color:#FFFFFF;
}
.stamp-select a:hover{
color:#FFFFFF;
text-decoration:none;
}
.stamp-other{
margin:0 0 10px;
padding:0;
color:#FF0000;
}


.upunderline_blue{
    padding: 4px 18px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
}
.upunderline_blue p {
    margin: 0; 
    padding: 0;
}
.upunderline_green{
    padding: 4px 18px;
    margin: 2em 0;
    color: #ffffff;
    background: #2e8b57;
    border-top: solid 5px #3cb371;
    border-bottom: solid 5px #3cb371;
}
.upunderline_blue p {
    margin: 0; 
    padding: 0;
}
.box10 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: #e4fcff;
    border-top: solid 6px #1dc1d6;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}
.box10 p {
    margin: 0; 
    padding: 0;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;
    background: #FFF;
    border: solid 3px #6091d3;
    border-radius: 10px;
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square-shadow:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.btn-square-shadow2 {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #008080;
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square-shadow2:active {

  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}