@charset "UTF-8";

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

Font Size

view :   a
---------------------
20px : 153.9%
18px : 138.5%
16px : 123.1%  133.3%
15px : 115.4%  124.9%
14px : 107.7%  116.6%
13px : 100.0%  108.3%
12px :  92.4%  100.0%
11px :  84.7%   91.6%

y=x/13/a
---------------------------------------------*/



/*---------------------------------------------
    Reset
---------------------------------------------*/

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, th, td, address, form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: baseline;
}

a img {
  border: none;
}


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

html {  
  overflow-y: scroll;  
  height: 100%;
}

body {
  height: 100%;
  background: #000 url(../images/milk/header_bg.png) repeat-x ;
  font-family: 'メイリオ', sans-serif;
  line-height: 1.5;
  font-size: 12px;
  color: #fff;
}

* html body { /* for IE6 */
  font-size: small;
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}
  
*:first-child+html body { /* for IE7 */
  font-size: small;
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

ul {
  list-style-position: outside;
  list-style-type: none;
}

ol {
  list-style-position: outside;
}
  
table {
  border-collapse: collapse;
}

legend {
  color: #333;
}


/* Option */

* html ul li dl,
* html ol li dl {
  display: inline;
}

*:first-child+html ul li dl,
*:first-child+html ol li dl {
  display: inline;
}


/*---------------------------------------------
    Container Area Parts
---------------------------------------------*/

#area-container {
  margin: 0 auto;
  padding: 0px;
  width: 898px;
  min-height: 100%;
  background: #44403f;
}

* html #area-container {
  height: 100%;
}




/*---------------------------------------------
    Header Area Parts
---------------------------------------------*/

#header {
text-align: center;
}

#area-flash {margin-top:10px;}
#area-flash h1 {display:none;}
#area-flash p {
  display:none;
}


.link{
position:relative;
top:497px;
left:386px;
width:395px;
}



h4{
  color:#D0B152;
}

p{
  padding-bottom:18px;
  font-size: 12px;
}



#area-book {
  background: #44403f  url(../images/MJ/bg.png) repeat-x ;  
  padding:0 25px;
}

.bookimg {
float:left; 
padding-right:20px;
padding-bottom:130px;
  margin:30px 0 0px;
}

.copy {
  margin:30px 0 15px;
}
.right {
float:right; 
margin: 0 0 5px 10px ;
}
.left {
float:left; 
margin: 0 10px 0px 0px ;
}
.comment {
color:#C4AB45;
}
.line {
  background: #44403f  url(../images/MJ/book_line.png) repeat-y ;  
  padding:0 50px 0 15px;
  margin:0;
}

#area-book h3 {
padding:0;
margin:0;
font-weight:normal;
font-size:100%;
}

#area-book p {
color:#fff;
padding:0px 0 20px 0;
}

#area-bnr {
  clear:both;
  background: url(../images/milk/bg_bnr.jpg) repeat-y ;  
  padding:10px 0 10px 13px;
}

.bnrimg {
padding:0 3px ;
}

#area-bnr p {
color:#fff;
padding:0 0 0 0;
font-size:x-small;
vertical-align:middle;
width:145px;
}



/*---------------------------------------------
    Footer Area Parts
---------------------------------------------*/

#footer{
  background: url(../images/milk/header_bg.png) repeat-x ;
  clear:both;
  text-align: center;
  padding-right:0px;
  width:100%;
  height:63px;
}




/*---------------------------------------------
    All Ground Parts
---------------------------------------------*/

em,
strong {
  color: #FC3A7B;
}


/*---------------------------------------------
    Link
---------------------------------------------*/

a {
  color: #fff;
}

a:visited {
  color: #fff;
}

a:hover {
  color: #00A0E9;
}