/* CSS Document */

body {
		color: #333;
		/*font-size: 62.5%;*/
		font-size: 10px;
		margin: 0;
		padding: 0;
		line-height: 1.5;
		text-align: center;
		background: url(../image/bg.jpg) no-repeat center top;
		height: 100%;
	}
	* html body {
		/*font-size: 71.4%;*/font-size: 62.5%;
	}
	*:first-child+html body {
		/*font-size: 71.4%;*/font-size: 62.5%;
	}
	
	h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, p, table, address a {
	    font-family: "meiryo","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif"; 
		margin: 0; padding: 0; }
	
	p         { margin: 0; }
	img       { border: none; }
	address   { font-style: normal; }
	a         { vertical-align: baseline; }
	a:link    {	color: #039;}
	a:visited {	color: #643265;}
	a:hover   {	color: #F60;}
	a:active  {	color: #C30;}
	
	.txt-posi-right { text-align: right; }
	.txt-green { color: #070;}
	.txt-red { color: #C00;}
	.link {font-weight: bold; margin: 8px;}	
	
	#wrapper {
    width: 960px;
	text-align: left;
	margin: 0 auto;
	}
	
	p.img3 { background: url(../images/img_03.jpg) no-repeat left top; width: 960px; height: 256px; text-indent: -9999px; }
	p.img4 { background: url(../images/img_04.jpg) no-repeat left top; width: 960px; height: 1128px; text-indent: -9999px; }
	p.img5 { background: url(../images/img_05.jpg) no-repeat left top; width: 960px; height: 694px; text-indent: -9999px; }
	p.img7 { background: url(../images/img_07.jpg) no-repeat left top; width: 960px; height: 218px; text-indent: -9999px; }
	p.img8 { background: url(../images/img_08.jpg) no-repeat left top; width: 960px; height: 414px; text-indent: -9999px; }
	h2.img11-1 { background: url(../images/img_11_1.jpg) no-repeat left top; width: 960px; height: 79px; text-indent: -9999px; }
	p.img11-2 { background: url(../images/img_11_2.jpg) no-repeat left top; width: 960px; height: 744px; text-indent: -9999px; }
	p.img12 { background: url(../images/img_12.jpg) no-repeat left top; width: 960px; height: 369px; text-indent: -9999px; }
	p.img13 { background: url(../images/img_13.jpg) no-repeat left top; width: 960px; height: 389px; text-indent: -9999px; }
	p.img14-2 { background: url(../images/img_14_2.jpg) no-repeat left top; width: 960px; height: 300px; text-indent: -9999px; }
	p.img14-3 { background: url(../images/img_14_3.jpg) no-repeat left top; width: 960px; height: 147px; text-indent: -9999px; }
	p.img15 { background: url(../images/img_15.jpg) no-repeat left top; width: 960px; height: 836px; text-indent: -9999px; }
	p.img16 { background: url(../images/img_16.jpg) repeat-y left top; width: 960px; }
	p.img18 { background: url(../images/img_18.jpg) no-repeat left top; width: 960px; height: 295px; text-indent: -9999px; }
	p.img19 { background: url(../images/img_19.jpg) no-repeat left top; width: 960px; height: 286px; text-indent: -9999px; }
	p.img20 { background: url(../images/img_20.jpg) no-repeat left top; width: 960px; height: 260px; text-indent: -9999px; }
	p.img21 { background: url(../images/img_21.jpg) no-repeat left top; width: 960px; height: 396px; text-indent: -9999px; }
	p.movie { padding: 20px 0; text-align:center;}
	.button1 {background: url(../images/img_10.jpg) no-repeat left top; text-align: center;}
	.button2 {background: url(../images/img_16.jpg) no-repeat left top; text-align: center;}

    #main { width: 880px; margin: 0 40px;}
	p.lead, p.button {text-align: center; margin-top: 24px; }
	.product-img {float: left; margin: 0; padding-left: 40px;}
	div.content { width: 500px; padding: 0 0 40px 300px;}

	div.product h2 { color: #06C; font-size: 180%;}
	div.product p { font-size: 130%;}
	ul.bxslider li ul li  { font-size: 130%; background:none; padding: 0; margin: 0 0 0.5em 2em;}