@charset "UTF-8";

/* 全体構造
---------------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  color: #5c5c5c;
  background: #ffffff;
font-size:80%;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", helvetica, sans-serif;
	line-height:200%;

}
h1, h2, h3, h4, h5, h6
{font-size:100%;
font-weight:bold;
margin:0;
padding:0;
}

img{
margin:0px;
padding:0px;
border:none;}
p{
margin:0;
padding:0;
}
dl {
	margin: 0;
	padding: 0;
	width: 500px;
}

dd {
	position: relative;
	top: -1.5em;
	left: 11em;
	line-height: 1.3em;
}

#wrapper {
  width: 880px;
  color: #333333;
  background: #ffffff;
}

#under_m{
clear:both;
position: absolute;
top:650px;
}

#c_r {
width:580px;
clear:both;
position: absolute;
top:146px;
left:300px;
padding:20px 0 0 0;
}
#c_r img {
margin:0 0 27px 0;
}
#c_r a img {
	
	border: 1px solid #fff;
}
#c_r a:hover img {
	
	border: 1px solid #777;
}

#c_r em img {	
	border: 1px solid #FF0000;
}
#c_r strong {
	color:#990000;
}

#c_r ul {
	margin:0;
	padding:0;
	 list-style: none;
	 height:455px;
	 clear:both;
}

#c_r il,#m01,#m02,#m03,#m04,#m05,#m06,#m07,#m08,#m09,#m10,#m11,#m12{
	float:left;
	margin:0 8px 0 0;
	display:inline;
	}
.item {
	margin:0;
	padding:0;
	 list-style: none;
	 width:580px;
	 clear:both;
}

#item_menu {
width:270px;
padding:0px;
margin:0 0 0 10px;
}
#item_menu dt {
	color:#999999;
	background-image : url(../shopping/images/mark.gif);
	background-position : left center ;
	background-repeat : no-repeat ;
	padding:0 0 0 15px ;
	margin:0px;
}
#item_menu dd {
width:140px;
padding:0px;
margin:0px;
}

#place {
width:580px;
}
#place dd {
left: 8em;
}


	
#img_r {
width:220px;
float:right;
padding:0 0 5px 20px;
}

#img02_r {
width:220px;
float:right;
padding:0 0 5px 20px;
}
#img02_r img{
margin:0 0 3px 0;
}
#img02_r p{
font-size:0.8em;
line-height:1.4em;
margin:0 0 15px 0;
}

#img03_r {
width:220px;
float:right;
padding:0 0 20px 20px;
}
#img03_r img{
margin:0;
padding:0;
}

.img04_r {
width:220px;
float:right;
padding:0 0 5px 20px;
}

.img04_l {
width:220px;
float:left;
padding:0 20px 5px 0;
}

.img05_r {
width:100px;
float:right;
padding:0 0 5px 20px;
}
.img05_r img{
margin:0;
padding:0;
}

#img06_r {
width:130px;
float:right;
padding:0 0 5px 10px;
}
#img06_r img{
margin:0;
padding:0;
}

#img_l {
width:220px;
float:left;
padding:0 20px 5px 0;
}
#img_l img{

margin:0 0 15px 0;
}
#title_r {
text-align:right;}

/* リンク
---------------------------------------------------- */

a:link {
  color: #41A4E2;
  background: transparent;
  text-decoration: none;
}
a:visited {
 color: #41A4E2;
  background: transparent;
  text-decoration: none;
}
a:hover, a:active {
  color: #006699;
  background: transparent;
}

/* ヘッダ
---------------------------------------------------- */
#logo {

  text-indent: -9999px;

}



/* ヘッダー
---------------------------------------------------- */
#head {
float:left;
width: 880px;
height: 145px;
background: url(../images/nav.gif) no-repeat;
}

#head ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#head li {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 14px;
	text-indent: -9999px;
	
}
#head li a {
  text-decoration: none;		/* ��Firefox���Ő����\������Ȃ��悤�ɂ��� */
  display: block;
 height: 14px;
}
#head li#home      {
 left:770px;
 top:80px;
 width:52px;
}

#head li#contact      {
 left:823px;
 top:80px;
 width:55px;
}
#head li#japanese      {
 left:620px;
 top:80px;
 width:55px;
}
#head li#english      {
 left:680px;
 top:80px;
 width:55px;
}




#head li#home a:hover    {
  background: url(../images/nav.gif) no-repeat -875px -80px;
}
#head li#contact a:hover    {
  background: url(../images/nav.gif) no-repeat -928px -80px;
}
#head li#japanese a:hover    {
  background: url(../images/nav.gif) no-repeat -992px -80px;
}
#head li#english a:hover    {
  background: url(../images/nav.gif) no-repeat -1047px -80px;
}

/* ナビ
---------------------------------------------------- */
#navi {
clear:both;
float:left;
width: 270px;
height: 485px;
background: url(../images/nav.gif) no-repeat 0px -146px;
}

#navi ul {
clear:both;
  margin: 0;
  padding: 0;
  list-style: none;
}
#navi li {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 17px;
	text-indent: -9999px;
	line-height:100%;
}
#navi li a {
  text-decoration: none;		/* ��Firefox���Ő����\������Ȃ��悤�ɂ��� */
  display: block;
 height: 17px;
}
#navi li#n01      {
 left:28px;
 top:166px;
 width:121px;
}

#navi li#n02      {
 left:28px;
 top:192px;
 width:121px;
}
#navi li#n03      {
 left:28px;
 top:218px;
 width:121px;
}

#navi li#n04      {
 left:28px;
 top:244px;
 width:121px;
}

#navi li#n05      {
 left:28px;
 top:270px;
 width:121px;
}

#navi li#n06      {
 left:28px;
 top:296px;
 width:121px;
}

#navi li#n07      {
 left:28px;
 top:322px;
 width:121px;
}

#navi li#n08      {
 left:28px;
 top:348px;
 width:121px;
}
#navi li#n09      {
 left:28px;
 top:374px;
 width:121px;
}

#navi li#n01 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -167px;
}
#navi li#n02 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -193px;
}
#navi li#n03 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -219px;
}
#navi li#n04 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -245px;
}
#navi li#n05 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -271px;
}
#navi li#n06 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -297px;
}
#navi li#n07 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -323px;
}
#navi li#n08 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -349px;
}
#navi li#n09 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -375px;
}

#navi li#c01      {
 left:149px;
 top:195px;
 width:121px;
}
#navi li#c02      {
 left:149px;
 top:218px;
 width:121px;
}
#navi li#c03      {
 left:149px;
 top:238px;
 width:121px;
}
#navi li#c04      {
 left:149px;
 top:258px;
 width:121px;
}
#navi li#c05      {
 left:149px;
 top:278px;
 width:121px;
}
#navi li#c06      {
 left:149px;
 top:298px;
 width:121px;
}
#navi li#c07      {
 left:149px;
 top:318px;
 width:121px;
}
#navi li#c08      {
 left:149px;
 top:338px;
 width:121px;
}
#navi li#c09      {
 left:149px;
 top:358px;
 width:121px;
}
#navi li#c10      {
 left:149px;
 top:378px;
 width:121px;
}
#navi li#c11      {
 left:149px;
 top:406px;
 width:121px;
}
#navi li#c12      {
 left:149px;
 top:432px;
 width:121px;
}
#navi li#c13      {
 left:149px;
 top:458px;
 width:121px;
}
#navi li#c14      {
 left:149px;
 top:486px;
 width:121px;
}
#navi li#c15      {
 left:149px;
 top:512px;
 width:121px;
}
#navi li#c16      {
 left:149px;
 top:538px;
 width:121px;
}
#navi li#c17      {
 left:149px;
 top:564px;
 width:121px;
}
#navi li#c01 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -196px;
}
#navi li#c02 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -219px;
}
#navi li#c03 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -239px;
}
#navi li#c04 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -259px;
}
#navi li#c05 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -279px;
}
#navi li#c06 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -299px;
}
#navi li#c07 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -319px;
}
#navi li#c08 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -339px;
}
#navi li#c09 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -359px;
}
#navi li#c10 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -379px;
}
#navi li#c11 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -407px;
}
#navi li#c12 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -433px;
}
#navi li#c13 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -459px;
}
#navi li#c14 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -487px;
}
#navi li#c15 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -513px;
}
#navi li#c16 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -539px;
}
#navi li#c17 a:hover    {
  background: url(../images/nav.gif) no-repeat -399px -565px;
}
#navi li#v01      {
 left:28px;
 top:582px;
 width:242px;
}
#navi li#v02      {
 left:28px;
 top:598px;
 width:242px;
}
#navi li#v03      {
 left:28px;
 top:614px;
 width:242px;
}
#navi li#v01 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -583px;
}
#navi li#v02 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -599px;
}
#navi li#v03 a:hover    {
  background: url(../images/nav.gif) no-repeat -278px -615px;
}







/* novel
---------------------------------------------------- */

#novel {
width:120px;
height: 140px;
float:right;

background: url(../novel/images/novel.gif) no-repeat;
}

#novel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 140px;
}
#novel li {
	position: relative;
	margin: 0;
	padding: 0;
	
	text-indent: -9999px;
	
}
#novel li a {
  text-decoration: none;
  display: block;
 height: 30px;
}
#novel li#one_12      {
 left:74px;
 top:0px;
 width:36px;
}

#novel li#one_34      {
 left:74px;
 top:0px;
 width:36px;
}
#novel li#one_56      {
 left:74px;
 top:0px;
 width:36px;
}
#novel li#two_12      {
 left:74px;
 top:0px;
 width:36px;
}
#novel li#two_34      {
 left:74px;
 top:0px;
 width:36px;
}

#novel li#one_12 a:hover    {
  background: url(../novel/images/novel.gif) no-repeat -184px 0px;
}
#novel li#one_34 a:hover    {
  background: url(../novel/images/novel.gif) no-repeat -184px -30px;
}
#novel li#one_56 a:hover    {
  background: url(../novel/images/novel.gif) no-repeat -184px -60px;
}
#novel li#two_12 a:hover    {
  background: url(../novel/images/novel.gif) no-repeat -184px -90px;
}
#novel li#two_34 a:hover    {
  background: url(../novel/images/novel.gif) no-repeat -184px -120px;
}


