@charset "Shift-JIS";

/*---------------------------------------------
Digital Ray (service,recruit)
http://www.digitalray.co.jp/

Last Update: 2009.08.21
---------------------------------------------
01. common
02. service
03. recruit
04. clearfix


/*---------------------------------------------
01. common
---------------------------------------------*/
.newMake img { border: none; vertical-align: bottom; }
.newMake div, .newMake dl, .newMake dt, .newMake dd, .newMake ul, .newMake li, .newMake p, .newMake span .newMake th, .newMake td { margin: 0; padding: 0; }
.newMake h1, .newMake h2, .newMake h3, .newMake h4 { font-size: 100%; margin: 0; padding: 0; }
.newMake ul, .newMake ol { list-style: none; margin: 0; padding: 0; }
.newMake table           { border-collapse: collapse; border-spacing: 0; font-size: 100%; font-size: inherit; }
.newMake .copyright      { margin: 30px 0px 5px 0px; }


/*---------------------------------------------
02. service
---------------------------------------------*/
.service         { width: 588px; line-height: 1.5; }
.service address { margin-bottom: 25px; font-style: normal; font-weight: normal; line-height: 1.3; }
.service .pageUp { clear: both; margin: 10px 0px 20px 0px; text-align: right; }
.service a                 { overflow: hidden }
.service a:link            { color: #333333; text-decoration: underline; }
.service a:visited         { color: #333333; text-decoration: underline; }
.service a:hover, a:active { color: #333333; text-decoration: none; }

/*
.service #headImg       { width: 800px; }
.service #headImg dt    { float: left; }
.service #headImg dd    { float: right; }
*/

.service #menuList      { width: 107px; height: auto; float: left; padding: 20px 0px 0px 10px; background: url(../corporate/image/menu_bg_image.gif) repeat-y left top fixed; }
.service #menuList dt   { padding: 5px 0px; }

.service #topicPath                      { margin-bottom: 15px; padding: 0; font-size: 10px; }
.service #topicPath li                   { display: inline; }
.service #topicPath li a                 { padding-right:13px; background: url(../image/i_path.gif) no-repeat right center; }
.service #topicPath li a:link            { color: #0031ce; }
.service #topicPath li a:visited         { color: #0031ce; }
.service #topicPath li a:hover, a:active { color: #0031ce; text-decoration: underline; }

.service #inq           { width: 588px; margin-bottom: 20px; padding-top: 20px; /*background: url(../image/bg_line.gif) repeat-x left top;*/ }
.service #inq .frame    { width: 588px; padding-top: 3px; background: url(../service/images/frame_top.gif) no-repeat left top; }
.service #inq .frameBtm { padding: 15px 13px; background: url(../service/images/frame_btm.gif) no-repeat left bottom #efefef; border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc; }
.service #inq .frame dt { float: left; }
.service #inq .frame dd { float: right; }

.service h1       { margin-bottom: 20px; }
.service #lead    { width: 588px; margin: 15px 0px 20px 0px; }
.service #lead em { color: #00898e; font-weight: bold; font-style: normal; }
.service #lead p  { margin-top: 3px; }

.service #servList      { width: 588px; margin-bottom: 20px; padding-top: 20px; background: url(../image/bg_line.gif) repeat-x left top; }
.service #servList dt   { margin-bottom: 5px; color: #00898e; font-weight: bold; }
.service #servList ul   { width: 588px; }
.service #servList li   { margin-top: 5px; padding-left: 15px; background: url(../image/i_mark.gif) no-repeat 0px 0.4em; font-weight: bold; }
.service #servList li a { color: #333333; }
.service #servList .top { margin-top: 15px; }

.service #exList           { width: 588px; background: url(../service/images/frame_line_mid.gif) repeat-y left bottom; }
.service #exList .frameTop { background: url(../service/images/frame_line_top.gif) no-repeat left top; }
.service #exList .frameBtm { padding: 5px 12px 12px 12px; background: url(../service/images/frame_line_btm.gif) no-repeat left bottom; }
.service #exList dt        { padding: 10px 0px 0px 17px; background: url(../service/images/i_mobile.gif) no-repeat left bottom; font-weight: bold; }
.service #exList dd        { padding: 0px 0px 10px 17px; font-size: 10px; background: url(../image/bg_line.gif) repeat-x left bottom; }
.service #exList .last     { padding-bottom: 0px; background: none; }
.service #exList dd a      { padding-left: 10px; background: url(../image/i_arrow02.gif) no-repeat 2px 0.3em; color: #313131; font-weight: bold; }
.service #exList dd a:link    { color: #966816; }
.service #exList dd a:visited { color: #966816; }
.service #exList dd a:hover,
.service #exList dd a:active { color: #966816; }


.service ul.caution    { margin: 10px 0px 30px 0px; font-size: 10px; color: #666666; }
.service ul.caution li { margin-top: 3px; }


/*----- index -----*/
#service h1         { margin-bottom: 12px; }
#service #mobile    { margin-bottom: 30px; padding-top: 8px; background: url(../service/images/idx_img01.jpg) no-repeat right top; min-height: 212px; height: auto !important; height: 212px; }
#service #mobile h2 { margin-bottom: 15px; }
#service #mobile p  { width: 340px; }

#service #serviceList               { padding-bottom: 5px; }
#service #serviceList h3            { background: url(../image/bg_line.gif) repeat-x left 20px; }
#service #serviceList .block        { margin-top: 15px; }
#service #serviceList .block ul     { width: 588px; }
#service #serviceList .block ul li  { float: left; margin-right: 14px; }
#service #serviceList .block .side  { margin-right: 0px; }
#service #serviceList .block dl     { margin-bottom: 25px; }
#service #serviceList .block dd     { margin-top: 5px; font-size: 10px; color: #666666; }


#service #serviceList dt             { width: 287px; height: 54px; }
#service #serviceList dt a           { display: block; text-decoration: none; }
#service #serviceList dt a:hover     { background-color: transparent; }
#service #serviceList dt a:hover img { visibility: hidden; }

#service #serviceList dt.off { background: url(../service/images/bu_official_on.gif) }
#service #serviceList dt.cam { background: url(../service/images/bu_campaign_site_on.gif) }
#service #serviceList dt.dig { background: url(../service/images/bu_digital_on.gif) }
#service #serviceList dt.fla { background: url(../service/images/bu_flash_on.gif) }
#service #serviceList dt.sys { background: url(../service/images/bu_system_on.gif) }
#service #serviceList dt.tou { background: url(../service/images/bu_toukou_on.gif) }
#service #serviceList dd span { margin-right: 3px; }


#service #merchandise      { margin-bottom: 30px; }
#service #merchandise h3   { margin-bottom: 15px; background: url(../image/bg_line.gif) repeat-x left 20px; }
#service #merchandise ul   { margin: 10px 0px 20px 0px; font-weight: bold; line-height: 1.5em; }
#service #merchandise li   { padding-left: 8px; background: url(../image/i_listmark.gif) no-repeat 0px 0.4em; }
#service #merchandise dt   { margin-bottom: 10px; }

#service #merchandise .sec    { margin: 0px; }
#service #merchandise .sec li { padding-left: 10px; background: url(../image/i_arrow02.gif) no-repeat 2px 0.3em; }


/*----- digital -----*/
#digital #possible              { width: 588px; background: url(../service/images/frame_line_mid.gif) repeat-y left bottom; }
#digital #possible .frameTop    { background: url(../service/images/frame_line_top.gif) no-repeat left top; }
#digital #possible .frameBtm    { padding: 5px 12px 12px 12px; background: url(../service/images/frame_line_btm.gif) no-repeat left bottom; }
#digital #possible dt           { padding: 10px 0px 0px 23px; background: url(../service/images/i_attention.gif) no-repeat left bottom; font-weight: bold; }
#digital #possible dd           { margin-top: 5px; }
#digital #possible dd.left      { float: left; padding-left: 24px; background: url(../image/bg_line02.gif) repeat-y right top; }
#digital #possible dd.right     { float: right; }
#digital #possible ul           { width: 256px; font-size: 10px; line-height: 1.4; }
#digital #possible ul li        { padding-left: 7px; margin-top: 5px; background: url(../image/i_listmark.gif) no-repeat 0px 0.6em; }
#digital #possible ul li a      { padding-left: 10px; background: url(../image/i_arrow02.gif) no-repeat 2px 0.3em; color: #313131; font-weight: bold; }
#digital #possible ul li a:link    { color: #966816; }
#digital #possible ul li a:visited { color: #966816; }
#digital #possible ul li a:hover,
#digital #possible ul li a:active  { color: #966816; }

#digital #possible ul ul.sec li { padding-left: 0px; background: none; }
#digital #possible ul li span   { margin-right: 3px; }

#digital h3         { width: 588px; margin-bottom: 15px; background: url(../image/bg_line.gif) repeat-x left 20px; }
#digital #exam li   { margin-top: 25px; }
#digital #exam dl   { width: 588px; margin-bottom: 10px; }
#digital #exam dd   { margin-top: 5px; }
#digital #exam .fst { margin-top: 10px; }


/*----- flashSite -----*/
#flashSite h3 { margin: 35px 0px 15px 0px; background: url(../image/bg_line.gif) repeat-x left 20px; }
#flashSite #achieve       { margin-bottom: 35px; }
#flashSite #achieve p     { margin-bottom: 10px; }
#flashSite #achieve li    { float: left; margin-right: 35px; }
#flashSite #achieve .last { margin-right: 0px; }


/*----- officialSite -----*/
#officialSite h3 { margin: 35px 0px 15px 0px; background: url(../image/bg_line.gif) repeat-x left 20px; }

#officialSite #achieve li { float: left; width: 141px; margin-right: 35px; }
#officialSite #achieve dl { width: 141px; }
#officialSite #achieve dd { margin-top: 5px; text-align: center; }

#officialSite #merit    { width: 588px; background: url(../service/images/frame_merit_mid.gif) repeat-y left top; }
#officialSite #merit dl { width: 588px; background: url(../service/images/frame_merit_btm.gif) no-repeat left bottom; }
#officialSite #merit ul { width: 558px; padding: 15px; }
#officialSite #merit li { padding-left: 8px; background: url(../image/i_listmark.gif) no-repeat 0px 0.4em; }

#officialSite #flow .stage1    { padding-left: 54px; background: url(../service/images/flow_stage1.gif) no-repeat left top; }
#officialSite #flow .stage2    { padding-left: 54px; background: url(../service/images/flow_stage2.gif) no-repeat left top; }
#officialSite #flow ol         { width: 535px; }
#officialSite #flow li         { padding-bottom: 25px; background: url(../service/images/i_flow_arrow.gif) no-repeat 62px bottom; }
#officialSite #flow dl         { width: 535px; }
#officialSite #flow dt         { clear: both; float: left; width: 138px; }
#officialSite #flow dd         { float: right; width: 385px; }
#officialSite #flow .last      { padding-bottom: 0px; background: none; }
#officialSite #flow .stage2 li { padding-bottom: 26px; }

#officialSite #flow .mgn01     { margin-top: 0.5em; }
#officialSite #flow .mgn02     { margin-top: 1em; }


/*----- campaignSite -----*/
#campaignSite h3          { margin: 35px 0px 15px 0px; background: url(../image/bg_line.gif) repeat-x left 20px; }
#campaignSite #flow ol    { width: 535px; }
#campaignSite #flow li    { padding-bottom: 25px; background: url(../service/images/i_flow_arrow.gif) no-repeat 62px bottom; }
#campaignSite #flow dl    { width: 535px; }
#campaignSite #flow dt    { clear: both; float: left; width: 138px; }
#campaignSite #flow dd    { float: right; width: 385px; margin-top: 1em; }
#campaignSite #flow .last { padding-bottom: 0px; background: none; }

#campaignSite #achieve    { margin-bottom: 35px; }
#campaignSite #achieve p  { margin-bottom: 10px; }
#campaignSite #achieve li { float: left; margin-right: 35px; }

/*----- systemDev -----*/
#systemDev #possible            { width: 588px; background: url(../service/images/frame_line_mid.gif) repeat-y left bottom; }
#systemDev #possible .frameTop  { background: url(../service/images/frame_line_top.gif) no-repeat left top; }
#systemDev #possible .frameBtm  { padding: 5px 12px 12px 12px; background: url(../service/images/frame_line_btm.gif) no-repeat left bottom; }
#systemDev #possible dt         { padding: 10px 0px 0px 23px; background: url(../service/images/i_attention.gif) no-repeat left bottom; font-weight: bold; }
#systemDev #possible dd         { margin-top: 5px; }
#systemDev #possible dd.left    { float: left; padding-left: 24px; background: url(../image/bg_line02.gif) repeat-y right top; }
#systemDev #possible dd.right   { float: right; }
#systemDev #possible ul         { width: 256px; }
#systemDev #possible ul li      { color: #00898e; font-weight: bold; }
#systemDev #possible .sec       { margin-bottom: 10px; }
#systemDev #possible .sec li    { padding-left: 7px; font-size: 10px; color: #333333; font-weight: normal; background: url(../image/i_listmark.gif) no-repeat 0px 0.6em; }
#systemDev #possible .last      { margin: 0px; }

#systemDev h3    { margin: 35px 0px 15px 0px; background: url(../image/bg_line.gif) repeat-x left 20px; }
#systemDev #exam { margin-bottom: 35px; }

/*----- toukou -----*/
#toukou h3 { margin: 35px 0px 15px 0px; background: url(../image/bg_line.gif) repeat-x left 20px; }

#toukou #lead strong { color: #ff4500; font-weight: bold; font-style: normal; }

#toukou #exList2           { width: 588px; background: url(../service/images/frame_line_mid.gif) repeat-y left bottom; }
#toukou #exList2 .frameTop { background: url(../service/images/frame_line_top.gif) no-repeat left top; }
#toukou #exList2 .frameBtm { padding: 5px 12px 12px 12px; background: url(../service/images/frame_line_btm.gif) no-repeat left bottom; }
#toukou #exList2 dt        { padding: 10px 0px 0px 22px; background: url(../service/images/i_attention.gif) no-repeat left bottom; font-weight: bold; }
#toukou #exList2 dd        { padding: 0px 0px 10px 22px; background: url(../image/bg_line.gif) repeat-x left bottom; }
#toukou #exList2 .last     { padding-bottom: 0px; background: none; }
#toukou #exList2 dd a      { padding-left: 10px; background: url(../image/i_arrow02.gif) no-repeat 2px 0.3em; color: #313131; font-weight: bold; }
#toukou #exList2 dd a:link    { color: #966816; }
#toukou #exList2 dd a:visited { color: #966816; }
#toukou #exList2 dd a:hover,
#toukou #exList2 dd a:active { color: #966816; }

#toukou #case           { width: 588px; background: url(../service/images/frame_merit_mid.gif) repeat-y left top; }
#toukou #case .frameTop { margin-top: 20px; background: none; }
#toukou #case .frameBtm { padding: 5px 12px 12px 12px; background: url(../service/images/frame_merit_btm.gif) no-repeat left bottom; }
#toukou #case .intro    { padding: 0px 0px 12px 0px; }
#toukou #caseList dl         { padding: 5px 0px 10px 0px; }
#toukou #caseList .tittle    { margin-bottom: 5px; background: url(../image/bg_line.gif) repeat-x left bottom; }
#toukou #caseList dt         { width: 7em; margin-bottom: 0.5em; float:left; }
#toukou #caseList dd         { border-left: 1px solid; padding-left: 10px; margin-left: 8em; margin-bottom:0.5em; }
#toukou #case .last     { padding: 10px 10px 10px 10px; background: none; }
#toukou #case .lastBase { padding: 0px 0px 0px 0px; background-color: #ffffcc; }

#toukou #flow .stage1    { padding-left: 54px; background: url(../service/images/flow_stage1.gif) no-repeat left top; }
#toukou #flow .stage2    { padding-left: 54px; background: url(../service/images/flow_stage2.gif) no-repeat left top; }
#toukou #flow ol         { width: 535px; }
#toukou #flow li         { padding-bottom: 25px; background: url(../service/images/i_flow_arrow.gif) no-repeat 62px bottom; }
#toukou #flow dl         { width: 535px; }
#toukou #flow dt         { clear: both; float: left; width: 138px; }
#toukou #flow dd         { float: right; width: 385px; }
#toukou #flow .last      { padding-bottom: 0px; background: none; }
#toukou #flow .stage2 li { padding-bottom: 26px; }

#toukou #flow .mgn01     { margin-top: 1.5em; }
#toukou #flow .mgn02     { margin-top: 2em; }

#toukou #priceList           { width: 588px; background: url(../service/images/frame_line_mid.gif) repeat-y left bottom; }
#toukou #priceList .frameTop { background: url(../service/images/frame_line_top.gif) no-repeat left top; }
#toukou #priceList .frameBtm { padding: 0px 12px 0px 12px; background: url(../service/images/frame_line_btm.gif) no-repeat left bottom; }
#toukou #priceList dl        { padding: 10px 0px 10px 5px; background: url(../image/bg_line.gif) repeat-x left bottom; }
#toukou #priceList .last     { background: none; }


/*---------------------------------------------
03. recruit
---------------------------------------------*/
.recruit         { width: 588px; line-height: 1.5; }
.recruit address { margin-bottom: 10px; font-style: normal; font-weight: normal; line-height: 1.3; width: 588px; padding-top: 20px; background: url(../image/bg_line.gif) repeat-x left top; }
.recruit .pageUp { width: 588px; clear: both; margin: 10px 0px 20px 0px; text-align: right; }
.recruit a                 { overflow: hidden }
.recruit a:link            { color: #333333; text-decoration: underline; }
.recruit a:visited         { color: #333333; text-decoration: underline; }
.recruit a:hover, a:active { color: #333333; text-decoration: none; }

.recruit #topicPath                      { margin-bottom: 5px; padding: 0; font-size: 10px; }
.recruit #topicPath li                   { display: inline; }
.recruit #topicPath li a                 { padding-right:13px; background: url(../image/i_path.gif) no-repeat right center; }
.recruit #topicPath li a:link, 
.recruit #topicPath li a:visited         { color: #0031ce; }
.recruit #topicPath li a:hover, a:active { color: #0031ce; text-decoration: underline; }

.recruit p.returnLink { width: 588px; text-align: right; margin-bottom: 5px; }

.recruit #entryBtn           { width: 588px; margin-bottom: 20px; padding-top: 20px; background: url(../image/bg_line.gif) repeat-x left top; }
.recruit #entryBtn .frame    { width: 306px; padding-top: 3px; background: url(../recruit/images/frame_en_top.gif) no-repeat left top; }
.recruit #entryBtn .frameBtm { padding: 15px 13px; background: url(../recruit/images/frame_en_btm.gif) no-repeat left bottom #efefef; border-left: solid 1px #dcdcdc; border-right: solid 1px #dcdcdc; }
.recruit #entryBtn .frame dt { float: left; }
.recruit #entryBtn .frame dd { float: right; }

.recruit .recInq a                 { padding-left: 10px; background: url(../image/i_arrow02.gif) no-repeat 2px 0.25em; }
.recruit .recInq a:link, 
.recruit .recInq a:visited         { color: #0031ce; }
.recruit .recInq a:hover, a:active { color: #0031ce; text-decoration: underline; }

.recruit #recruitMenu         { width: 588px; margin-bottom: 20px; padding-top: 20px; background: url(../image/bg_line.gif) repeat-x left top; }
.recruit #recruitMenu ul      { float: left; width: 398px; }
.recruit #recruitMenu li      { float: left; width: 189px; margin-right: 10px; }
.recruit #recruitMenu .sec    { width: 189px; margin-top: 3px; }
.recruit #recruitMenu .sec li { float: none; margin: 5px 0px 0px 0px; font-weight: bold; padding-left: 15px; background: url(../image/i_listmark.gif) no-repeat 8px 0.6em; color: #666666; }
.recruit #recruitMenu p       { float: right; width: 180px; margin-top: 2px; }
.recruit #recruitMenu p img   { margin-top: 8px; }


/*----- index -----*/
#recruit h1       { margin: 15px 0px 0px 0px; }
#recruit #seek    { margin-bottom: 30px; padding-top: 30px; background: url(../recruit/images/idx_img01.jpg) no-repeat right top; min-height: 212px; height: auto !important; height: 212px; }
#recruit #seek h2   { margin-bottom: 20px; }
#recruit #seek .fst { width: 285px; margin-bottom: 20px; }

#recruit #person    { margin-top: 10px; background: url(../recruit/images/bg_person.gif) no-repeat left top; min-height: 84px; height: auto !important; height: 84px; }
#recruit #person ul { padding: 13px 0px 0px 65px; }
#recruit #person li { margin-top: 5px; line-height: 1em; }

#recruit #know       { margin-top: 35px; }
#recruit #know h2    { padding: 8px 0px 6px 18px; background: url(../recruit/images/bg_title.gif) no-repeat left top; font-size: 14px; color: #ffffff; }
#recruit #know li    { float: left; margin: 20px 20px 0px 0px; }
#recruit #know .side { margin-right: 0px; }

#recruit #guide       { margin: 50px 0px 35px 0px; }
#recruit #guide h2    { padding: 8px 0px 6px 18px; background: url(../recruit/images/bg_title.gif) no-repeat left top; font-size: 14px; color: #ffffff; }
#recruit #guide li    { float: left; margin: 20px 20px 0px 0px; }
#recruit #guide .side { margin-right: 0px; }

#recruit address { padding-top: 0px; background: none; }


/*----- job -----*/
#job h1 { margin-bottom: 20px; }
#job h2 { margin-bottom: 20px; }
#job h3 { margin-top: 35px; padding: 7px 0px 7px 18px; background: url(../recruit/images/bg_title.gif) no-repeat left top; font-size: 14px; color: #ffffff; }

#job p.catch  { margin-bottom: 7px; }

#job .pageLink      { margin-top: 15px; padding: 13px 0px 13px 20px; background-color: #fff5d8; border: solid 1px #898989; }
#job .pageLink li   { float: left; width : 220px; padding-left: 10px; background: url(../image/i_pagelink.gif) no-repeat 0px 0.3em; font-weight: bold; margin-right: 7px; }

#job .pageLink li a { margin-right: 10px; }

#job .work       { margin-top: 15px; line-height: 1.6; }
#job .work dt    { font-weight: bold; }
#job .work dd    { margin-bottom: 20px; }
#job .work dd li { padding-left: 8px; background: url(../image/i_listmark.gif) no-repeat 0px 0.6em; }
#job .ex         { margin-bottom: 10px; }
#job .work dd li span { margin-right: 3px; }


/*----- memberList -----*/
#memberList h1 { margin-bottom: 20px; }
#memberList h2 { margin-bottom: 20px; }
#memberList h3 { margin-top: 35px; padding: 7px 0px 7px 18px; background: url(../recruit/images/bg_title.gif) no-repeat left top; font-size: 14px; color: #ffffff; }

#memberList p.catch  { margin-bottom: 7px; }

#memberList #staff      { margin-bottom: 35px; }
#memberList #staff li   { margin-top: 35px; }
#memberList #staff .fst { margin-top: 20px; }


/*----- member -----*/
#member h1 { margin-bottom: 20px; }
#member h2 { margin-bottom: 20px; }
#member .interview h3 { float: left; }

#member .interview .block    { margin-bottom: 25px; }
#member .interview .right    { float: right; width: 310px; }
#member .interview .right p  { margin: 28px 0px 24px 37px; }
#member .interview .prev     { float: left; width: 128px; }
#member .interview .next     { float: right; width: 128px; }

#member #interview01           { padding: 11px 0px 10px 11px; background: url(../recruit/images/bg_staff01.jpg) no-repeat left top; }
#member #interview01 dd        { margin-bottom: 25px; padding-left: 36px; background: url(../recruit/images/i_ans01.gif) no-repeat 11px top; }
#member #interview01 .right dd { margin-bottom: 0px; }

#member #interview02           { padding: 11px 0px 10px 11px; background: url(../recruit/images/bg_staff02.jpg) no-repeat left top; }
#member #interview02 dd        { margin-bottom: 25px; padding-left: 36px; background: url(../recruit/images/i_ans02.gif) no-repeat 11px top; }

#member #interview03           { padding: 11px 0px 10px 11px; background: url(../recruit/images/bg_staff03.jpg) no-repeat left top; }
#member #interview03 dd        { margin-bottom: 25px; padding-left: 36px; background: url(../recruit/images/i_ans03.gif) no-repeat 11px top; }
#member #interview03 .right dd { margin-bottom: 0px; }

#member #interview04           { padding: 11px 0px 10px 11px; background: url(../recruit/images/bg_staff04.jpg) no-repeat left top; }
#member #interview04 dd        { margin-bottom: 25px; padding-left: 36px; background: url(../recruit/images/i_ans04.gif) no-repeat 11px top; }

#member .interview dt     { margin-bottom: 12px; padding-left: 36px; background: url(../recruit/images/i_que.gif) no-repeat left top; min-height: 27px; height: auto !important; height: 27px; }
#member .interview dd p   { margin-top: 15px; font-weight: bold; }
#member .interview dd li  { padding-left: 10px; background: url(../image/i_listmark.gif) no-repeat 0px 0.4em; }
#member .interview dd img { float: right; margin-left: 30px; }


/*----- photoAlbum -----*/
.wide { width: 600px; }
#photoAlbum h1 { margin-bottom: 20px; }
#photoAlbum h2 { margin-bottom: 20px; }

#photoAlbum p.catch      { margin-bottom: 7px; }
#photoAlbum #flashArea   { margin: 15px 0px 35px 0px; line-height: 1.6; }
#photoAlbum #flashArea p { margin-bottom: 5px; font-size: 84%; text-align: right; }

#photoAlbum #flashArea p a:link            { color: #c0c0c0; text-decoration: underline; }
#photoAlbum #flashArea p a:visited         { color: #c0c0c0; text-decoration: underline; }
#photoAlbum #flashArea p a:hover, a:active { color: #c0c0c0; text-decoration: none; }


/*----- guide -----*/
#guide h1 { margin-bottom: 20px; }
#guide h2 { margin-bottom: 20px; }
#guide .contentsTbl { margin-bottom: 20px; }

#guide .contentsTbl             { margin-bottom: 35px; }
#guide .contentsTbl table       { width: 100%; }
#guide .contentsTbl th          { width: 100px; padding: 10px; text-align: left; background-color: #fff5d8; border: solid 1px #cccccc; line-height: 1.4; }
#guide .contentsTbl td          { padding: 10px; vertical-align: top; border: solid 1px #cccccc; line-height: 1.4; }
#guide .contentsTbl td dl       { margin-top: 15px; }
#guide .contentsTbl td p        { margin-top: 15px; }
#guide .contentsTbl td ol li    { margin-bottom: 5px; padding-bottom: 12px; background: url(../recruit/images/i_listarrow.gif) no-repeat 0px bottom; }
#guide .contentsTbl td ol .last { margin-bottom: 0px; padding-bottom: 0px; background: none; }
#guide .contentsTbl .btn        { margin-top: 15px; }
#guide .contentsTbl td a:link, 
#guide .contentsTbl td a:visited         { color: #0031ce; }
#guide .contentsTbl td a:hover, a:active { color: #0031ce; text-decoration: none; }



/*---------------------------------------------
04. clearfix
---------------------------------------------*/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac*/


/*-----block-----*/
.block:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.block {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .block { height: 1%; }
.block { display: block; }
/*End hide from IE-mac*/


/*----- .frameBtm-----*/
.frameBtm:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.frameBtm {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .frameBtm { height: 1%; }
.frameBtm { display: block; }
/*End hide from IE-mac*/


/*----- .service #flow dl-----*/
.service #flow dl:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.service #flow dl {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .service #flow dl { height: 1%; }
.service #flow dl { display: block; }
/*End hide from IE-mac*/


/*----- .recruit #recruitMenu-----*/
.recruit #recruitMenu:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.recruit #recruitMenu {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .recruit #recruitMenu { height: 1%; }
.recruit #recruitMenu { display: block; }
/*End hide from IE-mac*/