@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

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

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* Font
-------------------------------------------------------------------------------*/

body{font:10px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.75;letter-spacing:.05em;-webkit-text-size-adjust: 100%;}.en body{font-family:"Times New Roman",Georgia,serif}.en .normal{font-family:"Times New Roman",Georgia,serif;font-weight: normal!important;}

/* Basic
-------------------------------------------------------------------------------*/

a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:focus{outline:0}img{width:100%;font-size:10px;vertical-align:top}a img{transform:translate3d(0,0,0)}.normal{font-weight:400!important}.bold{font-weight:700!important}.fltL{float:left!important}.fltR{float:right!important}.clrml{margin-left:0!important}.clrmr{margin-right:0!important}.clrmb{margin-bottom:0!important}.clrmt{margin-top:0!important}.clrbt{clear:both!important}.clrL{clear:left!important}.clrR{clear:right!important}.clrbd{border:none!important}.alnR{text-align:right!important}.alnC{text-align:center!important}.alnL{text-align:left!important}.block{display:block!important}.whitespace{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}.txtUdl{text-decoration:underline}.clrfx:before,.clrfx:after{content:"";display:table}.clrfx:after{clear:both}.clrfx{zoom:1;}

/* korokke
-------------------------------------------------------------------------------*/

html {
	font-size: 10px;
	background-image: url(../images/korokke_bg.gif);
	background-size: 5.5em 78.3em;
}

#wrapper {
	width: 75em;
	margin: 0 auto;
}

#wrapper > a[href*="../"] {
	display: block;
	width: 18.9em;
}

.ie a img:hover {
	filter: alpha(opacity="50")
}

.ie a img.rollover:hover {
	filter: inherit;
}

/* section
-------------------------------------------------------------------------------*/

.section {
	position: relative;
	padding: 9.8em 5em;
	background: url(../images/bg_white.png);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.section:first-child {
	margin-top: 9.8em;
}

.section.yellow {
	background: url(../images/bg_yellow.png);
}

.section.black {
	background: url(../images/bg_black.png);
}

.section.pink {
	background: url(../images/bg_pink.png);
}

.section:before,
.section:after {
	content: "";
	background-image: url(../images/ico_star_01.png);
	background-repeat: repeat-x;
	background-size: 4.1em 3.1em;
	width: 65.2em;
	height: 3.1em;
	position: absolute;
}

.section.black:before,
.section.black:after {
	background-image: url(../images/ico_star_02.png);
}

.section:before {
	left: 5em;
	top: 4em;
}

.section:after {
	left: 5em;
	bottom: 4em;
}

.section + .section {
	margin-top: 9.8em;
}

.section p {
	font-size: 16px;
	font-weight: bold;
}

.section.black p {
	color: #fff;
}

.section a {
	color: #ff99cc;
}

.section a:hover {
	color: #ffcce5;
}


/* footer
-------------------------------------------------------------------------------*/

#footer {
	margin-top: 13.5em;
	height: 64.8em;
}
  
#footer ul {
	width: 60em;
	height: 60em;
	background: url(../images/bg_footer.png) no-repeat;
	background-size: 60em 60em;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto;
	padding-top: 22em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#footer li {
	width: 20em;
	margin: 0 auto;
}

#footer li:first-child {
	margin-top: .4em;
}

#footer li.fb {
	width: 10em;
	height: 4em;
	margin: 6.5em auto 0;
}

#footer address {
	width: 20em;
	margin: -9.4em auto;
}

/* lightbox
-------------------------------------------------------------------------------*/

#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 25em;
  height: 25em;
  margin: 0 auto;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 0;
}

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
}

.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

.lb-data .lb-close:hover {
  cursor: pointer;
}