@charset "UTF-8";

/* DEFAULT
#################################################################*/
*{margin:0;padding:0;border:0;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
p {text-align:justify;text-justify:inter-ideograph;}

/* --HTML-- */
html {overflow-y:scroll;}

/* --BODY-- */
body {margin:0;padding:0;overflow:visible;
background: #007410 url("../images/head_bg.gif") repeat-x 0 0;
}

/* --OTHER TAGS-- */
a img, img {border:0;display:block;}
li img {vertical-align:top;line-height:0;display:block;}
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {margin:0;padding:0;}
abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, th, strong, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
code, kbd, pre, samp, tt {font-family:monospace;line-height:100%;}

	/* for IE7 */
	*+html code, kbd, pre, samp, tt {font-size:108%; }

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;display:inline;}
ol, ul {list-style:none;}
q:before, q:after {content:'';}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}

/* COMMON
#################################################################*/
#head {
height: 50px;
overflow: hidden;
background: url("../images/head_bg.gif") repeat-x 0 0;
}
#head h1 {
width: 103px;
float: left;
}
#head p {
width: 118px;
float: right;
}

#foot {
height: 50px;
background: url("../images/foot_bg.gif") repeat-x 0 0;
clear: both;
}
#foot address {
padding: 30px 0 0 0;
text-indent: -9999px;
background: url("../images/copy.gif") no-repeat center center;
}

/* SHARE
#################################################################*/
#wrap {
margin: 0 auto;
width: 910px;
}
#container {
padding: 0 0 20px 0;
background: url("../images/bgf.jpg") no-repeat 0 bottom;
}
#contents {
padding: 20px 45px;
background: url("../images/bg.jpg") repeat-y 0 0;
overflow: hidden;
}



/* SHARE (INDEX)
#################################################################*/
#navi {
margin: 20px 0;
height: 131px;
text-align: center;
background: url("../images/navi_bg.gif") no-repeat 0 0;
}
#navi img {
margin: 25px 0 0 0;
display: inline;
}
#contents h3 img {
margin: 0 0 20px 0;
clear: both;
}
#contents div.inner {
padding: 0 15px;
overflow: hidden;
}
#contents h4 img {
margin: 30px 0 10px 0;
clear: both;
}
#contents p {
margin: 10px 0;
font-size: 14px;
line-height: 1.8em;
}
#contents p em {
color: #f60;
font-weight: bold;
}
#contents div.box {
margin: 10px 0 0 0;
padding: 0 10px;
overflow: hidden;
clear: both;
}
#contents img.right {
margin: 0 0 20px 20px;
float:right;
}
#contents img.left {
margin: 0 20px 20px 0;
float: left;
}
#contents li {
font-size: 12px;
line-height: 2em;
}
#contents li span {
color: #f90;
}
#contents p span {
color: #060;
font-weight: bold;
}
#contents p.center img {
display: inline;
}
#contents p.center {
text-align: center;
}

/* SHARED (SHOP)
#################################################################*/
#contents div.shop {
margin: 20px 15px 20px 0;
width: 263px;
background: #fffdf7;
float: left;
}
*html #contents div.shop {
display: inline;
}
#contents div.last {
margin: 20px 0;
}
#contents div.shop div.inner {
padding: 15px 15px 0 15px;
height: 366px;
}
#contents div.shop h4 {
color: #f30;
font-size: 12px;
}
#contents div.shop p {
padding: 0 0 10px 0;
font-size: 12px;
line-height: 1.6em;
background: url("../images/dotline.gif") repeat-x 0 bottom;
}
#contents div.shop dl {
margin: 10px 0 0 0;
padding: 0 0 10px 0;
font-size: 14px;
background: url("../images/dotline.gif") repeat-x 0 bottom;
}
#contents div.shop dt {
color: #007410;
line-height: 1.6em;
font-weight: bold;
}
#contents div.shop dd {
line-height: 2em;
}
#contents div.shop dd em {
color: #c00;
font-weight: bold;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix {
	display: inline-block;
}