/*
Theme Name:chalapland
description:chalapla
author:MLA Inc.
*/

/* 00. body
************************************/
body { margin:-20px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 90%; line-height: 160%; color: #7a5413; background: #fcf4e3; }

/* 10. header
************************************/
#top { margin: 0 ; padding:0; height: 155px; width: 890px;}
#top #rogo h1 { text-indent:-10001px; }
#top #rogo a#home { float:left; margin:-20px 0 0 20px;padding:0; display:block; height:120px; width:130px; background:url(images/rogoset.png) no-repeat 0 3px; text-indent:-10001px;}
#top #sublink { float:right; margin: -10px 0 0 0 ; padding: 0; height: 20px; width: 305px;}
#sublink a { color:#fff; }
#sublink a:hover { border-bottom:solid 1px;}
#sublink ul { font-size: 80%; margin:0;}
#sublink ul li#goriyou { float: left; margin:0 15px 0 0; padding:0 0 0 15px; background: url(images/hukidashi.png) no-repeat 0 3px ; list-style: none;}
#sublink ul li#contact { float: left; padding:0 0 0 20px; background: url(images/mail.png) no-repeat 0 3px ; list-style: none;}
#top #chara { float:right; margin: -146px -360px 0 0 ; padding:0; height: 120px; width: 368px; background:url(images/rogoset.png) no-repeat -570px 0;}
#header { margin:0; padding:0; background:url(images/header_paper.png);}


/* 20. nav
************************************/
#nav { width: 870px; height: 50px; margin:0 20px; padding:0; }
#nav ul { margin:0; padding:0; }
#nav li { float:left; margin: 0; padding:0; list-style-type:none;  }
#nav li a {display:block; height:50px; text-indent:-9999px;}
#nav li a#nav01 { width:136px; background:url(images/rogoset.png) no-repeat -3px -224px; }
#nav li a#nav02 { width:197px; background:url(images/rogoset.png) no-repeat -139px -224px; }
#nav li a#nav03 { width:167px; background:url(images/rogoset.png) no-repeat -336px -224px; }
#nav li a#nav04 {  width:108px; background:url(images/rogoset.png) no-repeat -503px -224px; }
#nav li a#nav05 { width:139px; background:url(images/rogoset.png) no-repeat -611px -224px; }
#nav li a#nav06 { width:103px; background:url(images/rogoset.png) no-repeat -750px -224px; } 
#nav li a#nav01:hover { background:url(images/rogoset.png) no-repeat -3px -172px; }
#nav li a#nav02:hover { background:url(images/rogoset.png) no-repeat -139px -172px; }
#nav li a#nav03:hover { background:url(images/rogoset.png) no-repeat -336px -172px; }
#nav li a#nav04:hover { background:url(images/rogoset.png) no-repeat -503px -172px; }
#nav li a#nav05:hover { background:url(images/rogoset.png) no-repeat -611px -172px; }
#nav li a#nav06:hover { background:url(images/rogoset.png) no-repeat -750px -172px; }

#nav li a#nav02select { width:197px; background:url(images/rogoset.png) no-repeat -139px -120px; }
#nav li a#nav03select { width:167px; background:url(images/rogoset.png) no-repeat -336px -120px; }
#nav li a#nav04select {  width:108px; background:url(images/rogoset.png) no-repeat -503px -120px; }
#nav li a#nav05select { width:139px; background:url(images/rogoset.png) no-repeat -611px -120px; }
#nav li a#nav06select { width:103px; background:url(images/rogoset.png) no-repeat -750px -120px; }




/* 30. content
************************************/
#main { width: 890px; padding: 0; margin: 0 auto;}
#mainner { width: 890px; padding: 10px 0; margin: 0; background:url(images/bg_mainner.jpg) repeat; }
#mainner #white { width: 842px; margin:15px auto; background:#FFF; border:4px #c7b18b solid; }



/* 31. about
************************************/
#about #abouttop { min-height:490px; width:auto; padding:20px; background:#FFF url(images/bg_about.jpg) no-repeat;}
#about #en { display:block; margin:0; padding:0; width:420px;}
#about #en #entop { display:block; margin:0; height:10px; background:url(images/entop.gif) no-repeat left top;}
#about #en #cont { width:395px; min-height:50px; display:block; margin:0 0 0 3px; padding:10px; background:#f5f2ec;}
#about #en #enbottom { display:block; margin:0; height:10px; width:420px; background:url(images/enbottom.gif) no-repeat left bottom;}
#about h3 { display:none;}
#about a { color:#cc642a; }
#about a:hover { color:#cc642a; border-bottom:solid 1px;}
#about a:hover.gototop{ color:#7A5413;	border-bottom:none;}
#about .left4 { float:left; margin:15px 0 15px 90px;}
#about .right4 { float:right; margin:15px 90px 15px 0;}


/* 32. characters
************************************/
#characters .none { text-indent:-9999px; height:0px; overflow:hidden;}
#characters #charatop { min-height:490px; width:auto; padding:20px; background:#FFF url(images/bg_chara01.jpg) no-repeat;}
#characters #chara_bg { background:#FFF url(images/bg_chara02.jpg) repeat-y; background-position:right;}
#characters #map { margin:20px 100px; width:602px; height:259px; background-image:url(images/map.jpg); position:relative;}
#characters #map div { width: 130px; height:88px; position:absolute; cursor:pointer; background-repeat:no-repeat;} 
#characters #deehouse { background-image:url(images/huki01.gif); top:15px; left:5px; background-position:right bottom;}
#characters #deehouse:hover {background-image:url(images/h_huki01.gif);}
#characters #carriage { background-image:url(images/huki02.gif); top:120px; left:150px; background-position:right bottom;}
#characters #carriage:hover {background-image:url(images/h_huki02.gif);}
#characters #melhouse { background-image:url(images/huki03.gif); top:10px; left:300px; background-position:right bottom;}
#characters #melhouse:hover {background-image:url(images/h_huki03.gif);}
#characters #areshouse{background-image:url(images/huki04.gif); top:40px; left:500px; background-position:left bottom;}
#characters #areshouse:hover {background-image:url(images/h_huki04.gif);}
#characters #en { display:block; margin:0; padding:0; width:420px;}
#characters #en #entop { display:block; margin:0; height:10px; background:url(images/entop.gif) no-repeat left top;}
#characters #en #cont { width:395px; display:block; margin:0 0 0 3px; padding:10px; background:#f5f2ec;}
#characters #en #enbottom { display:block; margin:0; height:10px; width:420px; background:url(images/enbottom.gif) no-repeat left bottom;}
#characters .topfile{ width:720px;}
#characters .pfile { float:left;}
#characters .txtfile { float:right; width:338px; margin:70px 0 0 0;}
#characters img.margin { margin:-10px 0;}
#characters h3 { display:none;}
#characters a { color:#cc642a; }
#characters a:hover { color:#cc642a; border-bottom:solid 1px;}
#characters #melset #melset01 { float:left; width:200px; height:265px; background:url(images/melset01_01.jpg) no-repeat;}
#characters #melset #melset01:hover { background:url(images/melset01_02.jpg) no-repeat;}
#characters #melset #melset02 { float:right; width:628px; height:265px; background:url(images/melset02.png) no-repeat;}
#characters #deeset #deeset01 { float:left; width:200px; height:265px; background:url(images/deeset01_01.jpg) no-repeat;}
#characters #deeset #deeset01:hover { background:url(images/deeset01_02.jpg) no-repeat;}
#characters #deeset #deeset02 { float:right; width:628px; height:265px; background:url(images/deeset02.png) no-repeat;}
#characters #aresset #aresset01 { float:left; width:200px; height:265px; background:url(images/aresset01_01.jpg) no-repeat;}
#characters #aresset #aresset01:hover { background:url(images/aresset01_02.jpg) no-repeat;}
#characters #aresset #aresset02 { float:right; width:628px; height:265px; background:url(images/aresset02.png) no-repeat;}
#characters #mokusei { width:504px; height:166px; background:url(images/etcset01.jpg) no-repeat;}
#characters #mokusei:hover { background: url(images/etcset02.jpg) no-repeat;}
#characters a:hover.gototop{ color:#7A5413;	border-bottom:none;}


/* 33. game
************************************/
#game #gametop { height:490px; width:auto; padding:20px; background:#FFF url(images/bg_game.jpg) no-repeat;}
#game #en { display:block; margin:0; padding:0; width:420px;}
#game #en #entop { display:block; margin:0; height:10px; background:url(images/entop.gif) no-repeat left top;}
#game #en #cont { width:395px; display:block; margin:0 0 0 3px; padding:10px; background:#f5f2ec;}
#game #en #enbottom { display:block; margin:0; height:10px; width:420px; background:url(images/enbottom.gif) no-repeat left bottom;}
#game #puzzle { float:left; display:block; margin:0; padding:0; width:400px; }
#game #puzzle p { margin:20px 0 0 25px; }
#game #puzzle #gamel { height:300px; width:400px; background:url(images/game_mel01.jpg) no-repeat right;}
#game #puzfla { float:right; display:block; margin: 150px 0 0 0; padding:0; width:400px; }
#game #block { float:left; display:block; margin:0; padding:0; width:400px; }
#game #block p { margin:20px 0 0 25px; }
#game #blockfla { float:right; display:block; margin:-50px 0 20px 0; padding:0; width:500px; }
#game #plagame { float:left; display:block; margin:0; padding:0; width:480px; }
#game #plagame p { margin:20px 0 0 25px; }
#game #plagamefla { float:right; display:block; margin:20px; padding:0; width:480px; background:#000; }
#game #starlegend { float:left; display:block; margin:0; padding:0; width:300px; }
#game #starlegend p { margin:20px 0 0 25px; }
#game #starlegendfla { float:right; display:block; margin:60px 20px 20px 20px; padding:0; width:480px; background:#000; }
#game #dife { float:left; display:block; margin:0; padding:0; width:300px; }
#game #dife p { margin:20px 0 0 25px; }
#game #difefla { float:right; display:block; margin:60px 20px 20px 20px; padding:0; width:480px; background:#000; }
#game h3 { display:none;}
#game a { color:#cc642a; }
#game a:hover { color:#cc642a; border-bottom:solid 1px;}
#game a:hover.gototop{ color:#7A5413;	border-bottom:none;}


/* 34. download
************************************/
#download #downtop { height:490px; width:auto; padding:20px; background:#FFF url(images/bg_download.jpg) no-repeat;}
#download #en { display:block; margin:0; padding:0; width:420px;}
#download #en #entop { display:block; margin:0; height:10px; background:url(images/entop.gif) no-repeat left top;}
#download #en #cont { width:395px; display:block; margin:0 0 0 3px; padding:10px; background:#f5f2ec;}
#download #en #enbottom { display:block; margin:0; height:10px; width:420px; background:url(images/enbottom.gif) no-repeat left bottom;}
#download .kijien { display:block; margin:0; padding:0; width:420px;}
#download .kijien .kijientop { display:block; margin:0; height:10px; background:url(images/entop.gif) no-repeat left top;}
#download .kijien .kijicont { width:395px; display:block; margin:0 0 0 3px; padding:10px 0 10px 20px ; background:#f5f2ec;}
#download .kijien .kijienbottom { display:block; margin:0; height:10px; width:420px; background:url(images/enbottom.gif) no-repeat left bottom;}
#download #blogleft01 { float:left; margin:0 20px;}
#download #blogright01 { float:right; width:300px; height:250px; background:url(images/download_dee01.jpg) no-repeat;}
#download #dokuzetsu { margin:0 20px;}
#download #dokuzetsul { float:left;}
#download #dokuzetsur { float:right;}
#download #blogleft02 { float:left; margin:0 20px;}
#download #blogright02 { float:right;  width:300px; height:200px; background:url(images/download_ares01.jpg) no-repeat;}
#download #survival { margin:0 20px;}
#download #survivall { float:left;}
#download #survivalr { float:right;}
#download #wp { margin:0 50px; padding:10px;}
#download #wp .wp01 { float:left; margin:0;}
#download #wp .wp02 { float:left; margin:0 0 0 30px;}
#download #wp .wp03 { float:left; margin:0 0 0 30px;}
#download #wp li { list-style:url(images/present.png);}
#download h3 { display:none;}
#download a { color:#cc642a; }
#download a:hover { color:#cc642a; border-bottom:solid 1px;}
#download a:hover.gototop{ color:#7A5413;	border-bottom:none;}


/* 35. blog
************************************/
#blog { background:#FFF; padding:30px;}
#blog h3 { margin:10px 0 0 0;}
#blog .entry { margin:-5px 0 0 0;}
#blog .txt { margin:0 ; width:700px; border-bottom:#630 dotted 1px;}
#blog { background:#FFF url(images/bg_blog.jpg) no-repeat;}
#blog a { color:#cc642a; }
#blog a:hover { color:#cc642a; border-bottom:solid 1px;}


/* 36. site
************************************/
#site a { color:#cc642a; }
#site a:hover { color:#cc642a; border-bottom:solid 1px;}
#site { padding:20px; background:url(/charapland/wp-content/themes/charapland/images/use.jpg) top right no-repeat;}


/* 37. contact
************************************/
#contac { padding:20px;}
#contac #conares { position:absolute; top:520px; left:670px; }


/* 40. sitemap
************************************/
#sitemap { margin: 0 auto ; padding: 34px 0 0 20px; height: 85px; width: 872px; background:url(images/footer.png) no-repeat; }
#sitemap a { color:#7a5413; }
#sitemap a:hover { color:#cc642a; border-bottom:solid 1px;}
#sitemap ul { padding: 0; width: 600px; font-size: 80%; line-height:2.5em; }
#sitemap ul li { float: left; list-style-type:none; margin:0 20px 0 0;}


/* 50. footer
************************************/
#footer{ width: 890px; padding: 0; margin: 0 auto;}
#link { float:left; margin:0 0 0 -43px; }
#link li { float: left;  margin: 0; padding:0; list-style-type:none; }
#link li a#charapla { display:block; width:73px; height:21px; text-indent:-9999px; background:url(images/footer.png) no-repeat -1px -130px; border:none; }
#link li a#twitter { display:block; width:44px; height:19px; margin:0 0 0 8px; text-indent:-9999px; background:url(images/footer.png) no-repeat -83px -131px; }
#copy { float:right; margin:11px 0 0 0; height:15px; width:auto; float:right; font-size:10px; }


/* 100. all
************************************/
a { text-decoration: none; border:none; }
a:visited { border:none; color:#7a5413;}
a img { border-style:none; }
a.gototop { float:right; margin:0 20px 0 0; padding:0 0 0 15px; background: url(images/top.png) no-repeat 0 3px;}



/* 200 for index
************************************/
#flash { width:890px; height:582px; background:#999; position:relative; }
#flash #topmw { position:absolute; left:510px; bottom:365px; z-index:5px;}
#news { float:left; margin:15px 0 13px 48px ; padding:0 ; height:138px; width:425px; background:url(images/news.png ) no-repeat ; background-position:1% 19%; color:#444; }
#news ul { margin:0; padding:45px 0 0 33px; }
#news li { list-style-type:none; margin:0 ; padding:0; }
#news a { border-bottom:solid 1px; color:#444;}
#news #rss a { display:block; margin:-17px 0 0 382px; width:73px; height:30px; text-indent:-9999px; background:url(images/rss.png) no-repeat ; border:none; }
#koukoku { float:right; margin:19px 35px 0 0; padding:0; height:127px; width:323px;}


/* 500. ie7
************************************/
*:first-child+html img#mw { position:relative; bottom:910px; left:550px;}
*:first-child+html #sitemap { height:75px; width:880px; }
*:first-child+html #sitemap { padding:55px 0 0 10px; }
*:first-child+html #sitemap ul { line-height:1em; }

/* 510. ie8
************************************/
head~/* */body img#mw { position:relative; bottom:910px; left:385px;}

/* 600. firefox
************************************/
body a { overflow:hidden; outline:none;}

/*--------fin--------*/