﻿@charset "utf-8";



/* master css */



/* +++++ キャンペーンページ用 +++++ */



/* レイアウト */

body {

	background:#fff;

}

div#Container {

	width:100%;

	margin:0;

	background:url(../img/bg_container.jpg) repeat-x;

	text-align:center;

}

div#bg-shadow-flash {

	width:1050px;

	height:235px;

	margin:0 auto;

	background:url(../img/bg_shadow-flash.jpg) no-repeat;

}

div#bg-shadow-top {

	width:1050px;

	height:1700px;

	margin:0 auto;

	background:url(../img/bg_shadow-top.jpg) no-repeat;

}

div#bg-shadow-bottom {

	width:1050px;

	margin:0 auto;

	background:url(../img/bg_shadow-bottom.jpg) repeat-y;

}

div#container-flash,

div#container-top,

div#container-bottom {

	width:950px;

	margin:0 auto;

	text-align:left;

}

div#container-top { position:relative; }

div#container-bottom {

	background:url(../img/bg_container-bottom.gif) repeat-x bottom;

}

div#header-flash {

	height:210px;

}

div#button01,

div#button02 {

	text-align:center;

	margin-bottom:20px;

}

div#button01 { position:relative; }

div#outline {

	background:url(../img/bg_outline.jpg) no-repeat bottom;

}



/* header-title */

div#header-title .logo {

	position:relative;

}

div#header-title .logo h1 {

	position:absolute;

	top:5px;

	left:5px;

	color:#fff;

	font-size:12px;

	font-weight:normal;

}

div#header-title .logo p {

	text-align:right;

	background:url(../img/bg_logo.gif) repeat-x;

}



/* container-top */

div.header-button,

#container-top h2,

div.image01,

div.image02,

div.image03,

div.image04,

h3.shohin01,

h3.shohin02,

h3.shohin03,

h3.shohin04,

h4.shohin01,

h4.shohin02,

h4.shohin03,

h4.shohin04,

p.shohin01,

p.shohin02,

p.shohin03,

p.shohin04,

#button01 { position:absolute; }



div.header-button {

	top:0;

	left:610px;

	width:290px;

	height:105px;

}

#container-top h2 {

	top:0;

	left:15px;

	width:340px;

	height:140px;

}



div.image01 {

	top:160px;

	left:15px;

	width:410px;

	height:350px;

}

div.image02 {

	top:480px;

	left:425px;

	width:450px;

	height:325px;

}

div.image03 {

	top:780px;

	left:15px;

	width:435px;

	height:365px;

}

div.image04 {

	top:1120px;

	left:410px;

	width:465px;

	height:290px;

}

h3.shohin01 {

	top:160px;

	left:425px;

	width:475px;

	height:100px;

}

h3.shohin02 {

	top:525px;

	left:30px;

	width:395px;

	height:100px;

}

h3.shohin03 {

	top:830px;

	left:450px;

	width:450px;

	height:100px;

}

h3.shohin04 {

	top:1160px;

	left:30px;

	width:445px;

	height:100px;

}

h4.shohin01 {

	top:260px;

	left:425px;

	width:475px;

	height:45px;

}

h4.shohin02 {

	top:625px;

	left:80px;

	width:275px;

	height:45px;

}

h4.shohin03 {

	top:930px;

	left:450px;

	width:425px;

	height:45px;

}

h4.shohin04 {

	top:1260px;

	left:80px;

	width:330px;

	height:45px;

}

p.shohin01 {

	top:305px;

	left:425px;

	width:475px;

	height:155px;

}

p.shohin02 {

	top:670px;

	left:80px;

	width:275px;

	height:80px;

}

p.shohin03 {

	top:975px;

	left:450px;

	width:450px;

	height:105px;

}

p.shohin04 {

	top:1305px;

	left:80px;

	width:330px;

	height:55px;

}



/* button */

div#button01 {

	top:1470px;

	left:0;

	width:950px;

	height:135px;

}

div#button02 {

	height:165px;

	background:url(../img/bg_button02.gif) no-repeat;

}

div#button02 div { padding-top:15px; }



div#button01 p,

div#button02 p {

	line-height:1.2;

	color:#555;

}

div#button01 a,

div#button02 a { color:#f60; text-decoration:underline; }

div#button01 a:hover,

div#button02 a:hover { color:#d00; }



/* outline */

div.o-top {

	position:relative;

}

div.o-top h2 {

	position:absolute;

	top:30px;

	left:35px;

	font-size:18px;

	font-weight:bold;

	color:#9b3300;

}

div.o-body {

	width:924px;

	margin:0 13px;

	background:url(../img/bg_o-body.gif) repeat-y;

}

div.o-body .text-area {

	width:860px;

	margin:0 42px 0 22px;

	padding:20px 10px 20px 0;

	background:url(../img/img_o-body.jpg) no-repeat bottom right;

}

div.o-body .text-area dl {

	margin-left:35px;

	margin-bottom:15px;

	font-size:12px;

}

div.o-body .text-area dt {

	color:#d58a41;

	font-weight:bold;

	margin-bottom:4px;

}

div.o-body .text-area dd {

	color:#555;

	line-height:1.6;

}

div.o-body .text-area dd.t-indent { margin-left:1em; }

div.o-body .text-area a {

	color:#f60;

	text-decoration:underline;

}

div.o-body .text-area a:hover {

	color:#d00;

}



/* bottom-links */

div.bottom-links {

	margin-top:0px;

}

div.bottom-links a { color:#f30; text-decoration:underline; }

div.bottom-links a:hover { color:#f60; }

div.bottom-links table {

	height:30px;

	margin:0 10px;

	font-size:12px;

	font-weight:bold;

}



/* footer */

div#footer {

	height:30px;

	width:950px;

	margin:0 auto;

	background:#cd9c37;

	border:none;

}

div#footer p {

	padding-top:10px;

	margin:0 10px;

	text-align:center;

	color:#fff;

}

