/*=========================================================================
   default.css
=========================================================================*/
#outer {
 min-width:970px;
 width:auto;
}

/*-------------------------------------------------------------------------
 header　//　クライアント用
-------------------------------------------------------------------------*/
#header {
 width:950px;
 height:85px;
}

#header h1 {
 float:left;
 width:241px;
}

#header h1 img {
 vertical-align:top;
}

#header div#headerContent {
 float:left;
 width:709px;
 text-align:right;
 font-weight:bold;
 color:#008936;
}

#header div#headerContent h2 {
 margin-bottom:6px;
}

#header div#headerContent a {
 font-size:92%;
 font-weight:normal;
 color:#07519A;
}

#header div#headerContent a img {
 vertical-align:middle;
 padding:0 8px 2px 8px;
}
*:first-child+html #header div#headerContent a img {
 padding-bottom:0px;
}


/* header - top page
-------------------------------------------------------------------------*/

#header.topPage div#headerLogo {
 float:left;
}

#header.topPage div#headerContent {
 float:right;
 width:709px;
 text-align:right;
 font-weight:bold;
 color:#008936;
}

#header.topPage div#headerContent #tagline h1 {
 width:709px;
 margin:0 0 6px 0;
 padding:26px 0 6px 0;
 border-bottom:1px solid #CCC;
 font-size:110%;
 color:#666666;
}
* html #header.topPage div#headerContent #tagline h1 { margin:0 0 6px 0; padding:28px 0 6px 0; }
*:first-child+html #header.topPage div#headerContent #tagline h1 { margin:0 0 6px 0; padding:29px 0 6px 0; }

#header.topPage div#headerContent #tagline h1 span {
 margin:0 0 0 11px;
 font-size:76%;
 font-weight:normal;
}





/*-------------------------------------------------------------------------
 header　//　MG2.0用
-------------------------------------------------------------------------*/
#headerWrp {
 width:100%
}
* html #headerWrp {
 width:expression(document.body.clientWidth < 972? "970px" : document.body.clientWidth > 972? "100%" : "auto");
}

#header.new {
 width:950px;
 height:100%;
}

#header.new.client {
 border-bottom:4px solid #008936;
}

/* #loginFrame - iframe
--------------------------------*/
#loginFrame {
 float:right;
 display:inline;
}


/* #headerLogo
--------------------------------*/
#header.new div#headerLogo {
 float:left;
 width:241px;
}


/* #headerContent
--------------------------------*/
#header.new div#headerContent {
 float:right;
 width:709px;
 text-align:right;
 font-weight:bold;
}

#header.new div#headerContent a {
 font-size:92%;
 font-weight:normal;
 color:#07519A;
}

#header.new div#headerContent a img {
 vertical-align:top;
 padding:0;
}


/* #headerContent #tagline
--------------------------------*/
#header.new div#headerContent #tagline {
 width:709px;
 margin:0 0 5px 0;
 padding:12px 0 8px 0;
 border-bottom:1px solid #CCC;
 clear:both;
}
*:first-child+html #header.new div#headerContent #tagline {
 margin:0 0 6px 0;
 padding:13px 0 10px 0;
}


#header.new div#headerContent #tagline h1 {
 width:709px;
 border-bottom:0;
 font-size:110%;
 color:#666666;
}

#header.new div#headerContent #tagline h1 span {
 margin:0 0 0 8px;
 font-size:76%;
 font-weight:normal;
}

#header.new div#headerContent #tagline h1 img {
 vertical-align:top;
}


/* #headerContent #account
--------------------------------*/

/* body#memberFrame */
body#memberFrame {
 font-size:75%;
 font-weight:bold;
}

body#memberFrame a {
 color:#07519A;
 font-weight:normal;
 font-size:92%;
}
/* body#memberFrame */


#header.new div#headerContent #account,
body#memberFrame #account{
 padding-bottom:2px;
 float:right;
 width:auto;
}
*:first-child+html #header.new div#headerContent #account,
body#memberFrame #account {
 padding-bottom:3px;
}

#header.new div#headerContent #account #loginform,
body#memberFrame #account #loginform{
 padding:0;
 float:left;
}

#header.new div#headerContent #account #loginform input,
body#memberFrame #account #loginform input {
 padding:2px 0 0;
 float:left;
 font-weight:normal;
 font-size:80%;
}

#header.new div#headerContent #account #loginform label,
body#memberFrame #account #loginform label {
 padding:6px 0 0;
 float:left;
}

#header.new div#headerContent #account #loginform input,
body#memberFrame #account #loginform input {
 margin:2px 0 0;
 width:77px;
}


#header.new div#headerContent #account #loginform label img,
body#memberFrame #account #loginform label img{
 float:left;
}


#header.new div#headerContent #account #loginform p,
body#memberFrame #account #loginform p {
 padding:4px 10px 0 8px;
 float:left;
 font-size:93%;
}

#header.new div#headerContent #account #loginform #loginformBtn,
body#memberFrame #account #loginform #loginformBtn{
 margin:0;
 padding:0;
 width:60px;
 background:url(../image/loginformBtn_on.jpg) left top no-repeat;
}


#header.new div#headerContent #account p.colorGreen,
body#memberFrame #account p.colorGreen {
 float:left;
 padding:3px 8px 0 0;
 color:#008936;
}

#header.new div#headerContent #account p#newmenberBtn,
body#memberFrame #account p#newmenberBtn {
 float:left;
 width:80px;
 background:url(/common/image/head_btn_newmenber_on.jpg) 0 0 no-repeat;
}

#header.new div#headerContent #account p#logout,
body#memberFrame #account p#logout {
 float:left;
 width:80px;
 background:url(/common/image/head_btn_logout2_on.jpg) 0 0 no-repeat;
}

#header.new div#headerContent #account p#login,
body#memberFrame #account p#login {
 float:left;
 width:80px;
 background:url(/common/image/head_btn_login2_on.jpg) 0 0 no-repeat;
}

#header.new div#headerContent #account p#newmenberBtn img,
body#memberFrame #account p#newmenberBtn img {
 display:block;
 vertical-align:bottom;
}


/* tab feed - inline frame
-------------------------------------------------------------------------*/
#header.inFrame #headerContent {
 float:left;
 width:709px;
 font-size:12px;
 text-align:right;
 font-weight:bold;
 color:#008936;
}

#header.inFrame #headerContent a {
 font-size:11px;
 font-weight:normal;
 color:#07519A;
}

#header.inFrame #headerContent a img {
 vertical-align:middle;
 padding:0 8px 2px 8px;
}


/*-------------------------------------------------------------------------
 global menu  　<!-- MG2.0用 -->
-------------------------------------------------------------------------*/
#globalMenuWrp {
 width:950px;
}

#globalMenuWrp.detailMenu {}


/* #globalMenuL
---------------------------- */
#globalMenuL {
 float:left;
 display:inline;
 width:783px;
 border:solid 1px #CCCCCC;
}

#globalMenuL ul {
 width:783px;
 border-top:solid 3px #008936;
}

#globalMenuL ul li {
 float:left;
 display:inline;
 height:40px;
}

#globalMenuL ul li img {
 vertical-align:top;
}


#globalMenuL ul li.gm01 {
 width:156px;
 background:url(../image/gm_btn01_on.jpg) 0 0 no-repeat;
}
#globalMenuL ul li.gm02 {
 width:157px;
 background:url(../image/gm_btn02_on.jpg) 0 0 no-repeat;
}
#globalMenuL ul li.gm03 {
 width:157px;
 background:url(../image/gm_btn03_on.jpg) 0 0 no-repeat;
}
#globalMenuL ul li.gm04 {
 width:157px;
 background:url(../image/gm_btn04_on.jpg) 0 0 no-repeat;
}
#globalMenuL ul li.gm05 {
 width:156px;
 background:url(../image/gm_btn05_on.jpg) 0 0 no-repeat;
}


/* #globalMenuR
---------------------------- */
#globalMenuR {
 float:right;
 display:inline;
 width:155px;
 height:43px;
 border:solid 1px #CCCCCC;
}

#globalMenuR img {
 vertical-align:top;
}

#globalMenuR p.gm06 {
 width:155px;
 background:url(../image/gm_btn06_on.jpg) 0 0 no-repeat;
}

#globalMenuR p.gm07 {
 width:155px;
 background:url(../image/gm_btn07_on.jpg) 0 0 no-repeat;
}


/*-------------------------------------------------------------------------
 topic path
-------------------------------------------------------------------------*/
#topicPath {
 clear:both;
 width:950px;
 margin-bottom:8px;
 padding-top:10px;
}

#topicPath ul {
 width:950px;
}

#topicPath ul li {
 float:left;
 display:inline;
 margin-right:2px;
 font-size:94%;
}

/*-------------------------------------------------------------------------
 h3 - category header +081017+
-------------------------------------------------------------------------*/
div.categoryHead {
 margin-bottom:10px;
 background:url(../image/c_cathed_bg.jpg) 0 0 repeat-x;
}

div.categoryHead h3 {
 height:19px;
 padding:8px 0 0 20px;
 background:url(../image/c_cathed_tit.jpg) 0 0 no-repeat;
}
* html div.categoryHead h3 { height:18px; padding:9px 0 0 20px; }
*:first-child+html div.categoryHead h3 { height:18px; padding:9px 0 0 20px; }
body:first-of-type div.categoryHead h3 { height:21px; padding:6px 0 0 20px; }

/*-------------------------------------------------------------------------
 h4 - title images
-------------------------------------------------------------------------*/
h4.titleImg {
 background:url(../image/c_title_bg.jpg) 0 0 repeat-x;
}

/*-------------------------------------------------------------------------
 h4 - to list
-------------------------------------------------------------------------*/
.toList {
 background:url(../image/c_title_bg.jpg) 0 0 repeat-x;
}

.toList h4 {
 float:left;
}

.toList div {
 float:right;
 padding-top:11px;
 font-size:80%;
}

.toList div a {
 padding:3px 0 3px 14px;
 background:url(../image/c_other_link_icon.png) 0 center no-repeat;
 line-height:120%;
}

/*-------------------------------------------------------------------------
 tab menu
-------------------------------------------------------------------------*/
#tabMenu {
 width:950px;
 border-bottom:4px solid #5EA627;
}

#tabMenu ul {
 margin-left:20px;
}

#tabMenu ul li {
 float:left;
 display:inline;
 width:220px;
 height:28px;
 margin-right:10px;
}

#tabMenu ul li img {
 vertical-align:top;
}

#tabMenu ul li.tm01 {
 background:url(../image/recruit_c_tab01_on.jpg) 0 0 no-repeat;
}
#tabMenu ul li.tm02 {
 background:url(../image/recruit_c_tab02_on.jpg) 0 0 no-repeat;
}
#tabMenu ul li.tm03 {
 background:url(../image/recruit_c_tab03_on.jpg) 0 0 no-repeat;
}
#tabMenu ul li.tm04 {
 background:url(../image/recruit_c_tab04_on.jpg) 0 0 no-repeat;
}

#tabFeed {
 width:950px;
 border-bottom:1px solid #FFF;
}

/* tab feed
-------------------------------------------------------------------------*/
#tabFeedWrp {
 width:950px;
 border-bottom:1px solid #E6E6E6;
}

#tabFeed {
 width:950px;
 padding:5px 0 5px 0;
 background:#F2F2F2;
 border-bottom:1px solid #FFF;
 text-align:center;
}

#tabFeed ul li {
 display:inline;
 margin-right:6px;
 color:#07519A;
}

#tabFeed ul li.current {
 font-weight:bold;
 color:#36843E;
}

/*-------------------------------------------------------------------------
 page feed
-------------------------------------------------------------------------*/
.pageFeed {
 text-align:center;
}

.pageFeed ul li {
 display:inline;
 margin-right:2px;
}

/* .topBorder　　
---------------------------- */
.pageFeed.topBorder {
 border-top:solid 1px #BBBBBB;
 padding-top:10px;
}


/*-------------------------------------------------------------------------
 table chart
-------------------------------------------------------------------------*/
table.chart {
 border-collapse:collapse;
 text-align:center;
}

table.chart th {
 padding:4px 6px 4px 6px;
 background:#6C0;
 border-right:1px solid #FFF;
 border-bottom:1px solid #CCC;
 color:#FFF;
 white-space:nowrap;
}

table.chart th.corner {
 border-bottom:1px solid #FFF;
}

table.chart th.rowEnd {
 border-right:1px solid #6C0;
 border-bottom:1px solid #CCC;
}

table.chart th.cascade {
 border-right:1px solid #CCC;
 border-bottom:1px solid #FFF;
 font-weight:normal;
}

table.chart th.cascadeEnd {
 border-right:1px solid #CCC;
 border-bottom:1px solid #6C0;
 font-weight:normal;
}

table.chart td {
 padding:4px 6px 4px 6px;
 background:#FFF;
 border-right:1px solid #CCC;
 border-bottom:1px solid #CCC;
 vertical-align:top;
}

/* top head - main
-------------------------------------------------------------------------*/
table.chart2 {
 border-collapse:collapse;
 text-align:center;
}

table.chart2 th {
 padding:4px 6px 4px 6px;
 background:#9CF;
 border-right:1px solid #FFF;
 border-bottom:1px solid #CCC;
 color:#FFF;
 white-space:nowrap;
}

table.chart2 th.corner {
 border-bottom:1px solid #FFF;
}

table.chart2 th.rowEnd {
 border-right:1px solid #9CF;
 border-bottom:1px solid #CCC;
}

table.chart2 th.cascade {
 border-right:1px solid #CCC;
 border-bottom:1px solid #FFF;
 font-weight:normal;
}

table.chart2 th.cascadeEnd {
 border-right:1px solid #CCC;
 border-bottom:1px solid #9CF;
 font-weight:normal;
}

table.chart2 td {
 padding:4px 6px 4px 6px;
 background:#FFF;
 border-right:1px solid #CCC;
 border-bottom:1px solid #CCC;
 vertical-align:top;
}

/*-------------------------------------------------------------------------
 bottom links
-------------------------------------------------------------------------*/
.bottomLinks {
 width:950px;
}

.bottomLinks div {
 float:right;
 display:inline;
 margin-left:5px;
}

.bottomFeed {
 padding-top:9px;
 font-size:94%;
}
* html .bottomFeed { padding-top:10px; }
*:first-child+html .bottomFeed { padding-top:10px; }

.bottomFeed ul li.linkLeft {
 float:left;
}
.bottomFeed ul li.linkRight {
 float:right
}



/*-------------------------------------------------------------------------
 .pageTop
-------------------------------------------------------------------------*/
.pageTop {
 clear:both;
 margin-bottom:9px;
 text-align:right;
 font-size:80%;
}

#includeWrp .pageTop {
 width:950px;
}

.pageTop a {
 background:url(/common/image/c_pagetop_icon.gif) 0 center no-repeat;
 padding:3px 0 4px 15px;
 line-height:140%;
}


/*-------------------------------------------------------------------------
 #includeWrp
-------------------------------------------------------------------------*/
#includeWrp {
 clear:both;
 width:100%;
 background:#F6F6F6;
}
* html #includeWrp {
 width:expression(document.body.clientWidth < 972? "970px" : document.body.clientWidth > 972? "100%" : "auto");
}

/*-------------------------------------------------------------------------
 #watchListWrp
-------------------------------------------------------------------------*/
#watchListWrp {
 clear:both;
 width:950px;
 border-top:4px solid #ACACAC;
 margin-bottom:15px;
}

#watchList {
 width:950px;
}


/*-------------------------------------------------------------------------
 #recordListWrp
-------------------------------------------------------------------------*/
#recordListWrp {
 clear:both;
 width:950px;
 border-top:1px solid #E6E6E6;
 margin-bottom:6px;
}

#recordListWrp.single {
 clear:both;
 width:950px;
 border-top:4px solid #ACACAC;
}

#recordList {
 width:950px;
}


/*-------------------------------------------------------------------------
 .imgList
-------------------------------------------------------------------------*/
.imgList {
 width:950px;
}

body.imgListBody{
background-color:#f6f6f6;
}

.imgList .imgListTitle {
 width:950px;
 padding-bottom:10px;
}

.imgList .imgListTitle h4 {
 float:left;
}

.imgList .imgListTitle div.mypage {
 float:right;
 padding-top:6px;
 padding-right:14px;
 background:url(../image/c_imglis_btn_mypage_on.jpg) 0 6px no-repeat;
}

.imgList .imgListTitle img {
 vertical-align:top;
}

.imgList ul {
 clear:both;
 width:925px;
 margin-left:25px;
}

.imgList ul li {
 float:left;
 display:inline;
 width:100px;
 margin-right:100px;
 text-align:left;
}

.imgList ul li img {
 vertical-align:bottom;
}

.imgList ul li.listEnd {
 margin-right:0;
}

.imgList ul li span {
 display:block;
 margin-top:5px;
 font-size:90%;
 line-height:1.4;
}

.imgList ul li span img {
 position:relative;
 left:0;
 top:-2px;
 vertical-align:bottom;
 margin-right:5px;
}

.imgList ul li span a.subLink:link,
.imgList ul li span a.subLink:visited {
 color:#008936;
 text-decoration:underline;
}
.imgList ul li span a.subLink:hover,
.imgList ul li span a.subLink:active {
 color:#00AE46;
 text-decoration:underline;
}


*:first-child+html .imgList ul li a.puLinkIconType01 {
 padding-bottom:3px;
}
*:first-child+html .imgList ul li a.puLinkIconType02 {
 padding-bottom:3px;
}


/* top head - main - inline frame
-------------------------------------------------------------------------*/
.imgList.inFrameList ul li {
 float:left;
 display:inline;
 width:100px;
 margin-right:95px;
 font-size:12px;
 text-align:center;
}
html>body .imgList.inFrameList ul li { line-height:100%; }

.imgList.inFrameList ul li.listEnd {
 margin-right:0;
}


/*-------------------------------------------------------------------------
 #footerWrp　//　クライアント用
-------------------------------------------------------------------------*/
#footerWrp {
 background:#5F5F5F;
}

#footer {
 width:100%;
 padding:17px 0 15px 0;
 background:url(../image/foot_bg.gif) 0 0 repeat-x;
 text-align:center;
}
* html #footer {
 width:expression(document.body.clientWidth < 972? "970px" : document.body.clientWidth > 972? "100%" : "auto");
}

#footer.copy {
 padding:17px 0 34px 0;
}

#footer p {
 padding:0 0 3px 0;
 font-size:82%;
 color:#CCC;
}

#footer p a {
 color:#CCC;
}

#footer ul li {
 display:inline;
}


/*-------------------------------------------------------------------------
 #footerWrp　//　MG2.0用
-------------------------------------------------------------------------*/
#footerWrp.new {
 clear:both;
 width:100%;
 padding-bottom:18px;
 margin-bottom:-14px;
 _margin-bottom:-3px;
 text-align:center;
 background:#F6F6F6;
}
* html #footerWrp.new {
 width:expression(document.body.clientWidth < 972? "970px" : document.body.clientWidth > 972? "100%" : "auto");
}

#footerWrp.new #footer {
 width:auto;
 padding:12px 0 8px 5px;
 margin-bottom:10px;
 background:url(../image/foot_bg.gif) 0 0 repeat-x #5F5F5F;
 border-top:solid 1px #ABABAB;
 border-bottom:solid 1px #ABABAB;
}
* html #footerWrp.new #footer {
 padding:14px 0 8px 5px;
}
*:first-child+html #footerWrp.new #footer {
 padding:14px 0 8px 5px;
}

#footerWrp.new #footer.copy {
 padding:17px 0 34px 0;
}

#footerWrp.new #footer ul {
 width:950px;
 margin:0 auto;
 padding-bottom:2px;
}
* html #footerWrp.new #footer ul {
 padding-bottom:4px;
}
*:first-child+html #footerWrp.new #footer ul {
 padding-bottom:4px;
}

#footerWrp.new #footer ul li {
 display:inline;
 font-size:82%;
 padding-right:4px;
 padding-left:2px;
 border-right:solid 1px #FFFFFF;
}

#footerWrp.new #footer ul li.last {
 border:none;
 padding-right:0;
}

#footerWrp.new #footer ul li a , 
#footerWrp.new #footer ul li a:link {
 color:#FFFFFF;
 text-decoration:underline;
}
#footerWrp.new #footer ul li a:hover , 
#footerWrp.new #footer ul li a:active {
 color:#CCCCCC;
 text-decoration:underline;
}

#footerWrp.new #footer #company,
#footerWrp.new #footer #copyRight {
 width:950px;
 margin:0 auto;
}

#footerWrp.new p {
 width:950px;
 margin:0 auto;
 padding:0 0 3px 0;
 font-size:82%;
 color:#333333;
}