/* CSS Document */

body {
margin:0;
padding:0;
text-align:center;
width:100%;
background:#fff;
font-size:12px;
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#333;
}

img { border:none; }
a { color:#333; text-decoration:none; }
a:hover { color:#FF6600; text-decoration:underline; }
.float-left {
margin:0;
padding:1em 1em 0 0;
float:left;
}

.alignleft {
margin:0;
padding:0 1em 1em 0;
float:left;
}

.img_btm { margin-bottom:1em; }

.float-right {
margin:0;
padding:1em 0 0 1em;
float:right;
background:#fff;
}

#containaer {
margin:0 auto;
padding:0;
width:850px;
text-align:left;
}

#header {
margin:0;
padding:0;
height:87px;
position:relative;
border-top:3px solid #000;
}

#header h1 {
margin:0;
padding:0;
width:431px;
height:84px;
background:url(../img/logo.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#header h2 {
margin:0;
padding:0;
width:250px;
height:16px;
font-size:12px;
line-height:16px;
position:absolute;
text-align:right;
top:4px;
right:0;
}

#header p {
margin:0;
padding:0;
width:107px;
height:14px;
position:absolute;
bottom:5px;
right:3px;
background:url(../img/jg_logo.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#header h1 a {
width:431px;
height:84px;
display:block;
}

#mainBody {
margin:0;
padding:0;
width:850px;
}

#mainBody #mainImage {
margin:0;
padding:0;
width:850px;
height:350px;
background:#000;
}

#Navi {
margin:0;
padding:0;
width:850px;
height:55px;
}

#Navi ul {
margin:0;
padding:0;
width:850px;
height:55px;
list-style:none;
}

#Navi ul li {
margin:0;
padding:0;
height:55px;
float:left;
background:url(../img/navi.gif) no-repeat;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#Navi ul li a {
display:block;
height:55px;
background:url(../img/navi.gif) no-repeat;
}

#Navi ul li a:hover {
display:block;
height:55px;
background:url(../img/navi_on.gif) no-repeat;
}

#Navi ul li#navi01 { width:105px; background-position:0 0; }
#Navi ul li#navi02 { width:106px; background-position:-105px 0; }
#Navi ul li#navi03 { width:106px; background-position:-211px 0; }
#Navi ul li#navi04 { width:106px; background-position:-317px 0; }
#Navi ul li#navi05 { width:106px; background-position:-423px 0; }
#Navi ul li#navi06 { width:107px; background-position:-529px 0; }
#Navi ul li#navi07 { width:107px; background-position:-636px 0; }
#Navi ul li#navi08 { width:107px; background-position:-743px 0; }

#Navi ul li#navi01 a { width:105px; background-position:0 0; }
#Navi ul li#navi02 a { width:106px; background-position:-105px 0; }
#Navi ul li#navi03 a { width:106px; background-position:-211px 0; }
#Navi ul li#navi04 a { width:106px; background-position:-317px 0; }
#Navi ul li#navi05 a { width:106px; background-position:-423px 0; }
#Navi ul li#navi06 a { width:107px; background-position:-529px 0; }
#Navi ul li#navi07 a { width:107px; background-position:-636px 0; }
#Navi ul li#navi08 a { width:107px; background-position:-743px 0; }

#Navi ul li#navi01 a:hover { width:105px; background-position:0 0; }
#Navi ul li#navi02 a:hover { width:106px; background-position:-105px 0; }
#Navi ul li#navi03 a:hover { width:106px; background-position:-211px 0; }
#Navi ul li#navi04 a:hover { width:106px; background-position:-317px 0; }
#Navi ul li#navi05 a:hover { width:106px; background-position:-423px 0; }
#Navi ul li#navi06 a:hover { width:107px; background-position:-529px 0; }
#Navi ul li#navi07 a:hover { width:107px; background-position:-636px 0; }
#Navi ul li#navi08 a:hover { width:107px; background-position:-743px 0; }


#mainBody #contentsBody {
margin:0;
padding:0;
width:850px;
clear:both;
}

#mainBody #contentsBody #contents {
margin:0;
padding:0;
width:640px;
float:left;
}

#Body {
margin:1em 1em;
padding:0;
width:590px;
font-size:12px;
line-height:1.5em;
}

#Body .title {
margin:0;
padding:0;
position:relative;
height:23px;
width:590px;
}

#Body .title h3 {
margin:0;
padding:0 0 3px;
font-weight:normal;
border-bottom:3px solid #999;
position:relative;
}

#Body p#pan {
margin:1em 0;
padding:0;
font-size:10px;
line-height:1.5em;
}

#Body h3 {
margin:11px 0 0;
padding:0 0 3px;
border-bottom:3px solid #999;
font-size:14px;
line-1.5em;
color:#CC6600;
}

#Body h3 a {
color:#CC6600;
}

#Body .title p.rss {
margin:0;
padding:0;
width:28px;
height:14px;
position:absolute;
top:2px;
left:120px;
}

#Body dl {
margin:0 0 1.5em;
padding:0;
}

#Body dl dt {
margin:0;
padding:0.2em 0 0 7px;
font-size:10px;
line-height:1.5em;
background:url(../img/li.gif) no-repeat 0 0.5em;
}

#Body dl dd {
margin:0;
padding:0 0 0.2em 1em;
font-size:12px;
line-height:1.5em;
border-bottom:1px dotted #ccc;
position:relative;
}

#Body dl dd .rss {
margin:0;
padding:0 0 0.2em 1em;
font-size:12px;
line-height:1.5em;
position:absolute;
top:0;
right:0;
}

#Body .storycontent {
margin:0;
padding:0;
}

#Body h4 {
margin:0;
padding:1em 0 0.5em;
font-size:14px;
line-height:1.5em;
color:#039;
}

#Body h4.recruit {
margin:0;
padding:0.5em 0 0;
font-size:14px;
line-height:1.5em;
color:#003366;
}

#Body h4 a { color:#039; }

#Body p.date{
margin:0;
padding:1em 0;
font-size:10px;
line-height:1.5em;
letter-spacing:0.1em;
text-align:right;
}

#Body .storycontent p {
margin:0;
padding:1em 0;
font-size:12px;
line-height:1.5em;
}

#Body table {
margin:1em 0;
padding:0;
}

#Body table td {
text-align:center;
width:180px;
height:50px;
padding:1em 0;
}

#Body table#contact {
margin:1em 0;
padding:0;
font-size:12px;
line-height:1.5em;
}

#Body table#contact td {
text-align:left;
padding:0 0.5em;
height:2em;
vertical-align:top;
}

#Body table#contact td.col01 {
padding:0 0 0 8px;
width:100px;
background:url(../img/li.gif) no-repeat 0 0.5em;
}

#Body table#contact td.col02 {
padding:0.2em 0;
width:400px;
}

#Body table#contact td.col03 {
text-align:center;
width:500px;
}

input.text00 {
width:50px;
}

input.text01 {
width:200px;
}

input.text02 {
width:300px;
}

textarea {
width:400px;
height:100px;
}

#Body ul {
margin:0 0 0.5em;
padding:0 0 0.5em;
list-style:none;
border-bottom:1px dotted #ccc;
}

#Body ul li.title {
margin:0;
padding:0 0 0 1em;
background:url(../img/li.gif) no-repeat 0 0.5em;
font-weight:bold;
line-height:1.5em;
color:#CC6600;
}

#Body ul li {
margin:0;
padding:0 0 0 1em;
background:none;
line-height:1.5em;
}


#mainBody #contentsBody #leftNavi {
margin:0;
padding:0;
width:210px;
float:right;
}

#index {
margin:11px 0 0;
padding:0;
width:200px;
}

#index h3 {
margin:0;
padding:0;
height:16px;
font-size:12px;
line-height:16px;
color:#fff;
background:#CC6600;
text-align:center;
font-weight:normal;
}

#index ul {
margin:0.5em 0;
padding:0;
font-size:12px;
line-height:1.5em;
list-style:none;
}

#index ul li {
margin:0;
padding:0 0 0 7px;
background:url(../img/li.gif) no-repeat 0 0.5em;
text-align:left;
}


#banner {
margin:11px 0 0;
padding:0;
}

#banner ul {
margin:0;
padding:0;
list-style:none;
}

#banner ul li {
margin:0 0 8px;
padding:0;
width:200px;
height:54px;
}

#footer {
clear:both;
margin:0;
padding:1em 0;
background:url(../img/border.gif) no-repeat;
width:850px;
height:30px;
position:relative;
}

#footer p#copy {
clear:both;
margin:0;
padding:0;
font-size:10px;
line-height:1.5em;
}

#footer p#link {
margin:0;
padding:0;
font-size:10px;
line-height:1.5em;
position:absolute;
top:1em;
right:0;
}


#Body .storycontent p.btn {
margin:1em 0;
padding:0;
font-size:12px;
font-weight:bold;
line-height:30px;
width:200px;
height:30px;
background:#369;
display:block;
text-align:center;
border:1px solid #036;
}

#Body .storycontent p.btn a {
width:200px;
height:30px;
background:#369;
display:block;
color:#fff;
}

#Body .storycontent p.btn a:hover {
width:200px;
height:30px;
background:#f90;
display:block;
color:#fff;
text-decoration:none;
}

#Body .storycontent a { color:#f60; text-decoration:none; }
#Body .storycontent a:hover { color:#f60; text-decoration:underline; }