@charset "utf-8";

/* CSS Document */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{
	background-color: #ffffff;
	
	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}

fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }

body {
		margin: 0 ;
		padding: 0;
		color: #000000;
		font-size: 18px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		-webkit-text-size-adjust: 100%;
		
}
a {
	border: none;
	text-decoration: none;
}
img { vertical-align: bottom; }
li { list-style: none; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#wrapper
{
	width: 100%;
  	height: 100%;
}


/*===============================
			header
===============================*/

#head
{
	width: 960px;
	height: 580px;
	margin:0 auto;
	
	background: url(../c88img/head_info.png) center top no-repeat;
	box-shadow: 0px 7px 5.52px 0.48px rgba(0, 0, 0, 0.44);
	
}

#head_info
{
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.87);
  position: relative;
  left: 398px;
  top: 427px;
  width: 537px;
  height: 129px;
  z-index: 5;
  padding: 8px 8px 8px 8px;
}

.head_navi
{
	width: 160px;
	height: 32px;
	border-radius: 8px;
	background-color: #fc701c;
	margin: 0px 0px 4px 0px;
}

.head_navi dt
{
	width: 100%;
	text-align:center;
	color: #ffffff;
	padding: 2px 0px 0px 0px;
}

.head_navi dd
{
	width: 348px;
	height:41px;
	position:relative;
	top:-27px;
	left:168px;
	font-weight: bold;
}

/*===============================
			contents
===============================*/
#main {
	width: 960px;
	height: 2445px;
	display: table;
	margin:0 auto;
	background:  url(../c88img/ichimatu2.jpg) center top no-repeat  fixed;
	background-repeat:repeat;
	box-shadow: 0px 7px 5.52px 0.48px rgba(0, 0, 0, 0.44);
}

.main_product
{
	width: 464px;
	height: 464px;
	background-color: #ffffff;
	box-shadow: 0px 7px 5.52px 0.48px rgba(0, 0, 0, 0.44);
	margin: 16px 16px 0px 16px;
}

.main_product_wrapper
{
	overflow: hidden; 
	width:960px;
	height:520px;
	
}
	
#main_product1
{
	position:relative;
	top: -444px;
	left:38px;
	magin:0 auto;
}

#main_product1_title
{
	position:relative;
	top: -895px;
	left:496px;
	magin:0 auto;
}

#main_product1_detail
{
	position:relative;
	width:400px;
	top: -879px;/*16pxとbr分はなした*/
	left:496px;
	magin:0 auto;
}

#main_product2
{
	position:relative;
	top: -460px;
	left:0px;
	magin:0 auto;
}

#main_product2_title
{
	position:relative;
	top: -960px;
	left:496px;
	magin:0 auto;
}

#main_product2_detail
{
	position:relative;
	width:400px;
	top: -936px;/*16pxとbr分はなした*/
	left:496px;
	magin:0 auto;
}

#main_product3
{
	position:relative;
	top: -452px;
	left:88px;
	magin:0 auto;
}

#main_product3_title
{
	position:relative;
	top: -912px;
	left:496px;
	magin:0 auto;
}

#main_product3_detail
{
	position:relative;
	width:400px;
	top: -898px;/*16pxとbr分はなした*/
	left:496px;
	magin:0 auto;
}

#main_product4
{
	position:relative;
	top: -428px;
	left:0px;
	magin:0 auto;
}

#main_product4_title
{
	position:relative;
	top: -854px;
	left:496px;
	magin:0 auto;
}

#main_product4_detail
{
	position:relative;
	width:400px;
	top: -840px;/*16pxとbr分はなした*/
	left:496px;
	magin:0 auto;
}


.main_product_line
{
	width: 880px;
	height: 5px;
	background-color: #d4a61a;
	margin:0px 0px 24px 0px;
}

.main_product_line2
{
	border-width: 2px;
	border-color: #6f6f6f;
	border-style: dashed;
	margin:0px 0px 24px 0px;
}

#main_footer_line
{
	text-align:center;
}



.chara_wrapper
{
	overflow: hidden; 
	width:960px;
	height:512px;
	
}

.chara_illustrat_back
{
	
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  width: 480px;
  height: 480px;
  z-index: 75;

}

.chara_illustrat_info
{
	position:relative;
	left:496px;
	magin:0 auto;
}



/*===============================
			footer
===============================*/
#footer {
	box-shadow: 0px 7px 5.52px 0.48px rgba(0, 0, 0, 0.44);
	margin: 0 auto;
	width: 960px;
	background-color:#f5deb3;
	font-size: 14px;
	text-align: right;
}

#footer .footertop {
	width: 960px;
	margin: 0 auto;
	padding-top: 45px;
	background: url(../img/bgFooter.png) center top no-repeat;
}

#footerLinklist {
	text-align: center;
	margin: 0 auto 10px;
	display: table;
}
#footerLinklist li {
	padding: 0 15px;
	line-height: 1;
	border-right: solid 1px #1f5892;
	display: table-cell;
}
#footerLinklist li a {
	color: #ffffff;
	display: block;
}
#footerLinklist li:last-child {
	border-right: none;
}
#copy {
	padding-bottom: 32px;
	text-align: center;
	font-size: 14px;
}




#contentsWrapper .pop1 {
	width: 960px;
	height: 268px;
	background: url(../img/pop_1.png) center top no-repeat;
}

#contentsWrapper .pop2 {
	width: 960px;
	height: 325px;
	background: url(../img/pop_2.png) center top no-repeat;
}

#contentsWrapper .pop3 {
	width: 960px;
	height: 1570px;
	background: url(../img/pop_3.png) center top no-repeat;
}

#contentsWrapper .pop4 {
	width: 960px;
	height: 435px;
	background: url(../img/pop_4.png) center top no-repeat;
}

#contentsWrapper .pop5 {
	width: 960px;
	height: 350px;
	background: url(../img/pop_5.png) center top no-repeat;
}