@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;
}




/*----------------------------------
 =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_globalmenu.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_globalmenu.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_globalmenu.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_globalmenu.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_globalmenu.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;
}

#li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#number-li ol li {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
margin:0pt 0pt 1em 1.5em;
}

#square-li ol li {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin:0pt 0pt 1em 1.5em;
}

#contents-inner {
clear:both;
margin:0pt auto;
padding:0pt 0pt 2em;
text-align:left;
}




/*----------------------------------
 =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
----------------------------------*/
#MAINCONTENT {
display: inline;
float: left;
width: 420px;
height: auto;
margin: 0 0 2em 215px;
line-height: 1.6;
}

#MAINCONTENT h1,
#MAINCONTENT h2 {
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 .bottom01{
margin-bottom: 1em;
}

#MAINCONTENT .bottom02{
margin-bottom: 2em;
}

#MAINCONTENT .bottom03{
margin-bottom: 3em;
}

#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;
padding:0pt 10px;
width:auto;
}

#MAINCONTENT h4{
width: auto;
height: 20px;
margin: 0 0 10px 0;
background: url(/jAlmas/cms/images/content/almas/img/common/blue_menu.gif) no-repeat left center;
line-height: 20px;
text-indent: 15px;
font-size: 100%;
font-weight: bold;
color: #F5F5DC;
margin:0pt 0pt 10px;
padding:0pt 15px;
width:auto;
}

#MAINCONTENT h5{
width: auto;
height: 20px;
margin: 0 0 10px 0;
background: url(/jAlmas/cms/images/content/almas/img/common/grey_menu.gif) no-repeat left center;
line-height: 20px;
text-indent: 15px;
font-size: 100%;
font-weight: bold;
color: #F5F5DC;
margin:0pt 0pt 10px;
padding:0pt 15px;
width:auto;
}


#MAINCONTENT p {
margin:0pt 0pt 1em;
}

#MAINCONTENT p.link-more a {
background:transparent url(/jAlmas/cms/images/content/almas/img/common/icon_link_more.gif) no-repeat scroll left center;
color:#43474D;
padding:0pt 0pt 0pt 12px;
text-decoration:none;
}

#MAINCONTENT p.link-more{
font-size:85%;
line-height:10px;
text-align:right;
}

#MAINCONTENT li{
list-style-type:none;
}

#info th {
width:100px;
background-color:#EEEEEE;
border:1px solid #808080;
padding:5px;
white-space:nowrap;
}

#info td {
background-color:#FFFFFF;
border:1px solid #808080;
padding:5px;
width:300px;
}

#info table {
font-size:93%;
line-height:1.6;
}

#recruit th {
width:100px;
background-color:#EEEEEE;
border:1px solid #808080;
padding:5px;
white-space:nowrap;
}

#recruit td {
background-color:#FFFFFF;
border:1px solid #808080;
padding:5px;
}

#recruit table {
font-size:93%;
}

#solution th {
width:100px;
background-color:#E0FFFF;
border:1px solid #808080;
padding:5px;
white-space:nowrap;
}

#solution td {
background-color:#FFFFFF;
border:1px solid #808080;
padding:5px;
width:300px;
}

#solution table {
font-size:93%;
line-height:1.6;
}

#contents-line hr{
border:dotted 1px;
border-color:#C0C0C0;
width: auto;
margin:0px 0px 0px 10px;
}

#square-line{
padding: 1em;
border:double 3px #C0C0C0;
font-weight: bold;
color: #1d1d41;
}

#blog a {
display: block;
width: 200px;
height: 80px;
background: url(/jAlmas/cms/images/content/almas/img/common/right_menu_02.jpg) no-repeat center top;
text-indent: -9999em;
overflow: hidden;
}


#arrow-black{
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{
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;
}


#dot1-list li {
background:transparent url(/jAlmas/cms/images/content/almas/img/common/dotline_01.gif) repeat-x scroll left bottom;
margin:0pt 0pt 1em;
overflow:hidden;
padding:0pt 0pt 1em;
position:relative;
text-indent:10px;
}

#dot2-list li {
background:transparent url(/jAlmas/cms/images/content/almas/img/common/dotline_02.gif) repeat-x scroll left bottom;
margin:0pt 0pt 1em;
overflow:hidden;
padding:0pt 0pt 1em;
position:relative;
text-indent:10px;
}

#MAINCONTENT #history{
margin: 0 0 1em 0;
}

#MAINCONTENT #history dl{
margin: 0 10px 1em 10px;
}

#MAINCONTENT #history dt{
float: left;
clear: both;
width: auto;
}

#MAINCONTENT #history dd{
width: auto;
margin: 0 0 0.5em 90px;
}

#MAINCONTENT #date-dt dt{
clear: both;
margin:0pt 0pt 10px;
line-height: 15px;
}

#casestudies th {
background: url(/jAlmas/cms/images/content/almas/img/common/arrow_black.gif) no-repeat left center;
text-decoration: none;
padding:5px;
white-space:nowrap;
text-indent:10px;
}

#casestudies td {
padding:5px;
width:500px;
border-bottom:1px solid #DADAE0;
}


#casestudies table {
font-size:93%;
line-height:1.6;
}

#about-privacy ol li {
list-style-image:none;
list-style-position:outside;
list-style-type:decimal;
margin:0pt 0pt 1em 2em;
}

#div.paragraph {
margin:0pt 0pt 2em;
}

#contact div.frame {
border:1px solid #ABABAB;
height:350px;
margin:0pt auto 2em;
overflow:auto;
}

#contact div.submit {
clear:both;
text-align:center;
}

/*----------------------------------
 =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:Arial, Helvetica, sans-serif;
}

#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;
list-style-type:none;
}

#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.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.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 {
float: left;
clear: both;
width: 125px;
}

#toppage #top-news dd {
width: auto;
margin: 0 0 0.5em 135px;
}

#toppage #top-event dt {
width: auto;
}

#toppage #top-event dd {
width: auto;
margin: 0 0 0.5em 50px;
}

#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/public/content/almas/newalmas/../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;}
#question th,td{margin:auto;padding:3px;　!important} 
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 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",arial,helvetica,clean,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: 420px;
	height: auto;
	margin: 0 0 2em 215px;
	}

#LEFTMENU {
	display: inline;
	float: left;
	margin: 0 0 2em -620px;
	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;
	}
.table #question{
 margin: auto;
 padding: auto;
}
.inputtext {
font-family:verdana,sans-serif;
font-size:90%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:1px;
}
/* ----------------------------------------------------------------------------*/

