/* ********** 共通 ********** */

* {
margin: 0px;
padding: 0px;
}

body{
color: #333333;
font-size: 100%;
font-weight: normal;
line-height: 125%;
background: #ffffff;
}

/* リンク */

a:link{
color: #3333cc;
text-decoration: none;
}

a:visited{
color: #663399;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

a:active{
color: #ffffff;
background-color: #663399;
text-decoration: none;
}

/* ********** コンテナ ********** */

/* 全体枠 */

#frame01{
margin-left: 20px;
width: 780px;
}

#frame02{
margin-right: 20px
}

/* ヘッダ */

#header{
border-bottom: 1px solid #cccccc;
margin-bottom: 20px;
}

/* 本体 */

#main{
}

/* 本体左側 */

#contents{
width: 520px;
margin-right: 20px;
float: left;
}

/* 本体右側 */

#sidemenu{
width: 220px;
float: left;
}

/* フッタ */

#footer{
clear: left;
}

/* ********** ブロック要素 ********** */

/* 見出し */

h1{
font-size: 120%;
padding-bottom: 5px;
border-bottom: 1px solid #669966;
margin-bottom: 30px;
}

h2{
border-left: 1px solid #cccccc;
padding-left: 10px;
font-size: 100%;
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
margin-bottom: 20px;
}

h3{
border-left: 5px solid #cccccc;
padding-left: 5px;
font-size: 80%;
margin-bottom: 5px;
}

/* テキスト */

.section{
margin-left: 80px;
margin-bottom: 40px;
}

p{
font-size: 80%;
text-indent: 1em;
margin-bottom: 10px;
}

p.no_indent{
text-indent: 0em;
}

p.update{
text-align: right;
}

/* table */

table{
font-size: 80%;
margin-bottom: 10px;
}

/* list */

ul,ol,dl{
font-size: 80%;
margin-bottom: 10px;
}

li{
list-style: disc;
margin-bottom: 5px;
}

li.separate{
margin-right: 5px;
border-right: 1px solid #cccccc;
padding-right: 5px;
}

dt,dd{
margin-bottom: 5px;
}

/* list用class */

.common_list,
.sitemap_list{
margin-bottom: 40px;
}

.common_list h3 {
border-left: 1px solid #cccccc;
padding-left: 10px;
font-size: 100%;
padding-bottom: 5px;
border-bottom: 1px solid #cccccc;
margin-bottom: 20px;
}

.sitemap_list h3 {
margin-left: 80px;
}

.common_list ul,
.sitemap_list ul{
margin-left: 80px;
margin-bottom: 20px;
}

.common_list li,
.sitemap_list li{
margin-left: 1em;
color: #cccccc;
}

.common_list li.how2get,
.sitemap_list li.how2get{
}

.contents_list{
margin-left: 15px;
}

/* データつきh2 */

h2.with_data{
margin-bottom: 0px;
}

.data{
padding: 2px 5px;
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
}

.data ul{
margin-bottom: 0px;
}

.data li{
display: inline;
}

/* 活動履歴dl */

.chronology{
border: 1px solid #cccccc;
margin-bottom: 10px;
}

.chronology .caption{
padding: 2px 5px;
border-bottom: 1px dotted #cccccc;
margin-bottom: 5px;
}

.chronology dl{
padding-left: 5px;
padding-right: 5px;
margin-bottom: 0px;
}

.chronology dl dt{
clear: left;
float: left;
}

.chronology dl.mm dt{
width: 3em;
}

.chronology dl.mm dd{
margin-left: 3em;
}

.chronology dl.yymm dt{
width: 5em;
}

.chronology dl.yymm dd{
margin-left: 5em;
}

/* 入手方法 */

#how2get{
border: 1px solid #669966;
margin-bottom: 40px;
}

#how2get h2{
border-left-style: none;
padding: 2px 0px 2px 10px;
font-size: 80%;
border-bottom: 1px dotted #669966;
margin-bottom: 10px;
}

#how2get h3{
margin-left: 10px;
border-left-style: none;
padding-left: 0px;
margin-bottom: 5px;
}

#how2get p{
margin-left: 10px;
margin-right: 10px;
}

/* 次のページへ */

.next_page{
text-align: right;
font-size: 80%;
}

/* ********** ライン要素 ********** */

img{
border: 1px solid #cccccc
}

.gray{
color: #999999;
}

.caption{
font-size: 80%;
}

/* ********** そのほか ********** */

.no_display{
display: none;
}

.no_border {
border-style: none;
}

.clear_left{
clear: left;
}

/* ********** TOPページ ********** */

#mainimg{
width: 410px;
float: left;
margin-right: 20px;
text-align: center;
}

#author{
margin-top: 5px;
font-size: 80%;
}

#maintext{
width: 330px;
float: left;
}

/* ********** information/news ********** */

#info_news h1{
padding: 0px;
}

.information{
border: 1px solid #cc6666;
padding: 10px 10px 0px 10px;
}

.information h2{
border-style: none;
padding: 0px;
font-size: 80%;
margin-bottom: 5px;
}

/* ********** 翻訳 ********** */

.translations{
margin-top: 10px;
font-size: 80%;
border-bottom: 1px dotted #cccccc;
margin-bottom: 10px;
}

.translations h3{
border-left-style: none;
padding-left: 0px;
font-size: 100%;
margin-bottom: 20px;
}

.translations .character{
border-left: 5px solid #ccccff;
padding-left: 5px;
margin-bottom: 5px;
}

.translations .english{
color: #666666;
margin-bottom: 5px;
}

.translations .japanese{
margin-bottom: 20px;
}

/* キャラクター紹介table */

table.charinfo{
font-size: 80%;
border-collapse: separate;
border-spacing: 10px;
border: 1px dotted #cccccc;
}

.charinfo tr{
border-style: none;
}

.charinfo td{
border-style: none;
}

/* キャラクター紹介dl */

.profile{
border: 1px solid #cccccc;
margin-bottom: 10px;
}

.profile h3{
border-left-style: none;
padding: 2px 5px;
border-bottom: 1px dotted #cccccc;
margin-bottom: 5px;
}

.profile dl{
padding-left: 5px;
padding-right: 5px;
margin-bottom: 0px;
}

.profile dt{
clear: left;
font-weight: bold;
}

.profile dd{
min-height: 122px;
}

.profile dd img{
margin-right: 5px;
float: left;
}

/* ********** ヘッダ ********** */

#title{
margin-top: 10px;
font-size: 120%;
margin-bottom: 10px;
}

#description{
margin-left: 10px;
font-size: 70%;
}

#navi{
border-top: 1px solid #cccccc;
padding-top: 2px;
text-align: right;
padding-bottom: 2px;
}

#navi ul{
margin-bottom: 0px;
}

#navi li{
display: inline;
}

/* ********** サイドメニュー ********** */

#sidemenu p{
margin-left: 10px;
}

#sidemenu_list,
#sidemenu_text{
border-left: 1px dotted #cccccc;
}

#sidemenu_list h2{
border-left-style: none;
padding-left: 10px;
font-size: 80%;
padding-bottom: 5px;
border-bottom: 1px dotted #cccccc;
margin-bottom: 10px;
}

#sidemenu_list h3{
margin-left: 10px;
border-left-style: none;
padding-left: 0px;
font-size: 80%;
margin-bottom: 5px;
}

#sidemenu_list ul{
margin-left: 30px;
}

#sidemenu_list li{
list-style: disc;
color: #cccccc;
margin-bottom: 5px;
}

#sidemenu_list li.how2get{
}

/* ********** フッタ ********** */

.to_top{
padding-right: 240px;
text-align: right;
font-size: 80%;
margin-bottom: 10px;
}

#copyright{
border-top: 1px solid #cccccc;
padding-top: 2px;
text-align: right;
font-size: 70%;
padding-bottom: 2px;
}