@charset "Shift_JIS";

body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #FFDDFF;
  background-image: url(../img/yukata_bg.jpg);
  background-position: center;
  background-attachment: fixed;
  font-size: 12px;
  font-family: arial,helvetica,sans-serif;
  color: #696969;
}

a:link{
  color: #696969;
  text-decoration: underline;
}

a:visited{
  color: #FF0066;
  text-decoration: underline;
}

a:hover,a:active{
  color: #FF0066;
  text-decoration: underline;
}

h1{
  font-size: 12px;
  font-weight: bold;
  margin: 1em 15px 1em 10px;
}

img{
  border: 0;
}

#container{
  width: 100%;
  height: 100%;
  text-align: center;
}

/** header *********************************************************************/

#header{
  width: 100%;
  background: #000000;
  color: #FFFFFF;
  border-bottom: 3px #CCCCCC solid;
}

#logo{
  float: left;
  width: 40%;
  margin-top: 20px;
  margin-bottom: 20px;
}

#icons{
	width: 60%;
  position: relative;
  float: right;
}

/** nav **/

.nav{
  clear: both;
  width: 100%;
  background-color: #000000;
  border-bottom: 4px #000000 solid;
  font-weight: bold;
  text-align: center;
}

.nav .nl{
  width: 820px;
  margin: 0 auto;
  padding: 0;
  background-color: #000000; 
  list-style-type: none;
  text-align: center;
}

.nav .nl li{
  width: 64px;
  float: left;
}

.nav .nl li a{
  display: block;
  position: relative; /* IE6—p */
  padding: 8px 2px;
  text-decoration: none;
  color: #FFFFFF;
}
.nav .nl li a:hover{
  background: url(../img/button/menu_on.gif) repeat-x bottom;
  color: #696969;
}

.clearFix:after{
  content: ".";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}

.clearFix{
  min-height: 1px;
}

/** contents ******************************************************************/

#contents{
  width: 820px;
  margin: 0 auto;
}

#main{
  float: left;
  width: 500px;
  text-align: left;
}

#main700{
  float: left;
  width: 700px;
  text-align: left;
  margin: 0 auto;
}

#sub{
  float: left;
  width: 300px;
  text-align: left;
}

.spacer-x-10{
  height: 10px;
}

.spacer-y-10{
  float: left;
  width: 10px;
}


table#profile_table th{
	text-align: left;
	background-color: #EEFFFF;
	font-weight: normal;
	width: 120px;
	padding: 3px;
	font-size: 80%;
	margin: 3px;
}

table#profile_table td{
	text-align: left;
	padding: 3px;
	margin: 3px;
	font-size: 80%;
}

table#thumnail td{
	text-align: center;
	font-size: 80%;
	margin-bottom: 10px;
}


/** box ***********************************************************************/

/** box width 300 **/
.ncbox300{
  width: 300px;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  background: url(../img/box/ncbox300bottom.gif) no-repeat bottom;
}

.ncbox300 h2{
  margin: 0;
  padding: 1em 15px 0 10px;
  background: url(../img/box/ncbox300top.gif) no-repeat top;
  font-size: 12px;
  color: #FF0066;
}

.ncbox300 p{
  margin: 1em 15px 1em 10px;
}

/** box width 500 **/
.ncbox500{
  width: 500px;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  background: #FFFFFF url(../img/box/ncbox500bottom.gif) no-repeat bottom;
}

.ncbox500 h2{
  margin: 0;
  padding: 1em 15px 0 10px;
  background: #FFFFFF url(../img/box/ncbox500top.gif) no-repeat top;
  font-size: 12px;
  color: #FF0066;
}

.ncbox500 p{
  margin: 1em 15px 1em 10px;
}

/** box width 700 **/
.ncbox700{
  width: 700px;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  background: #FFFFFF url(../img/box/ncbox700bottom.gif) no-repeat bottom;
}

.ncbox700 h2{
  margin: 0;
  padding: 1em 15px 0 10px;
  background: #FFFFFF url(../img/box/ncbox700top.gif) no-repeat top;
  font-size: 12px;
  color: #FF0066;
}

.ncbox700 p{
  margin: 1em 15px 1em 10px;
}

/** table *********************************************************************/

/** table for width 300 box **/
table.nc300{
  margin-left: 5px;
  width: 270px;
  font-size: 12px;
  color: #696969;
  background-color: #FFFFFF;
}

td.nc300-image{
  width: 80px;
  text-align: center;
}

td.nc300-str{
  text-align: left;
  vertical-align: top;
}

/** table for width 500 box **/
table.nc500{
  width: 470px;
  margin-left: 5px;
  font-size: 12px;
  color: #696969;
  background-color: #FFFFFF;
}

td.nc500-image{
  width: 160px;
  text-align: center;
}

td.nc500-str{
  text-align: left;
  vertical-align: top;
}

/** table for width 700 box **/
table.nc700{
  width: 670px;
  margin-left: 5px;
  font-size: 12px;
  color: #696969;
  background-color: #FFFFFF;
}

td.nc700-image{
  width: 160px;
  text-align: center;
}

td.nc700-str{
  text-align: left;
  vertical-align: top;
}

/** footer ********************************************************************/

#footer{
  clear: left;
  width: 100%;
  color: #FFFFFF;
  border-top: 2px #CCCCCC solid;
  background: #000000;
  text-align: center;
}