@charset "EUC-JP";

/* CSS Document */

img {border: none; vertical-align: bottom; }

a { color:#A29981;text-decoration:none; }
a:hover { color:#646464; }

h2 {font-size:8pt; font-weight: normal;}

body {font-size: 9pt; line-height: 14pt; color: #666666;
background: #CDCCB8; margin: 0; padding: 0;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

#container {width: 1120px; height: auto; background: url(1005_candle/bg.jpg) top center repeat-y; margin: 0 auto; }

ul#navi {width: 60px; height: 420px; position: fixed; top:50px; right:0;}
ul#navi li {width: 60px; list-style-type: none; margin: 0; padding: 0;}
li.nav_1 a {width: 60px; height: 90px; background: url(1005_candle/nav_1.png) top right no-repeat; display: block; text-indent: -9999px; display: block; overflow: hidden;}
li.nav_2 a {width: 60px; height: 80px; background: url(1005_candle/nav_2.png) top right no-repeat; display: block; text-indent: -9999px; display: block; overflow: hidden;}
li.nav_3 a {width: 60px; height: 65px; background: url(1005_candle/nav_3.png) top right no-repeat; display: block; text-indent: -9999px; display: block; overflow: hidden;}
li.nav_4 a {width: 60px; height: 60px; background: url(1005_candle/nav_4.png) top right no-repeat; display: block; text-indent: -9999px; display: block; overflow: hidden;}
li.nav_5 a {width: 60px; height: 55px; background: url(1005_candle/nav_5.png) top right no-repeat; display: block; text-indent: -9999px; display: block; overflow: hidden;}

li.nav_1 a:hover {background: url(1005_candle/nav_1_o.png) top right no-repeat;}
li.nav_2 a:hover {background: url(1005_candle/nav_2_o.png) top right no-repeat;}
li.nav_3 a:hover {background: url(1005_candle/nav_3_o.png) top right no-repeat;}
li.nav_4 a:hover {background: url(1005_candle/nav_4_o.png) top right no-repeat;}
li.nav_5 a:hover {background: url(1005_candle/nav_5_o.png) top right no-repeat;}



h1.header {width: 900px; height: 205px; margin: 0 auto;
background: url(1005_candle/header.jpg) top left no-repeat; }
h1.header a {width: 170px; height: 80px; display: block;}

/* Intro */
#intro {width: 800px; height: auto; margin: 30px auto;}
p.left {width: 380px; height: auto; float: left; }
p.left img {width: 192px; height: 170px; float: left; margin-top: 20px;}
span.left_bottom {width: 170px; height: auto; float: right; padding-top: 40px; font-size:90%;}
p.right {width: 380px; height: 320px; background: url(1005_candle/candle.jpg) bottom right no-repeat;  float: right; }

/* Morning */
#morning {width: 1120px; height: 1100px; margin: 30px auto; position: relative;
background: url(1005_candle/morning.jpg) top left no-repeat; }
.m_1 {width: 200px; height: auto; position: absolute; top:300px; left:730px;}
.m_2 {width: 220px; height: auto; position: absolute; top:603px; left:230px;}
.m_3 {width: 220px; height: auto; position: absolute; top:914px; left:680px;}


/* Daytime */
#daytime {width: 1120px; height: 981px; margin: 0 auto; position: relative;
background: url(1005_candle/daytime.jpg) top left no-repeat; }
.d_1 {width: 200px; height: auto; position: absolute; top:300px; left:222px;}
.d_2 {width: 200px; height: auto; position: absolute; top:638px; left:688px;}

.column1 {width: 900px; height: auto; margin: 0 auto; position: relative; 
background: url(1005_candle/bg_c.jpg) top left repeat-y; }
.column1 h3 {width: 320px; height: 175px; position: absolute; top:-184px; left:450px; text-indent: -9999px; cursor: pointer;}
.column1 div {width: 900px; height: 980px; margin: 0 auto 0 50px; 
background: url(1005_candle/c1_2.jpg) 0 140px  no-repeat; }
.column1 p {width: 720px; margin-left: 40px; }
p.c1_1 {width: 400px; height: auto; position: absolute; top:190px; left:360px; color: #857971;}
p.c1_2 {width: 280px; height: auto; position: absolute; top:450px; left:110px; color: #857971;}
p.c1_3 {width: 280px; height: auto; position: absolute; top:650px; left:470px; color: #857971;}

#daytime2 {width: 940px; height: 460px; margin: 0 auto; position: relative;
background: url(1005_candle/daytime2.jpg) top center no-repeat; }
.d_3 {width: 250px; height: auto; position: absolute; top:125px; left:120px;}

.column2 {width: 900px; height: auto; margin: 0 auto; position: relative; 
background: url(1005_candle/bg_c.jpg) top left repeat-y; }
.column2 h3 {width: 320px; height: 175px; position: absolute; top:-190px; left:176px; text-indent: -9999px; cursor: pointer;}
.column2 div {width: 900px; height: 350px; margin: 0 auto 0 50px; 
font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', Verdana, serif; line-height: 2; font-size: 8pt; color: #808080;
background: url(1005_candle/c2_2.jpg) 550px 80px  no-repeat; }
.column2 p {width: 500px; margin-left: 40px; }


/* Night */
#night {width: 1120px; height: 646px; margin: 0 auto; position: relative;
background: url(1005_candle/night.jpg) top left no-repeat; }
.n_1 {width: 200px; height: auto; position: absolute; top:280px; left:730px;}

.column3 {width: 900px; height: auto; margin: 0 auto; position: relative; 
background: url(1005_candle/bg_c.jpg) top left repeat-y; }
.column3 h3 {width: 320px; height: 175px; position: absolute; top:-184px; left:87px; text-indent: -9999px; cursor: pointer;}
.column3 div {width: 900px; height: 570px; margin: 0 auto; 
background: url(1005_candle/c3_1.jpg) top left  no-repeat; }
p.c3_1  {width: 270px; position: absolute; top:65px; left:540px;}
p.c3_2  {width: 310px; position: absolute; top:365px; left:123px;}

#night2 {width: 940px; height: 474px; margin: 0 auto; position: relative;
background: url(1005_candle/night2.jpg) top center no-repeat; }
.n_2 {width: 200px; height: auto; position: absolute; top:139px; left:175px;}

.column4 {width: 900px; height: auto; margin: 0 auto; position: relative; 
background: url(1005_candle/bg_c.jpg) top left repeat-y; }
.column4 h3 {width: 320px; height: 175px; position: absolute; top:-170px; left:568px; text-indent: -9999px; cursor: pointer;}
.column4 div {width: 800px; height: auto; margin: 0 auto; }
p.c4_1  {width: 460px; height: auto; float: left; margin-left: 40px; margin-bottom: 30px;}
p.c4_2  {width: 220px;  height: auto; float: right; margin-right: 40px; margin-top: 50px; font-size:8pt; font-weight: normal;}

#night3 {width: 940px; height: 753px; margin: 0 auto; position: relative;
background: url(1005_candle/night3.jpg) top left no-repeat; }
.n_3 {width: 230px; height: auto; position: absolute; top:127px; left:584px;}
.n_4 {width: 180px; height: auto; position: absolute; top:360px; left:430px;}


/* item*/
.kanren-item-box {width: 800px; margin:50px auto 80px auto; border-top: 1px dashed #bbb;}
.kanren-item-box p {font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', Verdana, serif; line-height: 2; font-size: 10pt; }
.kanren-item {width:98px;float:left;margin: 5px 5px 10px 0;}
.kanren-item h4 {
	font-size:7pt; font-weight:normal; 
	line-height:120%; margin: 5px 0 0 0;
	width:95px;}
.kanren-item img {border:1px solid #CCCCCC;}
.kanren-item a:hover img {border:1px solid #B2D6D3;}

.clear{clear: both;}
.caption {width: 580px; text-align: right; margin-left: 160px; font-size:7pt; }

.bnr a {width: 580px; height: 150px; margin-left: 160px; margin-top: 60px;
background: url(1005_candle/bnr_desktop2.jpg) top left no-repeat; text-indent: -9999px; display: block; overflow: hidden;}

.tobillet a {width: 800px; height: 83px; margin: 40px auto 20px auto;  background: url(../img/common/tobillet.gif) top left no-repeat; text-indent: -9999px; display: block; overflow: hidden;}
.tobillet a:hover {background-position: 0 3px;}


#page-top_footer {width: 900px; height: auto; margin: 0 auto;}

#page-top {text-align:right; margin:30px -17px 0 0;}

#footer-nav {font-size:7pt;}
#footer-nav a:hover {color:#A4BAC0;}
#footer-nav .inner {padding:10px 0 10px 35px;}
#footer-nav a {color:#46372F}

#copyright {
	background:#281D19;
	color:#FFFFFF;
	font-size:7pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	height: 70px;
}

#copyright .inner {padding:5px 0 40px 35px;}