/* body
-----------------------------------*/
body{
width					:100%;
background		:#D8EFFC url("/vivical/sr/okayama/bg_body.gif") repeat-x 0 0;
text-align			:center;
}



/* link
-----------------------------------*/
a{
text-decoration		:none;
}
a:hover{
color			:#C90000;
text-decoration		:underline;
}
a img{
border			:none;
}



/* clear
-----------------------------------*/
.clear{
clear			:both;
}



/* clearfix
-----------------------------------*/
.clearfix:after{
display			:block;
clear			:both;
height			:0;
visibility		:hidden;
content			:".";
line-height		:0;
}
.clearfix{
display			:inline-table;
min-height		:1%;
}

/* for macIE \*/
* html .clearfix{
height			:1%;
}
.clearfix{
display			:block;
}
/* end of for macIE */



/* layout
-----------------------------------*/
/* container */
#container{
width			:794px;
margin			:0 auto;
text-align		:left;
background		:#FFFFFF url("/vivical/sr/okayama/bg_container.gif") repeat-y 0 0;
}

/* header */
#header{
width			:794px;
height			:112px;
background		:url("/vivical/sr/okayama/bg_header.gif") no-repeat 0 0;
position		:relative;
}

/* content */
#content{
width			:794px;
padding-top		:10px;
}

/* left */
#left{
width			:612px;
float			:left;
}

/* right */
#right{
width			:167px;
float			:right;
}

/* page_up */
#page_up{
width			:794px;
text-align		:right;
}

/* footer */
#footer{
background		:#BCDDE9 url("/vivical/sr/okayama/bg_footer_01.gif") repeat-x 0 0;
}
#footer div.inner{
width			:794px;
background		:url("/vivical/sr/okayama/bg_footer_02.gif") no-repeat 0 0;
text-align		:center;
margin			:0 auto;
padding-top		:0px;
}


/* h1
-----------------------------------*/
h1 {
margin			:0;
padding			:2px 0;
font-weight:bold;
color:#333333;
background-image:none;
}

.cityMap {
display:block;
}

.pref {
display:inline;
clear:both;
}

h1.companyname {
background-image:url(/vivical/images/vivical/head005_04.gif);
color:#333333;
font-size:14px;
font-weight:bold;
height:23px;
margin:0 0 5px;
overflow:hidden;
padding:7px 0 0 3px;
white-space:nowrap;
width:578px;
}



/* header h1
-----------------------------------*/
#header h1{
position		:absolute;
left			:7px;
top			:23px;
background		:none;
margin			:0;
padding			:0;
}



/* h_menu
-----------------------------------*/
#h_menu{
position		:absolute;
left			:480px;
top			:8px;
}
#h_menu ul{
padding		:0px;
}
#h_menu ul li{
list-style		:none;
background		:url("/vivical/sr/okayama/h_nav_ico.gif") no-repeat 0 1px;
float			:left;
padding-left		:14px;
margin-right		:12px;
}
#h_menu ul li a{
text-decoration		:none;
}
#h_menu ul li a:hover{
color			:#C90000;
text-decoration		:underline;
}



/*nav
-----------------------------------*/
.nav{
width		:595px;
margin-left		:17px;
}



/* ----------------------------------
page_up up

#page_up p.up{
position		:absolute;
left			:7px;
top			:23px;
}
-----------------------------------*/


/* copyright
-----------------------------------*/
.copyright{
text-align		:center;
line-height		:16px;
padding-bottom		:10px;
}

/* area-link
-----------------------------------*/
.area-link{
text-align		:center;
line-height		:16px;
padding-bottom		:5px;
}



/* TABLES 
-----------------------------------*/
table{
border			:none;
width			:auto;
}
tr{
border			:none;
}
td,th{
background-color 		:#EFF9FF;
line-height		:12px;
padding			:5px 6px;
text-align		:left;
vertical-align		:top;
}
th{
background		:#fff;
color			:#666;
font-size		:11px;
font-weight		:bold;
line-height		:17px;
padding			:2px 6px;
}
th a:link, th a:visited, th a:hover {
color			:#333;
display			:block;
font-size		:11px;
text-decoration		:none;
width			:auto;
}
.prop .value {
text-align:left;
width:85%;
background-color:#FFFFFF;
}

table#summary_imagetable{
border			:none;
width			:auto;
margin-left		:auto;
margin-right	:auto;
}

tr#summary_imagetr{
border			:none;
}

td#summary_imagetd{
background-color 		:#FFFFFF;
padding			:5px 5px;
text-align		:center;
vertical-align		:top;
width			:100px;
}



/* sidebar
-----------------------------------*/
.sidebar{
width		:150px;
margin		:0px 0px 15px 0px;
padding		:0px;
}


#login_unit{
background		:url("/vivical/sr/okayama/side_login_bg_02.gif") no-repeat 0 bottom;
padding-bottom		:5px;
margin-bottom		:15px;
}
#login_unit h4{
background		:url("/vivical/sr/okayama/side_login_title.gif") no-repeat 0 0;
padding			:10px 0px 9px 15px;
font-weight		:bold;
font-size		:110%;
color			:#FFFFFF;
margin-bottom		:8px;
}
#login_unit div.inner{
background		:url("/vivical/sr/okayama/side_login_bg_01.gif") repeat-y 0 0;
margin			:0;
padding-bottom		:5px;
}
#login_unit div.inner p.text{
font-size		:90%;
padding-left		:10px;
}
#login_unit div.inner p.login_btn{
text-align		:center;
margin-top		:10px;
margin-bottom		:10px;
}
#login_unit div.inner p.login_btn img{
border			:none;
}

#login_unit div.inner p.logout_btn{
text-align		:center;
margin-bottom		:10px;
}
#login_unit div.inner p.entry_btn{
margin-left		:10px;
}
#login_unit div.inner .inner_txt{
margin-left		:10px;
margin-bottom		:5px;
}


/*-----
#login_unit div.inner p.entry_btn{
text-indent		:-9999px;
width			:122px;
height			:16px;
background		:url("/vivical/sr/okayama/entry_btn.gif") no-repeat 0 0;
padding-bottom		:10px;
margin-left		:10px;
}
#login_unit div.inner p.entry_btn a{
display			:block;
text-decoration		:none;
width			:122px;
height			:16px;
background		:url("/vivical/sr/okayama/entry_btn.gif") no-repeat 0 0;
}
#login_unit div.inner p.entry_btn a:hover{
background		:url("/vivical/sr/okayama/entry_btn.gif") no-repeat 0 0;
}
-----*/

.sidebar div.menu{
margin-bottom		:10px;
}
.sidebar div.menu p.search_btn{
}

.sidebar div.sp_banner{
margin		:0px 0px 15px 0px;
padding		:0px;
}
.sidebar div.side_link{
margin		:0px;
padding		:0px;
}
.sidebar div.side_link h4{
background		:url("/vivical/sr/okayama/bg_side_title.gif") no-repeat 0 0;
color		:#232323;
margin-bottom		:10px;
padding			:7px 0px 5px 15px;
font-weight		:bold;
font-size		:110%;
}
.sidebar div.side_link p.side_banner{
margin-bottom		:10px;
padding		:0px;
width		:150px;
}
.sidebar div.side_link p.side_banner_name{
text-align		:left;
margin-bottom		:10px;
width		:150px;
}





/* home_info
-----------------------------------*/
.home_info{
width		:595px;
margin-left		:17px;
margin-bottom		:15px;
}
.home_info h2{
font-size		:100%;
font-weight		:normal;
}
.home_info p.item_num{
margin-bottom		:10px;
}


/* home_unit
-----------------------------------*/
.home_unit{
width		:595px;
margin-left		:17px;
}
.home_unit div.inner{
margin-bottom		:15px;
}
.home_unit div.inner h3{
background		:url("/vivical/sr/okayama/bg_title.gif") no-repeat 0 0;
padding			:8px 0px 9px 25px;
margin-bottom		:5px;
font-weight		:bold;
font-size		:110%;
}



/* item_Summary
-----------------------------------*/
img.image {
border:0px solid #CCCCCC;
margin:0;
padding:5px;
}
.itemsummary_unit{
width		:595px;
margin-left		:0px;
}
.itemSummary{
background		:#FEFEE1;
border			:1px solid #D9D9D9;
padding			:10px 8px;
}
.itemSummary div.jobType{
margin-bottom		:5px;
}
.itemSummary div.item_header{
margin-bottom		:5px;
}
.itemSummary div.item_header p.special_issue{
float			:left;
background		:#FE952E url("/vivical/sr/okayama/summary_issue_bg.gif") repeat-x 0 bottom;
border			:1px solid #F17904;
color			:#FFFFFF;
padding			:2px 3px;
margin-right		:8px;
}
.itemSummary div.item_header p.sense_of_values{
float			:left;
background		:#F9B638 url("/vivical/sr/okayama/summary_values_bg.gif") repeat-x 0 bottom;
border			:1px solid #F4A12A;
color			:#FFFFFF;
padding			:2px 3px;
}
.itemSummary div.item_header p.viewterm{
float			:right;
}


.itemSummary div.item_unit{
background		:url("/vivical/sr/okayama/item_summary_bg_01.gif") no-repeat 0 bottom;
padding-bottom		:5px;
}
.itemSummary div.item_unit div.item_title{
background		:url("/vivical/sr/okayama/item_summary_title_01.gif") no-repeat 0 0;
padding-top		:6px;
}
.itemSummary div.item_unit div.item_title h3{
background		:url("/vivical/sr/okayama/item_summary_title_02.gif") no-repeat 0 0;
padding			:8px 15px 10px 15px;
font-weight		:bold;
font-size		:140%;
color			:#FFFFFF;
}
.itemSummary div.item_unit h3 a{
color			:#FFFFFF;
}
.itemSummary div.item_unit h3 a:hover{
text-decoration		:underline;
}
.itemSummary div.item_unit div.item_inner{
background		:#FFFFFF;
background		:url("/vivical/sr/okayama/item_summary_bg_02.gif") repeat-y 0 0;
margin			:0;
}
.itemSummary div.item_unit div.item_inner div.company_title{
background		:url("/vivical/sr/okayama/dotted_line.gif") repeat-x 0 bottom;
padding			:8px 0 7px 0;
margin			:0 5px 5px 5px;
}
.itemSummary div.item_unit div.item_inner h4{
font-size		:120%;
font-weight		:bold;
border-left		:4px solid #3D4792;
padding-left		:8px;
margin-left		:5px;
}

.itemSummary div.item_unit div.item_inner div.features{
margin-top		:10px;
margin-bottom		:5px;
}
.itemSummary div.item_unit div.item_inner div.features ul{
margin-left		:10px;
padding			:0;
}
.itemSummary div.item_unit div.item_inner div.features ul li{
background		:#9FD3FF url("/vivical/sr/okayama/summary_features_bg.gif") repeat-x 0 bottom;
border			:1px solid #4BB5FF;
color				:#FFFFFF;
float				:left;
padding			:2px 0px 2px 5px;
margin			:0 5px 3px 0;
list-style			:none;
white-space		: nowrap;
}
.itemSummary div.item_unit div.item_inner div.item_content{
width			:557px;
margin			:0 10px;
padding-bottom		:10px;
padding-top		:10px;
}
.itemSummary div.item_unit div.item_content table{
width			:100%;
padding			:0;
border			:none;
}
.itemSummary div.item_unit div.item_content table td{
background		:#FFFFFF;
border			:1px solid #FFFFFF;
padding			:0;
}
.itemSummary div.item_unit div.item_inner div.item_content div.item_summary_image{
text-align			:left;
margin-bottom		:5px;
margin-right		:0px;
padding			:0px;
}
.itemSummary div.item_unit div.item_inner div.item_content div.item_summary_image img{
padding			:0;
}
.itemSummary div.item_spec table{
width			:100%;
border			:none;
border-collapse		:separate;
}
.itemSummary div.item_spec table th{
width			:80px;
vertical-align		:middle;
text-align		:left;
color			:#232323;
background		:#D8D5E8 url("/vivical/sr/okayama/summary_spec_bg_01.gif") repeat-x left bottom
;
border			:1px solid #FFFFFF;
padding			:3px 5px;
font-weight		:normal;
}
.itemSummary div.item_unit div.item_spec table td{
border			:none;
background		:#FFFFFF;
border-bottom		:1px solid #D4D4D4;
padding			:5px 5px;
vertical-align		:middle;
line-height		:140%;
}
.itemSummary div.imagetable{
width			:557px;
text-align		:center;
padding-bottom		:0px;
padding-top		:0px;
}


.company_summary{
border			:1px solid #3D4792;
background		:#D3AED1;
padding			:4px;
margin			:10px 10px 0 10px;
zoom				:1;
}
.company_summary_inner{
border			:1px solid #3D4792;
background		:#FFFFFF;
padding			:0px;
zoom				:1;
}
.company_summary_inner table{
width				:100%;
border			:none;
margin			:0;
}
.company_summary_inner table td{
background		:#FFFFFF;
border			:1px solid #FFFFFF;
}
.company_summary_inner div.company_spec{
border-left			:4px solid #3D4792;
padding-left		:2px;
margin-right		:0px;
}
.company_summary_inner div.company_spec table{
margin-left			:5px;
}
.company_summary_inner div.company_spec table th{
width				:80px;
border			:1px solid #FFFFFF;
background		:url("/vivical/sr/okayama/dotted_line.gif") repeat-x 0 bottom;
vertical-align		:middle;
padding-bottom		:5px;
white-space		:nowrap;
}
.company_summary_inner div.company_spec table td{
border			:1px solid #FFFFFF;
background		:url("/vivical/sr/okayama/dotted_line.gif") repeat-x 0 bottom;
padding			:5px 10px;
white-space		:nomal;
word-break		:break-all;
}

.itemSummary div.company_unit{
margin			:15px 10px;
border-left			:4px solid #3D4792;
padding-left		:3px;
}
.itemSummary div.company_unit_red{
margin			:15px 10px;
border-left			:4px solid #3D4792;
padding-left		:3px;
color:#FF0000;
font-weight:bold;
font-size:120%;
vertical-align:text-bottom;
}
.itemSummary div.company_unit_red a{
text-decoration		:none;
font-weight:bold;
}
.itemSummary div.company_unit_red a:hover{
text-decoration		:underline;
font-weight:bold;
}
.itemSummary div.company_unit table{
margin-left			:5px;
margin-right		:2px;
width				:100%;
}
.itemSummary div.company_unit table th{
width				:80px;
border			:1px solid #FFFFFF;
background		:url("/vivical/sr/okayama/dotted_line.gif") repeat-x 0 bottom;
vertical-align		:middle;
padding-bottom		:5px 12px;
}
.itemSummary div.company_unit table td{
border			:1px solid #FFFFFF;
background		:url("/vivical/sr/okayama/dotted_line.gif") repeat-x 0 bottom;
padding			:8px 12px;
}
.itemSummary div.company_unit table td div.notice{
margin-bottom		:10px;
}

.itemSummary div.senseOfValuesBox{
margin			:10px 10px 0 10px;
}
.itemSummary div.item_unit div.item_footer{
border			:1px solid #D4D4D4;
border-bottom		:none;
background		:#F9F9F9;
}
.itemSummary div.item_unit div.item_footer p.last_update{
float			:left;
padding			:10px 0 10px 10px;
}



/* editDialog adminDialog supplierSummary
--------------------------------------------------*/
div.editDialog{
margin-bottom		:15px;
}
div.editDialog table{
width			:100%;
}
div.editDialog table td{
padding			:7px 10px;
}

div.editDialog table td.name {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EFF9FF none repeat scroll 0 0;
border-bottom:1px dotted #000000;
color:#000000;
vertical-align:middle;
}

div.editDialog table td.value {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px dotted #666666;
}

table.supplierSummary{
width			:100%;
margin-bottom		:15px;
}

div.adminDialog{
background		:none;
border			:none;
margin-bottom		:15px;
}
div.adminDialog table{
border			:1px solid #FFFFFF;
width			:100%;
}
div.adminDialog table td{
padding			:7px 10px;
}
div.adminDialog table td.name{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EFF9FF none repeat scroll 0 0;
border-bottom:1px dotted #000000;
color:#000000;
vertical-align:middle;
}
div.adminDialog table td.value{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px dotted #666666;
}



/* dialog
--------------------------------------------------*/
.dialog table input#content{
width:260px;
}
div.dialog, x:-moz-read-only {
width:594px;
}
div.body div.dialog{
background:#FFFFFF;
}
div.body div.dialog table{
width:100%;
}
tr.prop{
padding:0;
}
div.body div.dialog table td{
white-space: normal
}
div.body div.dialog table td.name{
width:auto;
}
div.body div.dialog table td.value{
width:auto;
}
div.body div.dialog table.companySummary {
border:medium none;
margin:0;
padding:0;
width:267px;
}


/* roundedcornr
-----------------------------------*/
div.roundedcornr_box_492096{
background		:#FEFEE1;
background-image	:none;
border			:1px solid #D9D9D9;
padding			:5px 8px;
}
div.roundedcornr_top_492096{
background		:url("/vivical/sr/okayama/finish_bg_01.gif") no-repeat 0 0;
padding			:5px 0 0 0;
margin			:0;
}
div.roundedcornr_bottom_492096{
background-image	:none;
padding			:0;
margin			:0;
}
div.roundedcornr_bottom_492096 div{
background-image	:none;
margin			:0;
padding			:0;
}
div.roundedcornr_content_492096 {
background		:url("/vivical/sr/okayama/finish_bg_02.gif") no-repeat 0 bottom;
padding			:0 0 5px 0;
margin			:0;
}
div.endItem{
background		:url("/vivical/sr/okayama/finish_bg_03.gif") repeat-y 0 0;
padding			:30px 0;
width			:577px;
margin			:0;
}

div.roundedcornr_top_492096 div{
margin			:0;
padding			:0;
}

div.roundedcornr_top_492096 div, div.roundedcornr_top_492096,
div.roundedcornr_bottom_492096 div, div.roundedcornr_bottom_492096 {
width			:auto;
height			:auto;
font-size		:1px;
}
div.roundedcornr_content_492096, div.roundedcornr_bottom_492096 {
margin			:0;
}



/* その他
-----------------------------------*/
.body{
float		:none;
margin		:0;
margin-left:17px;
}

div.editDialog, x:-moz-read-only {
  width:594px;
}

div.searchDialog, x:-moz-read-only {
  width:594px;
}

.itemSummary {
 margin-left:0px;
}

.body#map_canvas {
 text-align:center;
}

div.list table{
width			:100%;
margin-bottom		:10px;
}
div.notice{
margin-bottom		:15px;
}
div.btnBox{
margin-bottom		:20px;
}
td.showLink {
width			:auto;
}
td.showLink a {
color			:#FFFFFF;	
}

div.mMenu{
padding-top		:5px;
}

div.value_unit table{
padding		:0;
margin		:0;
border		:1px solid #FFFFFF;
}
div.value_unit table td{
padding		:0;
margin		:0;
border		:1px solid #FFFFFF;
background	:#FFFFFF;
}

div.list{
margin		:5px 0 0 0;
}


/* 価値観
-----------------------------------*/
div.senseOfValuesBox{
padding-bottom	:20px;
}

div.sovContents{
border		:1px solid #F9B638;
padding		:10px 8px 5px 8px;
margin		:10px 0 0 0;
}
div.sovContents h5{
background	:#F9B638 url("/vivical/sr/okayama/detail_value_name02.gif") no-repeat right 0;
color			:#FFFFFF;
font-size		:150%;
font-weight	:bold;
padding		:6px 33px 5px 14px;
text-align		:left;
}
div.sovContents h6{
font-size		:150%;
font-weight	:bold;
color			:#F58110;
border-left		:4px solid #F58110;
padding		:3px 0 5px 10px;
background	:url("/vivical/sr/okayama/dotted_line.gif") repeat-x 0 bottom;
margin-bottom	:10px;
}
div.sovContents table{
width			:100%;
padding		:0;
}
div.sovContents table tr{
vertical-align		:top;
}
div.sovContents table td{
background	:#FFFFFF;
border		:1px solid #FFFFFF;
line-height		:150%;
padding		:0px;
}
div.sovContents table td p{
margin		:0 5px;
padding		:0px;
}
div.sovContents table td img{
padding		:0px;
margin		:0px;
}


div.sovContents div{
padding		:0;
}
div.sovContents p.left{
width			:268px;
float			:left;
padding		:0;
}
div.sovContents p.right{
width			:268px;
float			:right;
padding		:0;
}
div.sovContents p.right img{
margin-left		:8px;
padding		:0;
}

/*registerinput
-----------------------------------*/
#registerinput{
margin-left		:17px;
}

div.body #registerinput{
margin-left		:0px;
}

#registerinput1{
margin-left		:17px;
}