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

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

a {
color: #5277ba;
}

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


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

#contents {
width: 910px;
height: auto;
margin: 0 auto;
background: url(/jAlmas/cms/images/content/almas/img/common/bg_contents.gif) repeat-y 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;
}

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

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

#description li.last {
padding: 0 0 0 5px;
}


/*----------------------------------
 =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;
}

#about-privacy ol li {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
margin:0pt 0pt 1em 2em;
}

/*----------------------------------
 =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-center
----------------------------------*/
#contents-center {
display: inline;
float: left;
width: 420px;
height: auto;
margin: 0 0 2em 215px;
line-height: 1.6;
}

#contents-center h1,
#contents-center h2 {
width: auto;
height: 40px;
margin: 0 0 10px 0;
background: url(/jAlmas/public/content/almas/newalmas/../img/common/bg_h1.gif) repeat-x left bottom;
line-height: 40px;
text-indent: 10px;
font-size: 114%;
font-weight: bold;
color: #1d1d41;
}

#contents-center .bottom01{
margin-bottom: 1em;
}

#contents-center .bottom02{
margin-bottom: 2em;
}

#contents-center .bottom03{
margin-bottom: 3em;
}

#MAINCONTENT h1,
#MAINCONTENTh2 {
border-top:5px solid #1D1D41;
width: auto;
height: 40px;
margin: 0 0 10px 0;
background: url(/jAlmas/cms/images/content/almas/img/common/bg_h1.gif) repeat-x left bottom;
line-height: 40px;
text-indent: 10px;
font-size: 114%;
font-weight: bold;
color: #1d1d41;
}

#MAINCONTENT h3{
width: auto;
height: 20px;
margin: 0 0 10px 0;
background: url(/jAlmas/cms/images/content/almas/img/common/bg_h1.gif) repeat-x left bottom;
line-height: 20px;
font-size: 100%;
font-weight: bold;
color: #1d1d41;
margin:10pt 0pt 10px;
width:auto;
padding:0pt 10px;
}

#MAINCONTENT p {
margin:0pt 0pt 1em;
}

#MAINCONTENT h3 a{
text-decoration:none;
}

#arrow-black a{
background: url(/jAlmas/cms/images/content/almas/img/common/arrow_black.gif) no-repeat left center;
text-decoration: none;
margin:0pt 10pt 10px;
padding:0pt 30px;
line-height: 15px;
}

#arrow-blue a{
background: url(/jAlmas/cms/images/content/almas/img/common/arrow_blue.gif) no-repeat left center;
text-decoration: none;
margin:0pt 10pt 10px;
padding:0pt 30px;
line-height: 15px;
}


/*----------------------------------
 =contents-left
----------------------------------*/

#left-menu div.aco-box {
}

#left-menu div.aco-header {
width: 180px;
height: 30px;
background: url(/jAlmas/cms/images/content/almas/img/common/aco_header.gif) no-repeat center top;
text-indent: 21px;
}

#left-menu div.aco-header p {
width: auto;
color: #fff;
line-height: 30px;
}

#left-menu div.aco-header p a {
display: block;
width: 180px;
height: 30px;
color: #fff;
text-decoration: none;
}

#left-menu #left-menu01 div.aco-header {
background: url(/jAlmas/cms/images/content/almas/img/common/aco_header_first.gif) no-repeat center top;
}

#left-menu div.aco-header:hover,
#left-menu #left-menu01 div.aco-header:hover {
background-position: center bottom;
}

#left-menu div.aco-body {
height: auto;
background: url(/jAlmas/cms/images/content/almas/img/common/aco_body.gif) repeat-y center top;
}

#left-menu div.aco-body li {
width: 180px; 
height: 30px;
font-size: 85%;
list-style-type:none;
}

#left-menu div.aco-body li span {
font-family:sans-serif,Arial, Helvetica;
}

#left-menu div.aco-body li a {
display: block;
width: 180px; 
height: 30px;
background: url(/jAlmas/cms/images/content/almas/img/common/aco_menu.gif) no-repeat center top;
text-indent: 10px;
text-decoration: none;
overflow: hidden;
line-height: 30px;
color: #656b74;
}

#left-menu div.aco-body li.this a,
#left-menu div.aco-body li a:hover {
background-position: center bottom;
color: #2c2f33;
}

#LEFTMENU #left-menu05 a {
display: block;
width: 180px;
height: 30px;
color: #fff;
line-height: 30px;
text-decoration: none;
text-indent: 21px;
background: url(/jAlmas/cms/images/content/almas/img/common/aco_header_last.gif) no-repeat center top;
}

#LEFTMENU #left-menu05 a:hover {
background-position: center bottom;
}


/*----------------------------------
 =contents-right
----------------------------------*/

#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 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;
}

/* 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;}

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%;}

/* ----------------------------------------------------------------------------*/

#TOPTITLE {
width: 910px;
margin: 15px auto 0 auto;
	}

#TOPMENU {
	
	}
	
#MAINBODY {
	width: 982px;
	}

#MAINCONTENT {
	display: inline;
	float: left;
	width: 680px;
	height: auto;
	margin: 0 0 2em 215px;
	}

#LEFTMENU {
	display: inline;
	float: left;
	margin: 0 0 2em -880px;
	width: 180px;
	}

#RIGHT {
	padding: 0px;
	float: right;
	width: 250px;
	}

#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;
	}
#BANNER {
	clear: both;
	width: 880px;
	height: 39px;
	margin: 0 auto;
	border-top: 1px solid #1d1d41;
	font-size: 85%;
	line-height: 39px;
	text-align: right;	
}
#FOOTER {
	width: 930px;
	height: auto;
	margin: 0 auto;
	padding: 25px 0 0 0;
	background: url(/jAlmas/cms/images/content/almas/img/common/bg_footer.gif) no-repeat center top;
	}

.spacer {
	display: block;
	height: 1px;
	font: 1px /1 sans-serif;
	clear: both;
	}


/* ----------------------------------------------------------------------------*/