@charset "shift_jis";
/*
layout.css
* * * * * * * * * * * * * * * * * * * * */

/* CSS Document */

body {
	color:#3d4339;
	text-align:center;
	background-image:url(/common/images/back01.gif);
	background-attachment:fixed;
	background-position:top center;
}

a,
a:hover {text-decoration:underline;}
a {color:#2ba3a3;}
a:hover {color:#ad9845;}

/* wrapperの指定 */
#wrapper {
	clear:both;
	position:relative;
	width:100%;
	padding:140px 0 0 0;
}
#caution {
	padding:0.5em 0;
	width:100%;
	background-color:#3d4339;
}
#caution dl {
	margin:0 auto;
	width:960px;
	color:rgba(255,255,255,0.7);
}
#caution dt {
	padding:0 0 0.3em 0;
	font-weight:bold;
	font-size:16px;
	line-height:1.1em;
	color:rgba(255,255,255,1);
}
#caution dd {
	padding:0 0 0.3em 0;
	text-align:left;
	font-size:13px;
	line-height:1.2em;
}
#caution dd strong {color:rgba(255,255,255,0.9);}
#caution dd strong.red {color:#d2be6f;}


/* bodyの指定 */
#contents,
#product {	background-color:#FFF;}
#product { padding:30px 0}
#con750 {
	margin:0 auto;
	padding:15px 0 30px 0;
	width:750px;
	text-align:left;
}
#con750 td {
	text-align:left;
	vertical-align:top;
}

/* headの指定 */
#head {
	clear:both;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:140px;
	background-image:url(/common/images/back01.gif);
	background-position:top center;
	/*background-image:url(/common/images/head-under.png);
	background-position:bottom center;
	background-repeat:repeat-x;*/
	z-index:1000 !important;
	box-shadow:0 3px 5px rgba(0,0,0,0.3);
}
*html #head {background-image:none;}

/* footの指定 */
#foot {
	clear:both;
	margin:0 auto;
	padding:20px 0 0 0;
	width:960px;
}

/* TOPへ戻るボタンの設定 */
#toTop {
	position:fixed;
	bottom:10px;
	width:100%;
	height:30px;
	z-index:200;
	text-align:center;
}
#toTop p {
	margin:0 auto;
	padding:0;
	width:960px;
	height:30px;
}
#toTop a {
	display:block;
	float:right;
	margin:0;
	width:240px;
	height:30px;
	background-image:url(/common/images/totop.png);
	background-position:top center;
	background-repeat:no-repeat;
	overflow:hidden;
}
*html #toTop a {background-image:url(/common/images/totop.gif);}
#toTop a:hover {background-position:bottom center;}
*html #toTop a:hover {background-position:top center;}
#pos {
	position:absolute;
	left:-9999px;
	top:-9999px;
	height:0;
	visibility:hidden;
}