@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;
	margin:0;
	padding:0;
}
img { 
	border:0;
	vertical-align:bottom;
}

/* 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;
	}
#page {
	width:800px;
	border:1px solid  #999;
	border-top:1px solid #999;
	margin:0 auto;
	}
# header {
	margin:0;
	padding:0;
	}
h1 { margin:0;
	padding:0;
	}
#main {
	width:760px;
	margin:0 auto;
	padding:0;
	}	
a:link,
a:visited {
	color:#039;
	}
a:hover,
a:active {
	color:#C03;
	}
/*ヘッダー*/
/*メインコンテンツ*/

h1 {
	color:#FFF;
	font-size:340%;
	font-weight:700;
	line-height:1;
	padding:10px 10px 10px 25px;
	text-align:left;
	}
h1 span {
	font-size:70%;
	}
h1.jd {
	background:#3C0;
	}
h1.ic {
	background:#F00;
	}
h1.mj {
	background:#36F;
	}
h1.esm {
	background:#096;
	}

h2 {
	padding:3px 0 2px 10px;
	margin-bottom:20px;
	border-bottom:3px solid #39F;
	background:url(images/bg_h2.gif) no-repeat left;
	font-size:140%;
	font-weight:700;
	text-align:left;
	}
.left {
	float:left;
	width:370px;
	}
.right {
	float:right;
	width:370px;
	}
.box2 .left {
	float:left;
	width:240px;
	}
.box2 .right {
	float:right;
	width:510px;
	}
.copy {
	color:#F00;
	font-size:120%;
	font-weight:700;
	text-align:left;
	margin:20px 0 15px 0; 
	}

.type {
	width:240px;
	float:left;
	text-align:left;
	border:1px solid #F69;
	}
.mdl {
	margin:0 15px;
	}
.type .ttl {
	background:#F69;
	color:#FFF;
	font-weight:700;
	padding:5px 0;
	text-indent:15px;
	}
.type .exp {
	font-size:80%;
	line-height:1.45;
	margin:10px;
	}
.txt {
	text-align:left;
	line-height:1.25;
	font-size:90%;
	}

.box {
	margin:15px 0 30px 0;
	}
.font_s {
	font-size:85%;
	}

.order {
	display:inline;
	text-align:center;
	}
.order a {
	display:block;
	width:150px;
	padding:5px 10px;
	margin:0 auto 10px auto;
	font-weight:700;
	text-decoration:none;
	font-size:90%;
	}
.order a:link {
	border:1px solid #039;
	}
.order a:visited {
	border:1px solid #039;
	}
.order a:hover {
	border:1px solid #C03;
}
.order a:active {
	border:1px solid #C03;
	}	
.esm .left {
	width:360px;
	}
.esm .right {
	width:360px;
	}
/**/ 
table {	
	clear:both;
	border:1px solid #999;
	margin:10px auto ;
	width:370px;
	font-size:85%;
	}
.box2 table {	
	clear:both;
	border:1px solid #999;
	margin:10px auto ;
	width:510px;
	font-size:85%;
	}
th {
	background-color:#F90;
	border:1px solid #999;
	text-align:center;
	padding:5px ;
	font-weight:normal;
	}
td {
	border:1px solid #999;
	text-align:center;
	padding:5px 10px;
	}

p.shoptop {
	margin-top:30px;
	font-size:80%;
	text-align:center;
	}
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 15px 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:20px 0 10px 0;
	}
div#footer p {
	text-align:center;
	}