@charset "Shift_JIS";

/* reset------------------------- */

	
*{	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	clear:both;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	clear:both;
}

h1,h2,h3,h4,h5,h6,p,li,dl,dt,dd,caption,address,th,td,b,small {
	word-break:break-all;
	word-wrap:break-word;
}

ul li,ol li{
	list-style: none;
}

img { 
	border:0;
	vertical-align:bottom;
	margin:0;
	padding:0;
}

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

/*\*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/**/

/* ページ全体の設定*/
body {
	text-align:center;
	background:url(images/bg.gif);
	}

#page {
	width:800px;
	margin:0 auto;
	border:none;
	background:#FFF;
	}
#main {
	}
a:link,
a:visited {
	color:#039;
	}
a:hover,
a:active {
	color:#C03;
	}
/*ヘッダー*/
/*メインコンテンツ*/
h1 {
	text-align:left;
	}
h2 {
	color:#FFF;
	background:url(images/bg_blue.jpg) repeat-x left top;
	font-size:140%;
	font-weight:700;
	text-align:left;
	width:740px;
	margin:0 auto;
	padding:5px 2px 5px 10px;
	}
.copy {
	color:#C00;
	font-weight:700;
	font-size:140%;
	text-align:left;
	line-height:1.25;
	}
.box {
	width:740px;
	margin:0 auto;
	}
.box p {
	text-align:left;
	margin:5px 0 10px 0;
	}
.left {
	float:left;
}
.right {
	float:right;
}
.box1 {
	position:relative;
	margin-top:10px;
	} 

.box1 li {
	display:inline;
	}
.box1 li img {
	vertical-align:top;
	}
.box1 .text {
	position:absolute;
	left:375px;
	top:180px;
	width:350px;
	text-align:left;
	font-size:90%;
	line-height:1.3;
	}
.box2 {
	width:690px;
	margin:10px auto;
	text-align:left;
	}
.box2 p.copy {
	line-height:1;
	font-size:120%;
	margin:10px 0;
	}
	
.file_set {
	width:740px;
	margin:10px auto 0 auto;
	background:url(images/file.jpg) no-repeat right top;
	}
.file_set p.copy {
	font-size:120%;
	margin-top:10px;
	}
.file_set .box4 {
	margin:20px 0;
	}
	
.file_set ul {
	font-size:90%;
	text-align:left;
	}
.file_set .gre:first-letter {
	color:#0C0;
	}
.file_set .blu:first-letter {
	color:#06F;
	}
.file_set .red:first-letter {
	color:#F00;
	}
/**/ 
table {	
	clear:both;
	border:1px solid #999;
	margin:0 auto 5px auto;
	font-size:90%;
	width:680px;
	}
caption {
	text-align:left;
	}
th {
	background-color:#F90;
	border:1px solid #999;
	text-align:center;
	padding:5px ;
	}
td {
	border:1px solid #999;
	text-align:center;
	padding:5px 10px;
	}
td.price {
	font-size:130%;
	font-weight:700;
	color:#FF0000;
	}
td.order {
	font-weight:700;
	}
	
.file_set table {
	width:500px;
	margin-top:10px;	
	}	
p.shoptop {
	font-size:80%;
	text-align:center;
	margin:0 auto 15px auto;
	}
p.shoptop a {
	text-decoration:none;
	padding:3px 5px;
	font-weight:700;
	}
p.shoptop a:link ,
p.shoptop a:visited {
	background:#039;
	color:#FFF;
	border:1px solid #039;
	}
p.shoptop a:hover ,
p.shoptop a:active {
	background:#CC0033;
	color:#FFF;
	border:1px solid #C03;
	}
p.pagetop {
	text-align:right;
	font-size:80%;
	margin:10px 30px 20px 0;
	}
p.pagetop a:link ,
p.pagetop a:visited {
	color:#03F;
	}
p.pagetop a:hover ,
p.pagetop a:active {
	color:#096;
	}
.color_r {
	color:#F00;
	}
/*フッター*/
div#footer {
	text-align:center;
	font-size:75%;
	padding:10px 0 10px 0;
	border-top:double 3px #999;
	clear:both;
	}
div#footer p {
	text-align:center;
	}
.clear {
	clear:both;
	}
	
.seal {
	width:740px;
	border:1px solid #A51F1F;
	margin:15px auto;
	background:#F4F2E8;
	}		
.seal p.ttl {
	text-align:left;
	color:#FFF;
	background:url(images/bg_red.jpg) repeat-x left top;
	font-size:140%;
	font-weight:700;
	padding:5px 5px 5px 10px;
	}	
.color {
	width:740px;
	border:1px solid #A51F1F;
	margin:15px auto;
	}	
.color table, .color th, .color td {
	border:none;
	}	
.color td {
	width:100px;
	}
.color p {
	text-align:left;
	color:#FFF;
	background:url(images/bg_red.jpg) repeat-x left top;
	font-size:140%;
	font-weight:700;
	padding:5px 5px 5px 10px;
	}
.shiyou {
	text-align:left;
	font-size:85%;
	margin-left:15px;
	}
.shiyou2 {
	text-align:left;
	font-size:85%;
	margin-left:60px;
	}
.att {
	color:#F00;
	font-size:85%;
	text-align:left;
	}
dt {
	margin:10px 0 5px 0;
	}
dd {
	font-size:85%;
	line-height:1.2;
	margin:2px 0 5px 5px;
	}