@charset "utf-8";

/* ----------------------------------------------------------------

	NAME: HEAVEN STORE
	URL:  http://www.heavenstore-jp.com/
	DATE: 22:52 2009/07/05
	FILE: setup.css	
		
-------------------------------------------------------------------*/

/*--------------------------------

	content
	
---------------------------------*/
body  {
	font-size: 0.75em;
	line-height: 2em;
	color: #EBF2F3;
	font-family: Osaka,'CI',Meiryo,'lr oSVbN',sans-serif;
	text-align:center; /* iep */
	word-wrap:break-word;
	background-attachment: scroll;
	background-repeat: repeat;
	background-color: #008CBE;
	background-position: left top;
	background-image: url(../images/bgBody.jpg);
}
html ,body {
	height: 100%;
	width: 100%
	text-align: center;
}
body  > #container{
    height: auto;
}
#container {
	width: 860px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
}
body .titleBar .iL {
	line-height: 60px;
	position: absolute;
	left: 40px;
	height: 60px;
}
body .titleBar .iC {
	line-height: 60px;
	height: 60px;
	position: absolute;
	left: 450px;
	background-image: url(../../images/common/iconCenter.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 20px;
}
body .titleBar .iR {
	line-height: 60px;
	height: 60px;
	position: absolute;
	right: 41px;
}
/*--------------------------------

	common
	
---------------------------------*/
.gotoTopBox  {
	width: 30px;
	height: 100%;
	margin-right: 20px;
	padding: 0px;
	vertical-align: bottom;
	background-image: url(../images/iconRedLine20_5.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	right: 20px;
	float: right;
}
.gotoTopBox a  {
	background-image: url(../images/iconGotoTopA.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999em;
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	overflow: hidden;
}
.gotoTopBox a:hover   {
	background-image: url(../images/iconGotoTopB.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
h2 {
	font-size: 2.2em;
	color: #CCFF00;
	line-height: 1.1em;
}
h3 {
	font-size: 1.6em;
	line-height: 0.8em;
	color: #CCFF00;
}

/*-----------------------------------------------

	link a

-----------------------------------------------*/
.cLink a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/iconCircle.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 10px;
}
.cLink a:hover {
	color: #0099CC;
	background-color: #C0F000;
	padding: 2px 10px 1px 5px;
	font-weight: bold;
}
.cLink a:active {
	color: #FF0000;
}


/*----------------------------------------

	blockquote

----------------------------------------*/
blockquote {
	position: relative;
	display: block;
	padding: 10px 0px 20px 0px ;
}
blockquote .bq {
	position: absolute;
	display: inline;
	left: -30px;
	top: 0px;
}
/*---------------------------------------------------

	home
	
---------------------------------------------------*/
#home #wrap{
	height: 100%;
	width: 100%;
	position:relative;
}
#home #main {
	position:absolute;
	top: 50%;
	left: 50%;
	margin-left: -440;
	margin-top: -300;
	background-image: url(../images/home/HS_TOP_001_02.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#home .main #gNav {
	position: absolute;
	left: 100px;
	bottom: 200px;
}

#home {
	background-color: #F0F0F0;
	background-attachment: scroll;
	background-image: url(../../css/image/common/BG001.png);
	background-repeat: repeat;
	margin: 0px;
}

#home #flashWrap{
	height: 100%;
	width: 100%;
	background-repeat: repeat;
	background-color: #008CBE;
	background-position: left top;
	background-image: url(../images/bgBody.jpg);
}
#home dl#gNav dd{
	font-size:1em;
	color:#ffffff;
	padding: 10px 0 10px 0;	
}


/*--------------------------------------------

	news

--------------------------------------------*/
#news .titleBar {
	clear: right;
	float: left;
	width: 860px;
	position: relative;
	height: 60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-position: left bottom;
	background-repeat: repeat-x;
	border-bottom-color: #BCDDFE;
}
#news .wrap_t {
	width: 860px;
}
#news .wrap_t .sub {
	float: left;
	width: 310px;
	height: 100%;
	padding-top: 40px;
	background-repeat: no-repeat;
	background-position: right top;
}
#news .wrap_t .sub  img {
	background-repeat: no-repeat;
	background-position: center center;
	padding: 10px;
	background-image: url(../../news/images/bgPhotoTATE.gif);
}
#news .wrap_t .main {
	width: 550px;
	padding-top: 30px;
	float: right;
	padding-bottom: 80px;
	margin-top: 0px;
}
#news .wrap_y {
	width: 860px;
}
#news .wrap_y .sub {
	float: left;
	width: 350px;
	background-image: url(../../images/news/bgPhotoLine.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
	padding-top: 40px;
}
#news .wrap_y .sub  img {
	background-image: url(../../news/images/bgPhotoYOKO.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 10px;
}
#news .wrap_y .main {
	padding-top: 30px;
	vertical-align: top;
	float: right;
	width: 480px;
	padding-bottom: 80px;
}
#news .sub ul {
	float: left;
	padding: 30px 0 0 0;
	width: 260px;
	font-family: Arial, Helvetica, sans-serif;
}
#news .sub ul li.date  {
	padding-bottom: 20px;
}
#news .sub  ul li.date h2 {
	color: #CCFF00;
	font-size: 3.2em;
	font-weight: lighter;
	background-position: left 0.3em;
	background-repeat: no-repeat;
	padding: 0 0 0 5px;
	line-height: 1em;
}
#news .sub ul li.date .year {
	display: inline;
	font-size: 0.4em;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1em;
	background-image: url(../images/iconCalender.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#news .sub ul li.address {
	line-height: 1.5em;
	font-size: 0.9em;
	padding:20px 0 50px 5px;
}
#news .sub ul li.address .tel {
	padding-left: 20px;
	background-image: url(../images/iconTel.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#news .sub  ul  li.address .fax {
	padding-left: 20px;
	background-image: url(../images/iconFax.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#news .sub ul li.address .mail{
	padding-left: 20px;
	background-image: url(../images/iconMail.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#news .sub ul li.photo {
	padding: 0 0 40px 0;
}
#news .main  p {
	padding-bottom: 30px;
	padding-top: 30px;
	border-bottom: 1px dotted #BCDDFE;
}
#news .main p strong {
	color: #006699;
	padding: 2px 4px 2px 4px;
	background-image: url(../images/bgStrong.gif);
	background-position: left center;
	background-repeat: repeat-x;
	line-height: 1.5em;
	margin-bottom: 2px;
	font-size: 1em;
	vertical-align: middle;
}
#news .main p .underLine{
	background-image: url(../images/underLine.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	line-height: 1.5em;
	font-size: 1em;
	vertical-align: middle;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 5px
}
/*--------------------------------------------
	report
---------------------------------------------*/
#report .titleBar{
	height: 60px;
	width: 860px;
	border-bottom: 1px dotted #BCDDFE;
	float: left;
}
#report .sub {
	line-height: 2em;
	float: left;
	width: 230px;
	padding: 50px 0 0 0;
}
#report .sub ul {	
}
#report .sub ul li.title h2 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 5px 0;
}
#report .sub ul li.date h4 {
	background-image: url(../images/iconCalender.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left : 25px;
	margin-bottom: 30px;
	font-size: 1em;
	font-weight: bolder;
	line-height: 1.4em;
}
#report .sub ul.archivesNav {
	margin: 0 30px 0 0;
}
#report .sub ul.archivesNav li {
	float: left;
	margin: 0 6px 0 0;
	text-align: center;
	height: 20px;
	width: 80px;
}
#report .sub ul.archivesNav li a {
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	_height: 12px;	/* IE6p */
	width: 75px;
	margin: 1px 6px 1px 1px;
	display: block;
}
#report .sub ul.archivesNav li a.current, 
#report .sub ul.archivesNav li a:hover  {
	color: #CCFF00;
	border: 1px solid #fff;
	margin: 0 5px 0 0;
}
#report .main {
	width: 628px;
	float: right;
	width: 625px;
	padding: 50px 0 40px 0;
	clear: right;
	text-align: left;
}
#report .main p.article {
	margin-bottom: 40px;
	border-bottom: 1px dotted #BCDDFE;
	/padding-bottom: 20px;/* IE6 IE7 用 */
	padding-bottom: 40px;/*				*/
}
#report .main p.article .signature{
	display: inline;
	float: right;
	text-align: right;
}
#report .main p.article .tourPublishingDay {
	display: inline;
	float: right;
	text-align: right;
}
#report .main .photoWrap {
	width: 625px;
	float: left;
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#report .main dl {
	float: left;
	margin-right: 6px;
}
* html #report .main dl{ /*--- IE 6.0 ---*/
	width: 146px;
}
#report .main  dl dt {		/*	写真 */
	padding:0px;
	margin:0px;
}
#report .main dl dt img {
	border: 1px solid #999;
}
#report items .main dl dd { 		/*	写真コメント	*/
	line-height: 1.5em;
	padding: 5px 5px 0 5px ;
	text-align: justify;
	text-align: left;
	/*width: 161px;*/
	font-size: 0.9em;
}
#report .items .main dl dd h5 {
	display:block;
	padding: 0px 0px 0px 10px;
	
	width:170px;
	float:left;
	/*background-color:#fff;*/
	color:#fff;
	font-style:bold;
	font-size: 1em;
	background-image: url(../../report/images/bgSlash_10.png);
}
/*-----------------------------
	reportArchives
------------------------------*/
#reportArchives .titleBar{
	float: left;
	height: 30px;
	width: 860px;
}
#reportArchives .sub  {
	float: left;
	width: 180px;
}
#reportArchives .sub ul.lNav {
	font-size: 1.2em;
}
#reportArchives .sub ul.lNav li {
	background-image: url(../../report/reportArchives/images/iconYear.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
	margin: 0 0 5px 5px;
}
#reportArchives .sub ul.lNav li  a {
	background-image: url(../images/iconCircle.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	line-height: 1.2em;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
}
#reportArchives .sub ul.lNav li  a:hover {
	color: #ccff00;
	padding-right: 10px;
}
#reportArchives .sub ul.lNav li  a:active {
	color: #FF0000;
}
#reportArchives .sub .gotoTop {
	float: right;
	margin: -50px 0 0 0;
   /margin: -40px 0 0 0;	/* IE6 IE7 pnbN */
}
#reportArchives #archives2010{
	background-image: url(../../report/reportArchives/images/title2010.gif);
	background-repeat: no-repeat;
}
#reportArchives #archives2009{
	background-image: url(../../report/reportArchives/images/title2009.gif);
	background-repeat: no-repeat;
}
#reportArchives #archives2008{
	background-image: url(../../report/reportArchives/images/title2008.gif);
	background-repeat: no-repeat;
}
#reportArchives #archives2007{
	background-image: url(../../report/reportArchives/images/title2007.gif);
	background-repeat: no-repeat;
}
#reportArchives #archives2006{
	background-image: url(../../report/reportArchives/images/title2006.gif);
	background-repeat: no-repeat;
}
#reportArchives #archives2005{
	background-image: url(../../report/reportArchives/images/title2005.gif);
	background-repeat: no-repeat;
}
#reportArchives .mbe {
	float: right;
	width: 650px;
}
#reportArchives ul.photos {}
#reportArchives ul.photos li {}
#reportArchives ul.photos li img {
	padding: 2px;
	border: 1px solid #CCCCCC;
}
#reportArchives div:after { 
	content: url(../../css/pixel.gif);
	display: block;
	clear: both;
	height: 0; 
}
/*-----------------------------------------------

	column
	
------------------------------------------------*/
#column .titleBar{
	height: 60px;
	width: 100%;
	vertical-align: bottom;
	border-bottom: 1px dotted #FFFFFF;
	text-align: left;
}
#column  .articleWrap  .titleBar  h3 {
	line-height: 60px;
	text-align: center;
}

#column .articleWrap {
	float: left;
	width: 600px;
}
#column .article {
	width: 600px;
	font-size: 1.2em;
	text-align: justify;
	padding-top: 40px;
}
#column .article  p {
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
}
#column .articleWrap .article .date {
	font-size: 1em;
	line-height: 16px;
	background-image: url(../images/iconCalender.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	font-weight: bold;
}

.drop:first-letter {
	color: #00CCFF;
	font-size: 5em;
	float: left;
}
#column  #archivesMenu {
	width: 220px;
	float: right;
}
#column dl#lNav {
	text-align: left;
	font-size: 1em;
	width: 220px;
	float: left;
}
#column dl#lNav dt {
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	vertical-align: bottom;
	line-height: 30px;
	height: 35px;
	margin-top: 30px;
	_margin-top: 27px; /* for IE6 */
	margin-bottom: 20px;
	padding: 0 0 0 25px;
}
#column dl#lNav dd {
	background-image: url(../../column/images/iconLink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #666666;
	padding-left: 25px;
	margin-bottom: 10px;
	height: 16px;
	vertical-align: middle;
	line-height: 30px;
}
#column dl#lNav dd a {
	line-height: 16px;
	display: block;
	vertical-align: middle;
}


/*-----------------------------------------------

	support
	
-----------------------------------------------*/
#support .titleBar {
	height: 60px;
	width: 860px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	float: left;
	position: relative;
}

#support .main {
	float: left;
	width: 350px;
	padding: 0px 35px;
	font-size: 1em;
	line-height: 1.5em;
	text-align: justify;
}
#support .main ul {
	margin-top: 60px;
	width: 320px;
	text-align: justify;
}
#support .main ul li {
	padding-bottom: 20px;
}
#support .main ul li strong {
	background-image: url(../images/iconSquare.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 0 0 20px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	color: #FFFFFF;
}
#support .main .photo  {
	padding: 5px;
	border: 1px solid #FFFFFF;
}
#support .main .content {
	padding-bottom: 60px;

}


/*-----------------------------------------------------------------

	shopinfo
	
-------------------------------------------------------------------*/

#shopinfo .titleBar {
	height: 60px;
	width: 860px;
	border-bottom: 1px dotted #FFFFFF;
	float: left;
	position: relative;	
}
#shopinfo #map {
	float: left;
	width: 450px;
	text-align: center;
	margin-top: 60px;
}
#shopinfo #map img {
	padding: 5px;
	border: 1px solid #FFFFFF;
}

/*--------------------------

	 shopInfo
	 
----------------------------*/

#shopinfo  
#address {
	width: 380px;
	float: right;
	margin-top: 60px;
}
#shopinfo #address dl {
	margin-bottom: 15px;
	float: left;
}

#shopinfo #address dl dt {
	vertical-align: middle;
	height: 16px;
}
#shopinfo #address dl dt strong {
	background-image: url(../images/iconSquare.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
	vertical-align: bottom;
	height: 16px;
	display: block;
}
#shopinfo #address  dl dd {
	padding-left: 10px;
}
#shopinfo #address table {
	clear: left;
	width: 345px;
	font-size: 0.9em;
	border-collapse: separate;
	text-align: center;
}
#shopinfo #address table th {
	height: 15px;
	background-color: #0099CC;
}
#shopinfo #address table td  {
	height: 15px;
	text-align: center;
}
#shopinfo #address ul {
	float: left;
	width: 370px;
}
#shopinfo  #address ul li {
	float: left;
}
#shopinfo  #address ul li img {
	border: 1px solid #FFFFFF;
	margin-right: 5px;
}
#shopinfo dl.brandLink {
	margin-left: 90px;
	text-align: left;
	margin-bottom: 15px;
}
#shopinfo dl.brandLink dt {
	border-bottom: 1px dotted #FFFFFF;
	margin-bottom: 10px;
}
#shopinfo dl.brandLink dt strong {
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	color: #00CCFF;
	background-image: url(../../shopinfo/images/iconLink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
}
#shopinfo #container .titleBar {
	clear: both;
}
#slider {
	float: left;
	width: 860px;
	background-color: #CC3399;
}


/*--------------------------------

	header
	
---------------------------------*/
#headerWrap {
	background-image: url(../images/bgHeaderGraunge.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto;
	height: auto;
	width: 1010px;/*pxw肪Ȃieł*/
}
#header {
	margin: 0 auto;
	padding: 0 0 120px 0;
	width: 860px;
	height: 120px;
	overflow: hidden;
	text-align: left;
	clear: both;
	position: relative;
	z-index: 2;
}
#header h1#logo {
	text-indent: -9999em;
	float: left;
	margin-top: 80px;
	display: inline;
}
#header h1#logo a {
	background-image: url("../images/menuLogo02.png");
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	width: 240px;
	display: block;
}	
#header ul#gNav {
	/**/
	width: 480px;
	background-image: url("../images/otamesi.png");
	background-repeat: no-repeat;
	background-position: center center;
	padding: 50px 0 50px 50px;	
	margin-top: 40px;
	/**/
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	color: #FF0000;
	list-style-type: none;
	text-align: center;
}
#header  ul#gNav li  {
	width: 80px;
	height: 30px;
	float: left;
}
#header ul#gNav li a {/* N@ʐݒ */
	display:block;
	width:80px;
	height:30px;
	/*background-repeat: no-repeat;*/
	/*background-position: 0 0;*/
	outline:none;
	text-indent:-9999px;
}
#header ul#gNav li a:hover {
	background-position: 0 -30px;

}
#header ul#gNav li a:active {
	background-position: 0 -60px;
}
/* --------------------------------------------------- */

#header ul#gNav li#gNavHome a  {/* home */
	background-image:url(../images/menu/menuHome.gif);
}
#header ul#gNav li#gNavNews a  {/* news */
	background-image:url(../images/menu/menuNews.gif);
}
#header ul#gNav li#gNavReport a  {/* report */
	background-image:url(../images/menu/menuReport.gif);
}
#header ul#gNav li#gNavColumn a  {/* column */
	background-image:url(../images/menu/menuColumn.gif);
}
#header ul#gNav li#gNavSupport a  {/* support */
	background-image:url(../images/menu/menuSupport.gif);
}
#header ul#gNav li#gNavShopinfo a  {/* shopinfo */
	background-image:url(../images/menu/menuShopinfo.gif);
}

/* - curren -------------------------------------------------- */
body#home #header ul#gNav li#gNavHome a
,body#news ul#gNav li#gNavNews a
,body#report #header ul#gNav li#gNavReport a
,body#column #header ul#gNav li#gNavColumn a
,body#support #header ul#gNav li#gNavSupport a
,body#shopinfo #header ul#gNav li#gNavShopinfo a {
	background-position: 0 -60px;
}

/*--------------------------------------------------

	footer

-----------------------------------------------------*/
#footerWrap{
	bottom: 0px;
	/*float:left;*/
	width: 100%;/* footer fix */
	margin-top: 200px;
	background-image:url(../images/bgFooter.jpg);
	background-position:left top;
	background-repeat: repeat-x;
	padding: 20px 0 30px;
}

#footer {
	width: 860px;
	text-align: center;
	margin: 50px auto 0;
}
#footer ul#linkWrap {
	width: 600px;
	float: left;
	display: block;
	padding: 0px;
	height: 300px;
}
#footer ul#linkWrap li.lwl {
	padding: 0px;
	margin-right: 20px;
	float: left;
}
#footer dl {
	text-align: left;	
	float: left;
	margin-right: 20px;
	padding: 0px;
}
#footer dl.footerMenu {
	width: 150px;
}
#footer dl.footerMenu dd {
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	margin-left: 10px;
}
#footer dl.blogLink {
	width: 250px;
}
#footer dl dt {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	margin-bottom: 20px;
	padding: 0px;
	font-size: 1.4em;
	font-weight: bold;
	color: #006699;
	vertical-align: bottom;	
}
#footer dl.blogLink  dd {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 0 8px 45px;
	margin-left: 10px;
}
#footer dl.blogLink dd.arai {
	background-image: url(../images/iconFooterArai.jpg);
}
#footer dl.blogLink dd.muraki  {
	background-image: url(../images/iconFooterMuraki.jpg);
}
#footer dl.blogLink dd.mayu  {
	background-image: url(../images/iconFooterMayu.jpg);
}
#footer dl.blogLink dd.mons  {
	background-image: url(../images/iconFooterMons.gif);
}
#footer dl.blogLink dd.plusHeaven {
	background-image: url(../images/iconFooterPlusHeaven.jpg);
}
#footer .copyright {
	width: 260px;
	float: left;
	vertical-align: bottom;
	padding-top: 120px;
}