@charset "utf-8";			/* yk20080909 */
/******************************************/
/***************** for all ****************/
/******************************************/
/****************         *****************/
/***************     ×     ***************/

/******************************************/
/**************** common ******************/
/******************************************/
/* Except IE */
body { font-size: 10pt; }
/* for Windows IE */
@media screen {
    * html body { font-size: 80%; }
    * html table { font-size: 100%; } /* for ie6 */
}

body { margin: 0 auto 32px; background-image: url(images/bg.jpg); text-align: center; /* *1 */ color: #ffffff; }
h1, h2, h3 { margin: 0; padding: 0; text-align: left;  /* *1 */ }
p, dt, dd { text-align: left;/* *1 */ font: 100% "Hiragino Mincho Pro", serif; line-height: 2.8ex; text-indent: 1em; }
div, td, li { text-align: left;  /* *1 */ }
span.hidd { visibility: hidden; font-size: 1pt; }

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

div#main_wrapper { margin: 0 auto; width: 920px; height: 710px; 
	background: transparent url(images/index_base_bg.jpg) no-repeat; border-top: 5px solid #cbe718; }
h1#toplogo { margin-left: -30px; width: 428px; height: 181px; 
	background: url(images/titleLogo.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
  #toplogo a#totop { display: block; width: 320px; height: 160px; text-decoration: none; }

div#maincont_o { width: 920px; height: /*426px*//* +147 */537px; position: relative; }
/*div#maincont_i { border: 1px solid silver; }*/

div#nuno { position: absolute; top: 208px; left: -24px; width: 437px; height: 272px; z-index: 8; 
	/*border: 1px solid silver; for debug */
	background: url(images/index_nuno.png) no-repeat; behavior: url(scripts/iepngfix.htc); }

div#l_recommend { position: absolute; top: 138px; left: 7px; z-index: 16; }
div#btn_recom { margin: 0; padding: 0; width: 193px; height: 285px; /*border: 1px solid green; for debug */
	background: url(images/btn_recom.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #btn_recom p { margin: 0; font-size: 110%; text-indent: 0px; text-align: center; line-height: 8px; }
   #btn_recom a { display: block; width: 193px; height: 285px; text-decoration: none; color: #ffffff; }
   #btn_recom a:hover { background: url(images/btn_recom.png) no-repeat -193px 0; 
   		/* for win ie6 */ _background: url(images/btn_recom.gif) no-repeat -193px 0; behavior: url(scripts/iepngfix.htc); }
div#whatsnew { position: absolute; top: 273px; left: 202px; z-index: 4; 
	margin: 0px; padding: 0px; width: 534px; height: 147px; 
	background: url(images/info_bg01.png) no-repeat; behavior: url(scripts/iepngfix.htc);
	/* _background: url(images/info_bg01.gif) no-repeat; */ /* for win ie6  */ }
div#wn_cont { position: absolute; top: 273px; left: 202px;  width: 534px; z-index: 6;  }
   #wn_cont h2#wntitleh2 { margin: 0; padding-top: 15px; padding-left: 20px; width: 256px; font: 110% sans-serif; }
   #wn_cont a { text-decoration: none; color: #ffffff; border: none; }
   /*#wn_cont a img { border: none; }*/
   #wn_cont div#wn_cont_shrink { margin: 0px 20px; padding: 0px; width: 480px; height: 24px; 
   	overflow: hidden; border: 1px dotted #666666; }
   #wn_cont #wn_cont_shrink dl { margin: 0; padding: 0; width: 470px; }
   #wn_cont #wn_cont_shrink dl dt { margin-bottom: 10px; }
   #wn_cont #wn_cont_shrink dl dd { margin: 5px 0px 15px; padding: 5px; border: 1px solid #999999; text-indent: 1em; }
   #wn_cont p#wnpubtnp { margin: 4px 0px 0px 430px; padding: 0; width: 5.5em; border-bottom: 1px solid #d9d9d9; }

div#l_column { position: absolute; top: 273px; left: 738px; z-index: 32; }
div#btn_column { margin: 0; padding: 0; width: 181px; height: /*147px*/256px; 
	background: url(images/colum_bg.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #btn_column p { margin: 0px; padding: 24px 20px 0px; text-indent: 0px; 
   	text-align: center; color: #333333; font: normal 90% "Hiragino Maru Gothic Pro", sans-serif; line-height: 2.2em; }
   #btn_column a { text-decoration: none; color: #ffffff; border: none; }
   #btn_column p#columnbtn { position: absolute; top: 114px; left: 27px; padding: 0px; text-align: center; }
   #btn_column #columnbtn img { border: none; behavior: url(scripts/iepngfix.htc); }

div#naviwrapper { position: absolute; top: 426px; left: 0px; width: 920px; height: 103px; 
	background: url(images/navi_bg.jpg) no-repeat; z-index: 16; }
   #naviwrapper ul { margin: 0; padding: 0; list-style-type: none; }
   #naviwrapper li { float: left; display: inline; margin-right: 1px; width: 184px; height: 103px; }
   #naviwrapper li a { display: block; width: 184px; height: 103px; text-decoration: none; color: #ffffff; }
   #naviwrapper li#recom { background: url(images/naviBtn_recommend.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #naviwrapper li#recom a:hover { background: url(images/naviBtn_recommend.png) no-repeat 0 -103px;
   	_background: url(images/naviBtn_recommendRO.gif) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #naviwrapper li#philo { background: url(images/naviBtn_philosophy.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #naviwrapper li#philo a:hover { background: url(images/naviBtn_philosophy.png) no-repeat 0 -103px;
   	_background: url(images/naviBtn_philosophyRO.gif) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #naviwrapper li#wineb { background: url(images/naviBtn_wineBar.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #naviwrapper li#wineb a:hover { background: url(images/naviBtn_wineBar.png) no-repeat 0 -103px; 
   	_background: url(images/naviBtn_wineBarRO.gif) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #naviwrapper li#profi { background: url(images/naviBtn_profile.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #naviwrapper li#profi a:hover { background: url(images/naviBtn_profile.png) no-repeat 0 -103px; 
   	_background: url(images/naviBtn_profileRO.gif) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #naviwrapper li#column { background: url(images/naviBtn_column.png) no-repeat; behavior: url(scripts/iepngfix.htc); 
   	width: 178px; }
   #naviwrapper li#column a { width: 178px; }
   #naviwrapper li#column a:hover { background: url(images/naviBtn_column.png) no-repeat 0 -103px; 
   	_background: url(images/naviBtn_columnRO.gif) no-repeat; behavior: url(scripts/iepngfix.htc); width: 178px; }

div#footer { margin: 0 auto; width: 920px; height: 36px; background-color: #1c1c1c; }
address#footerin { padding-top: 10px; padding-left: 10px; text-align: left; 
			font: italic normal 85% "Hiragino Maru Gothic Pro", sans-serif; color: #999999; }
       #footerin a#crdfw { text-decoration: none; border: none; color: #999999; font-size: 80%; }
       #footerin a#crdfw:hover { cursor: pointer; }


/******************************************/
/************** what's new ****************/
/******************************************/
div#whatsnew_pop { position: absolute; top: -2px; left: 202px; z-index: 64; 
	margin: 0px; padding: 0px; width: 634px; height: 429px; 
	background: url(images/info_bg02.png) no-repeat; behavior: url(scripts/iepngfix.htc);
	/* _background: url(images/info_bg02.gif) no-repeat; */ /* for win ie6 */ }
div#wn_cont_pop { position: absolute; top: -2px; left: 202px; width: 634px; z-index: 128; }
   #wn_cont_pop h2#wntitleh2 { margin: 0; padding-top: 15px; padding-left: 20px; width: 256px; font: 110% sans-serif; }
   #wn_cont_pop a { text-decoration: none; color: #ffffff; border: none; }
/*div#wn_cont_f { float: left; display: inline; margin-top: 0px; margin-left: 36px; width: 560px; height: 348px; 
   	border: 1px dotted gray; overflow: hidden; }*/ /* for safari mac, div definition must be set in HTML HEAD STLE! */
	   /* ->index_wn.html or index.html for safari with slider.js */
   #wn_cont_pop div#shrnkwnbtn { float: right; margin: 0; padding: 14px 20px 0 0; display: none; }
   #wn_cont_pop #shrnkwnbtn p { margin: 0; padding: 0; width: 19px; height: 19px; text-indent: 0; }
   #wn_cont_pop img { border: none; behavior: url(scripts/iepngfix.htc);/* Gif images need not this */ }
#wn_cont_f dl#wn_cont_pop_dl { margin: 0; padding: 0; width: 540px; }
#wn_cont_f   #wn_cont_pop_dl dt { margin-bottom: 10px; }
#wn_cont_f   #wn_cont_pop_dl dt.withdata { cursor: pointer; text-decoration: underline; }
#wn_cont_f   #wn_cont_pop_dl dd { margin: 5px 0px 15px; padding: 5px; border: 1px solid #999999; 
	text-indent: 0em; /*text-align: justify;*/ }
	/* vertical track */
	#track1 { float: left; width: 15px; height: 348px; margin-left: 2px; background-color: #392019; }
	/* vertical track handle */
	#handle1 { width: 15px; height: 50px; background-color: #967060; cursor: move; }



/******************************************/
/******* Wine Recommendation Section ******/
/******************************************/
div#recom_wrapper { position: absolute; top: -96px; left: 72px; z-index: 64; }
div#recom_conto {  margin: 0px; padding: 0px; width: 797px; height: 482px; 
	background: url(images/rec_bg.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
   #recom_conto div#shrnkwnbtn { float: right; margin: 0; padding: 14px 20px 0 0; display: block; }
   #recom_conto #shrnkwnbtn p { margin: 0; padding: 0; width: 19px; height: 19px; text-indent: 0; }
   #recom_conto div#h2recom_wrap { padding-top: 20px; padding-left: 24px; }
   #recom_conto h2 { width: 760px; height: 56px; font: normal 110% "Hiragino Mincho Pro", serif; overflow: hidden; }
div#recom_conti { position: absolute; top: 72px; left: 10px; margin-left: 40px; width: 744px; height: 400px; z-index: 128; }
	/* iepngfixのサイド・イフェクト回避のため position: absolute;により別divに */
   #recom_conti div#recompic { float: left; margin-top: 8px; width: 246px; height: 388px; text-align: center; overflow: hidden; }
   #recom_conti #recompic p { margin-top: 4px; font: normal 100% "Hiragino Mincho Pro", serif; text-align: center; 
   	text-indent: 0px; }
   #recom_conti h3#recomname { margin-left: 52px; float: left; width: 438px; height: 38px; overflow: hidden; 
   	font: normal 120% "Hiragino Mincho Pro", serif; }
 /*  #recom_conti div#expwine { margin-left: 52px; float: left; width: 400px; height: 260px; border: 1px solid maroon; 
   	overflow: auto; }*/
	   /* -> recom.html for safari with slider.js */
   #recom_conti #expwine p { margin: 4px 4px 4px 0px; padding: 0px; 
   	font: normal 100% "Hiragino Mincho Pro", serif; line-height: 1.6em; text-align: justify; }
   #recom_conti div#recomulwrap { margin-left: 52px; float: left; width: 438px; height: 107px; /*border: 1px solid fuchsia;*/ }
   #recom_conti #recomulwrap div#recomulcont { float: left; display: inline; width: 360px; height: 107px; overflow: auto; }
   #recom_conti #recomulwrap #recomulcont ul#recomul { margin: 8px 0px; padding: 0px; width: 360px; height: 70px; }
   #recom_conti #recomulwrap #recomulcont #recomul li { float: left; display: inline; margin-right: 8px; 
   	width: 52px; height: 70px; overflow: hidden; }
   #recom_conti #recomulwrap a { text-decoration: none; }
   #recom_conti #recomulwrap a img { border: none; }
   #recom_conti #recomulwrap div#recomulslider { float: left; display: inline; width: 74px; height: 80px; }
   #recom_conti #recomulwrap #recomulslider p { margin: 12px 0; padding: 2px; font-size: 80%; 
   	text-indent: 0; text-align: center; border: 1px dotted #666666; }
   #recom_conti #recomulwrap #recomulslider a { color: #ffffff; }



/******************************************/
/********* Wine Philosophy Section ********/
/******************************************/
div#philos { position: absolute; top: -38px; left: 0; width: 920px; height: 460px; z-index: 32; 
	background: url(images/baseBg_movie.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
div#philos_cont { position: absolute; top: -82px; left: 8px; width: 912px; height: 508px; z-index: 64; }

div#philostotopdiv { float: right; width: 288px; height: 56px; }
   #philostotopdiv a { display: block; width: 288px; height: 56px; text-decoration: none; }
/* Win IE6で表示されない! */  
h2#h2_philosophy { margin: 0px; padding: 0; width: /*667px*/ 600px; height: 56px; 
	overflow: hidden; /* for IE6 */}
  #h2_philosophy img { behavior: url(scripts/iepngfix.htc); }
div#movcont { margin-left: 20px; }

/******************************************/
/************ Wine Bar Section ************/
/******************************************/
div#winebar { position: absolute; top: 0px; left: 0; width: 920px; height: 460px; z-index: 32; 
	background: url(images/wineBar_baseBg.png) no-repeat; behavior: url(scripts/iepngfix.htc);  }
div#winebar_cont { position: absolute; top: 8px; left: 8px; width: 912px; height: 456px; z-index: 64; }
h2#h2_winebar { margin: 0; padding: 0; width: 667px; height: 56px; 
	background: /*url(images/tastingCorner_h2.png)*/ url(images/h2_wineBar.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
  #h2_winebar img { behavior: url(scripts/iepngfix.htc); }/* obs20081023 */
div#winebar_cont_i { margin: 0 0 0 174px; width: 552px; height: 388px; 
	background: url(images/winebarbg.png) left; behavior: url(scripts/iepngfix.htc); }
div#winebar_cont_ii { padding: 28px 40px 0 40px; color: #202020; font-size: 96%; }
p.winebarp1 { margin: 0px; padding: 0px; text-indent: 0px; line-height: 2.4em; }
p.winebarpsig { margin: 10px 2em 0px 0px; padding: 0px; text-align: right; text-indent: 0px; }
p.winebarp2 { margin: 10px 0px; padding: 0px; text-indent: 2.4em; background: url(images/h2.gif) no-repeat 2px; }

h1#toplogos { margin-left: 631px; margin-bottom: 53px; width: 361px; height: 128px; 
	background: url(images/titleLogoSMALL.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
  #toplogos a#totop { display: block; width: 256px; height: 128px; text-decoration: none; cursor: pointer; }

/******************************************/
/************ Profile Section *************/
/******************************************/
div#profile { position: absolute; top: -38px; left: 0; width: 920px; height: 460px; z-index: 32; 
	background: url(images/baseBg_profile.png) no-repeat; behavior: url(scripts/iepngfix.htc);  }
div#profile_cont { position: absolute; top: -30px; left: 8px; width: 912px; height: 456px; z-index: 64; }
h2#h2_profile { margin: 0; padding: 0; width: 667px; height: 56px; 
	background: url(images/h2_profile.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
  /*#h2_profile img { behavior: url(scripts/iepngfix.htc); }*/
div#prof_cont_i { margin: 0 0 0 174px; width: 724px; height: 388px; 
	background: url(images/profbgtemp2.png) no-repeat left; behavior: url(scripts/iepngfix.htc); }
   #prof_cont_i div#prof_cont_expl { float: left; width: 551px; height: 388px; }
   /*#prof_cont_i #prof_cont_expl img { float: right; behavior: url(scripts/iepngfix.htc); border: 1px solid green; } */
   #prof_cont_i div#prof_cont_expl_in_1 { margin: 15px 0 0 42px; width: 508px; height: 224px; }
   #prof_cont_i div#prof_cont_h2_mark { float: left; margin-top: 3px; _margin-top: 0px; width: 20px; height: 220px; 
	background: url(images/h2.gif) no-repeat top left; }
   #prof_cont_i div#prof_cont_expl_in_cont { float: left; width: 480px; height: 224px; }
   #prof_cont_i h2 { margin: 0; padding: 0; width: 256px; font: 100% "Hiragino Mincho Pro", serif; color: #202020; }
   #prof_cont_i #prof_cont_expl div#prof_cont_expl_in_2 { margin: 0 0 0 42px; width: 508px; height: 140px; }
   #prof_cont_i div#prof_cont_photo { float: left; margin-left: 14px; width: 159px; height: 386px; line-height: 40px; }
   #prof_cont_i #prof_cont_photo img { border: 1px solid #ffffff; }
   #prof_cont_i #prof_cont_photo a { text-decoration: none; border: none; }
   #prof_cont_i p { margin: 5px 0; text-indent: 0; font: 100% "Hiragino Mincho Pro", serif; color: #202020; line-height: 22px; 
   	vertical-align: bottom; }
   #prof_cont_i img { margin: 0; padding: 0; border: none; text-decoration: none; }
div#profimg { position: absolute; top: 0px; left: 0px; margin: 0px auto auto -2000px; width: 1280px; height: 1024px; 
	background: url(images/profimgbgl.png) repeat; behavior: url(scripts/iepngfix.htc); z-index: 256; }
div.pngfixclick { position: absolute; top: 64px; left: 96px; margin: 0px auto auto -2000px; 
	width: 1200px; height: 920px; z-index: 512; }
   .pngfixclick a { border: none; text-decoration: none; }
   .pngfixclick a img { border: none; text-decoration: none; }

/******************************************/
/************ Columns Section *************/
/******************************************/
div#columns { position: absolute; top: -123px; left: 0; width: 920px; height: 549px; z-index: 32; 
	background: url(images/colum_base_bg.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
p#columnstotopp { position: absolute; top: -128px; left: 668px; width: 256px; height: 74px; z-index: 64; }
 #columnstotopp a { display: block; width: 256px; height: 64px; text-decoration: none; cursor: pointer; }
div#columns_cont { position: absolute; top: -30px; left: 8px; width: 912px; height: 456px; z-index: 64; }
   #columns_cont h3 { margin: 0px; padding: 0; font: bold 100% "Hiragino Mincho Pro", serif; }
   #columns_cont p { margin: 0px; padding: 0; font: normal 100% "Hiragino Mincho Pro", serif; text-indent: 0px; }
h2#h2_columns { margin: 0; padding: 0; width: 667px; height: 2px; 
	/*line-height: 0; IE6でソース上の改行がボックス高を改行分高くしてしまう場合の対策 */ 
	overflow: hidden; /* IE6でソース上の改行がボックス高を改行分高くしてしまう場合の対策 */ }
  /*#h2_columns img { behavior: url(scripts/iepngfix.htc); }*/
div#columnpers { float: left; display: inline; margin: 40px 0 0 20px; width: 290px; height: 388px; }
   #columnpers h3, #columnpers p { font-weight: bold; }
div#columntext { float: left; display: inline; margin: 40px 0; width: 480px; height: 388px; 
	background: url(images/coltxtbg.png) no-repeat; behavior: url(scripts/iepngfix.htc); }
/*   #columntext div#colpwrap { float: left; margin: 10px 0px 10px 64px; width: 356px; height: 368px; overflow: auto; 
   	border: 1px solid red; }
   #columntext #colpwrap p { padding: 0 10px; font: 100% "Hiragino Mincho Pro", serif; color: #ffffff; text-align: justify; }*/
   /* column.htmlへ for safari with slider.js */
div#columns_cont2 { position: absolute; top: 12px; left: 318px; width: 608px; height: 388px; z-index: 128; }
div#columntext2 { float: left; display: inline; margin: 0; width: 478px; height: 388px; }
div#columnlistwrap { float: left; display: inline; margin: 128px 0 0; width: 126px; height: 292px; }
   #columnlistwrap a { color: #ffffff; text-decoration: none; }
   #columnlistwrap p { margin-top: 2px; margin-left: 12px; margin-bottom: 2px; padding: 0; width: 100px; 
   	font: bold 80% "Hiragino Mincho Pro", serif; color: #ffffff; 
   	text-indent: 0; text-align: center; border: 1px dotted #cccccc; visibility: hidden; }
div#columnlist { margin-left: 11px; width: 96px; _width: 102px; height: 226px; overflow: auto; 
	border-top: 3px solid #3c1c1c; border-right: 3px solid #b09090; 
	border-bottom: 3px solid #f0d9d9; border-left: 3px solid #603c3c; }
   #columnlist ul { margin: 0; padding: 0; width: 80px; }
   #columnlist ul li { margin: 0px 0px 10px 0px; padding: 0px; width: 80px; list-style-type: none; }
   #columnlist a img { margin: 0; padding: 0; border: none; }
div#cork { position: absolute; top: -104px; left: 13px; width: 132px; height: 135px; z-index: 512; }
   #cork img { behavior: url(scripts/iepngfix.htc); }

/******************************************/
/************* Administrator **************/
/******************************************/

div#admin_div { padding: 10px; color: #330010; background-color: #f6f3f6; }
/*#main_wrapper #maincont_o #admin_div*/ 
   #admin_div div#admin_div_l { float: left; width: 578px; border-right: 1px dotted silver; }
   #admin_div div#admin_div_r { float: left; margin-left: 10px; width: 308px; border: 1px dotted silver; }
p.noindent { margin: 5px 0px; font-size: 120%; text-indent: 0px; }
#wc_monit p { margin: 2px 0px; font-size: 100%; }
div#wc_monit { margin: 0px 10px 10px 0px; padding: 0px 10px; border: 1px solid gray; overflow: auto; }
   #wc_monit dl { margin: 0px; width: 512px; height: 320px; }
   #wc_monit dt { margin: 15px 0px 2px 0px; border-top: 1px solid gray; text-indent: 0px; }
   #wc_monit dd { margin-left: 0px; padding: 0px; border: 1px dotted silver; border-bottom: 1px solid gray; }