@charset "UTF-8";

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

/*----- h1 -----*/
h1 {
	text-align: center;
	font-size: 12pt;
	margin: 0;
	margin-bottom: 6px;
	background-color: #ff0095;
	color: #ffffff;
	border: 1px #ff0095 solid;
	padding: 2px 4px;
}
div.h1 { width: 95%; margin: 0 auto; }
div.h1 p { text-indent: 1em; }

/*----- h2 -----*/
h2 {
	width: 95%;
	text-align: left;
	font-size: 12pt;
	margin: 6px auto;
	color: #ffffff;
	background-color: #ff0095;
	border: 1px #ff0095 solid;
	padding: 2px 4px 2px 1em;;
}
div.h2 { width: 95%; margin: 0 auto; }
div.h2 p { text-indent: 1em; }

/*----- h3 -----*/
h3 {
	width: 95%;
	text-align: left;
	font-size: 12pt;
	margin: 6px auto;
/*
	color: purple;
	background-color: #ffcff0;
	border: 1px purple solid;
*/
	padding: 2px 4px 2px 1em;;
}
div.h3 { width: 95%; margin: 0 auto; }
div.h3 p { text-indent: 1em; }


body {
	font-size: 10.5pt;
	width: 850px;
	margin: 6px auto;
}
form { margin: 0; padding: 0; }
p { margin: 6px; line-height: 135%; }
img.c,
button.c,
input.c { display: block; margin: 4px auto; }
/*----- その他スタイル -----*/
.img { border: 1px lightgrey solid; }

ul li { list-style-type: none; }
ul {  margin: 0; padding: 0; }
tr,th,td { margin: 0; }
/*======================================
 テーブルの装飾用（1パターンのみ）
--------------------------------------*/
table.deco {
	font-size: 9pt;
	border-collapse: collapse;
	margin: 4px auto;
}
table.deco th {
	font-weight: normal;
	font-size: 9pt;
	padding: 4px 6px;
	color: black;
	background-color: #ffb6bd;
	border: 1px black solid;
}
table.deco td {
	text-align: left;
	padding: 4px 8px;
	background-color: #cccccc;
	border: 1px black solid;
}
table.l th,
table.l td {
	text-align: left;
}
table.outline {
	margin: 4px auto;
	border-collapse: collapse;
}
table.outline td {
	border:1px lightgrey dashed;
	padding:6px 16px;
	vertical-align:top;
}
table.outline td:hover {
	background-color: #f0fff0;/*lightgrey;*/
}
/*======================================
 フッタ用<div>
--------------------------------------*/
#footer {
}
	#footer ul {
		text-align: center;
	}
	#footer li {
		display: inline;
		margin: 0 4px;
	}
/*======================================
 ページトップ用<div>
--------------------------------------*/
#page_top {
	margin-bottom: 4px;
}
/*======================================
 左メニュー用<div>
--------------------------------------*/
#menu {
	width:180px;
}
#menu div {
	margin-bottom: 6px;
}
#menu dl {
	border: 1px black solid;
	margin: 0;
	margin-bottom: 4px;
}
#menu dt {
	text-align: center;
	background-color: black;
	color: #ffffff;
	padding: 4px;
	font-size: 10pt;
}
#menu dd {
	margin: 0;
	margin-left: 4px;
	padding: 6px;
}

#menu ul {
	margin: 0;
	padding: 0;
}
#menu dl ul li {
	list-style-type: circle;
	margin-left: 1em;
}
#menu li {
	font-size: 10pt;
	line-height: 135%;
}
#menu li a {
	color: black;
}
#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;
}
/*======================================
 コンテンツ用
--------------------------------------*/
@media screen {
	#contents {
		float: right;
		width: 660px;
	}
}
@media print {
	* {
		border-color: black !important;
		color: black !important;
		background-color: white !important;
	}
	#menu { display: none; }
	input,
	button {
		border: 1px gray solid;
	}
}
/*======================================
 ページ目録<ul>
--------------------------------------*/
#page_index {
	text-align: center;
	margin: 4px auto;
}
#page_index li {
	display: inline;
	margin: 0 0.2em;
}
/*----- 注意 -----*/
h2.caution,
h2.notice {
	color: black;
}
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;
}
/*----- フォルダ -----*/
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;
}
li.dustbox a {
	padding: 2px;
	padding-left: 20px;
	background :url('/image/icon/folder.png') no-repeat;
}
/*----- フロートウィンドウ ------*/
#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 class="list"> -----*/
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 class="list"> -----*/
ul.inline    { display: inline; margin: 0; padding: 0; }
ul.inline li { list-style-type: none; display :inline; }

/*----- 注文の手順<ul> -----*/
#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;
}

/*----- コンテンツメニュー<ul> -----*/
#menu_contents {
	margin:4px;
	text-align: center;
}
#menu_contents li {
	display :inline;
	margin: 0 6px;
}
/*----- 共有中アイコン -----*/
.side_thumbnail {
	position: relative;
}
img.side_share {
	position: absolute;
	bottom: 6px;
	right: 8px;
	z-index: 100;
}
.card1 img.side_share {
	right: 12px;
}