/* CSS Document */
/* リセット系 */
*{
	margin: 0;
	padding: 0;
	font-size : 100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.cf{
	overflow: hidden;
	display:inline-block;
}
.cf:after{
	content:".";
	display: block;
	visibility: hidden;
	height:0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear:both;
}
a{
	color: #444444;
}
a img{
	border: none;
}
a:link{
	color: #333333;
	text-decoration: underline;
}
a:visited{
	color: #333333;
	text-decoration: underline;
}
a:hover{
	color: #FFC8D6;
	text-decoration: underline;
}
a:active{
	color: #333333;
	text-decoration: underline;
}
li{
	list-style-type: none;
}
table{
	border-collapse: collapse;
}

/* templates */
#wrap{
	background-color: #FFDFE7;
	width: 900px;
	margin: 0 auto;
}
#body{
	width: 900px;
}
#header{
	background: #FFDFE7 url(img/headbg.gif) no-repeat 20px top;
	width: 870px;
	padding: 10px 30px 0 0;
}
#title{
	padding: 10px 0 15px 370px;
}
#menu{
	width: 180px;
	padding: 20px 0 20px 20px;
	float: left;
}
#main{
	background: white url(img/border.gif) no-repeat bottom right;
	width: 700px;
	min-height: 625px;
	float: left;
	padding-bottom: 20px;
}
#main_top{
	background: #FFFFFF url(img/header_bottom.gif) no-repeat left;
	height: 20px;
}
#menu_etc{
	width: 158px;
	margin-top: 15px;
	text-align: center;
}
#menu_etc li{
	margin-bottom: 10px;
}

/* index */
#patch{
	background: #FFFFFF url(img/patch.gif) no-repeat;
	width: 547px;
	height: 432px;
	margin: 0 0 1em 76px;
	padding-top: 74px;
}
#shortcut{
	margin-left: 390px;
}
#shortcut li a{
	width: 90px;
	color: #333333;
	text-decoration: none;
	font-size: 10px;
	line-height: 21px;
	padding-left: 10px;
	display: block;
}
#whatsnew{
	width: 485px;
	height: 169px;
	padding: 1em;
	margin-left: 18px;
	margin-top: 87px;
	border-right: solid #CCCCCC 1px;
	border-bottom: solid #CCCCCC 1px;
	border-left: solid #CCCCCC 1px;
	overflow: auto;
scrollbar-face-color: #FFFFFF; 
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color: #F1B9C4; 
scrollbar-highlight-color: #F1B9C4; 
scrollbar-shadow-color: #F1B9C4; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
}
#whatsnew p{
	color: #666666;
	padding-bottom: 1em;
	border-bottom: dotted #CCCCCC 1px;
}
#forh3{
	text-align: center;
	margin-bottom: 1em;
}

/* サイトマップ */
#sitemap_main{
	width: 500px;
	margin: 0 auto;
}
#sitemap_main li div{
	float: left;
}
#sitemap_main p img{
	margin-right: 10px;
}
.banner{
	width: 158px;
	text-align: right;
	margin-right: 22px;
}
.disc{
	width: 320px;
}

/* にっき */
#diary_main{
	width: 500px;
	margin: 0 auto;
}
#select_world{
	text-align: center;
	margin-bottom: 20px;
}
#diary_main dt{
	font-weight: bold;
	margin-bottom: 1em;
}
#diary_main dd{
	text-align: center;
	border-bottom: 2px dashed #FFC8D6;
	margin-bottom: 1em;
}
#diary_main dd img{
	margin-bottom: 1em;
}

/* 返信 */
#re{
	width: 500px;
	margin: 0 auto;
}
.message{
	padding: 1em;
	border: 1px solid #FFC8D6;
}
.reply{
	padding-bottom: 1em;
	border-bottom: 2px dashed #FFC8D6;
}

/* プロフィール */
#profile_main{
	width: 400px;
	margin: 0 auto;
}
#profile_main li div{
	height: 20px;
	float: left;
}
.item{
	background: #FFFFFF url(img/colon.gif) no-repeat right top;
	width: 82px;
	text-align: right;
	padding-right: 18px;
}
.contents{
	width: 291px;
	padding-left: 9px;
}
#history{
	padding-bottom: 1em;
}
#history li{
	background: #FFFFFF url(img/chart.gif) no-repeat top left;
	line-height: 20px;
	padding-left: 30px;
}
.m2{
	padding-bottom: 20px;
}
.m3{
	padding-bottom: 40px;
}
.m4{
	padding-bottom: 60px;
}
.m5{
	padding-bottom: 80px;
}
.m6{
	padding-bottom: 100px;
}
.m7{
	padding-bottom: 120px;
}
#history .c_end{
	background: #FFFFFF url(img/chart_end.gif) no-repeat;
}

/* マイキャラ */
#characters_main table{
	margin: 0 auto 15px auto;
	width: 310px;
}
#characters_main th{
	background: #FFFFFF url(img/colon.gif) no-repeat 38px 2px;
	width: 35px;
	height: 17px;
	text-align: right;
	padding-right: 18px;
}
.chara_name{
	width: 139px;
}
.chara_name img{
	margin: 0 4px;
}
.height1{
	vertical-align: top;
	height: 25px;
}

/* 計算機 */
#calc_main{
	width: 470px;
	margin: 0 auto;
	padding: 0 15px;
}
#calc_main th{
	text-align: right;
}
#calc_main td{
	padding: 4px 3px;
}
#calc_main table span{
	margin: 0 3px;
}
#calc_main #table_m{
	width: 380px;
	margin: 0 auto 15px auto;
}
#calc_main #table_m th{
	width: 100px;
}
#calc_main #table_s{
	width: 100%;
}
#calc_main #table_s th{
	width: 65px;
}
#calc_main img{
	margin-right: 5px;
}
#calc_main h4 img{
	margin-left: 8px;
}
#calc_main ul{
	margin-bottom: 15px;
}
#calc_main ol{
	line-height: 150%;
	margin-bottom: 1em;
}
#calc_main ol li{
	list-style: decimal inside;
}
#calc_main ul{
	line-height: 150%;
}
#calc_main #buttons{
	text-align: right;
}
#calc_main #buttons input{
	margin-left: 5px;
}

/* リンク集 */
#links_main{
	width: 470px;
	margin: 0 auto;
	padding: 0 15px;
}
#links_main dl{
	border-bottom: 2px dashed #FFC8D6;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
#links_main dt{
	margin-bottom: 1em;
}
#links_main dt a{
	font-weight: bold;
}
#links_main dd div{
	height: 50px;
	float: left;
}
#links_main .banner{
	width: 200px;
	margin-right: 10px;
	text-align: center;
}
#links_main .comment{
	width: 260px;
}
#mybanner{
	width: 445px;
	padding: 0 0 1em 25px;
}
#links_main .linkbanner{
	width: 200px;
	text-align: center;
	margin-right: 20px;
	float: left;
}
#links_main input{
	width: 165px;
	border: 0;
}
#submenu{
	width: 450px;
	border-top: 2px dashed #FFC8D6;
	border-bottom: 2px dashed #FFC8D6;
	margin-bottom: 20px;
	padding: 0.5em 0 0.5em 1em;
}
#submenu li{
	background: #FFFFFF url(img/colon.gif) no-repeat right 2px;
	line-height: 16px;
	padding-right: 15px;
	margin-right: 10px;
	float: left;
}
#submenu #submenu_end{
	background: none;
	padding-right: 0;
	margin-right: 0;
}

/* 頭装び */
#headgear_main{
	width: 500px;
	margin: 0 auto;
}
#headgear_main table{
	width: 500px;
	margin-bottom: 1em;
}
#headgear_main hr{
	height: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px dashed #FFC8D6;
}
#headgear_main td{
	line-height: 150%;
	padding: 2px;
}

.intro{
	text-align: center;
}
a.normal{
	text-decoration: none;
	color: #333333;
}
.b{
	font-weight: bold;
}
.t_right{
	text-align: right;
}
.t_left{
	text-align: left;
}
.t_center{
	text-align: center;
}
.date{
	font-size: 10px;
	padding-left: 1em;
}
.border{
	border-bottom: 2px dashed #FFC8D6;
	margin-bottom: 1em;
}
.fortablebottom{
	padding-bottom: 15px;
}
.r_image{
	margin-left: 70px;
}

body{
	color: #333333;
	font-size: 12px;
}	
h1{
	text-align: right;
	font-size: 10px;
}
h2{
	margin: 15px 15px 0 0;
	display: inline;
}
h3{
	background: #FFFFFF url(img/h3.gif) no-repeat left center;
	padding: 7px 0 7px 35px;
	display: inline;
}
h3 span{
	background: #FFFFFF url(img/h3.gif) no-repeat right;
	font-weight: bold;
	line-height: 25px;
	padding: 7px 33px 7px 0;
}
h4{
	font-weight: bold;
	margin-bottom: 1em;
}
p{
	text-align: left;
	line-height: 150%;
	margin-bottom: 1em;
}
button{
	font-size: 12px;
	height: 30px;
}
caption{
	font-weight: bold;
	text-align: left;
	padding-bottom: 1em;
}