@charset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object { margin:0; padding:0; }

* {
margin:0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
html,body{
	height: 100%;
}
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Helvetica,'ＭＳ Ｐゴシック',sans-serif;
	font-size:11pt;
	line-height:1.6;
	color:#fff;
	background:#000;
}
a img { border:0; }
ul, ol { list-style-type:none; }
sup { position: relative; vertical-align: baseline; top: -0.9em; font-size: 0.5em; }
hr { display: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
th, caption{ text-align: left; font-weight: normal; }
th,td { empty-cells:show; }

input{vertical-align:middle;}
input[type="text"],input[type="password"],input[type="text"] { padding:5px; margin-right:3px;}
input[type="button"] { padding:4px; margin-bottom:3px; }
input[type="submit"] { display:inline; margin:0 5px; padding:5px 10px; }
input[type="checkbox"] { margin-right:3px; }
input[type="radio"] { margin-right:3px; }
textarea,select { padding:5px; font-size:100%; }
optgroup { font-style:normal; }
option { padding-right:10px; }

img { vertical-align:top; }
.hproduct { display:none; }

.clear{clear:both;}
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}


/* ▼共通------------------------------- */
.c-box{
	width:960px;
	margin:0 auto;
}

/* ▼ヘッダー------------------------------- */
#title{
	background:url(/img2/title-bg.png) repeat-x left top;
	height:33px;
	margin:30px 0;
}
#title img{
	background:#000;
}

/* ▼バナー------------------------------- */
#banner{
	background:url(/img2/banner-bg.png);
	padding:20px 0;
}
#banner li{
	display:inline-block;
	margin-right:15px;
	background:#fff;
}
#banner li:last-child{
	margin-right:0;
}
#banner li img{
	border:0;
	vertical-align:bottom;
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}
#banner li img:hover{
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

/* ▼コピーライト------------------------------- */
small{
	display:block;
	text-align:center;
	font-size:90%;
	margin:20px 0 50px;
}