@charset "utf-8";
@import "./clearfix.css";
@import "./navi.css";

html {
	overflow-y:scroll; /*スクロールバーエリアを確保*/
}
body {
	margin:0 auto;
	padding:0;
	/*font-family:"ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "Hiragino Maru Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Verdana, sans-serif;*/
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",sans-serif;
	/*font-size:0.72em;*/
	font-size:12px;
	color :#000000;
	line-height:1.5;
	background:#ffffff;
}

img,div {
	margin:0;
	padding:0;
	border:0;
}

a:link		{ color:#00b3c5; text-decoration:none; }
a:visited	{ color:#00b3c5; text-decoration:none; }
a:active	{ color:#00b3c5; text-decoration:underline; }
a:hover		{ color:#00b3c5; text-decoration:underline; }


#liquidbg {
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:-100;
}






#header {
	display:block;
	width:931px;
	height:73px;
	margin:0 auto;
	padding:0 4px 0;
	overflow:hidden;
}

#header .home {
	float:left;
	display:block;
	width:116px;
	height:41px;
	margin:0;
	padding:16px 0 0 0;
	overflow:hidden;
}

#header .home a {
	display:block;
	width:116px;
	height:41px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(../images/logo.gif) no-repeat 0 0;
}

#header .ribbon {
	float:right;
	display:block;
	width:119px;
	height:73px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#header .ribbon a {
	display:block;
	width:119px;
	height:73px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(../images/ribbon.gif) no-repeat 0 0;
	overflow:hidden;
}
#header .ribbon a:hover {
	background-position:0 -73px;;
}



.container {
	display:block;
	width:931px;
	margin:31px auto 0;
	padding:0 4px 0;
}

.main {
	float:right;
	display:block;
	width:727px;
	min-height:500px;
	_height:500px;
	margin:0 0 13px 0;
	padding:0;
}

.main .splash {
	display:block;
	width:696px;
	height:357px;
	margin:0;
	padding:0 0 0 31px;
	text-align:right;
	overflow;hidden;
}

.main .splash p {
	display:block;
	width:696px;
	height:0;
	margin:0;
	padding:315px 0 0 0;
	_margin:-25px 0 0 0;
	_padding:340px 0 0 0;
	font-size:12px:
	line-height:125px;
	background-repeat:no-repeat;
	background-position:center center;
}

.main .splash p span {
	display:block;
	width:696px;
	margin:0;
	padding:6px 0 0 0; 
	line-height:1.1;
}

.main .lead {
	float:left;
	display:block;
	width:453px;
	margin:0;
	padding:0 0 0 31px;
}
.main .lead .note {
	font-size:12px;
}


.main h1 {
	display:block;
	width:453px;
	height:45px;
	margin:0 0 0.6em 0;
	padding:0;
	border-bottom:1px solid #999999;
	text-indent:-9000em;
}

.main h2 {
	display:block;
	height:35px;
	margin:0 0 1em 0;
	padding:0;
	border-bottom:1px solid #999999;
	color:#6d6036;
	/*font-size:150%;*/
	font-size:18px;
	font-weight:bold;
	line-height:1.1;
}

.main h3 {
	display:block;
	height:20px;
	margin:0.5em 0 8px 0;
	padding:0 0 0 1em;
	color:#6d6036;
	font-size:150%;
	font-weight:bold;
	line-height:1.1;
	background:url(../images/pointer04.gif) no-repeat 0 0.1em;
}

.main .lead p {
	font-size:117%;
	line-height:1.7;
	margin:0 0 1.7em 0;
}



.main .lead p.catalogdownload {
	width:453px;
	padding:0;
	font-size:100%;
	line-height:1.28;
}

.main .lead p.catalogdownload a {
	float:right;
	display:block;
	width:187px;
	height:28px;
	text-indent:-9000em;
	background:url(../images/icon-catalogdownload.gif) no-repeat 0 0;
	overflow:hidden;
	
}
.main .lead p.catalogdownload a:hover {
	background-position:0 -28px;
}



.main .itemlist {
	list-style-type:none;
	margin:0;
	padding:0;
}

.main .itemlist li {
	float:left;
	display:block;
	width:210px;
	height:321px;
	margin:9px 0 0 0;
	padding:0 0 0 32px;
	text-align:right;
}

.main .itemlist li p {
	display:block;
	width:210px;
	height:0;
	margin:0;
	padding:280px 0 0 0;
	_margin:-25px 0 0 0;
	_padding:305px 0 0 0;
	font-size:12px:
	line-height:125px;
	background-repeat:no-repeat;
	background-position:center center;
}

.main .itemlist li p span {
	display:block;
	width:210px;
	margin:0;
	padding:6px 0 0 0; 
	line-height:1.1;
	font-size:12px;
}







.main .itemlist li.wide {
	float:left;
	display:block;
	width:331px;
	height:251px;
	margin:9px 0 0 0;
	padding:0 0 0 32px;
	text-align:right;
}

.main .itemlist li.wide p {
	display:block;
	width:331px;
	height:0;
	margin:0;
	padding:210px 0 0 0;
	_margin:-25px 0 0 0;
	_padding:235px 0 0 0;
	font-size:12px:
	line-height:125px;
	background-repeat:no-repeat;
	background-position:center center;
}

.main .itemlist li.wide p span {
	display:block;
	width:331px;
	margin:0;
	padding:6px 0 0 0; 
	line-height:1.1;
	font-size:12px;
}



.main p.dummyheight {
	height:280px;
}
.main p.dummyheightveryhungry {
	height:560px;
}











.main .pagetop {
	display:block;
	height:19px;
	margin:12px 0;
}

.main .pagetop a {
	float:right;
	display:block;
	width:98px;
	height:19px;
	text-align:left;
	text-indent:-9000em;
	background:url(../images/icon-pagetop.gif) no-repeat 0 0;
	overflow:hidden;
}


.main .pagetop a:hover {
	background-position:0 -19px;
}



a.addpointer {
	margin:0;
	padding:0 8px 0 0;
	background:url(../images/pointer01.gif) no-repeat right center;
}

a.addpointer:hover {
	background:url(../images/pointer02.gif) no-repeat right center;
}


.main p.pdfreader {
	display:block;
	height:70x;
	margin:0 0 2em 0;
	padding:0;
	font-size:12px;
	line-height:1.4;
}
.main p.pdfreader img {
	float:left;
	padding:0 11px 0 0;
}

.main .narrow {
	letter-spacing:-1px;
}

.main .narrow p.catalogdownload {
	letter-spacing:0;
}



#footer {
	display:block;
	width:931px;
	height:55px;
	margin:0 auto;
	padding:0;
	color:#ffffff;
	font-size:92%;
	line-height:1.1;
	background:#000000 /* url(../images/footer-copyright.gif) */ no-repeat 682px center;
	overflow:hidden;
}


#footer ul {
	display:block;
	width:931px;
	margin:0;
	padding:12px 0 0 21px;
	list-style-type:none;
	position:absolute;
	middle:0;
}

#footer li {
	float:left;
	display:block;
	margin:0 14px 0 0;
	padding:0;
}

#footer li a {
	margin:0;
	padding:0 11px 0 0;
	background:url(../images/pointer01.gif) no-repeat right center;
}

#footer .copyright {
	display:none;
}

#footer li a:link		{ color:#f0f0f0; text-decoration:none;}
#footer li a:visited	{ color:#f0f0f0; text-decoration:none;}
#footer li a:active		{ color:#00b3c5; text-decoration:none;}
#footer li a:hover		{ color:#00b3c5; text-decoration:none;
	background:url(../images/pointer02.gif) no-repeat right center;}


#productlist {
	display:block;
	position:relative;
	width:887px;
	height:55px;
	margin:0 auto;
	padding: 22px;
	color:#ffffff;
	font-size:92%;
	line-height:1.1;
	background:#000000;
	overflow:hidden;
}