/**
 * basic
 */

body{
  font-family: "MS PGothic",Osaka,"ヒラギノ角ゴ StdN",Sans-Serif;
  /**font-family: Verdana, メイリオ, Meiryo, 'ＭＳ ゴシック', sans-serif;*/
  font-size:80%;
  line-height: 1;
  background: url(../images/back.gif) center top repeat-y #000;
  color: #FFF;
}

a img,
:link img,
:visited img {
  border: none;
}

img.icon{
  margin-left:0.5em;
  }

a {text-decoration: none; outline:0;}
a:link {color: #4b7bac; outline:0;}
a:visited {color: #4b7bac; outline:0;}
a:active {color: #4b7bac; outline:0;}
a:hover {
  color: #4b7bac;
  text-decoration:underline;
  outline:0;
}

#wrapper{
	width:720px;
	margin:0 auto;
	padding:0px;
}

#contents
{
  margin-top:-100px
}

  
/**
 * Rollover
 */
 a img:hover{
  /* IE */
  filter: alpha(opacity=80);
  background-color:#FFF;
  /* Safari Opera */
  opacity:0.80;
  /* Firefox Netscape */
  -moz-opacity:0.80;
}

 .active img{
  /* IE */
  filter: alpha(opacity=40);
  background-color:#FFF;
  /* Safari Opera */
  opacity:0.40;
  /* Firefox Netscape */
  -moz-opacity:0.40;
}


/**
 * Header
*/
#head
{
	background:url(../images/head.jpg) no-repeat center top;
	height:380px;
}

/**
 * Common
*/

h1{
 display:none;
}

h1,h2,h3,h4
{
  margin:3em 0 1em 0;
}

.copy
{
  text-align: center;
  font-size: 85%;
  margin:3em 0;
}


.caution{
	font-size:85%;
	color:#CCC;
	line-height:1.3;
	letter-spacing:0.01em;
	margin:1em 0 0 0;
	font-weight: normal;
}

span.caution{
    margin-left:1em;
}

strong.red{
  color:#FF0000;
}

.small{
  font-size:85%;
  font-weight:normal;
}

.center{
  text-align:center;
  }
  
img.right{
 float:right;
 margin:0 0 0 10px;
 }
 
 img.left{
 float:right;
 margin:0 10px 0 0;
 }
 
 /**
 * Contents
*/
.book_data
{
  background-color: #333;
  padding:10px;
  width: 220px;
  text-align: center;
  float: right;
}

.book_data p
{
  font-size: 85%;
}
  
  
ul.sample{
	margin:1em 0 1em 0;
}

ul.sample li
{
	float:left;
	margin-right:10px;
}

ul.sample li img{
  border: solid 1px #999;
  padding:2px;
  width:100px;
}


 
/**
 * button
 */
div.btn{
  text-align: center;
  clear:both;
  margin:1em 0;
  }


/**
 * Footer
 */



/**
 * clearfix
 */
.clearfix: after{
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

* html .clearfix{
  display: inline-block;
}

/**
 * ie7
 */
*: first-child+html .clearfix {
  display: inline-block;
}

/**
 * ie8
 */
html>/**/body .clearfix
{
  display: inline-block;
}