@charset "UTF-8";
/*  */
*{
	padding: 0;
	margin: 0;
 }
 
img, div { behavior: url(assets/templates/grg/iepngfix.htc) }
 
.cr{
	clear:both;
	} 
body{
	text-align: ;
	width:100%;
	padding:0;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	/* ... */
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: auto;
	}
	
/*body Background Color
---------------------------------------------------------------------*/

#index{
	background-color:#f5e4ca;
	}
	
#fg{
	background-color:#797c31;
	background-image: url(images/bg/back_fg2.jpg);
	background-repeat: no-repeat;
	background-position: -10px 0;
	}

#candle{
	background-color:#532b16;
	background-image: url(images/bg/candles.jpg);
	background-repeat: no-repeat;
	background-position: -10px 0;
	}

#bar{
	background-color:#692e00;
	background-image: url(images/bg/bar.jpg);
	background-repeat: no-repeat;
	background-position: -10px 0;
	}
#pp{
	background-color:#231815;
	background-position: -10px 0;
	}
#design{
	background-color:#dcdddd;
	background-position: -10px 0;
	}

#comp{
	background-color:#e5e1c6;
	background-image: url(images/bg/company.jpg);
	background-repeat: no-repeat;
	background-position: -10px 0;
	}
/*headerContents
---------------------------------------------------------------------*/
#indexh{
	background-image:url(images/index_centerback.jpg);
	width:516px;
	height:342px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:20px;
	}
#indexh a{
	display:block;
	background-image::url(images/index_ornament.gif);
	}
	
#head_content{
	height: auto;
	margin-bottom: 10px;
	}	
/*navigation
---------------------------------------------------------------------*/

#indexnavi{
	display:block;
	list-style-type:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:700px;
	clear:both;
	margin-bottom:40px;
	padding: 2px;
	}
	
#indexnavi li{
	display:block;
	float:left;
	color:#808320;
	margin-right:20px;
	}
	
#indexnavi li:first-letter {
font-size: 14px;
}
	
#indexnavi li a{
	text-decoration:none;
	color: #7d812d;
	}

#indexnavi li a:hover {
	color: #f26649;
	}

/*current_page_navigation
--------------------------------------------------------------------------*/

/*frower green*/

#fg .menu a:hover img {
			position: relative;
			display: block;
			top: -16px;
		}

#fg .menu .nv_candle a{

		background: url(images/navi/fg/candle_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
	
#fg .menu .nv_bar a{

		background: url(images/navi/fg/bar_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 67px;
		height: 15px;
		
	}
#fg .menu .current a{

		background: url(images/navi/fg/fg.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
	
#fg .menu .nv_fg a{

		background: url(images/navi/fg/fg_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
#fg .menu .nv_party a{

		background: url(images/navi/fg/party_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}	
#fg .menu .nv_gift a{

		background: url(images/navi/fg/gift_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}	
#fg .menu .nv_design a{

		background: url(images/navi/fg/design_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
#fg .menu .nv_cmp a{

		background: url(images/navi/fg/company_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}	
	
	
	
	
			
/*bar grg*/
#bar .menu a:hover img {
			position: relative;
			top: -16px;
		}

#bar .menu .nv_candle a{

		background: url(images/navi/bar/candle_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
	
#bar .menu .nv_fg a{

		background: url(images/navi/bar/fg_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
#bar .menu .current a{

		background: url(images/navi/bar/bar.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 15px;
		
	}
#bar .menu .nv_party a{

		background: url(images/navi/bar/party_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}	
#bar .menu .nv_gift a{

		background: url(images/navi/bar/gift_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}	
#bar .menu .nv_design a{

		background: url(images/navi/bar/design_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
#bar .menu .nv_cmp a{

		background: url(images/navi/bar/company_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}			



/*candle*/	
#candle .menu a:hover img {
			position: relative;
			top: -16px;
		}

#candle .menu .nv_bar a{

		background: url(images/navi/candle/bar_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 15px;
		
	}
	
#candle .menu .nv_fg a{

		background: url(images/navi/candle/fg_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
#candle .menu .current a{

		background: url(images/navi/candle/candle.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
#candle .menu .nv_party a{

		background: url(images/navi/candle/party_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}	
#candle .menu .nv_gift a{

		background: url(images/navi/candle/gift_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}	
#candle .menu .nv_design a{

		background: url(images/navi/candle/design_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
#candle .menu .nv_cmp a{

		background: url(images/navi/candle/company_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}			

/*party*/	
/*gift*/	
/*design*/	
/*company*/	

#comp .menu a:hover img {
			position: relative;
			top: -16px;
		}

#comp .menu .nv_fg a{

		background: url(images/navi/company/fg_hov.gif)no-repeat;
		display: block;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
	
#comp .menu .nv_bar a{

		background: url(images/navi/company/bar_hov.gif) no-repeat;
		display: block;
		overflow: hidden;
		width: 67px;
		height: 15px;
		
	}
#comp .menu .current a{

		background: url(images/navi/company/company.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
#comp .menu .nv_party a{

		background: url(images/navi/company/party_hov.gif) no-repeat ;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}	
#comp .menu .nv_gift a{

		background: url(images/navi/company/gift_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}	
#comp .menu .nv_design a{

		background: url(images/navi/company/design_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}
#comp .menu .nv_candle a{

		background: url(images/navi/company/candle_hov.gif) no-repeat;
		display: block;
		position: relative;
		overflow: hidden;
		width: 146px;
		height: 12px;
		
	}		


/*
-----------------------------------------------------------------------------------*/
		
#left_content{
	float:left;
	clear:left;
	width:200px;
	height: 100%;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 300px;
	position: relative;
	}

#left_content .menu {
	list-style-type: none;
}

#left_content .menu li{
	display:block;
	margin-bottom: 20px;
	line-height:120%
	}

#left_content .menu a {
	display: block;
	font-size: 14px;
	text-decoration: none;
	margin-bottom:3px;
}

#left_content .menu a:first-letter {
font-size: 16px;
}

.n_fg a{
	color: #E5E4CF;
	}

.n_fg li{
	color: #E5E4CF;
	font-size: 10px;
	}
	
#left_content ul li a img{
	display:block;
	font-size: 10px;
	}


/*mainContents
---------------------------------------------------------------------*/	
#main_content{
	float:left;
	clear:right;
	margin-left: 65px;
	margin-top: 0px;
	margin-bottom: 60px;
	position:relative;
	width:70%;
	}
/*
---------------------------------------------------------------------*/	
.feed{
	font-size:10px;
	margin-top:20px;
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}
	
/*footer*/
.footer{
	text-align:center;
	font-size:10px;
	margin-top:10px;
	background-position: center;
	background-position: center;
	clear:both;
	float:none;
	}

.feed_elm ul {
	list-style-type: none;
	}
	
.feed_elm a {
	color: #7d812d;
	text-decoration: none;
	}
.feed_elm p {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAA568;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #AAA568;
	margin-bottom: 5px;
}
.feed_elm p a {
	text-decoration: none;
}
#head_content h1 img {
	border: none;
}
#head_content h1 {
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 10px;
}