@charset "UTF-8";
/* CSS Document */

/*----------------------------------
 =tags
----------------------------------*/
body {
background-color: #1d1d41;
}

a {
color: #5277ba;
}

a:hover {
color: #1993d8;
text-decoration: none;
}


/*----------------------------------
 =container
----------------------------------*/
#header{
position: relative;
width: 910px;
height: 94px;
margin: 30px auto 0 auto;
background: url(/jAlmas/cms/images/content/almas/img/common/bg_header.gif) no-repeat center top;
color: #43474d;
}

#MAINBODY{
width: 910px;
height: auto;
margin: 0 auto;
background: url(/jAlmas/cms/images/content/almas/img/common/bg_contents.gif) repeat-y center top;
}

#FOOTER {
width: 930px;
margin: 0 auto;
padding: 25px 0 0 0;
background: url(/jAlmas/cms/images/content/almas/img/common/bg_footer.gif) no-repeat center top;
}

/*----------------------------------
 =header=
----------------------------------*/
#logo {
position: absolute;
width: 103px;
height: 71px;
left: 25px;
top: 14px;
}

#logo a {
display: block;
width: 103px;
height: 71px;
text-indent: -9999em;
overflow: hidden;
}

#description {
position: absolute;
width: 500px;
height: 94px;
top: 0px;
left: 160px;
line-height: 94px;
overflow: hidden;
}

#header-menu {
position: absolute;
width: 725px;
top: 20px;
right: 25px;
font-size: 85%;
text-align: right;
}

#header-menu li {
display: inline;
padding: 0 5px;
border-left: 1px solid #43474d;
}

#header-menu li.first {
border-left-style: none;
}

#header-menu li.last {
padding: 0 0 0 5px;
}

#header-menu li a {
text-decoration: none;
color: #43474d;
}

#header-menu li a:hover {
text-decoration: underline;
}


/*----------------------------------
 =global
----------------------------------*/
#global {
width: 880px;
height: 36px;
margin: 0px auto;
padding: 0 15px;
background: url(/jAlmas/cms/images/content/almas/img/common/bg_global.gif) no-repeat center top;
}

#global li {
display: inline;
float: left;
width: 176px;
height: 36px;
}

#global li a {
display: block;
width: 176px;
height: 36px;
text-indent: -9999em;
overflow: hidden;
}

#global li#global01 a {
background: url(/jAlmas/cms/images/content/almas/img/common/bg_globaqlmenu_ch.gif) no-repeat 0px 0px;
}

#global li#global01.this a {
background-position: 0px -72px;
}

#global li#global01 a:hover {
background-position: 0px -36px;
}

#global li#global02 a {
background: url(/jAlmas/cms/images/content/almas/img/common/bg_globaqlmenu_ch.gif) no-repeat -176px 0px;
}

#global li#global02.this a {
background-position: -176px -72px;
}

#global li#global02 a:hover {
background-position: -176px -36px;
}

#global li#global03 a {
background: url(/jAlmas/cms/images/content/almas/img/common/bg_globaqlmenu_ch.gif) no-repeat -352px 0px;
}

#global li#global03.this a {
background-position: -352px -72px;
}

#global li#global03 a:hover {
background-position: -352px -36px;
}

#global li#global04 a {
background: url(/jAlmas/cms/images/content/almas/img/common/bg_globaqlmenu_ch.gif) no-repeat -528px 0px;
}

#global li#global04.this a {
background-position: -528px -72px;
}

#global li#global04 a:hover {
background-position: -528px -36px;
}

#global li#global05 a {
background: url(/jAlmas/cms/images/content/almas/img/common/bg_globaqlmenu_ch.gif) no-repeat -704px 0px;
}

#global li#global05.this a {
background-position: -704px -72px;
}

#global li#global05 a:hover {
background-position: -704px -36px;
}


/*----------------------------------
 =contents
----------------------------------*/
#contents-header-img {
width: 880px;
height: 65px;
margin: 0 auto;
}
/*----------------------------------
 =footstep
----------------------------------*/
#footstep {
width: 860px;
height: 20px;
margin: 0 auto 20px auto;
padding: 0 0 0 20px;
background-color: #F1F1F4;
font-size: 85%;
line-height: 20px;
color: #656b74;
}

#footstep span {
font-family:Arial, Helvetica, sans-serif;
}

#footstep a {
color: #656b74;
text-decoration: none;
}

#footstep a:hover {
color: #1d1d41;
}


/*----------------------------------
 =contents-left=MAINCONTENT
----------------------------------*/
#MAINCONTENT {
width: 620px;
margin: 0 15px;
line-height: 1.6;
float: left;
display:inline
}


/*----------------------------------
 =contents-right
----------------------------------*/
#RIGHTCONTENT {
display: inline;
float: right;
margin: 0 15px 0 0;
width: 240px;
height: auto;
background: url(/jAlmas/cms/images/content/almas/img/common/bg_contents_right.gif) repeat-y left top;
}

#right-menu {
border-top: 5px solid #1d1d41;
padding: 20px 0 0 0;
}

#right-menu li#right-menu01 {
width: 200px;
height: 80px;
margin: 0 auto;
padding: 0 0 20px 0;
}

#right-menu li#right-menu01 a {
display: block;
width: 200px;
height: 80px;
background: url(/jAlmas/cms/images/content/almas/img/common/right_menu_01_ch.jpg) no-repeat center top;
text-indent: -9999em;
overflow: hidden;
}

#right-menu li#right-menu01 a:hover {
background-position: center bottom;
}

#right-menu li#right-menu02 {
width: 200px;
height: 80px;
margin: 0 auto;
padding: 0 0 20px 0;
}

#right-menu li#right-menu02 a {
display: block;
width: 200px;
height: 80px;
background: url(/jAlmas/cms/images/content/almas/img/common/right_menu_02_ch.jpg) no-repeat center top;
text-indent: -9999em;
overflow: hidden;
}

#right-menu li#right-menu02 a:hover {
background-position: center bottom;
}

#right-menu li#right-menu03 {
width: 200px;
height: 80px;
margin: 0 auto;
padding: 0 0 20px 0;
}

#right-menu li#right-menu03 a {
display: block;
width: 200px;
height: 80px;
background: url(/jAlmas/cms/images/content/almas/img/common/right_menu_03.jpg) no-repeat center top;
text-indent: -9999em;
overflow: hidden;
}

#right-menu li#right-menu03 a:hover {
background-position: center bottom;
}

#right-menu li#right-menu04 {
width: 200px;
height: 80px;
margin: 0 auto;
padding: 0 0 20px 0;
}

#right-menu li#right-menu04 a {
display: block;
width: 200px;
height: 80px;
background: url(/jAlmas/cms/images/content/almas/img/common/right_menu_04.jpg) no-repeat center top;
text-indent: -9999em;
overflow: hidden;
}

#right-menu li#right-menu04 a:hover {
background-position: center bottom;
}


/*----------------------------------
 =return_BANNER 
----------------------------------*/
#BANNER {
clear: both;
width: 880px;
height: 39px;
margin: 0 auto;
border-top: 1px solid #1d1d41;
font-size: 85%;
line-height: 39px;
text-align: right;
}

#BANNER a {
padding: 0 10px 0 15px;
background: url(/jAlmas/cms/images/content/almas/img/common/icon_return.gif) no-repeat left center;
text-decoration: none;
color: #43474d;
}


/*----------------------------------
 =footer
----------------------------------*/
#footer-menu {
width: auto;
height: auto;
margin: 0 25px 10px 25px;
font-size: 85%;
}

#footer-menu li {
display: inline;
padding: 0 5px;
border-left: 1px solid #CBDAE6;
}

#footer-menu li.first {
padding: 0 5px 0 0;
border-left-style: none;
}

#footer-menu li a {

text-decoration: none;
color: #858c96;
}

#footer-menu li a:hover {
color: #fff;
}

#copyright {
margin: 0 0 0 25px;
padding: 0 0 10px;
font-size: 85%;
color: #fff;
}


/*----------------------------------
 =toppage
----------------------------------*/
#toppage #top-fla {
width: auto;
margin: 0 auto 10px auto;
text-align: center;
}

#toppage #contents-left {
width: 620px;
margin: 0 15px;
line-height: 1.6;
}

#toppage #top-news {
margin: 0 0 1em 0;
}

#toppage #top-event {
margin: 0;
}

#toppage #top-news dl,
#toppage #top-event dl {
margin: 0 10px 1em 10px;
}

#toppage #top-news dt,
#toppage #top-event dt {
float: left;
clear: both;
width: 125px;
}

#toppage #top-news dd,
#toppage #top-event dd {
width: auto;
margin: 0 0 0.5em 135px;
}

#toppage #top-news p.link-more,
#toppage #top-event p.link-more {
width: auto;
height: 30px;
padding: 0 10px 0 0;
border-top: 1px solid #dadae0;
line-height: 30px;
font-size: 85%;
text-align: right;
}

#toppage #top-news p.link-more a,
#toppage #top-event p.link-more a {
padding: 0 0 0 12px;
background: url(/jAlmas/cms/images/content/almas/img/common/icon_link_more.gif) no-repeat left center;
color: #43474d;
text-decoration: none;
}

#toppage #top-news p.link-more a:hover,
#toppage #top-event p.link-more a:hover {
color: #1993d8;
}

#toppage #top-recommend {

margin: 0 0 1em 0;
}

@Charset "UTF-8";
/* styles reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{

margin:0;
padding:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

fieldset,img{
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
font-style:normal;font-weight:normal;
}

li {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;font-weight:normal;
}

q:before,q:after{
content:'';
}

abbr,acronym {
border:0;font-variant:normal;
}

sup,sub {
line-height:-1px;vertical-align: text-top;
}

sub {
vertical-align:text-bottom;
}

input, textarea, select{
font-family:inherit;font-size:inherit;font-weight:inherit;
}

/* fonts styles */
body {
font:13px/1.22 SimSun, ’MS UI Gothic’, ’Hei’, sans-serif;*font-size:small;*font:x-small;
}

table {
font-size:inherit;font:100%;
}

pre,code,kbd,samp,tt {
font-family:monospace;*font-size:108%;line-height:99%;
}