@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: scroll;
  font-size: 13px;
  font-family: Meiryo UI,"MS UI Gothic",メイリオ,"ＭＳ ゴシック",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;
}

hr{
  text-align: center;
}

img{
  border: 0;
}

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

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

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

#header td{
  background: #000000;
  color: #FFFFFF;
}

//#logo{
//  float: left;
//  width: 40%;
//  margin-top: 20px;
//  margin-bottom: 20px;
//}
//
//#icons{
//  float: right;
//  width: 60%;
//  position: relative;
//}

/** nav **/

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

.nav .nl{
# 64x(menu)+4x(menu+1)
#  width: 820px;
  width: 752px;
  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用 */
  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;
}

#main800{
  float: left;
  width: 800px;
  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 hr{
  width: 95%;
  color: #808080;
  text-align: center;
}

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

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

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

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

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

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

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

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

.ncbox300 p{
  margin: 1em 15px 1em 10px;
  word-break: break-all;
}

.ncbox300 dd{
  word-break: break-all;
}

.ncbox300 li{
  word-break: break-all;
}


/** 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 hr{
  width: 95%;
  color: #808080;
  text-align: center;
}

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

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

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

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

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

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

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

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

.ncbox500 p{
  margin: 1em 15px 1em 10px;
  word-break: break-all;
}
.ncbox500 dd{
  word-break: break-all;
}

.ncbox500 li{
  word-break: break-all;
}


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

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

.ncbox800 hr{
  width: 95%;
  color: #808080;
  text-align: center;
}

.ncbox800 h3{
  margin: 1em 15px 1em 10px;
}

.ncbox800 h4{
  margin: 1em 15px 1em 10px;
}

.ncbox800 h5{
  margin: 1em 15px 1em 10px;
}

.ncbox800 h6{
  margin: 1em 15px 1em 10px;
}

.ncbox800 dl{
  margin: 1em 15px 1em 10px;
}

.ncbox800 ul{
  margin: 1em 15px 1em 10px;
}

.ncbox800 ol{
  margin: 1em 15px 1em 10px;
}

.ncbox800 table{
  margin: 1em 15px 1em 10px;
}

.ncbox800 p{
  margin: 1em 15px 1em 10px;
  word-break: break-all;
}

.ncbox800 dd{
  word-break: break-all;
}

.ncbox800 li{
  word-break: break-all;
}


/** 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 800 box **/
table.nc800{
  width: 770px;
  margin-left: 5px;
  font-size: 12px;
  color: #696969;
  background-color: #FFFFFF;
}

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

td.nc800-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;
}

#footer td{
  color: #FFFFFF;
  background: #000000;
}