/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:160%;
text-align: center;
color:#555555;
background-color:#447001;
background-image:url(../img/background.jpg);
background-repeat:repeat-x;
}

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

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

img{
border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:160%;
}

#wrapper{
margin:0px auto;
width:800px;
text-align:left;
}

#header{
width:800px;
height:150px;
float:left;
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
position:relative;
}

#header ul{
list-style-type:none;
}

#header ul li {
float:left;
}

#header h1{
margin:0 0 0 40px;
float:left;
display:inline;
}

#header h1 a{
}

#header p {
position:absolute;
top:5px;
left:20px;
font-size:85%;
color:#FFFFFF;
}

#header #link{
margin:55px 0 0 0;
float:right;
}

#header #link li{
margin:0 15px 0 0;
display:inline;
}

#header #link li a{
font-size:85%;
}

#header #comsys-hd{
margin:40px 40px 0 0;
float:right;
}

#main{
width:800px;
float:left;
background-image:url(../img/main-bg.png);
background-repeat:repeat-y;
}

#locator {
width:520px;
float:left;
display:inline;
text-align:right;
font-size:85%;
}

a:link,a:visited{
color:#6BA821;
text-decoration:none;
}

a:active,a:hover,a:focus{
color:#447001;
text-decoration:none;
overflow:hidden;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contents {
width:520px;
float:left;
margin:0 0 0 40px;
display:inline;
}

#common #contents {
margin:0 40px 0 0;
float:right;
}


#sidebar {
width:180px;
float:right;
margin:10px 40px 0 0;
display:inline;
}

#common #sidebar {
margin:10px 0 0 40px;
float:left;
}

#sidebar dl{
width:180px;
float:left;
background-image:url(../img/sidebar-inner.jpg);
background-repeat:repeat-y;
margin:0 0 20px 0;
}

#sidebar dl dd{
width:180px;
float:left;
background-image:url(../img/sidebar-bottom.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#sidebar dl dd p{
margin:5px 15px 10px;
font-size:85%;
}

#sidebar ul{
width:180px;
float:left;
list-style-type:none;
}

#sidebar ul li {
margin:0 0 20px 0;
}









#sidebar_top {
width:180px;
float:right;
margin:10px 40px 0 0;
display:inline;
}

#sidebar_top dl{
width:180px;
float:left;
background-image:url(../img/sidebar-inner.jpg);
background-repeat:repeat-y;
margin:0 0 20px 0;
}

#sidebar_top dl dd{
width:180px;
float:left;
background-image:url(../img/sidebar-bottom.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#sidebar_top dl dd p{
margin:5px 15px 10px;
font-size:85%;
}


#sidebar_top ul{
width:180px;
float:left;
list-style-type:none;
}

#sidebar_top ul li {
width:180px;
height:180px;
margin:0 0 20px 0;
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
background-image:url(../img/logo_back.jpg);
background-repeat:repeat-y;
text-align:center;
}

#sidebar_top dt a:link img,a:visited img{
filter:Alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

#sidebar_top dt a:hover img,a:active img{
filter:Alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

#sidebar dl ul{
margin:0 0 10px 0;
}

#sidebar dl li{
margin:0 10px 0;
border-bottom:1px solid #e6e6e6;
}

#sidebar dl li a{
width:160px;
line-height:40px;
display:block;
text-indent:10px;
}

#sidebar dl li a.current{
font-weight:bold;
}

#sidebar dl li a:hover{
background-color:#f3f3f3;
}


#sidebar dl li.under{
margin:0 10px 0;
border-bottom:1px solid #e6e6e6;
}

#sidebar dl li.under a{
width:160px;
line-height:40px;
display:block;
text-indent:30px;
background-image: url(../img/sub_navi.jpg);
background-repeat:no-repeat;
background-position:20px 16px;
}

#sidebar dl li.under a.current{
font-weight:bold;
}

#sidebar dl li.under a:hover{
background-color:#f3f3f3;
}

.article {
width:520px;
margin-bottom:20px;
float:left;
}

/*---nav---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav{
width:520px;
height:40px;
position:absolute;
top:100px;
right:30px;
background-image:url(../img/nav.jpg);
background-repeat:no-repeat;
}

#nav li{
margin:0 0 0 9px;
display:inline;
}

#nav a{
display:block;
height:40px;
float:left;
background-repeat:no-repeat;
text-indent:-9999px;
}

#nav01 a{
width:52px;
}

#nav01 a:link,
#nav01 a:visited{
background-image:url(../img/nav01.gif);
}

#nav01 a:hover,
#nav01 a:active{
background-image:url(../img/nav01-ov.gif);
}

#nav01 a{
width:52px;
}

#nav01 a.current:link,
#nav01 a.current:visited,
#nav01 a.current:hover,
#nav01 a.current:active{
background-image:url(../img/nav01-ov.gif);
}

#nav02 a{
width:68px;
}

#nav02 a:link,
#nav02 a:visited{
background-image:url(../img/nav02.gif);
}

#nav02 a:hover,
#nav02 a:active{
background-image:url(../img/nav02-ov.gif);
}

#nav02 a.current:link,
#nav02 a.current:visited,
#nav02 a.current:hover,
#nav02 a.current:active{
background-image:url(../img/nav02-ov.gif);
}

#nav03 a{
width:66px;
}

#nav03 a:link,
#nav03 a:visited{
background-image:url(../img/nav03.gif);
}

#nav03 a:hover,
#nav03 a:active{
background-image:url(../img/nav03-ov.gif);
}

#nav03 a.current:link,
#nav03 a.current:visited,
#nav03 a.current:hover,
#nav03 a.current:active{
background-image:url(../img/nav03-ov.gif);
}

#nav04 a{
width:112px;
}

#nav04 a:link,
#nav04 a:visited{
background-image:url(../img/nav04.gif);
}

#nav04 a:hover,
#nav04 a:active{
background-image:url(../img/nav04-ov.gif);
}

#nav04 a.current:link,
#nav04 a.current:visited,
#nav04 a.current:hover,
#nav04 a.current:active{
background-image:url(../img/nav04-ov.gif);
}

#nav05 a{
width:69px;
}

#nav05 a:link,
#nav05 a:visited{
background-image:url(../img/nav05.gif);
}

#nav05 a:hover,
#nav05 a:active{
background-image:url(../img/nav05-ov.gif);
}

#nav05 a.current:link,
#nav05 a.current:visited,
#nav05 a.current:hover,
#nav05 a.current:active{
background-image:url(../img/nav05-ov.gif);
}

#nav06 a{
width:89px;
}

#nav06 a:link,
#nav06 a:visited{
background-image:url(../img/nav06.gif);
}

#nav06 a:hover,
#nav06 a:active{
background-image:url(../img/nav06-ov.gif);
}

#nav06 a.current:link,
#nav06 a.current:visited,
#nav06 a.current:hover,
#nav06 a.current:active{
background-image:url(../img/nav06-ov.gif);
}

/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer{
width:800px;
text-align:center;
float:left;
background-image:url(../img/footer.jpg);
background-repeat:no-repeat;
}

#footer ul{
height:40px;
float:left;
list-style-type:none;
margin:10px 0 0 180px;
display:inline;
}

#footer ul li {
margin:0 10px 0 0;
float:left;
color:#FFFFFF;
}

#footer ul li a{
margin:0 10px 0 0;
font-size:85%;
color:#FFFFFF;
}

address {
width:800px;
float:left;
text-align:center;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#top-box {
width:520px;
float:left;
background-image:url(../img/top-box.jpg);
background-repeat:no-repeat;
}

#top-box ul{
list-style-type:none;
font-weight:bold;
letter-spacing:2px;
}

#top-box #text01 {
width:390px;
float:right;
margin:10px 10px 10px 120px;
display:inline;
}

#top-box #text02 {
width:500px;
float:left;
margin:0 0 0 20px;
font-size:85%;
display:inline;
}

#top-box #text03 {
width:500px;
float:right;
margin:0 20px 0 0;
font-size:85%;
text-align:right;
}

#top-box #list01 {
width:500px;
float:left;
padding:0 0 30px 20px;
font-size:85%;
}

#top-box #list02 {
width:500px;
float:right;
margin:0 20px 30px 0;
font-size:85%;
text-align:right;
}

#top-news {
width:500px;
float:left;
margin:0 10px 0;
padding-bottom:20px;
display:inline;
}

#top-news dt{
width:120px;
float:left;
color:#6BA821;
font-weight:bold;
}

#top-news dd{
width:380px;
float:right;
}

/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sitemap {
}

.sitemap ul{
margin:0 0 15px 30px;
}

.sitemap ul ul{
margin:0 0 15px 30px;
}

/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.headline2 {
width:520px;
line-height:35px;
float:left;
border-bottom:1px solid #cccccc;
font-size:200%;
font-weight:bold;
color:#6BA821;
margin:0 0 10px 0;
letter-spacing:10px;
}

.headline3 {
width:520px;
line-height:35px;
float:left;
font-size:125%;
font-weight:bold;
color:#6BA821;
letter-spacing:10px;
text-indent:10px;
}

.headline4 {
line-height:35px;
font-size:125%;
font-weight:bold;
color:#6BA821;
letter-spacing:10px;
text-indent:10px;
}

.headline5 {
width:520px;
line-height:35px;
float:left;
font-size:125%;
font-weight:bold;
color:#6BA821;
letter-spacing:0px;
text-indent:10px;
}

.text01 {
margin:0 10px 10px;
}

.text01_m {
margin:0 0px 0px 10px;
display:inline;
}

.text02 {
margin:0 10px 10px;
float:left;
}

.text03 {
margin:0 10px 0px;
}

.text04 {
margin:0 10px 10px;
margin-left:1em;
text-indent:-1em;
}

.image01 {
margin:0 10px 10px;
float:right;
}

.image02 {
margin:0 0px 0 0px;
float:right;
}

.table01 {
margin:0 10px 10px;
float:left;
display:inline;
}

.table01 table{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.table01 table td{
padding:10px 15px;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
background-color:#ffffff;
}

.table01 table td.highlight{
background-color:#efefef;
font-weight:bold;
}

.list01 {
float:left;
padding-left:30px;
margin:0 10px 0 0;
}

.list01 li{
margin:0 0 5px 0;
}

.page-link {
width:520px;
float:left;
padding-bottom:20px;
text-align:right;
}

/*company*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#company-comsys {
list-style-type:none;
float:left;
}

#company-comsys li{
width:500px;
float:left;
margin:0 10px 50px;
display:inline;
padding-bottom:30px;
}

#company-comsys .desc{
width:520px;
margin:0 0 0 20px;
display:inline;
}

#company-comsys table td{
padding:0 0 10px 10px;
}

#company-comsys table td.highlight{
font-weight:bold;
}

.ninsho {
float:right;
margin-left:10px;
display:inline;
}


/*mobile*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mobile_flow{
background-image:url(../img/mobile-flow.jpg);
background-repeat:no-repeat;
float:left;
width:159px;
height:445px;
}

.mobile_flow1_1{
background-image:url(../img/mobile-flow2.jpg);
background-repeat:no-repeat;
float:left;
width:159px;
height:346px;
}

.mobile_text01{
width:159px;
text-align:center;
font-weight:bold;
position:relative;
top:-18px;
}

.mobile_text02{
width:159px;
text-align:center;
font-weight:bold;
position:relative;
top:53px;
}

.mobile_text03{
width:159px;
text-align:center;
font-weight:bold;
position:relative;
top:188px;
}

.mobile_text04{
width:159px;
text-align:center;
font-weight:bold;
position:relative;
top:222px;
}

.mobile_text05{
width:159px;
text-align:center;
font-weight:bold;
position:relative;
top:301px;
}

.mobile_flow2{
width:350px;
line-height:1.5em;
margin-left:8px;
float:left;
display:inline;
}

.mobile_text01_1{
width:350px;
}

.mobile_text02_1{
width:350px;
margin-top:19px;
}

.mobile_text03_1{
width:350px;
margin-top:26px;
}

.mobile_text04_1{
width:350px;
margin-top:22px;
}

.mobile_text05_1{
width:350px;
margin-top:24px;
}

/*recruit*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.recruit_com {
width:200px;
height:300px;
float:right;
margin:0 10px 0 10px;

}

.recruit_com p {
text-align:center;
width:200px;
font-size:80%;
}

.red {
color: #FF0000;
font-weight:bold;
}