@charset "UTF-8";

/*Layout Setting*/
@import url(layout.css);
@import url(contents.css);

/*--------------------------------------------- |  BASE  */

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}
	
body {
//    background-image:url(../images/bg_book.png);
    background-repeat: no-repeat;
	height: 100%;
	font-size: 13px;
	font-family:"メイリオ","ＭＳ Ｐゴシック", "MS PGothic",meiryo,Osaka,sans-serif;
    color: #38382C;
	line-height: 1.8em;
	background-color:#DFC59E;
//	background-color:#333333;
}


/*--------------------------------------------- |  HEADINGS  */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

/*--------------------------------------------- |  LINKS  */

a:link {
	text-decoration: none;
    color: #38382C;
    transition: color .3s;
}
	
a:visited {
	text-decoration:none;
    color: #38382C;
}

a:hover {
	text-decoration: none;
	color: #F2E7DD;
}

a:active { 
	text-decoration:none;
    color: #38382C;
}

a img {
	border: none;
}

  
/*--------------------------------------------- |  TAG SETTINGS  */

td, th, img {
	vertical-align: top;
	padding: 0;
	margin: 0; }
th {
	font-size: 100%;
	font-weight: normal; }
ul li {
	list-style: none;
	padding: 0;
	margin: 0;}
hr {
	display: none;
	clear: both; }
  
/*--------------------------------------------- |  OPTIONS  */

.clear {
	  clear: both; }
.clearL {
	  clear: left; }

/*Text Align*/
.txtAR {
	text-align: right; }
.txtAL {
	text-align: left; }
.txtAC {
	text-align: center; }

/*Text Indent*/
.noIndent {
	text-indent: 0; }

/*Vertical Align*/
.vAT {
	vertical-align: top; }
.vAM {
	vertical-align: middle; }
.vAB {
	vertical-align: bottom; }

/*Float*/
.left {
	float: left; }
.right {
	float: right; }