/* CSS Document */
/*=====================================================
Color Chart
OUK GREEN #25982a
THIN GREEN #7dd02f
more thin #c3f198THIN GRAY #f6f6f6
BORDER GRAY #cccccc
THIn BORDER GRAY #d6d6d6BLUE #009cff
Hover Bg color #FFFFCC
=====================================================*/
/*Reset CSS*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}
table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
:focus,:link,:visited{outline:none;}
/*clearfix*/
.clearfix:after{display:block;height:0;clear:both;visibility:hidden;content:".";line-height:0;font-size: 0;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}.clearfix {display: block;}
/* End hide from IE-mac */

/*accessibility
--------------------------------------------------------------------------------------*/
.clear{clear:both;width:10px;}
.accessibility{display:none;}
/*Basic
--------------------------------------------------------------------------------------*/
.oukgreen{
color:#25982a;
}
.showy01{
padding:1em;
background:#FFFFCC;
border:1px solid #999999;
margin:1em auto;
}

html{min-height:100%;width:100%;font-size:62.5%;}
body{
background:url(../images/BobyBg001.png) 50% 50% repeat-y #ffffff;
color:#333333;
width:100%;
min-height:100%;
font-size:120%;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",Osaka,Arial, Helvetica, sans-serif;
}
a:link,
a:focus,
a:visited{
color:#25982a;
text-decoration:none;
font-weight:normal;
outline:none;
}
a:hover{
color:#01c709;
text-decoration: underline;
}
a.normal{
color:#009cff;
text-decoration:underline;
border:0;
background:none;
display:inline;
}
a:hover.normal{
color:#FF0000;
}
.showy{
font-size:120%;
}
#dev_text{
padding:1em;
margin:0.5em auto;
border:1px solid #25982a;
}
.caution{
	font-size:0.8em;
	color:#999;
}
/*Wrapper
--------------------------------------------------*/
div#WrapContainer{
height:100%;
}
/*mainContainer
--------------------------------------------------*/
div#mainContainer,
.TheContainer
{
margin:0 auto;
max-width:961px;
}
/*Under
--------------------------------------------------------------------------------------*/
div#under h2#underContainer{
margin:15px auto;
text-align:center;
}
div#error h2#ErrorContainer{
margin:15px auto;
text-align:center;
}
div#error h3{
text-align:center;
}
/*Header
--------------------------------------------------------------------------------------*/
div#Header{
background:#ffffff url(../images/HeaderBgWoman.jpg) 80% 50% no-repeat;
background:#ffffff url(../images/HeaderBgWhite.jpg) 80% 100% repeat-x;
}
div#HeaderMain{
height:180px;
padding-top:2.2em;
}
div#MainRogo{
width:230px;
float:left;
text-align:center;
position:absolute;
padding-top:15px;
}div#HeaderTitle{
text-align:center;
padding-top:41px;
}
div#HeaderMain div#FirstBanner{
position: absolute;
right:0;
top:4%;
}
div#HeaderTitle h1{
}
ul#SubNavi{
background:#231f20;
text-align:right;
position:absolute;
height:2.2em;
line-height:2.0;
top:0;
width:100%;
}

div#Header ul#SubNavi li{
display:inline;

}
div#Header ul#SubNavi a{
color:#FFFFFF;
padding:3px;
font-size:80%;
border-right:1px solid #ffffff;
}
div#Header ul#SubNavi a:hover{
background:#ffffff;
color:#25982a;
}/*====================================*/
div#HeaderBottom{
background:#25982a;
padding:5px;
background: url(../images/HeaderBottomBg.jpg) repeat-x #3eab44 0% 100%;
color:#FFFFFF;

}
div#HeaderBottom a{
color:#FFFFFF;
margin-left:15px;
}
div#HeaderBottom a:hover{
text-decoration:underline;
}
/*====================================*/
div#Header div#Search{
padding:5px;
text-align:right;
}
div#Header div#Search span{
color:#FFFFFF;
}
div#Header div#Search input{
border:0;
}
div#Header div#Search input.TextField{
background: url(../images/10px30pBox.png);
border:2px solid #d6d6d6;
width:150px;
padding:0 3px;
height:20px;
line-height:24px;
vertical-align:middle;
}
div#Header div#Search input.sendBtn{
width:24px;
height:24px;
line-height:24px;text-indent:-999999px;
background: url(../images/SearchLens.png) 50% 50%;
}
/*=======================================================*/
div#WrapContainer div.pan{
margin:5px 0;
width:100%;

}
div#WrapContainer div.pan a{
padding-right:16px;
margin-right:3px;
background:url(../images/PanArrow.gif) 100% 50%  no-repeat;
}

div#WrapContainer div#FootPan{
text-align:right;
}
div#WrapContainer div#FootPan div.pan{
width:77%;
text-align:left;
margin:0 0 0 auto;
border-top:1px solid #25982a;
padding:3px 0;
}

/*Left
--------------------------------------------------------------------------------------*/
ul#LeftContainer{
width:230px;
float:left;
}
/*=============================================================*/
ul#LeftContainer li#Navibusiness{
background: url(../images/LeftMenuContainer.png) 50% 100% repeat-y;
padding:0 15px 10px;
}
ul#LeftContainer li#Navibusiness h2{
text-align:center;
padding-top:5px;
}
ul#LeftContainer li#Navibusiness ul {
}
ul#LeftContainer li#Navibusiness ul li{
margin-bottom:5px;
}
ul#LeftContainer li#Navibusiness ul li h3,
ul#LeftContainer li#NaviRecruit ul li h3{
background: url(../images/LeftMenuBox.png) 50% 0% no-repeat;
padding: 5px 5px;
text-align:center;
}
ul#LeftContainer li#Navibusiness ul li ul,
ul#LeftContainer li#NaviRecruit ul li ul{
padding-bottom:10px;
background: url(../images/LeftMenuBox.png) 50% 100% no-repeat;
}
ul#LeftContainer li#Navibusiness ul li ul li,
ul#LeftContainer li#NaviRecruit ul li ul li {
background: url(../images/LeftMenuBox.png) 50% 50% no-repeat;
margin:0;
}
ul#LeftContainer li#NaviRecruit ul li ul li a ,
ul#LeftContainer li#Navibusiness ul li ul li a {
font-size:100%;
font-weight:normal;
line-height:150%;
height:150%;
color:#25982a;
padding:3px 0;
padding-left:10px;
display:block;
margin:0;
}
ul#LeftContainer li#NaviRecruit ul li ul li a:hover ,
ul#LeftContainer li#Navibusiness ul li ul li a:hover {
background: url(../../images/LeftMenuTitleHover.png) 0% 50% no-repeat;
}
ul#LeftContainer li#Navibusiness ul li ul li.Estimate{
text-align:center;
}
ul#LeftContainer li#Navibusiness ul li ul li.Estimate a,
ul#LeftContainer li#Navibusiness ul li ul li.Estimate a:hover
{
background:none;
padding:0;
}/*=============================================================*/
ul#LeftContainer li#NaviRecruit {
}
ul#LeftContainer li#NaviRecruit ul{}
ul#LeftContainer li#NaviRecruit h2{
background: url(../images/LeftMenuContainer.png) 50% 0%;
text-align:center;
padding:10px 5px 0;
}
ul#LeftContainer li#NaviRecruit ul li{
}
/*=============================================================*/
ul#LeftContainer li#NaviOba{
}
ul#LeftContainer li#NaviOba h2{
}
ul#LeftContainer li#NaviOba h2 img{}
ul#LeftContainer li#NaviOba div{}
ul#LeftContainer li#NaviOba div p{
}/*Right
--------------------------------------------------------------------------------------*/
ul#RightContainer{
width:230px;
float:left;
margin-left:5px;
}
ul#RightContainer li{
border:1px solid #999999;
padding:0px;
margin:5px 0;
}
ul#RightContainer li ul li{
border:0;
}
ul#RightContainer li#NaviOukProducts h2{
}
ul#RightContainer li h2 img{
width:100%;
}ul#RightContainer li#NaviOukProducts{
text-align:center;
background: url(../images/RightBg.jpg) 50% 0% no-repeat;
}
ul#RightContainer li#NaviOukProducts ul {
}
ul#RightContainer li#NaviOukProducts ul li{}
ul#RightContainer li#NaviOukProducts ul li a{
margin:3px auto;display:block;
width:200px;
border:1px solid #d6d6d6;
}
ul#RightContainer li#NaviOukProducts ul li img{
vertical-align:bottom;
}
ul#RightContainer li#NaviOukProducts ul li a:hover{
border:1px solid #f39700;
}
ul#RightContainer li#NaviOukProducts ul li.List{
text-align:right;
}
ul#RightContainer li#NaviOukProducts ul li.List a{
border:0;
display:inline;
text-align:right;
text-decoration:underline;
padding-right:5px;
}
ul#RightContainer li#NaviOukProducts ul li.List a:hover{
border:0;
}
/*=======================================================*/
ul#RightContainer li#WhatsNew{
text-align:center;
background: url(../images/RightBg.jpg) 50% 0% no-repeat;
}
ul#RightContainer li#WhatsNew h2{
text-align:center;
}
ul#RightContainer li#WhatsNew ul{
margin:0 auto;
}
ul#RightContainer li#WhatsNew ul li{
padding-bottom:3px;
border-bottom:1px dashed #d6d6d6;
overflow:hidden;
width:210px;
margin:0 auto;
}
ul#RightContainer li#WhatsNew ul li dl{}
ul#RightContainer li#WhatsNew ul li dl dt{
font-size:130%;
font-family:"Century Gothic",Arial;
font-weight:bold;
color:#999999;
text-align:left;
margin-bottom:3px;
}
ul#RightContainer li#WhatsNew ul li dl dd{
text-align:left;
}
ul#RightContainer li#WhatsNew ul li dl dd a{
line-height:120%;
display:block;
font-size:90%;
text-decoration:underline;
}
ul#RightContainer li#WhatsNew ul li dl dd a:hover{
color:#333333;
}
ul#RightContainer li#WhatsNew ul li.List,
ul#RightContainer li#WhatsNew ul li.Feed{
text-align:right;
border:0px;
font-family:"Century Gothic",Arial;
font-size:100%;
}
ul#RightContainer li#WhatsNew ul li.Feed{
border-top:1px solid #cccccc;
}
ul#RightContainer li#WhatsNew ul li.FeedSite{
text-align:right;
}
ul#RightContainer li#WhatsNew ul li.FeedSite ul li{
border:0;
margin:0;
}
ul#RightContainer li#WhatsNew ul li.Feed a{
background: url(../images/rss_icon24.png) 0% 50% no-repeat;
height:100%;
padding:5px 0;
padding-left:18px;

line-height:20px;
}
ul#RightContainer li#WhatsNew ul li.FeedSite a{
background: none;
padding:5px 0;
}
ul#RightContainer li#WhatsNew ul li.List a{
}
ul#RightContainer li#WhatsNew ul li.List a:hover{
}
/*=======================================================*/
ul#RightContainer li#NaviPhoto{
}
ul#RightContainer li#NaviPhoto ul li{
float:left;
margin-left:5px;
}
/*=======================================================*/
ul#RightContainer li.Banner{
overflow:hidden;
border:0;
}
ul#RightContainer li.Banner h3{
overflow:hidden;
}
ul#RightContainer li.Banner h3 a{
display:block;
border:1px solid #999999;
height:228px;
}
ul#RightContainer li.Banner h3 a:hover{
border:1px solid #f39700;
}
ul#RightContainer li.Banner h3 a img{}
/*Footer
--------------------------------------------------------------------------------------*/
div#Footer{
width:100%;
border-top:1px solid #25982a;
background:#ffffff;
}
div#address{
border-top:2px solid #25982a;
padding:3px;
text-align:center;
}
div#Copyright{
background:#25982a;
padding:5px;
text-align:center;
color:#FFFFFF;
font-family:"Arial";
font-size:100%;
font-weight:bold;
}
div#FooterNaviContainer{
background:#25982a;
border-top:1px dashed #7dd02f;
padding:10px 0;
}
div#FooterRogo{
float:left;
width:150px;
text-align:center;
vertical-align:middle;
margin:auto;
}
div#FooterRogo h2 a{
height:100%;
width:100%;
display:block;
}
ul#validlist{
background:#25982a;
text-align:right;
padding:0 1%;
}
ul#validlist li{
line-height:150%;
display:inline;
margin-left:5px;
}
ul#validlist li span,
ul#validlist li a{
color:#FFFFFF;
font-family:Arial;
}
ul#validlist li#nakanohito{
display:none;
}
/*---------------------------------*/
ul.FootSitemap{
float:left;
margin:0;
}
div#FooterNaviBox{
float:left;
width:80%;
}
div#FooterNaviContainer div.Line{
float:left;
margin-right:5px;
border-right:1px dashed #7dd02f;
/*
width:168px;
*/
}
div#FooterNaviContainer div.Line h3{
font-size:100%;
margin-bottom:3px;
color:#FFFFFF;
font-weight:bold;
}
div#FooterNaviContainer div.Line ul.FootSitemap li{
}
div#FooterNaviContainer div.Line ul.FootSitemap li a{
padding:4px;
color:#ffffff;
margin:0;
line-height:180%;
}
div#FooterNaviContainer div.Line ul.FootSitemap li a:hover{
background:#ffffff;
color:#000000;
}
/*---------------------------------*/
div#address{
}
div#address a{
color:#666666;
font-weight:normal;
}
div#address a:hover{
color:#25982a;
text-decoration:underline;
}
div#address a span{
}
/*---------------------------------*/
ul#FooterNavi2{
text-align:right;
line-height:150%;
}
ul#FooterNavi2 li{
display:inline;
}
ul#FooterNavi2 li a{
margin-right:8px;
}
ul#FooterNavi2 li a:hover{
}
/*---------------------------------*
//*Middle
------------------------------------------------------------------------------------------------------------------------------------*/
div#MiddleContainer{
float:left;
width:50%;
padding:0 5px 10px;
border-right:1px dashed #d6d6d6;
}
/*=================================*/
div#TpMainImage{
text-align:center;
padding:3px 0 0;
}
div#TpMainImage img{
}
div#TpMainImage span{
display:block;
line-height:160%;
}
div#TpText{
width:100%;
margin:0 auto;
padding:10px 0 50px;background:#ffffff;
background:url(../images/TpTextBg02.jpg) 100% 100% no-repeat;
}
div#MiddleContainer div#TpText p{
color:#000000;
line-height:180%;
width:80%;
}
div#MiddleContainer div#TpText p.MainText{
padding:5px 0;
margin:3px auto;
text-align:center;
border-bottom:1px dashed #666666;
width:100%;
font-weight:bold;
}
/*-------*/
#TpMainImage .interface dl{
padding:0.5em;
}

#TpMainImage .interface{
text-align:left;
padding:0 1em;
}
#TpMainImage .interface dt{
font-weight:bold;
float:left;
}

/*=================================*/
div#MiddleContainer div#TpResult{
margin:8px auto;
border:1px solid #d6d6d6;
background:url(../images/TpResultBg.jpg) 100% 100% no-repeat;
}
div#MiddleContainer div#TpResult h2{
text-align:center;
background:url(../images/TpResultTitleBg.png) 50% 0% repeat-x;
}
div#MiddleContainer div#TpResult ul {
padding:10px 18px;
}
div#MiddleContainer div#TpResult ul li{
display:inline;
margin:3px 5px;
line-height:150%;
font-weight:bold;
}
/*=======================================================*/
div#TpApeal{
border:2px solid #d6d6d6;
margin:5px auto;
background:url(../images/TpApealBg.png) 50% 50% #7dd02f;

}
div#TpApeal p{
margin:0 0 5px;
}

div#TpApeal h2{
text-align:center;
}
div#TpApeal li {
float:left;
width:32%;
margin:2px;
overflow:hidden;
}
div#TpApeal li a{
display:block;
height:100px;
/*background:#ffffff;*/
} 
/*=======================================================*/
div#Contact{
margin-top:10px;
border:1px solid #d6d6d6;
}
div#Contact h2{
width:100%;
text-align:center;
background:url(../images/TpResultTitleBg.png) 50% 0% repeat-x;
}
div#Contact table#mailform,
div#Contact div#Caution
{
width:95%;
margin:8px auto;
}
div#Contact.ContactResult table#mailform{
width:100%;
}

div#Contact table#mailform td.left{
/*background:#dfffc1;*/
background:#f6f6f6;
color:#333333;
text-align:center;
width:30%;
padding:10px;
}
div#Contact table#mailform td.right{
padding:10px;
color:#666666;
}
div#Contact table#mailform td.right p{
padding:3px;
}div#Contact table#mailform td.right input{
width:80%;
border:1px solid #cccccc;
margin-right:2px;
}
div#Contact table#mailform td.right:hover{
background:#ffffcc;
}
div#Contact table#mailform td.right input.sendBtn{
width:80px;
background:#ffffff;
}
div#Contact table#mailform td.right input#SendDownload{
width:auto;

}
div#Contact table#mailform td.right textarea{
width:80%;
height:150px;
border:1px solid #cccccc;
}
div#Contact table#mailform td.right textarea#contact_textarea{
height:20em;
}
div#Contact table#mailform td.right textarea.estimate{
height:300px;
}
div#Contact table#mailform td.right input.TypeCheck,
div#Contact table#mailform td.right input.TypeRadio{
border:0;
width:auto;
vertical-align:middle;
}
#HopeOba{
display:none;
}
div#Contact table#mailform td.right p span.caution1{
color:#cccccc;
}
.NoEntryForm{color:#cccccc;}
div.errorContainer{
color:#FF0000;

font-size:120%;
font-weight:bold;
padding:5px 3%;
}
div.ProductAskShow{

border:1px solid #d6d6d6;
}
div.ProductAskShow p{
padding:0 2%;
}
div.ProductAskShow p.title{
font-weight:bold;
color:#ffffff;
padding:0 2%;
background:#25982a;
}
div.PageSubject{

font-size:120%;
font-weight:bold;
padding:0 3%;

}
div#mailFooter{
padding:5px;
}
/*MiddleContainerV2
------------------------------------------------------------------------------------------------------------------------------------*/
div#MiddleContainerType2{
float:left;
width:75%;
/*
width:50%;
*/
padding:0 5px 10px;
line-height:200%;

}
div#MiddleContainerType2 h2{
text-align:left;
}
div#MiddleContainerType2 div#Icon{
float:left;
}
div#MiddleContainerType2 div#Icon img{
width:80px;
height:80px;
}
div#MiddleContainerType2 div#Title{
width:100%;
border-bottom:5px solid #7dd02f;
margin:5px 0;
}
/*=======================================================*/
h3.Type1{/*白グラデ*/
margin:10px 0 5px;
padding:7px 6px 7px;
border-left:20px solid #7dd02f;
border-bottom:1px solid #cccccc;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
background:#ffffff url(../../images/title/H3Type1Bg.jpg) 50% 100% repeat-x;font-size:120%;
color:#333333;
}
h3.Type2{/*黒*/
background:#ffffff url(../../images/title/H3Type2Bg.jpg) 50% 50% repeat-x;
}
h3.Type2.TextType1/*黒*/
{
color:#FFFFFF;
padding:5px;
font-size:120%;
}

h3.Type3{/*オレンジ*/
background:#f39700 url(../../images/title/H3Type3Bg.jpg) 50% 50% repeat-x;
}
h3.Type3.TextType1
{
color:#FFFFFF;
padding:8px;
font-size:140%;
}

h4.Type1{/*緑の縞々*/
background:#7dd02f url(../../images/title/H4Type1Bg.png) 50% 50% repeat-x;
}
h4.Type1.TextType1{
color:#000000;
font-size:100%;
padding:2px;
padding-left:5px;
}
h4.Type2{/*グレーグラデ*/
background:#d6d6d6 url(../../images/title/H4Type2Bg.png) 50% 50% repeat-x;
}


h4.Type3{/*オレンジ*/
background:#ffce39 url(../../images/title/H4Type3Bg.png) 50% 50% repeat-x;
}
h4.Type3.TextType1{
color:#000000;
font-size:100%;
padding:5px;
padding-left:8px;
}
h4.Type4{/*赤*/
background:#ffce39 url(../../images/title/H4Type4Bg.png) 50% 50% repeat-x;
}
h4.Type5{/*歯車*/
background:#e7e7e7 url(../../images/title/H4Type5Bg.png) 0% 50% no-repeat;
padding:8px 0 8px 42px;
border:1px solid #d6d6d6;

}
h5.Type1{/**/
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding-left:15px;
}
h5.Type2{/*グレーグラデ*/
background:#ffffff url(../../images/title/H3Type2Bg.jpg) 50% 50% repeat-x;
color:#FFFFFF;
}
h5.Type3{/*緑のしましま*/
background:#7dd02f url(../../images/title/H4Type1Bg.png) 50% 50% repeat-x;
color:#000000;
}
h5.Type4,
h6.Type1
{/*ライン*/
border-bottom:1px solid #d6d6d6;
border-top:1px solid #d6d6d6;
border-left:5px solid #7dd02f;

padding-left:8px;
color:#000000;
}
h5.Type5{/*歯車*/
background:#e7e7e7 url(../../images/title/H4Type5Bg.png) 0% 50% no-repeat;
padding:8px 0 8px 42px;
border:1px solid #d6d6d6;

}

.TextType1{
color:#000000;
font-size:100%;
padding:2px;
padding-left:5px;
}

h6{
font-size:100%;
}

div#MiddleContainerType2 div.TopTextType1{
line-height:180%;
margin:0 auto;
color:#000000;
min-height:150px;
padding-left:305px;
}

.ListType1 li{
list-style-position:inside;
list-style:disc;
line-height:180%;
padding-left:10px;
}
div#MiddleContainerType2 ul.ListType2{
padding:10px;
border:1px solid #d6d6d6;
}
div#MiddleContainerType2 ul.ListType2 li{
float:left;
width:47%;
margin:0.5%;
border:1px solid #d6d6d6;
min-height:120px;
background:#ffffff;
}
div#MiddleContainerType2 ul.ListType2 li p{
line-height:160%;
padding:0px 5px;
}

ul.ListType3 li{
margin:5px 0;
}
.ListType3 li{

padding-left:10px;
}
.ListType3 li p{
padding-left:8px;
}

.ListType4 li p{
padding-left:8px;
}
.ListType4 li h5{
padding-left:5px;
}
.ListType5 li {
background:#f6f6f6;
margin:5px 0;
}
.ListType5 li a{
display:block;
padding:8px;
width:95%;
}
.ListType6 li{
list-style-position:outside;
list-style:disc;
line-height:180%;
margin-left:30px;
}
/**/
ol.ListNumType1 li{
list-style-type: decimal;
list-style-position:inside;
padding-left:15px;

}
ol.ListNumType2 li{
list-style-type: decimal;
list-style-position:inside;
}
ol.ListNumType2 li li{
padding-left:10px;
}
/*=================*/
dl.DataType1{
border-bottom:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
}
dl.DataType1 dt{
padding:8px;
float:left;
width:15%;
text-align:center;
background:#f6f6f6;
border-top:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
}
dl.DataType1 dd{
width:80%;
padding:8px;
border-top:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
float:left;
}


/*======
=================================================*/
div#MiddleContainerType2 a{
text-decoration:underline;
}
/*=======================================================*/
div#MiddleContainerType2  div#estimate{
padding:0;
margin:15px auto 0;
text-align:center;
}
div#MiddleContainerType2  div#estimate a{
width:100%;
height:100%;
display:block;
background:url(../../images/estimateBg.png) 0% 0% no-repeat;
}
div#MiddleContainerType2  div#estimate a:hover{
background:url(../../images/estimateBgOn.png) 0% 0% no-repeat;
}
/*Development
------------------------------------------------------------------------------------------------------------------------------------*/
div#MiddleContainerType2 p.ListType1{
width:90%;
padding:15px;
margin:5px auto;
line-height:180%;
border:1px solid #d6d6d6;
background:#f6f6f6;
}
div#MiddleContainerType2 p.ListType1 span{
display:block;
text-align:right;
}
div#MiddleContainerType2 ul.ListType2 li h4{
font-size:110%;
text-align:center;
padding:5px;
background:#8ed64a;
color:#000000;
}
div#MiddleContainerType2 p.Detaillink{
text-align:right;
}
/*=======================================================*/
ol#FlowType1{
padding:0 20px;
}
ol#FlowType1 li{
line-height:160%;
padding-bottom:30px;
background:url(../images/ArrowBotom32.png) 5% 100% no-repeat;
}
ol#FlowType1 li.Bottom{
background:none;
}

ol#FlowType1 li h4{
background:url(../images/TpResultTitleBg.png) 50% 50% repeat-x #d6d6d6;

padding:5px;
padding-left:15px;
font-size:100%;

color:#000000;

border:1px solid #999999;
border-bottom:0px solid #999999;

}

div#temporary ol.TempFlow li h4{
border:1px solid #999999;
}

ol#FlowType1 li div{
padding:5px 0;
border:1px solid #999999;
background:#ffffff;

}
ol#FlowType1 li div p{
padding-left:20px;

}
/*=======================================================*/
ul#Result{

}
ul#Result li.ResultBox{
border:1px solid #8bbd3a;
margin:10px auto;

}
ul#Result li.ResultBox div.ResultHeadText{
background:#f6f6f6;
width:95%;
margin:5px auto;
padding:5px;
border:1px solid #d6d6d6;
}
ul#Result li.ResultBox h3.ResultHeadTitle{
background:#8bbd3a;
}
ul#Result li.ResultBox div.TopicBox{
border:1px solid #999999;
width:95%;
margin:5px auto;
padding:7px;

}
ul#Result li.ResultBox div.TopicBox h4.TopicText{
float:left;
padding:5px;
margin: 0 15px;
border-left:10px solid #8bbd3a;
font-size:120%;

}

ul#Result li.ResultBox div.TopicBox div.TopicImage{
float:left;
}

ul#Result li.ResultBox ul.ResultEtcList{
width:95%;
margin:0 auto;
padding:5px 0 5px;
background:url(../../images/development/result/EtcBg.gif) 0% 100% no-repeat;


}
ul#Result li.ResultBox h5.ResultEtcTitle{
}
ul#Result li.ResultBox div.gotop{
text-align:right;
border-top:3px solid #8bbd3a;
}
ul#ResultList{
}
ul#ResultList li{
width:99%;
margin:3px auto;
}
ul#ResultList li a{
color:#000000;
border:1px solid #ffffff;
padding:0.5em;
display:block;
width:99%;
text-decoration:none;
font-size:1.2em;
border-left:5px solid #25982a;
}
ul#ResultList li a:hover{
background:#25982a;
color:#FFFFFF;
}
/*Bg
===========================================================================*/
#DevelopmentTop{
/*background:url(../../images/development/DevelopmentTop.png) 0% 50% no-repeat;*/
padding:0;
margin:0;
}
#DevelopmentFlow{
background:url(../../images/development/DevelopmentFlow.png) 0% 50% no-repeat;
}
#DevelopmentResult{
background:url(../../images/development/DevelopmentResult.png) 0% 50% no-repeat;
}
/*TextType
------------------------------------------------------------------------------------------------------------------------------------*/

div.TopTextType2,
ul.TopTextType2{

padding-left:1%;
}
div.TopTextType2 p.center{
text-align:center;
margin:8px auto;
}
div.TopTextType2 p strong{
font-size:140%;
color:#333333;
}
div.TopTextType2 img{
vertical-align:middle;
}
/*===*/
ul.Type1 li{
display:inline;
padding:0 5px;
}


/*Temporary
------------------------------------------------------------------------------------------------------------------------------------*/
div#TempCaution{
text-align: center;
margin:10px auto;
padding:8px;
border:3px solid #FF0000;
}
div#TempCaution p {
padding:5px;
}
div#TempCaution p strong{
color:#FF0000;
font-size:140%;
}
/*Company
------------------------------------------------------------------------------------------------------------------------------------*/
ul#CompanyList{
margin-bottom:8px;
border-bottom:3px solid #7dd02f;
background:url(../../images/company/ListBg.png) 0% 0% ;

}
ul#CompanyList li{
float:left;
width:100px;
height:50px;
text-align:center;
line-height:50px;
}

ul#CompanyList li a{
display:block;
width:100%;
height:100%;
text-decoration:none;
font-size:120%;
background:url(../../images/company/ListBg.png) 0% 0% no-repeat;
border-right:1px solid #d6d6d6;


}
ul#CompanyList li#Here a,
ul#CompanyList li a:hover{
background:url(../../images/company/ListBgOn.png) 0% 0% no-repeat;
color:#FFFFFF;
}
/*=======================================================*/

table#CompanyInfo{
width:70%;
border-left:1px solid #d6d6d6;
border-top:1px solid #d6d6d6;
margin:0 auto;
}
table#CompanyInfo td{
padding:10px;
border-right:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;

}
table#CompanyInfo td.left{
width:35%;
text-align:center;
background:#f6f6f6;
}
table#CompanyInfo td.right{
}
/*=======================================================*/
dl#CompanyHistory{
padding:10px;
}
dl#CompanyHistory dt{
font-weight:bold;
font-size:120%;
margin:8px 0 3px;
}
dl#CompanyHistory dd{
width:80%;
border-bottom:1px dashed #25982a;
}
/*=======================================================*/

/*=======================================================*/
dl#poricy{
margin:5px auto;

}
dl#poricy dt{
font-size:140%;
border-left:10px solid #25982a;
border-top:1px solid #25982a;
color:#25982a;

padding-left:5px;
}
dl#poricy dd{
padding-left:15px;
}
/*=======================================================*/
ul#Structure{

}
ul#Structure li{
margin-left:73px;
background:url(../../images/company/StructureBg10px.png) 0% 50% repeat-y ;
}
ul#Structure li.Bottom{
background:none;
}
ul#Structure li h4{
float:left;
padding-left:20px;

background:url(../../images/company/StructureBg10px.png) 0% 50% repeat-x ;
}
ul#Structure li h4.TopSide{
}
ul#Structure li h4.BottomSide{
background:url(../../images/company/StructureBgLineBottomSide.png) 0% 100% no-repeat #ffffff;
}

/*=====================*/
ul#Structure li#Boss{
margin:0;
background:url(../../images/company/StructureBg10px.png) 73px 50% repeat-y #ffffff;
padding-bottom:50px;

float:left;
}
ul#Structure li#Boss h4{
margin:0;
background:none;
}
ul#Structure li#BNET{
margin:0;
background:url(../../images/company/StructureBg10px.png) 0px 50% repeat-x #ffffff;
padding-left:50%;

float:left;
}
ul#Structure li#BNET h4{
margin:0;
background:none;
}

ul#Structure li#Dev{
clear:both;
}

/*=====================*/
ul#Structure li ul{
float:left;

}
ul#Structure li ul li{
margin: 0 0 5px;
border:2px solid #333333;
background:#f6f6f6;
padding:0 15px;
font-size:120%;

height:46px;
line-height:46px;

float:left;
}
ul#Structure li div.Text,
ul#Structure li dl{
margin-left:30px;
font-size:100%;
}

ul#Structure li div.Text{
clear:both;
margin-top:5px;
}
/*=====================*/

ul#Structure li dl,
dl.DlType1
{
background:#f6f6f6;
border:1px solid #d6d6d6;
width:50%;
padding:5px;
margin-bottom:8px;

}
ul#Structure li dl dt,
dl.DlType1 dt
{
border-bottom:1px solid #d6d6d6;
}
ul#Structure li dl dd{
}
p.LinkType1 {
font-size:130%;
margin:15px auto;
text-align:center;
width:90%;
padding:8px;
}
p.LinkType1 a{
}
p#map img{
border:1px solid #d6d6d6;
}
/*=====================*/

dl#traffic{
margin:0 15px;

}

dl#traffic dt{
font-size:120%;
border-left:10px solid #25982a;
border-bottom:1px solid #25982a;
background:#f6f6f6;
color:#000000;
padding-left:5px;
}
dl#traffic dd{
padding-left:20px;
}



/*Writing
------------------------------------------------------------------------------------------------------------------------------------*/
table.writing{
margin:5px 0 0;
width:90%;
border-top:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;

}
table.writing td{
border-bottom:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
padding:8px;
}

table.writing td.left{
width:20%;
background:#f6f6f6;

}
table.writing td.right{
}
table.writing td.BookName{
background:#f6f6f6;
border-bottom:3px solid #7dd02f;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
h3.TypeWrite
{
padding:10px;
background:#25982a;
color:#ffffff;
font-size:120%;

}
div#MiddleContainerType2 div#Writing h3.TypeWrite a.Link:link,
div#MiddleContainerType2 div#Writing h3.TypeWrite a.Link:visited{
color:#ffffff;
font-size:120%;
font-weight:bold;
text-decoration:none;
}
div#MiddleContainerType2 div#Writing h3.TypeWrite a.Link:hover{
text-decoration: underline;

}
div#Writing div.GoTop{
text-align:right;
margin:5px 0;
}
div#Writing ul#WritList{
border-top:3px solid #25982a;
border-bottom:3px solid #25982a;
margin-bottom:15px;
}
div#Writing ul#WritList li{
float:left;
}

div#Writing ul#WritList a{
padding:15px;
display:block;
margin:8px 5px ;
}

/*Recruit
------------------------------------------------------------------------------------------------------------------------------------*/
table#RecListTable{
width:70%;
margin:0 auto;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
margin-top:1em;
}
table#RecListTable h3{
text-align:center;
}
table#RecListTable td{
font-size:120%;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
padding:1% 3%;
font-size:100%;
}
table#RecListTable td.title{
background:#f6f6f6;
}
table#RecListTable td.left{
background:#f9f9f9;
width:50%;
}
table#RecListTable td.left a{
display:block;
height:100%;
}
table#RecListTable td.right{
}
div#recruit .toplink{
text-align:center;
}
/*=====================*/
div#recruit div#SubTitle{
background: url(../../images/recruit/TopSubTitileBg.png) 50% 100% repeat-x;
text-align:center;
margin:5px 0 10px;
}
div#recruit div#SubTitle img{
vertical-align:middle;
}

/*=====================*/
div#RecruitMessage{
text-align:center;
font-size:100%;
line-height:180%;
margin:15px auto;
border:1px solid #666666;
padding:15px;
color:#000000;
background: url(../../images/recruit/MessageBg.jpg) 50% 50%  repeat-y;
}
div#RecruitMessage div{
padding:15px;
width:90%;
height:80%;
background: url(../../images/recruit/Bg75per.png) 50% 50%;
}
div#RecruitMessage div:hover{
background: url(../../images/recruit/Bg75perYellow.png) 50% 50%;
}
div#RecruitMessage p strong{
font-size:150%;
line-height:250%;
margin:8px 0;
display:block;
}
/*=====================*/
ul#RecruitAboutOuk{
}
ul#RecruitAboutOuk li{
float:left;
width:45%;
background:#f6f6f6;
border:1px solid #d6d6d6;
margin-right:10px;
margin-bottom:10px;
padding:5px;
}

ul#RecruitAboutOuk li div.left{
float:left;
}

ul#RecruitAboutOuk li div.right{
float:left;
padding-left:15px;
width:70%;
}
ul#RecruitAboutOuk li div.right h4{
background:url(../../images/recruit/Mark01.gif) 0 50% no-repeat;
padding-left:22px;

}
/*============*/
div#recruit ul#RecruitAboutOuk li:hover,
div#recruit ul#RecruitAboutOukType2:hover,
div#recruit table#RecListTable td.left:hover,
div#recruit div.RecruitToForm:hover,
div#recruit ul.Type1:hover,
div#recruit div.TopTextType2:hover{
}

/*============*/
ul#RecruitAboutOukType2{
background:#f6f6f6;
border:1px solid #d6d6d6;
padding:15px;

}
ul#RecruitAboutOukType2 li{
float:left;
width:31%;
margin-left:10px;
color:#000000;
font-size:90%;
}
ul#RecruitAboutOukType2 li img{
display:block;
}
/*============*/
div.RecruitToForm{
text-align:center;
color:#000000;
border:1px solid #d6d6d6;
line-height:1.4;
}
div.RecruitToForm p{
font-size:100%;

}
div.RecruitToForm p img{
vertical-align: middle;
}
div.RecruitToForm div.Bottom{
border-top:1px dashed #cccccc;
}

/*============*/
table.RecruitPoint{
width:80%;
margin:0 auto;
border-top:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
}
table.RecruitPoint td{
padding:5px;
border-right:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
}
table.RecruitPoint td.left{
width:20%;
background:#f6f6f6;
text-align: center;
}
table.RecruitPoint td.right{
}
/*============*/
table.RecruitPoint tr:hover,
div.RecruitTextType1:hover{
}

/*============*/
div#recruit div.Message{
text-align:center;
padding:20px;
font-size:160%;
line-height:220%;
font-weight:bold;
}
div#recruit div#TeacherMessage1{
/*background:url(../../images/recruit/TeacherMessageBg.jpg) 50% 50% no-repeat;*/
font-size:120%;
}
div#NoRecruit{
text-align:center;
width:90%;
border:10px solid #ff0000;
padding:15px;
background:url(../../images/recruit/NoRecruitMark.png) 0% 50% no-repeat;
}
div#recruit div.Message_01{
padding:1em;
font-size:120%;
font-weight:bold;
line-height:2.0;
}
#recruit div.Message_01 .image{
float:left;
background:url(../images/stripe_003.png) ;
padding:0.5em;
margin-right:1em;
}
div#recruit .limit{
line-height:1.4;
color:#FF0000;
font-size:80%;
font-weight:normal;
border:1px solid #FF0000;
padding:0.5em;
float:left;
}
/*=============================================================*/
div#MiddleContainerType2 .recruit_area .RecruitTitle{
font-family: "ヒラギノ明朝 Pro W3", "ヒラギノ角ゴ Pro W3","HGP明朝E","HGPゴシックE",Osaka,"ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "細明朝体";
font-size:50px;
text-align:center;
padding:0.1em;
line-height:1.4;
}
.minchotitle{
font-family: "ヒラギノ明朝 Pro W3", "ヒラギノ角ゴ Pro W3","HGP明朝E","HGPゴシックE",Osaka,"ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "細明朝体";
font-size:50px;
}
.RecTextBox{
font-size:1.2em;
color:#000000;
padding:0.5em;
line-height:1.8;
}
.RecTextBox strong{
font-weight:bold;}
.RecTextBox .big{
font-size:1.4em;
}
.freeranceText p{
padding-left:1em;

}
div#MiddleContainerType2 .recruit_area .RecruitTitle .urgent{
display:block;
color:#FF0000;
background:#fffddf;
border:1px solid #ff0000;
padding:0.1em;
line-height:1.2;

}
#urgentBadge{
position:absolute;
margin:0 auto;
margin-left:760px;
margin-top:-100px;

}
div#MiddleContainerType2  .RecruitListType1 li.showy{
font-size:1.2em;
font-weight:bold;
}
.RecListTable .urgent td{

}
/*Arbeit
============*/
#arbeit_summary{
width:60%;
}
ul#ArbeitList{
margin-bottom:8px;
border-bottom:3px solid #ffde00;
background:url(../../images/company/ListBg.png) 0% 0% ;

}
ul#ArbeitList li{
float:left;
width:100px;
height:50px;
text-align:center;
line-height:50px;
}
ul#ArbeitList li img{
margin-top:15px;
}
ul#ArbeitList li a{
display:block;
width:100%;
height:100%;
text-decoration:none;
font-size:120%;
color:#666666;
background:url(../../images/recruit/arbeit/ListBg.png) 0% 0% no-repeat;
border-right:1px solid #d6d6d6;
}
ul#ArbeitList li#Here a,
ul#ArbeitList li a:hover{
background:url(../../images/recruit/arbeit/ListBgOn.png) 0% 0% no-repeat;
color:#333333;
}
/*==*/
div#recruit div#RecruitMessage1{
font-size:120%;
}
ul.arbeitExplain{
color:#666666;
line-height:1.6;
padding-left:15px;
}
ul.arbeitExplain li{
margin-bottom:8px;
}

ul.arbeitExplain li h4{
font-size:140%;
color:#000000;
background:url(../../images/recruit/arbeit/ArbeitMark01.gif) 0% 50% no-repeat;
padding-left:22px;
border-bottom:1px dashed #f39700;

}
ul.arbeitExplain li,
ul.arbeitExplain li ul{
padding-left:15px;
}
ul.arbeitExplain li ul li{
list-style-type:circle;
list-style-position:inside;
}

div#recruit div#SubTitleArb{
text-align:center;
}
div#recruit div#SubTitleArb img{
vertical-align:middle;
}
/*works*/
ul#ArbeitWorks li h3{
background:#ffde00;
}
ul#ArbeitWorks li h3 img{
vertical-align:middle;
}
ul#ArbeitWorks li{
border:1px solid #d6d6d6;
margin-bottom:15px;
padding-bottom:8px;
}
ul#ArbeitWorks li img.left{
float:left;
margin:8px;
border:3px solid #ffde00;

}

ul#ArbeitWorks li div.text{
float:left;
width:60%;
padding:8px;
line-height:180%;
}
ul#ArbeitWorks li div.text p strong{
color:#f39700;
}
ul#ArbeitWorks li.aday{
}
ul#ArbeitWorks li.aday p{
padding-left:15px;
}
ul#ArbeitWorks li.aday img{
margin:8px;
border:3px solid #ffde00;
}
ul#ArbeitWorks li.aday h3 img{
margin:0;
}

ul#ArbeitWorks li.aday img.serif{
border:0;
}
/*events*/
ul#ArbeitWorks li.events h3{
background:#ffffff url(../../images/title/H3Type1Bg.jpg) 50% 100% repeat-x;
margin:0 auto 5px;
border-top:0;
}
ul#ArbeitWorks li.events p{
padding:0 15px;
line-height:180%;
}
ul#ArbeitWorks li.events img{
border:5px solid #7dd02f;
margin:8px;
}

/*============*/

div.RecruitTextType1{
padding:5px;
padding-left:5%;
border:1px solid #d6d6d6;
}
.RecruitTextType1 .caution_2{
color:#666666;
border-top:1px dashed #d6d6d6;
}

div.RecruitTextType1 h4{
color:#000000;
font-size:160%;
}

ul.RecruitListType1{
}
ul.RecruitListType1 li{
padding-left:15px;
list-style-type:circle;
list-style-position:inside;
}

h4.RecruitType1{
text-align:center;
margin:10px auto;
font-size:100%;

}
h4.RecruitType1 img{
display:block;
margin:5px auto;
}

h4.RecruitType1 a strong{
font-size:100%;
font-weight:normal;
margin:5px auto;
display:block;

}

/*Oba
==========================*/
#ObaNoEntry,#ObaEntryMessage{
text-align:center;
font-size:100%;
line-height:2.0;
font-weight:bold;
border:5px solid #FF0000;
color:#000000;
padding:1em;
}
#ObaNoEntry strong{
color:#FF0000;
}
#ObaNoEntry .RSS{
border-top:1px dashed #d6d6d6;
font-weight:normal;
}

.arbeitExplain #ObaNoEntry{
text-align:left;
border:0;
background:#f6f6f6;
}


#ObaEntryMessage{border:2px solid #cccccc;}
#ObaEntryMessage strong{font-size:180%;}
.arbeitExplain #ObaEntryMessage{
text-align:left;border:1px solid #cccccc;background:#f6f6f6;
font-size:100%;line-height:1.4;font-weight:normal;}
.arbeitExplain #ObaEntryMessage strong{font-size:120%;}
#ObaEntryMessage .link{display:inline; margin:0 1em;}

/*==============*/
ul#ObaStudentComment{
}
ul#ObaStudentComment li{
background:#c3f198;
padding:8px;
margin-left:10px;
margin-bottom:5px;
width:90%;

}
div#ObaTeacherComment{
}
ul#ObaStudentComment li div.ObaPhoto,
div#ObaTeacherComment div.ObaPhoto{
float:left;
padding:5px;
}

ul#ObaStudentComment li dl{
float:left;
line-height:180%;
padding:5px;
color:#000000;

}


ul#ObaStudentComment li div.ObaComment,
div#ObaTeacherComment div.ObaComment{

float:left;
padding:5px 10px;
background:#FFFFFF;

}
div#ObaTeacherComment div.ObaComment h4,
ul#ObaStudentComment li div.ObaComment h4{
font-size:120%;
color:#000000;
}
dl#ObaQandA{
width:95%;
margin:0 auto;
line-height:180%;
}
dl#ObaQandA dt{
border-left:10px solid #25982a;
color:#000000;
margin-top:5px;
background:#f6f6f6;
padding:5px;
}
dl#ObaQandA dd{
padding-left:3%;
}
dl#ObaQandA dd strong{
}


ol#ObaFlow{
}
ol#ObaFlow li{
float:left;
background:url(../../images/recruit/oba/Flow_arrow.png) no-repeat 100% 50%;
padding-right:40px;
}
ol#ObaFlow li.right{
background:0;
}

.Stripe001{
background:url(../images/stripe_001.png) repeat-x 100% 50%;

}

/*2008.5=====================*/
#RecruitTopText_02{
padding:0.5em 0 0.5em 4em;
background:url(../../images/recruit/RecruitTopText_02_bg.png) no-repeat 0% 0%;
border-bottom:2px solid #25982a;
}
.RecruitText{
line-height:180%;
width:90%;
color:#666666;
}
.RecruitText strong.big{
font-size:140%;
color:#000000;
border-left:10px solid #25982a;
padding-left:0.3em;
line-height:1.8;
}
.RecruitText .flt_img_left{ padding:1em 0.2em;;}
.flt_img_left{
float:left;
}
.flt_img_right{
float: right;
}
.RecListTable{
border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;
}

.RecListTable td{
height:6em;
}
.RecListTable td,.RecListTable th{border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;padding:1%; font-weight:normal; }
.RecListTable td.left{text-align:center;}
.RecListTable{width:100%;margin:1% auto;}
.RecListTable_title,.RecListTable .head_1{ background:#f6f6f6; border:1px solid #d6d6d6; border-bottom:0;padding:1%;  }
.RecListTable_title,
.RecListTable{margin:0;}
.RecListTable .right{}
.RecListTable .techs{width:13%;}
.RecListTable .techs img{ vertical-align:bottom;}
.RecListTable .NoEntry{background:#f6f6f6 url(../images/stripe_002.png);}

.RecListTable .Dev,
.RecListTable .Teach,
.RecListTable .Temp,
.RecListTable .Sales{
border-left:2px solid #999999;
}

#RecruitAboutOuk_02 li{
padding:0.5em;
line-height:1.5;
float:left;
width:45%;
margin-right:1%;
margin-bottom:0.5em;
color:#666666;
}
#RecruitAboutOuk_02 li h4{
font-size:120%;
color:#000000;
}

#RecruitAboutOuk_02 .left,
#RecruitAboutOuk_02 .right{
float:left;
padding:1%;
}
#RecruitAboutOuk_02 .right{ width:70%;}
.RecListCaution li{
line-height:1.2;
padding:0.5em 1em;
}
.RecListCaution .RSS{
border:1px solid #d6d6d6;
margin:0.5em 0 0;
}

.RecListCaution .map{
border:1px solid #d6d6d6;
}
.RecListCaution li.red{
color:#FF0000;
}
/**/
.ObaCaution{
border-top:1px dashed #d6d6d6;
color:#999999;
}
/*Product
------------------------------------------------------------------------------------------------------------------------------------*/
/*リストページ　TOP
====================================================*/
ul.ProductListTop{
}
ul.ProductListTop li{
margin:5px auto;
border:1px solid #d6d6d6;
border-left:10px solid  #7dd02f;
}
ul.ProductListTop li:hover{
background:#FFFFCC;
border-left:10px solid  #25982a;
}
ul.ProductListTop li dl{
padding:5px 5px 0;
}
ul.ProductListTop li dl dt{
float:left;
width:30%;
font-weight:bold;
}
ul.ProductListTop li dl dt img{
border:1px solid #d6d6d6;
}
ul.ProductListTop li dl dt img:hover{
border:1px solid #f39700;
}
ul.ProductListTop li dl dd{
line-height:180%;
width:68%;
}
*:first-child+html ul.ProductListTop li dl{
height:10%;
} 

ul.ProductListTop li p.Link{
text-align:right;
padding-right:5px;
border-top:1px solid #d6d6d6;
background:#ffffff url(../../images/title/H3Type1Bg.jpg) 50% 100% repeat-x;
font-size:90%;
}
/*====*/
div.ProductTopList {
border:1px solid #d6d6d6;
margin:5px auto;
padding:5px;
}
div.ProductTopList p{
line-height:180%;
}
div.ProductTopList h4{
font-size:120%;
color:#000000;
margin:5px auto;
}
div.ProductTopList h4.Type1{
font-size:100%;
padding:5px;
}
div#ProductListTopSoftware ul{
padding:5px;
}
div#ProductListTopSoftware ul li{
float:left;
width:180px;
text-align:center;
font-size:90%;
}
div#ProductListTopSoftware ul li img{
border:1px solid #d6d6d6;
display:block;
}
div#ProductListTopSoftware ul li img:hover{
border:1px solid #f39700;
}
/*リストページ　ソフトウェア　リストモード
====================================================*/
ul.ProductList{
}
ul.ProductList li{
}
ul.ProductList li h3{
color:#FFFFFF;
padding:5px;
font-size:120%;

}
ul.ProductList li ul{
border:1px solid #d6d6d6;
}
ul.ProductList li ul li{}
ul.ProductList li ul li h4{
color:#000000;
font-size:100%;
padding:2px;
padding-left:5px;
}
ul.ProductList li ul li ul{
border:0;
}
ul.ProductList li ul li,
ul.ProductList li ul li ul li{
margin:3px ;
}
ul.ProductList li ul li a,
ul.ProductList li ul li ul li a{
display:block;
padding:5px 15px;
width:80%;
float:left;
border:1px solid #d6d6d6;

}
ul.ProductList li ul li a:hover,
ul.ProductList li ul li ul li a:hover,
ul.ProductList li ul li p.chk:hover,
ul.ProductList li ul li ul li p.chk:hover{
background:#ffffcc;
}

ul.ProductList li ul li p.chk,
ul.ProductList li ul li ul li p.chk{
float:left;
width:14%;
padding:4px 0;
margin-left:3px;
border:1px solid #d6d6d6;

}
ul.ProductList li ul li p.chk input,
ul.ProductList li ul li ul li p.chk input{
width:100%;
}
div.ProductListBottom{
color:#000000;
margin:8px 0;
line-height:180%;
}
p.ProductListToForm{
}
/*ダウンロード*/
ul.ProductList#DownloadList{
}
ul.ProductList#DownloadList li ul li{
border:1px solid #d6d6d6;
padding:0;
}
*:first-child+html  ul.ProductList#DownloadList li ul li{
height:10%;
}
ul.ProductList#DownloadList li ul li a{
border:0;
width:93.5%;
padding:3%;
text-decoration:none;
}
ul.ProductList#DownloadList li ul li span.name{
text-decoration:underline;
}
ul.ProductList#DownloadList li ul li span.chk{
border:0;
width:9%;
text-align:center;
}
ul.ProductList#DownloadList li ul li span.chk img{
vertical-align:middle;
padding:0 10px;

}
ul.ProductList#DownloadList li ul li a span.headline{
margin-left:5px;
color:#666666;
}
.DownLoadZipCaution{
font-size:80%;
color:#666666;
text-align:right;
}
/*ミドルウェアOS*/
div#product div#OSapply{
border:1px solid #d6d6d6;
padding:8px;
}
div#product div#OSapply ul{
margin:8px auto;
}
div#product div#OSapply ul li{
padding:5px 0;
list-style-type:circle;
list-style-position:inside;
}
div#product div#OSapply ul li a{
padding-left:8px;
}
/*トップの文言*/
div#ProductListMessage{
padding:10px;
color:#000000;
border:1px solid #d6d6d6;
}
div#ProductListMessage p strong{
display:block;
margin:5px auto;
}
div#ProductListMessage p.caution{
font-size:90%;
color:#999999;
}
div#ProductListMessage div.caution{
padding:8px;
margin:5px;
border:3px solid #25982a;
}

/*リストページ　ソフトウェア　個別表示モード
====================================================*/
div#ProductShowMode{
margin-bottom:1em;
border:1px solid #d6d6d6;
}
#ProductListSingleModeTitle{
color:#000000;
padding:0.5em;
padding-left:1em;
font-size:140%;
background:#7dd02f url(../../images/title/H4Type1Bg.png) 50% 50%;

}
div#ProductShowMode .Text{
padding:1em;
font-size:120%;
}
#software_apeal .detail_link{
padding:0.5em;
}
#software_apeal .Type2{
padding-left:1em;
font-size:100%;
}
div#ProductShowMode div.Text .contactext{
margin-top:1em;
padding-top:0.5em;
border-top:1px dashed #cccccc;
color:#000000
}
div#ProductShowMode div.Text p.this_product_contact a{
display:block;
text-decoration:none;
/*
color:#000000;
background:#7dd02f url(../../images/title/H4Type1Bg.png) 50% 50% repeat-x;

padding:0.2em;
padding-left:1em;
font-weight:bold;
*/
}

div#ProductShowMode div.Text p.this_product_contact a:hover{
color:#FF6600;
}


div#ProductShowMode div.Text ul.Type1 li{
display:block;
list-style-type:disc;
list-style-position:inside;

}

div#ProductShowMode p.catalog a{
display:block;
text-decoration:none;
padding:0.5em;
padding-left:1em;
background:#666666;
color:#FFFFFF;
/*
text-align:right;
padding-right:5px;
border-top:1px solid #d6d6d6;
background:#f6f6f6;
background:#ffffff url(../../images/title/H3Type1Bg.jpg) 50% 100% repeat-x;
font-size:90%;
*/
}
/*2009 7 13*/
div#ProductShowMode p.catlog_soft{
	background:url("../../images/product/catalog_ari.png") no-repeat 0 50%;
	padding:0.5em;
	padding-left:4em;
	margin:1em auto;
	border:1px dashed #666666;
}
div#ProductShowMode p.catalog a:hover{
background:#ff9900;
}
ul#OsApplyList{
padding:5px;
border-bottom:1px solid #d6d6d6;
background-color:#666666;
}
div#ProductShowMode ul#OsApplyList li{
display:inline;
}
ul#OsApplyList li img{
}
div#ProductAppliedBanner{
margin:3px 0;
}
div#ProductAppliedBanner img{
border:1px solid #d6d6d6;
}


#software_apeal .subtitle{
font-size:140%;
}
/*OXMAIL
====================================================*/
div.MessageType1{
padding:10px;
color:#000000;
}
div.MessageType1 strong.Type1{
font-size:120%;
}
div#oxmail div.TopTextType2{
margin-bottom:5px;
padding-top:5px;

}
div.imageType1{
margin:8px;
}
div#oxmail ul#System{
padding:10px;

}
div#oxmail ul#System li{
list-style-position:inherit;
list-style-type: disc;
margin-left:15px;
}
div#oxmail ul#System li span{
color:#FF6600;
}
div#oxmail ul#OxmailList li ol li{
list-style-position: inside;
list-style-type: decimal;
}
div#oxmail ul#OxmailList li ul li p{
padding-left:15px;
}
div#oxmail ul#OxmailList li h4{
margin-top:5px;
font-size:120%;
}
div#oxmail ul#OxmailList li h5{
color:#000000;
}

div#oxmail ul#OxmailList li div ul.list li{
list-style-position:inside;
list-style-type: disc;
padding-left:15px;
}
div#oxmail div#SendCaution{
font-size:120%;
color:#FF0000;
font-weight:bold;
}
/*menu*/
div#MiddleContainerType2 div#oxmail div#Title{
width:100%;
border-bottom:5px solid #f39700;
margin:5px 0 0;
}
div#MiddleContainerType2 div#oxmail p.banner{
margin:5px 0;
}

ul#OxmailMenu{
margin-bottom:0px;
border-bottom:3px solid #f39700;
background:url(../../images/company/ListBg.png) 0% 0% ;

}
ul#OxmailMenu li{
float:left;
width:100px;
height:50px;
text-align:center;
line-height:50px;
}

ul#OxmailMenu li a{
display:block;
width:100%;
height:100%;
text-decoration:none;
font-size:110%;
color:#000000;
background: url(../../images/company/ListBg.png) 0% 0% no-repeat;
border-right:1px solid #d6d6d6;


}
ul#OxmailMenu li#Here a,
ul#OxmailMenu li a:hover{
background:#f39700 url(../../images/company/ListBgOn) 0% 0% no-repeat;
color:#FFFFFF;
}
/*download*/
table.OxmailDownload{
width:97%;
margin:5px auto;
border-top:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
}
table.OxmailDownload td{
border-bottom:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
}
table.OxmailDownload td strong{
display:block;
padding:5px;
}

table.OxmailDownload td.top{
text-align:center;
background:#f6f6f6;
padding:5px 0;
}
table.OxmailDownload td.left{
background:#f6f6f6;
padding:10px;
width:30%;
}
table.OxmailDownload td.download{
width:20%;
text-align:center;
padding:10px;
}
table.OxmailDownload td.version{
width:30%;
padding:10px;
}
table.OxmailDownload td.os{
padding:10px;
}
div#oxmailReleasenote{
width:97%;
margin:auto;
padding:5px 0 10px;
}
/*リリースノート*/
ul.ReleaseNote{
}
ul.ReleaseNote li{
padding:8px 0;
}
ul.ReleaseNote li p{
padding:0 8px;
}
ul.ReleaseNote li p.bug{
padding:5px 8px;
}
ul.ReleaseNote li p.ey{
background:#f6f6f6;
padding:5px;
}
div#ReleaseNoteShowMode{
line-height:220%;
}
div#ReleaseNoteShowMode p.bug{
padding:5px 8px;
}
div#ReleaseNoteShowMode  p.ey{
background:#f6f6f6;
padding:5px;
}

div#ReleaseNoteShowMode  p.date{
text-align:right;
padding-right:5px;
border-top:1px solid #d6d6d6;
background:#f6f6f6;
background:#ffffff url(../../images/title/H3Type1Bg.jpg) 50% 100% repeat-x;
font-size:90%;
}
ul#ReleasenoteList{

}
ul#ReleasenoteList li{
display:inline;

margin:0 3px;
}
ul#ReleasenoteList li a{
text-decoration:underline;
}
/*勤怠管理
====================================================*/
div#veinauthentication div.imageType1 img{
border:3px solid #d6d6d6;
}
div#veinauthentication strong{
color:#ec0000;
font-size:120%;
}
div#MiddleContainerType2 div#veinauthentication div#Title{
width:100%;
border-bottom:5px solid #ec0000;
margin:5px 0 0;
}
div#MiddleContainerType2 div#veinauthentication h5{
border-bottom:3px solid #ec0000;
}
/*menu*/
ul#VeinAuthenticationMenu{
margin-bottom:5px;
border-bottom:2px solid #ec0000;
background:url(../../images/company/ListBg.png) 0% 0% ;

}
ul#VeinAuthenticationMenu li{
float:left;
width:100px;
height:50px;
text-align:center;
line-height:50px;
}
ul#VeinAuthenticationMenu li a{
display:block;
width:100%;
height:100%;
text-decoration:none;
font-size:110%;
color:#000000;
background: url(../../images/company/ListBg.png) 0% 0% no-repeat;
border-right:1px solid #d6d6d6;
}
ul#VeinAuthenticationMenu li#Here a,
ul#VeinAuthenticationMenu li a:hover{
background:#ec0000 url(../../images/company/ListBgOn) 0% 0% no-repeat;
color:#FFFFFF;
}

/*応用事例
====================================================*/
ul#AppliedList{
}
ul#AppliedList li{
border:1px solid #d6d6d6;
margin:5px 0;
}
ul#AppliedList li ul{
margin:8px 0;
}
ul#AppliedList li ul li{
list-style-position: inside;
list-style-type:disc;
margin-left:5px;
border:0;
}
div#applied ul.appliedlist02 p.link,
ul#AppliedList li  p.link{
text-align:right;
padding-right:5px;
border-top:1px solid #d6d6d6;
background:#f6f6f6 url(../../images/title/H3Type1Bg.jpg) 50% 100% repeat-x;
font-size:90%;
}
ul#AppliedList li  p.link a{
display:block;
}

ul#AppliedList li  p.title{
background:#f6f6f6;
font-size:90%;
padding:3px;
padding-left:8px;
}

div#applied h4.appliedtitle a{
text-decoration:none;
color:#000000;
font-weight:bold;
display:block;
padding:5px;
padding-left:8px;
font-size:80%;
}
div#applied p.text span{
color:#FF6600;
}
div#applied ul.appliedlist02 li{
}
div#applied ul.appliedlist02 p{

padding:0 8px;
}
div#applied ul.appliedlist02 p.link{
}

div#applied strong.message{
display:block;
padding:8px;
font-size:120%;
}

/*お知らせページ
====================================================*/
ul#InfromationNumList li{
display:inline;
margin:0 3px;
}
ul#InfromationNumList li a{
text-decoration:underline;
}
ul#InfromationList{
border-bottom:1px solid #d6d6d6;
width:95%;
margin:auto;
}
ul#InfromationList li{
border-top:1px solid #d6d6d6;
}
ul#InfromationList li:hover{
background:#FFFFCC;
}
ul#InfromationList li p.date{
float:left;
width:15%;
font-family:Arial;
padding:10px 0;
}
ul#InfromationList li p.text{
float:left;
width:80%;
}
ul#InfromationList li a{
padding:10px 0;
display:block;
}
div#InformationShowMode{
}
div#InformationShowMode h3{
background:#f6f6f6;
font-size:100%;
padding:15px;
border-bottom:3px solid #7dd02f;
}
div#InformationShowMode p.date{
font-family:Arial;
padding-left:5px;
border-bottom:1px solid #d6d6d6;
}
div#InformationShowMode p.link,
div#InformationShowMode div.text{
padding:10px;
}
div#InformationNavi{
padding:10px;
background:#f6f6f6;
}
div#InformationNavi p.prev{
float:right;
}
div#InformationNavi p.next{
float:left;
}
div#InformationNavi p.prev a{
padding-left:16px;
margin-right:3px;
background:url(../images/PanArrow.gif) 0% 50%  no-repeat;
}
div#InformationNavi p.next a{
padding-right:16px;
margin-left:3px;
background:url(../images/PanArrowLeft.gif) 100% 50%  no-repeat;
}

/*OXlib
====================================================*/
table#oxlibList{
margin:10px 0;
}
table#oxlibList td.left{
width:25%;
}

table#oxlibList th{
border-bottom:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
background:#f6f6f6;
}

div#oxlib h4{
font-size:100%;
}
ul.OxlibParts01 li{
float:left;
width:75px;
}
ul.OxlibParts02{
width:85%;
padding-top:30px;

background:url(../../images/product/oxlib/strc_mid2_bg.gif) 100% 0%  no-repeat;

}

div#oxlib div#OxlibStructure{
background:#e5e5e5;
}
div#oxlib p.text002{
width:85%;
text-align:right;
}
ul.OxlibParts02 li{
float: right;
width:75px;
}
ul.OxlibParts01 li img,
ul.OxlibParts02 li img{
display:block;
}
div.OxlibStructure01 p.image{
float:left;
width:53%;
text-align:right;
}
div.OxlibStructure01 p.text{
float:left;
width:45%;
padding:0 5px;
}

div.OxlibStructure01 p.text2{
padding:0 5px;
width:45%;
}

/*====*/
div#oxlib table#oxlibpartslist{
border-bottom:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
}
div#oxlib table#oxlibpartslist td{
border-top:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
padding:5px;

}
div#oxlib table#oxlibpartslist td.title{
background:#7dd02f url(../../images/title/H4Type1Bg.png) 50% 50% repeat-x;
color:#000000;
font-size:100%;
padding:2px;
padding-left:5px;
font-weight:bold;
}
div#oxlib table#oxlibpartslist td.TitleSub{
background:#f6f6f6;
}
div#oxlib table#oxlibpartslist td.title a{
text-decoration:none;
}
div#oxlib table#oxlibpartslist th{
background:#f6f6f6;
padding:8px;
border-top:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;

}

div#oxlib table#oxlibpartslist td.category1{
width:8%;
text-align:center;
}
div#oxlib table#oxlibpartslist td.category2{
width:8%;
text-align:center;

}
div#oxlib table#oxlibpartslist td.function{
}
div#oxlib table#oxlibpartslist td.GotoTop{
text-align:right;
}


div#oxlib p.BackList{
background:#f6f6f6;
border:1px solid #d6d6d6;
margin:5px 0;
}
div#oxlib p.BackList a{
padding:8px;
display:block;
}
/**/
div#MiddleContainerType2 div#oxlib div#Title,
div#MiddleContainerType2 div#oxlibplus div#Title{
width:100%;
border-bottom:5px solid #68218e;
margin:5px 0 0;
}

ul#OxlibMenu{
margin-bottom:0px;
border-bottom:3px solid #68218e;
background:url(../../images/company/ListBg.png) 0% 0% ;

}
ul#OxlibMenu li{
float:left;
width:88px;
height:50px;
text-align:center;
line-height:50px;
}

ul#OxlibMenu li a{
display:block;
width:100%;
height:100%;
text-decoration:none;
font-size:110%;
color:#000000;
background: url(../../images/company/ListBg.png) 0% 0% no-repeat;
border-right:1px solid #d6d6d6;
}
ul#OxlibMenu li#Here a,
ul#OxlibMenu li a:hover{
background: #68218e url(../../images/company/ListBgOn) 0% 0% no-repeat;
color:#FFFFFF;
}
/*OXlib
====================================================*/
div#oxlibplus ol.ListNumType2 h6{
padding-left:5px;
}
div#oxlibplus h4.Type5{
margin:0 0 6px;
}
div#oxlibplus h5 a,
div#oxlibplus h6 a{
text-decoration:none;
}
div#oxlibplus h5.Type2{
padding:5px;
}
div#oxlibplus h5.Type3 a{
color:#000000;
display:block;
font-weight:bold;
}
div#oxlibplus h5.Type5{
margin:5px 0;
}
div#oxlibplus ol.ListNumType2 li{
list-style-type:none;
}
div#oxlibplus ol.ListNumType2 li ol li{
list-style-type: decimal;
}
div#oxlibplus ol.ListNumType1 li ul.ListType1 li,
div#oxlibplus ol.ListNumType2 li ol li ul.ListType1 li{
list-style-type:disc;
}
div#oxlibplus ol.ListNumType2 li p,
div#oxlibplus ol.ListNumType2 li ul li,
div#oxlibplus ol.ListNumType2 li ol li p,
div#oxlibplus ol.ListNumType2 li ol li ul li{
padding-left:10px;
list-style-type:none;
}
div#oxlibplus ol#program li{
margin:5px 0;
}
div#oxlibplus ol.ListNumType2 li ul dl,
div#oxlibplus ol.ListNumType2 li ol li dl,
div#oxlibplus ol.ListNumType2 li div.code dl{
padding-left:30px;
}
div#oxlibplus ol.ListNumType2 li ul dl dt{
font-weight:bold;
}
div#oxlibplus ol.ListNumType2 li ul dl dd,
div#oxlibplus ol.ListNumType2 li ol li dl dd,

div#oxlibplus ol.ListNumType2 li div.code dl dd{
padding-left:10px;
}
div#oxlibplus ol.ListNumType2 li ul dl dd.tab,
div#oxlibplus ol.ListNumType2 li div.code dl dd.tab{
padding-left:30px;
}
div#oxlibplus ol.ListNumType2 li div.code{
border-top:1px dashed #666666;
border-bottom:1px dashed #666666;
margin:5px 0;
}
div#oxlibplus ol.ListNumType2 li p.tab{
padding-left:30px;
}
div#oxlibplus ol#parts li{
margin:5px 0;
} 
div#oxlibplus ol#parts li ol li{
padding-left:25px;
}
div#oxlibplus ol.ListNumType2 li ol li ul.OxlibPlusUl li{
padding-left:30px;
}

div#oxlibplus ol#oxlibparts1 li{
list-style-type:none;
}
div#oxlibplus ol#oxlibListNumber li{
list-style-type:decimal;
}
div#oxlibplus ol#oxlibListNumber li ul li{
list-style-type:none;
}
div#oxlibplus div.oxlibppspan1 {
border-left:1px solid #333333;
}
div#oxlibplus div.oxlibppspan1 span{
float:left;
padding:10px;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
border-top:1px solid #333333;
}
div#oxlibplus dl.oxlibpp_m01 dt{
font-weight:bold;
}
div#oxlibplus dl.oxlibpp_m01{
border-bottom:1px dashed #333333;
}

/*ソフトウェア部品
====================================================*/
div#advantage .ProductAdvantageList1{
line-height:250%;
}
div#advantage ul#softwarePartsLineup li ul li{
padding-left:15px;
}
p#SearchContainer a{
display:block;
padding:5px;
width:75%;
text-align:center;
border:1px solid #000000;
}
p#SearchContainer2 a{
display:block;
padding:5px;
text-align:center;
border:1px solid #d6d6d6;
}
/*ソフトウェア部品検索
====================================================*/
form#searchform ul.select li{
border:1px solid #d6d6d6;
padding:3px;
margin:0 0 3px 0;
}
form#searchform ul.select li ul {
border-top:1px solid #d6d6d6;

}
form#searchform ul.select li ul li{
border:0;
float:left;
}

form#searchform h3{
font-size:100%;
margin:0;
padding:5px;
}
form#searchform div#TextForm{
background:#7dd02f;
padding:8px;
margin:3px 0;
}
form#searchform div#TextForm input{
border:1px solid #000000;
padding:2px;
display:block;
width:60%;
}
form#searchform div#TextForm input.sendBtn{
padding:0;
border:1px solid #000000;
width:10%;
margin:5px 0 0;
}



form#searchform ul.OsList li{
padding:2px;
font-family:Arial, Helvetica, sans-serif;
}

div#product p#SearchNohit,
div#product p#Searchhit{
border:0;
margin:10px 0;
}
div#product p#SearchNohit{
color:#FF0000;
}
ul.SearchResult{
line-height:150%;
}
ul.SearchResult li{
border:1px solid #d6d6d6;
margin:3px 0;
}
ul.SearchResult li p{
}
ul.SearchResult li p.title a{
display:block;
padding:3px;

}
ul.SearchResult li p.category{
background:#f6f6f6;
padding:3px;
color:#666666;

}
ul.SearchResult li p.category span.category1{
}
ul.SearchResult li p.category span{
padding-left:18px;
background:url(../images/PanArrow.gif) 0% 50%  no-repeat;
}
ul.SearchResult li p.category span.category1{
padding:0;
background:0;
}

div.SearchWord{
padding:5px;
border:1px solid #000000;
background:#ffffff;
}

/*サイトマップ
====================================================*/
ul.sitemapList ul li{
padding-left:30px;
}
ul.sitemapList h4,
ul.sitemapList h3{
font-size:100%;
}
ul.sitemapList h3{
background:#7dd02f url(../../images/title/H4Type1Bg.png) 50% 50% repeat-x;
color:#000000;
font-size:100%;
padding:2px;
padding-left:10px;
}
ul.sitemapList h4{
border-left:15px solid #7dd02f;
border-bottom:1px solid #7dd02f;
padding-left:7px;
}
ul.sitemapList ul li span{
margin-right:5px;
}
ul.sitemapList li ul li.List{
border-top:1px dashed #7dd02f;
}
ul.sitemapList li p.whats{
padding-left:10px;
}
/*=============================*/
/*採用情報FAQ*/
#RecFaqContainer{}
#RecFaqContainer .toplink{
text-align:center;
font-size:120%;
border:1px dashed #d6d6d6;}
#RecFaqContainer .caution{
line-height:1.4;
background:url('../images/stripe_003.png');
padding:0.5em;
margin:1em auto;
}
#RecFaqContainer .caution .box{
background:#ffffff;
padding:1em;
}
ul#RecruitFaqList{
border-bottom:1px solid #d6d6d6;
width:95%;
margin:auto;
line-height:120%;
}
ul#RecruitFaq_PostTagsList{
padding-left:1em;
}
ul#RecruitFaq_PostTagsList li{
display:inline;
padding-right:1em;
}

ul#RecruitFaqList li{
border-top:1px solid #d6d6d6;
}
ul#RecruitFaqList li a{
padding:1% 0;
display:block;
}
h3 span.RecFaqTitle{
display:block;
}

ul.RecruitFaqNumList li{
display:inline;
margin:0 3px;

}
ul.RecruitFaqNumList li a{
text-decoration:underline;
}
ul#RecruitFaqTagsList{
width:95%;
margin:1%  auto;
line-height:120%;

}
ul#RecruitFaqTagsList li a{
display:block;
}
.RecruitFaqContainer{
border:1px solid #d6d6d6;
margin:0.5% auto;
}
#RecFaqNew,#InformationShowMode{
clear:both;
border:1px solid #d6d6d6;

}
#RecruitFaqCat_child{
width:60%;
float:left;
}
#RecruitFaqCategory{
width:30%;
float:left;
margin-right:1em;
}
.RecruitFaqContainer h3{
background:#25982a url(../../images/recruit/faq/faqtitleBg.jpg) 50% 0% repeat-x;
height:29px;
width:100%;
overflow:hidden;
}
.RecruitFaqContainer h4{
color:#000;
font-size:120%;
padding:0 2%;
}
/*writer
====================================================*/
#writerList{
}
#writerList .item{
border:1px solid #d6d6d6;
padding:0.5em;
margin-bottom:0.5em;
}
#writerList .writername a{
display:block;
text-decoration:none;
font-weight:bold;
font-size:140%;
background:#25982a;
padding:0.5em;
color:#FFFFFF;
margin-bottom:0.3em;
}
#writerList .item .books{
border:1px solid #d6d6d6;
margin-bottom:0.3em;
}
#writerList .item .books .bookname,
#writerList .item .books .text{
float:left;
padding:0.5em;

}

#writerList .item .books .bookname{
width:25%;
text-align:center;
}
#writerList .item .books .text{
width:71%;
}
#writerList .item .book .text{
width:90%;
}

#writerList .container{
padding:1em;
border:1px solid #d6d6d6;
}


/*add 090218*/
div.textLeft{
text-align:left;
font-size:120%;
color:#666666;
}
div.textLeft strong a.link{
color:#25982a;
}
div.textLeft p a{
font-weight:bold;
color:#333333;
}
div.textLeft p a:hover{
color:#25982a;
}
.pContact{
padding:0.5em;
border:1px solid #25982a;
line-height:1.6;
}
.pContact ul li,
.pContact p a.link
{
font-weight:bold;

}


.EntryPlease{
padding:1em;
border:3px solid #ff0000;
margin:1em auto;
font-size:1.4em;
background:#ffffdb;
}

/*Result*/

#devResultList .title{
font-size:1.2em;
background:url("../images/bg_green.png") 50% 50% repeat-x #00bc00;
padding:0.2em 0.5em;
color:#FFFFFF;
}
#devResultList .list{
padding:1em 0;
}
#devResultList .item{
padding-left:2em;
}
#devResultList .headline{
margin-bottom:0.5em;
}
#devResultList .text{
padding:1em;
border:1px solid #cccccc;
margin:0.1em auto;
background:#f6f6f6;
}
#devResultList .more{
}
#devResultList .img{
vertical-align:middle;
background:url("../images/stripe_09_01.png");
padding:5px;
margin-right:1em;
}
#devResultList .back a{
display:block;
padding:0.5em;
background:url("../images/stripe_09_01.png");
margin:0.5em auto;
color:#000000;
font-size:1.2em;
text-decoration:none;
text-align:right;
}


.list01 li{
list-style-position:outside;
margin-left:2em;
list-style-type:circle;
}

.center{text-align:center;}


#freeranceMes{
padding:1em;
margin:1em auto;
background:#FFFFCC;
}

.tips{
	background:#e6e6e6;
	font-size:0.9em;
	padding:1em;
	line-height:1.4;
	margin:1em auto;

}
.tips .title{
	margin-bottom:0.5em;	padding:0.2em;
	line-height:1.2;
	padding-left:1em;
	color:#333;
	border:1px solid #d6d6d6;
	background:#fff;
	
}
.arial{font-family:Arial, Helvetica, sans-serif;}

.sub_title_kamiwaza{
	padding:5px;
	padding-left:1em;
	border-bottom:1px solid #999;
	border-left:5px solid #999;
	background:#f6f6f6;
}
.box_kamiwaza{
	padding:10px;
}
.kamiwaza_list{
	padding:10px 0;
}
.kamiwaza_list li{
	list-style-type:circle;
	list-style-position:outside;
	margin-left:2em;
}
.kamiwaza_banner a:link,
.kamiwaza_banner a:visited
{
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
	text-align:center;
	background:#25892a;
	color:#fff;
	font-size:1.2em;
}
.kamiwaza_banner a:hover{
	background:#31b636;
}
	


#kamiwaza_menu{
margin-bottom:5px;
border-bottom:2px solid #00b7ee;
background:url(../../images/company/ListBg.png) 0% 0% ;
width:100%;

}
#kamiwaza_menu .item,
#kamiwaza_menu .index{
float:left;
width:180px;
height:50px;
text-align:center;
line-height:50px;
}
#kamiwaza_menu .item a,
#kamiwaza_menu .index a{
display:block;
width:100%;
height:100%;
text-decoration:none;
font-size:110%;
color:#000000;
border-right:1px solid #d6d6d6;
}
#kamiwaza_menu .item a:hover,
body #kamiwaza_menu .current,
#kamiwaza_menu .index a:hover{
background:#00b7ee;
color:#FFFFFF;
}
#kamiwaza_menu .current{
	background:red;
}
#kamiwaza_video .item{
	padding:8px;
	height:165px;
	margin-right:5px;
	text-align:center;
	float:left;
	margin-bottom:15px;
	border:1px solid #999;
}	




html body #MiddleContainerType2 .title0001{
	font-size:2em;
	text-align:center;
	margin:0.5em auto;
	background:#333;
	padding:0.5em 0;
	color:#fff;
}