@charset "UTF-8";

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

Top Page CSS

for kr-aki.co.jp
coded by d-spica at 2009-04-18
linked to "index.html"

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

 
@import url(default.css);
@import url(common.css);
@import url(showcase.css);
@import url(option.css);


body {
  background: #FFF url(../img/base/bg-body-top.png) repeat-x 0 80px;
}

/* Header Area Parts */

#area-header {
  height: 370px;
  background: url(../img/base/bg-header-top.png) no-repeat center bottom;
}

#area-header .logo {
  top: 184px;
  left: 69px;
  width: 170px;
  height: 40px;
}

#area-header p.photo {
  position: absolute;
  top: 110px;
  left: 285px;
  width: 360px;
  height: 220px;
  background: #FFF;
}

#area-header div.notice {
  position: absolute;
  top: 110px;
  right: 35px;
  padding: 0 50px 10px 0;
  width: 205px;
  height: 210px;
  overflow: hidden;
  font-size: 91.6%;
}

#area-header div.notice a {
  color: #360;
  text-decoration: underline;
}

#area-header div.notice a:hover {
  color: #666;
  text-decoration: none;
}


#area-header div.notice p.special {
  margin: 10px -50px 0 0;
  padding-top: 15px;
  outline: none;
  background: url(../img/base/ln-dot-gy2.png) repeat-x top;
}

#area-header div.notice p.special a {
  display: block;
  padding: 0 1px;
  width: 253px;
  height: 43px;
  background: url(../img/base/sp-special.png) no-repeat 0 0;
  text-indent: -9999px;
}

#area-header div.notice p.special a:hover {
  background: url(../img/base/sp-special.png) no-repeat 0 -44px;
}


/* Main Area Parts */

#area-main {
  margin-top: 0;
}

#area-main h2 {
  margin: 0 -10px;
  padding: 3px 5px 0 30px;
  height: 37px;
  overflow: hidden;
  background: url(../img/base/bg-hd-hana.png) left bottom;
  font-size: 116.6%;
  font-weight: normal;
}

#area-main div#pickup {
  float: left;
  width: 475px;
}

#area-main div#nav {
  float: right;
  padding: 0;
  width: 230px;
}

#area-main div#nav h2 {
  margin: 0;
}

#area-main div#nav div {
  margin-bottom: 15px;
}

#area-main div#nav div#news dl {
  padding: 0 10px;
  border-bottom: solid 1px #CCC;
  font-size: 91.6%;
  font-size: 105%;
}

#area-main div#nav div#news dl dt {
  margin-top: 5px;
  width: 5.5em;
  width: 4em;
  font-size: 80%;
}
*html #area-main div#nav div#news dl dt {
  font-size: 88%;
}
  
#area-main div#nav div#news dl dd {
  margin-top: -1.5em;
  margin-bottom: -1px;
  padding: 0 0 1em 6em; 
  padding: 0 0 1em 4.2em; 
  background: url(../img/base/ln-dot-gy.png) repeat-x bottom;
}

#area-main div#nav div#shop dl {
  padding: 0 10px;
  border-bottom: solid 1px #CCC;
}

#area-main div#nav div#shop dl dt {
  margin-top: 5px;
  padding-left: 4px;
  width: 5em;
  border-left: solid 3px #690;
}
  
#area-main div#nav div#shop dl dd {
  margin-top: -1.4em;
  margin-top: -1.6em;
  margin-bottom: -1px;
  padding: 0 0 1.2em 6em;
  padding: 0 0 0.5em 6em;
  font-size: 91.6%;
  background: url(../img/base/ln-dot-gy.png) repeat-x bottom;
}

#area-main div#nav div#situation ul li {
  margin-bottom: 10px;
}

#area-main div#nav div#situation ul li a {
  display: block;
  padding: 14px 1px 0 10px;
  width: 220px;
  height: 26px;
  background: url(../img/base/bg-nv-situation.png) no-repeat 0 0;
}

#area-main div#nav div#situation ul li a:hover {
  padding: 14px 0 0 11px;
}

#area-main div#also {
  clear: both;
}

#area-main div#also h2.kimono {
  padding: 0 120px 0 12px;
  height: 54px;
  background: url(../img/base/bg-hd-kimono.png) no-repeat 0 0;
  line-height: 54px;
  font-size: 116.6%;
}

#area-main div#also div.subsection {
  border-bottom: solid 1px #CCC;
  margin-bottom: 20px;
  font-size: 91.6%;
}

#area-main div#also div.subsection h2 {
  font-size: 127.3%;
}

#area-main div#also div.subsection dl {
  margin-bottom: 0;
  background: url(../img/base/bg-ptn-pk160.png) repeat-y;
  border-top: solid 5px #FFF;
  border-bottom: solid 5px #FFF;
}

#area-main div#also div.subsection dl dt {
  float: left;
  padding: 5px 7px;
  width: 146px;
  font-size: 109.2%;
  display: inline; /*for IE */
}

#area-main div#also div.subsection dl dd {
  padding: 5px 7px 16px 170px;
  background: url(../img/base/ln-dot-gy11.png) repeat-x bottom;
}

#area-main div#also div.subsection dl dd.last-item {
  padding-bottom: 5px;
  background: none;
}


#area-main div#pickup img.index_top_bn {
  margin: 0 0 15px 0;
  padding: 0;
}

div.ad_up,
div.ad_center,
div.ad_left,
div.ad_right {
	margin: 0;
	padding: 0;
}
div.ad_up p,
div.ad_center p,
div.ad_left p,
div.ad_right p {
	margin: 0;
	padding: 0;
}
div.ad_up img,
div.ad_center img,
div.ad_left img,
div.ad_right img {
	margin: 0 0 8px 0;
	padding: 0;
}
div.ad_up {
	padding-left: 5px;
	margin-bottom: 10px;
}
div.ad_center img {
  margin-bottom: 13px;
}

#area-main div#pickup img.indexBanner_center {
  margin: 0 0 15px 0;
  padding: 0;
}