/******************* base *******************/
body{
	color:#000000;
	margin: 0px;
    padding: 0px;
	border: 0px;
	text-align: center;
	background-color: #FFFFE6;
}

a:link {
	color:#F64C00;
	text-decoration: underline; 
}

a:visited {
	color:#F64C00;
	text-decoration: underline; 
}

a:active {
	color:#000000;
	text-decoration: underline;  
}

a:hover {
	color:#cc3300;
	text-decoration: underline; 
}

/******************* Global navi *******************/

#navwrap {
	text-align: left;
	margin-left: 20px;
}

#nav { 
	width: 760px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
	display: block;
	width: 152px;
	height: 67px;
	margin: 0;
	padding: 0;
	text-indent: -9999px
}

#nav li a {
	display: block;
	width: 152px;
	height: 67px;
	background: url(../images/nav.gif) no-repeat;
}

#nav li#navnews a {
	background: url(../images/nav.gif) 0 0;
}

#nav li#navnews a:hover {
	background-position: 0 -67px;
}

#nav li#navnews {
	background: url(../images/nav.gif) 0 -67px;
}


#nav li#navwhats a {
	background: url(../images/nav.gif) -152px 0;
}

#nav li#navwhats a:hover {
	background-position: -152px -67px;
}

#nav li#navwhats {
	background: url(../images/nav.gif) -152px -67px;
}



#nav li#navcommunity a {
	background: url(../images/nav.gif) -304px 0;
}

#nav li#navcommunity a:hover {
	background-position: -304px -67px;
}

#nav li#navcommunity {
	background: url(../images/nav.gif) -304px -67px;
}



#nav li#navlabo a {
	background: url(../images/nav.gif) -456px 0;
}

#nav li#navlabo a:hover {
	background-position: -456px -67px;
}

#nav li#navlabo {
	background: url(../images/nav.gif) -456px -67px;
}



#nav li#navbook a {
	background: url(../images/nav.gif) -608px 0;
}

#nav li#navbook a:hover {
	background-position: -608px -67px;
}

#nav li#navbook {
	background: url(../images/nav.gif) -608px -67px;
}


/******************* Fotter navi *******************/

#fotnavwrap {
	text-align: left;
	margin-left: 10px;
}

#fotnav { 
	width: 760px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#fotnav li {
	float: left;
	display: block;
	width: 123px;
	height: 30px;
	margin: 0;
	padding: 0;
	text-indent: -9999px
}

#fotnav li a {
	display: block;
	width: 123px;
	height: 30px;
	background: url(../images/footernav.gif) no-repeat;
}

#fotnav li#fotnavsitemap a {
	background: url(../images/footernav.gif) 0 0;
}

#fotnav li#fotnavsitemap a:hover {
	background-position: 0 -30px;
}

#fotnav li#fotnavsitemap {
	background: url(../images/footernav.gif) 0 -30px;
}


#fotnav li#fotnavschool a {
	background: url(../images/footernav.gif) -123px 0;
}

#fotnav li#fotnavschool a:hover {
	background-position: -123px -30px;
}

#fotnav li#fotnavschool {
	background: url(../images/footernav.gif) -123px -30px;
}


#fotnav li#fotnavabout a {
	background: url(../images/footernav.gif) -246px 0;
}

#fotnav li#fotnavabout a:hover {
	background-position: -246px -30px;
}

#fotnav li#fotnavabout {
	background: url(../images/footernav.gif) -246px -30px;
}


#fotnav li#fotnavcharacter a {
	background: url(../images/footernav.gif) -369px 0;
}

#fotnav li#fotnavcharacter a:hover {
	background-position: -369px -30px;
}

#fotnav li#fotnavcharacter {
	background: url(../images/footernav.gif) -369px -30px;
}




/******************* lyout *******************/

#wrap {
	width: 800px;
	margin: auto;
	padding: 0px;
	border-style: none;
	background-color: #F64C00;
	background-image: url(../images/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#headlogo {
	width: 480px;
	height: 100px;
	float:left;
	border: 0px;
}

*html #headdaiiti {
	float:right;
	background-image: url(../images/head_bg01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFFFE6;
	width: 320px;
	height: 100px;
	text-align: right;
	vertical-align: bottom;
}

#headdaiiti {
	float:right;
	background-image: url(../images/head_bg01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFFFE6;
	width: 320px;
	height: 100px;
	text-align: right;
	vertical-align: bottom;
}

#headdaiiti img{
	margin-top: 18px;
}


#contentswrap {
	width: 800px;
	background-color: #FFFFFF;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat-y;
}

#contentsbox {
	width: 730px;
	margin: auto;
	padding: 0 0 11px;
}

#contentsboxtop {
	width: 730px;
	margin: auto;
	padding: 0;
}

#copy {
	width: 800px;
	margin: auto;
	padding: 5px 0 10px 0;
	text-align: left;
}

.clear {
	clear:both;
}


/******************* common lyout *******************/
.center {
	text-align: center; 
}

.bggreen { 
	background-color: #009900;
}

.bgyellow { 
	background-color: #FFFFCC;
}

/******************* h *******************/

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

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

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

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

/******************* font *******************/

#headtxt {
	color: #FFF29A;
	font-size: 10px;
	line-height: 120%;
}


.small {
	font-size: 65%;
	line-height: 120%;
}

.small2 {
	font-size: 65%;
	line-height: 180%;
}

.normal {
	font-size: 75%;
	line-height: 120%;
}

.normalH {
	font-size: 75%;
	line-height: 160%;
}

.normalHH {
	font-size: 75%;
	line-height: 160%;
}
.normalN {
	font-size: 75%;
	line-height: 90%;
}

.mlarge {
	font-size: 85%;
	line-height: 140%;
}

.large {
	font-size: 100%;
	line-height: 140%;
}


/*********************** color *******************/
.white { 
	color: #fff;
}

.red { 
	color: #FF0000;
}

.blue { 
	color: #024B90;
}

.green { 
	color: #009900; 
}
.yellow { 
	color: #FFFFCC; 
}
.orange { 
	color: #F64C00; 
}

.Lorange { 
	color: #FF9900; 
}

.gray { 
	color: #333333; 
}

/*m.a.071010*/
.barea {
	width:800px;
	padding: 0px;
	text-align: center;
	margin: 10px 0px;
}

.brea img {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border: 0px none;
}

#glmenu {
	width: 800px;
	margin: 0px;
	padding: 10px 0px 0px;
	color: #FFFFFF;
}

#glmenu ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #FFFFFF;
}

#glmenu li {
	display: inline;
	margin: 0px;
	padding: 0px 5px;
	list-style-type: none;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-size: 70%;
	line-height: 130%;
}

#glmenu a:link,#glmenu a:visited,#glmenu a:active,#glmenu a:hover{
	color: #FFFFFF;
}

#glmenu_t {
	width: 800px;
	margin: 0px;
	padding: 10px 0px 0px;
	color: #FFFFFF;
	background-color: #F64C00;
}

#glmenu_t ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #FFFFFF;
}

#glmenu_t li {
	display: inline;
	margin: 0px;
	padding: 0px 5px;
	list-style-type: none;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font-size: 70%;
	line-height: 130%;
}

#glmenu_t a:link,#glmenu_t a:visited,#glmenu_t a:active,#glmenu_t a:hover{
	color: #FFFFFF;
}