﻿body		{color:#000000;
		background-color:#ffffff;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		text-align:center}

#wrap		{width:950px;
		text-align:left;
		border:none;
		background-color:#ffffff;
		margin:0 auto}
#inner		{margin:10px 20px 10px 10px}
#mainwrap	{width:700px;
		float:right}
#inner2		{margin:0}
#mainleft	{width:410px;
		float:left}
#mainright	{width:280px;
		float:right}
#sidewrap	{width:200px;
		float:left}
.clear		{clear:both}
.clear hr	{display:none}

h1		{font-size:1.10em;
		color:#000000;
		border-bottom:dashed 1px #777777;
		padding-bottom:3px;
		background-image:url(img/icon1.jpg);
		background-repeat:no-repeat;
		background-position:0 0px;
		padding-left: 25px;
		height:25px;
		clear:both}

p		{font-size:0.8em;
		line-height:1.5}

a		{color:#777777;
		text-decoration:none}

a:hover		{color:#222222}

img		{border-style:none}

#chara_navi	{width:700px;
		height:175px;
		margin:0px;
		padding:0px;}
#chara_navi ul	{list-style-type:none;
		margin:0px;
		padding:0px}
#chara_navi li	{text-indent:-9999px;
		float:left;
		width:175px;
		margin:0px;
		padding:0px;}
#chara_navi a	{display:block;
		width:175px;
		height:175px;
		background-image: url(img/chara_navi.jpg);
		background-repeat:no-repeat;}
#chara_navi a:hover{background-image: url(img/chara_navi.jpg);
		background-repeat:no-repeat;}

/* global navi normal
---------------------*/
    #chara_navi1 a { width:200px; background-position:0       0;}
    #chara_navi2 a { width:200px; background-position:-175px  0;}
    #chara_navi3 a { width:200px; background-position:-350px  0;}
    #chara_navi4 a { width:200px; background-position:-525px  0;}

/* global navi rollover
----------------------*/
    #chara_navi1 a:hover  { width:200px; background-position:0       -175px;}
    #chara_navi2 a:hover  { width:200px; background-position:-175px  -175px;}
    #chara_navi3 a:hover  { width:200px; background-position:-350px  -175px;}
    #chara_navi4 a:hover  { width:200px; background-position:-525px  -175px;}

ul#gnavi	{width:200px;
		margin:0px;
		padding:0px;
		overflow:hidden;}
ul#gnavi li	{float:left;
		margin:0px;
		padding:0px;
		height:40px;
		display:block;}
ul#gnavi li a	{display:block;
		overflow:hidden;
		height: 0px;
		background-image: url(img/gnavi.jpg);
		padding-top:40px;}

/* global navi normal
---------------------*/
    #navi1 a { width:200px; background-position:0       0;}
    #navi2 a { width:200px; background-position:-200px  0;}
    #navi3 a { width:200px; background-position:-400px  0;}
    #navi4 a { width:200px; background-position:-600px  0;}
    #navi5 a { width:200px; background-position:-800px  0;}
    #navi6 a { width:200px; background-position:-1000px  0;}
    #navi7 a { width:200px; background-position:-1200px  0;}

/* global navi rollover
----------------------*/
    #navi1 a:hover  { width:200px; background-position:0       -40px;}
    #navi2 a:hover  { width:200px; background-position:-200px  -40px;}
    #navi3 a:hover  { width:200px; background-position:-400px  -40px;}
    #navi4 a:hover  { width:200px; background-position:-600px  -40px;}
    #navi5 a:hover  { width:200px; background-position:-800px  -40px;}
    #navi6 a:hover  { width:200px; background-position:-1000px  -40px;}
    #navi7 a:hover  { width:200px; background-position:-1200px  -40px;}

ul#footer	{list-style-type:none;
		margin-left:0px;
		padding-left:0px;
		background-color:#ffffff;
		padding:5px 20px;
		text-align:center;
		border:solid 1px #000000}
ul#footer li	{display:inline;
		padding-right:5px;
		font-size:0.75em;}
