@charset "UTF-8";

@media print {
	body { zoom: 70%; }
}

html,body,
h1,h2,h3,h4,h5,h6,
table,th,td,img,
p,div,pre,blockquote,form,
address,dl,dt,dd,ul,ol,li {
background: transparent ;
margin: 0 ; padding: 0 ;
border: none ;
font-style: normal ; font-weight: normal ;
}
em,strong,big,small,
ins,del,q,span {
font-style: normal ; font-weight: normal ;
}




body {
width: 100% ;
background: #ffffff ;
margin: 0 0 ; padding: 0 ;
line-height: 1.8 ;
font-size: 12px ; font-family : "ＭＳ Ｐゴシック", sans-serif ;
color: #333333 ;
}

a:link { color: #009999 ; text-decoration: none ; }
a:visited { color: #009999 ; text-decoration: none ; }
a:hover { color: #66ccff ; text-decoration: underline ; }

h1,h2,h3,h4,h5,h6 {
line-height : 1.1 ;
font-size: 12px ; font-weight : bold ;
}

p {
margin : 0 0 10px 0 ;
text-align: justify ; text-justify: inter-ideograph ;
}

ol,ul { margin : 0 0 10px 0 ; }
ol li { margin : 0 0 0 2.5em ; }
ul li { margin : 0 0 0 1.5em ; }
li {
text-align: justify ; text-justify: inter-ideograph ;
}

dt {
font-weight : bold ;
}
dd {
text-align: justify ; text-justify: inter-ideograph ;
}
dd ol, dd ul { margin : 0 ; }

td {
font-size : 12px ;
line-height : 1.6 ;
}
th {
font-weight : bold ; font-size : 12px ;
line-height : 1.6 ;
white-space: nowrap ;
}
em { font-weight : bold ; }
strong { font-size : 14px ; font-weight : bold ; }
big { font-size : 18px ; font-weight : bold ; }
small { font-size: 10px ; line-height : 1.4 ; }

form { font-size : 12px ; }
input,textarea,select,option {
margin : 0 ;
padding : 0 ;
font-size: 12px ;
vertical-align: middle ;
}
form .deco {
height: 12px ;
margin : 0 ;
padding: 4px 2px ;
border: 3px ridge #ccccff ;
}

img { vertical-align: bottom ; }

hr {
clear: both ;
background: #ffffff ;
margin: 10px 0 ;
border-bottom: 1px dotted #999999 ;
color: #ffffff ;
}




/*top*/

#top_bg_index {
width: 100% ;
background: #ffffff url(../images/topbg.gif) left bottom repeat-x ;
padding: 30px 0 ;
}
#top_bg_main {
width: 100% ;
background: #ffffff url(../images/topbg.gif) left bottom repeat-x ;
padding: 20px 0 0 0 ;
}

#top_box {
width: 800px ;
margin: 0 auto ;
}
#top_box h1 {
float: left ;
width: 320px ;
}
#top_box ul {
float: right ;
width: 320px ;
text-align: right ;
margin: 0 ; padding: 6px 0 0 0 ;
}
#top_box ul li {
display: inline ;
margin: 0 ; padding: 0 0 0 15px ;
list-style: none ;
}

#top_menu {
width: 800px ; height: 46px ;
margin: 0 auto ; padding: 10px 0 0 0 ;
}
#top_menu li {
float: left ;
height: 46px ;
margin: 0 ; padding: 0 ;
list-style: none ;
}



/*main*/

#main_bg {
width: 100% ;
background: #2221ad url(../images/mainbg.gif) left top repeat-x ;
margin: 0 ; padding: 0 ;
}

#main_box {
width: 800px ;
margin: 0 auto ; padding: 0 ;
}

#main_in {
width: 800px ;
background: #2221ad url(../images/mainbg3.jpg) left top repeat-y ;
margin: 0 auto ; padding: 0 ;
}
#main_out {
width: 800px ;
background: transparent url(../images/mainbg2.jpg) left top no-repeat ;
margin: 0 auto ; padding: 0 0 30px 0 ;
}




/*bottom*/

#bottom_bg {
width: 100% ;
background: #ffffff url(../images/bottombg.gif) left top repeat-x ;
padding: 20px 0 ;
}

#bottom_box {
width: 800px ;
margin: 0 auto ; padding: 0 ;
}
#bottom_box address {
float: left ;
width: 400px ;
line-height: 1.4 ;
}
#bottom_box ul {
float: right ;
width: 400px ;
text-align: right ;
}
#bottom_box ul li {
display: inline ;
background: #ffffff url(../images/p.gif) 0px 0px no-repeat ;
margin: 0 ; padding: 1px 0 1px 17px ;
list-style: none ;
line-height: 1.1 ;
font-size: 10px ;
}
#bottom_box ul li a:link { color: #666666 ; text-decoration: none ; }
#bottom_box ul li a:visited { color: #666666 ; text-decoration: none ; }
#bottom_box ul li a:hover { color: #66cccc ; text-decoration: underline ; }
#bottom_box p {
float: right ;
width: 400px ;
text-align: right ;
}
#bottom_box p img { margin: 0 0 0 5px ; }


/*index*/

#index_menu {
width: 800px ; height: 224px ;
background: #2221ad url(../images/index_002.jpg) left top no-repeat ;
margin: 0 ; padding: 0 ;
}



#index_menu li {
width: 381px ; height: 30px ;
margin: 0 0 20px 0 ; padding: 0 ;
list-style: none ;
}




/*read*/

#pagetitle {
width: 700px ; height: 95px ;
}

.read_out {
width: 690px ;
background: #9090d5 url(../images/readbg.jpg) left top no-repeat ;
margin: 0 ; padding: 5px ;
}
.read_in {
width: 620px ;
background: #ffffff ;
margin: 0 ; padding: 35px ;
}

.read_normal {
clear: both ;
width: 620px ;
background: #ffffff ;
border: 5px solid #9090d5 ;
margin: 20px 0 0 0 ; padding: 25px 35px ;
}




/*change ---------------------------------------------------------*/

.list {
display: none ;
margin: 0 ; padding: 0 ;
}




/*other ---------------------------------------------------------*/

.cl { clear: both ; }
.leftbox { float: left ; }
.rightbox { float: right ; }

.txt_l { text-align: left ; }
.txt_r { text-align: right ; }
.txt_c { text-align: center ; }

.tp0 { margin-top: 0px !important ; }
.tp5 { margin-top: 5px !important ; }
.tp10 { margin-top: 10px !important ; }
.tp15 { margin-top: 15px !important ; }
.tp20 { margin-top: 20px !important ; }
.bp0 { margin-bottom: 0px !important ; }
.bp5 { margin-bottom: 5px !important ; }
.bp10 { margin-bottom: 10px !important ; }
.bp15 { margin-bottom: 15px !important ; }
.bp20 { margin-bottom: 20px !important ; }
.lp0 { margin-left: 0px !important ; }
.lp5 { margin-left: 5px !important ; }
.lp10 { margin-left: 10px !important ; }
.lp15 { margin-left: 15px !important ; }
.lp20 { margin-left: 20px !important ; }
.rp0 { margin-right: 0px !important ; }
.rp5 { margin-right: 5px !important ; }
.rp10 { margin-right: 10px !important ; }
.rp15 { margin-right: 15px !important ; }
.rp20 { margin-right: 20px !important ; }

.w5 { width: 5% ; }
.w10 { width: 10% ; }
.w15 { width: 15% ; }
.w20 { width: 20% ; }
.w25 { width: 25% ; }
.w30 { width: 30% ; }
.w35 { width: 35% ; }
.w40 { width: 40% ; }
.w45 { width: 45% ; }
.w50 { width: 50% ; }
.w55 { width: 55% ; }
.w60 { width: 60% ; }
.w65 { width: 65% ; }
.w70 { width: 70% ; }
.w75 { width: 75% ; }
.w80 { width: 80% ; }
.w85 { width: 85% ; }
.w90 { width: 90% ; }
.w95 { width: 95% ; }
.w100 { width: 100% ; }

.txt1 { color: #000099 !important ; }
.txt2 { color: #009999 !important ; }
.txt3 { color: #999999 !important ; }

.caution li { margin: 0 ; padding-left: 1em ; list-style: none ; text-indent: -1em ; }

.point1 { background: url(../images/p.gif) 0px 0px no-repeat ; padding: 0 0 0 16px ; }
.point2 { background: url(../images/p2.gif) 0px 0px no-repeat ; padding: 0 0 0 16px ; }
.point3 { background: url(../images/p3.gif) 0px 1px no-repeat ; padding: 0 0 0 14px ; }

.head1 {
clear: both ;
background: #ffffff url(../images/head1.gif) 5px center no-repeat ;
border-top: 2px solid #cccccc ;
border-bottom: 2px solid #cccccc ;
margin: 50px 0 20px 0 ; padding: 8px 0 8px 28px ;
line-height: 1.1 ; color: #000099 ; font-size: 14px ;
}

.dlbox1 {
position: relative;
width: 620px ; min-height: 280px ;
}
.dlbox1 dt {
position: absolute ;
left: 0 ;
width: 180px ;
margin: 0 ; padding: 0 ;
}
.dlbox1 dd {
width: 420px ;
margin: 0 0 0 200px ; padding: 0 ;
}

.dlbox2 {
position: relative;
width: 620px ;
margin: 30px 0 0 0 ; padding: 0 ;
}
.dlbox2 dt {
position: absolute ;
left: 0 ;
width: 180px ;
margin: 0 ; padding: 0 ;
}
.dlbox2 dd {
width: 419px ;
margin: 0 0 0 180px ; padding: 0 0 0 20px ;
border-left: 1px solid #aaaadd ;
}

.table1 { border-top: 1px dotted #666666 ; }
.table1 th { background: #eeeeee ; border-bottom: 1px dotted #666666 ; padding: 2px 5px ; color: #000000 ; }
.table1 td { border-bottom: 1px dotted #666666 ; padding: 2px 10px ; }
.table1 a:link { color: #666666 ; text-decoration: none ; }
.table1 a:visited { color: #666666 ; text-decoration: none ; }
.table1 a:hover { color: #0099cc ; text-decoration: underline ; }

.table2 { border-top: 1px dotted #666666 ; }
.table2 th { background: #eeeeee ; border-bottom: 1px dotted #666666 ; padding: 6px 10px ;
vertical-align: top ; text-align: left ; color: #000000 ; }
.table2 td { border-bottom: 1px dotted #666666 ; padding: 6px 10px ; }

.table3 {  }
.table3 th { border-top: 1px dotted #666666 ; padding: 4px 10px 4px 0 ;
vertical-align: top ; text-align: left ; color: #000000 ; }
.table3 td { border-top: 1px dotted #666666 ; padding: 4px 0 ; }


/*ポリシー*/

.polisies_out2 {
width: 690px ;
background: #9090d5 url(../images/readbg.jpg) left top no-repeat ;
margin: 0 ; padding: 5px ;
}
.polisies_in2 {
width: 690px ;
background: #ffffff ;
margin: 0 ; padding: 0 0 15px 0 ;
}
.polisies_in2 p {
margin : 0 35px 20px 35px ;
}
.polisies_img {
float: left ;
width: 320px ;
margin: 0 ; padding: 0 ;
}
.polisies_head {
float: right ;
width: 370px ;
margin: 0 ; padding: 0 ;
}


/*仕事を見る*/

.work_index {
width: 640px ;
margin: 0 ; padding: 35px 25px 10px 25px ;
}

.workbox {
width: 640px ;
background: #ffffff url(../work/images/wolk-index_boxbg_01.gif) left top repeat-y;
margin: 20px 0 ; padding: 0 ;
}
.workleft {
float: left;
width: 320px ;
margin: 0 ; padding: 0 ;
}
.workleft p {
width: 295px ;
margin: 0 ; padding: 0 15px 0 10px ;
text-align: center ;
}
.workright {
float: right;
width: 320px ;
margin: 0 ; padding: 0 ;
}
.workright p {
width: 295px ;
margin: 0 ; padding: 0 10px 0 15px ;
text-align: center ;
}
.workbox img { vertical-align: bottom ; }




#front-menu1 {
width: 700px ; height: 80px ;
margin: 0 ; padding: 0 ;
}
#front-menu1 li {
float: left ;
margin: 0 ; padding: 0 ;
list-style: none ;
}
#front-menu2 {
width: 700px ; height: 100px ;
margin: 0 ; padding: 0 ;
}
#front-menu2 li {
float: left ;
margin: 0 ; padding: 0 ;
list-style: none ;
}


/*エントリー*/

.entry {
width: 600px ;
background: #ffffff ;
padding: 35px 45px ;
}

.entry dl {
clear: both ;
width: 600px ;
border-top: 1px dotted #cccccc ;
padding: 10px 0 0 0 ;
}
.entry dl dt {
float: left ;
width: 110px ;
padding: 0 0 10px 0 ;
}
.entry dl dd {
float: right ;
width: 490px ;
padding: 0 0 10px 0 ;
}


/*Q＆A*/

.faqbox {
width: 620px ;
background: #ffffff url(../images/faq_Qbg.gif) left top repeat-y ;
margin: 20px 0 ; padding: 0 ;
}
.faqbox ul { margin: 5px 20px 0 20px ; padding: 0 ; }
.faqbox li {
margin: 0 ; padding: 4px 0 0 0 ;
list-style: none ;
color: #666666 ;
}
.faqbox li a:link { color: #666666 ; text-decoration: none ; }
.faqbox li a:visited { color: #666666 ; text-decoration: none ; }
.faqbox li a:hover { color: #0099cc ; text-decoration: underline ; }
.faqbox img { vertical-align: bottom ; }
.faqbox dl { width: 305px ; }

.faq { margin: 20px 0 0 55px ; padding: 0 ; }
.faq dt {
background: #ffffff url(../images/faq_Q.gif) left top no-repeat ;
margin: 0 ; padding: 2px 0 5px 32px ;
font-size: 14px ; color: #3366cc ;
}
.faq dd {
background: #ffffff url(../images/faq_A.gif) left top no-repeat ;
margin: 0 0 10px 0 ; padding: 2px 0 10px 32px ;
border-bottom: 1px dotted #cccccc ;
}
.faq .nobor { border-bottom: none ; }


/*採用情報*/

.infobox { width: 590px ; margin: 20px 0 0 0 ; padding: 1px 0 0 30px ; }
.infobox h4 {
margin: 20px 0 10px 0 ; padding: 8px 0 0 0 ;
border-top: 1px dotted #666666 ;
}
.infobox h5 {
margin: 20px 0 0 0 ; padding: 10px 0 0 0 ;
border-top: 1px dotted #666666 ;
}
.infobox .table3 { margin: 20px 0 10px 40px ; }


/*会社を知る*/

.company_out2 {
width: 690px ;
background: #9090d5 url(../images/readbg.jpg) left top no-repeat ;
margin: 0 ; padding: 5px ;
}
.company_in2 {
width: 690px ;
background: #ffffff ;
margin: 0 ; padding: 0 0 20px 0 ;
}
.company_in3 {
width: 620px ;
background: #ffffff ;
margin: 0 ; padding: 25px 35px;
}
.company_in2 .company_inread {
width: 620px ;
margin: 0 ; padding: 20px 35px 0 35px ;
}
.company_in2 .tour_inread {
width: 630px ;
margin: 0 ; padding: 20px 30px 0 30px ;
}

.company_menu {
width: 690px ;
height: 60px ;
margin: 0 ; padding: 0 ;
}
.company_menu li {
float: left ;
width: 230px ;
height: 60px ;
margin: 0 ; padding: 0 ;
list-style: none ;
}

.system_menu {
width: 600px ; height: 23px ;
background: #ffffff url(../company/images/company-system_menubg.gif) left top repeat-x ;
margin: 10px 0 20px 0 ; padding: 10px 10px 0 10px ;
line-height: 1.1 ;
}
.system_menu a:link { color: #666666 ; text-decoration: none ; }
.system_menu a:visited { color: #666666 ; text-decoration: none ; }
.system_menu a:hover { color: #0099cc ; text-decoration: underline ; }

.system_dl {
width: 600px ;
margin: 20px 0 10px 20px ; padding: 10px 0 0 0 ;
border-top: 1px dotted #666666 ;
}
.system_dl dt { margin: 0 ; padding: 0 ; }
.system_dl dd { margin: 0 0 10px 13px ; padding: 0 ; }

.system_box {
width: 570px ;
margin: 0 0 10px 20px ; padding: 10px 14px ;
border: 1px solid #cccccc ;
line-height: 1.6 ;
}
.system_box h4 { margin: 0 ; padding: 0 ; }
.system_box p { margin: 0 ; padding: 0 ; }

#tour_mainbox {
width: 630px ; height: 330px ;
margin: 15px 0 25px 0 ; padding: 0 ;
}
#tour_mainbox h4 {
margin: 0 ; padding: 2px 0 0 0 ;
text-align: center ;
}
#tour_mainbox p {
margin: 0 ; padding: 8px 0 7px 0 ;
border-bottom: 1px dotted #cccccc ;
text-align: center ; color: #000066 ;
font-size: 14px ; line-height: 14px ;
}

.tour_menubox {
background: #ffffff url(../company/images/company-tour_menubg.gif) left top no-repeat ;
width: 450px ; height: 240px ;
margin: 25px 0 ; padding: 0 90px ;
}
.tour_menubox p {
width: 450px ; height: 14px ;
text-align: center ; color: #000099 ;
margin: 0 ; padding: 15px 0 10px 0 ;
font-size: 12px ; line-height: 14px ;
}
.tour_menubox .map {
float: left ;
width: 230px ; height: 160px ;
margin: 0 ; padding: 0 ;
}
.tour_menubox ul {
float: right ;
width: 200px ; height: 200px ;
margin: 0 ; padding: 0 ;
}
.tour_menubox ul li {
list-style: none ;
margin: 0 ; padding: 0 0 5px 0 ;
font-size: 1px ;
}
.tour_menubox ul li img { vertical-align: bottom ; }