@charset "utf-8";
/* CSS Document */


body{
margin:0;
padding:0;
background-color:#ffffff;
background-image:url(../img/bg_body.gif);
background-position:left top;
background-repeat:repeat-x;
font-size:12px;
color:#666666;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:1.4em;
}

img{
border:0;
}

.img01{
margin:12px 0px;
}

a:link{
color:#0066CC;
text-decoration:none;
}

a:visited{
color:#0066CC;
text-decoration:none;
}

a:hover{
color:#CC0033;
text-decoration:underline;
}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
}

h2 a{
width:309px;
height:50px;
text-indent:-9999px;
background:url(../img/upstair_logo.png) no-repeat top left;
display:block;
margin-top:11px;
outline:none;
}

* html h2 a{ behavior: expression(IEPNGFIX.fix(this)); }

h4{
border-left:3px solid #3f617e;
border-bottom:1px solid #3f617e;
padding:2px 6px;
vertical-align:middle;
color:#3f617e;
background-color:#e1e8ee;
margin:15px 0px;
}

h4.rec{
border:none;
background:url(../img/bg_h5.gif) bottom left repeat-x;
padding:2px 3px;
vertical-align:middle;
margin:8px;
color:#b50000;
background-color:#ffffff;
}

h5{
background:url(../img/bg_h5.gif) bottom left repeat-x;
padding:2px 3px;
vertical-align:middle;
margin:8px;
color:#b50000;
}

h6{
margin:10px;
margin-bottom:3px;
color:#3f617e;
}

/*======================================font========================================*/
.txt_01{
color:#850518;
}

.txt_02{
font-size:14px;
color:#064881;
font-weight:bold;
}

.txt_03{
color:#B50000;
font-style:italic;
}

.txt_04{
margin:0px 8px;
text-indent:-0.5em;
padding-left:1em;
}

.link{
margin:5px 0px;
padding:2px 17px;
vertical-align:middle;
background:url(../img/link_icon.gif) no-repeat left center;
}

.f1{
font-size:1px;
}

/*======================================画像========================================*/

.m-img{
margin-left:12px;
}

.m-img02{
margin-left:10px;
margin-bottom:5px;
}

.img-floatleft{
float:right;
}

.m-b-5{
margin-bottom:5px;
}

#content-wrapper{
width:760px;
margin:0 auto;
padding:0px 5px;
background:url(../img/bg_contents.png) top center repeat-y;
_background:url(../img/bg_contents.gif) top center repeat-y;
}

* html #content-wrapper{ behavior: expression(IEPNGFIX.fix(this)); }

#header1{
width:753px;
height:17px;
margin:0;
padding-left:7px;
padding-top:7px;
background:url(../img/bg_header1.gif) top center no-repeat;
color:#0e2884;
}

#pageheader{
width:753px;
height:79px;
margin:0;
padding-left:7px;
padding-top:7px;
background:url(../img/bg_pageheader.gif) top center no-repeat;
color:#0e2884;
}


#header-flash{
width:760px;
height:280px;
margin:0;
padding:0;
}

#header-main{
width:760px;
height:131px;
margin:0;
padding:0;
}

#navi{
width:743px;
height:61px;
background:url(../img/bg_menu.gif) top center no-repeat;
margin:0;
padding:0;
padding-left:17px;
padding-top:2px;
}

#main-area{
width:760px;
margin:10px 0px;
padding:0;
}

:root #main-area{
min-height:400px;
}

#main-l{
width:470px;
float:left;
margin:0;
margin-left:10px;
_margin-left:5px;
}

#main-r{
width:255px;
float:right;
margin:0;
margin-right:10px;
_margin-right:5px;
}

.box1{
padding:5px 10px;
margin:0;
background-color:#ffffff;
}

.box2{
height:350px;
padding:5px 10px;
margin:0;
background-color:#ffffff;
}

.box3{
padding:10px 10px;
margin:0;
background-color:#ffffff;
}

.box3_h{
padding:10px 10px;
padding-bottom:260px;
margin:0;
background-color:#ffffff;
}

.box4{
padding:0px 10px;
margin:0;
background-color:#ffffff;
}

.box5{
text-align:right;
margin:0;
background-color:#ffffff;
}

.box6{
margin:10px 0px;
}


.box1 p{
margin:10px;
}

.box2 p{
margin:10px;
}

.box3 p{
margin:10px;
}

.box3_h p{
margin:10px;
}

.box4 p{
margin:10px;
}

.al_c{
margin:12px 0px;
text-align:center;
}

dl.info{
margin:0;
margin-top:8px;
padding:0;
}

dl.info dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  border-left: solid 5px #CCC;
  padding-left: 5px;
}

dl.info dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}

#footer{
width:760px;
height:104px;
background:url(../img/bg_footer.gif) top left repeat-x;
margin:0;
margin-top:20px;
padding:0;
clear:both;
font-size:10px;
color:#0e2884;
line-height:1.3em;
letter-spacing:0.1em;
}

#footer-l{
width:360px;
float:left;
padding:20px 0px 0px 15px;
margin:0;
}

#footer-r{
width:360px;
float:right;
padding:20px 15px 0px 0px;
margin:0;
text-align:right;
}

#copy{
margin-top:10px;
}


/*=======================================================サービスページ関連===========
=====================================================================================================*/


#left_m{
width:190px;
height:194px;
float:left;
margin:0;
margin-left:10px;
_margin-left:5px;
background:url(../img/title_service.gif) no-repeat top center;
padding:0px;
padding-top:34px;
}
#main-right{
width:540px;
float:right;
margin:0;
margin-right:10px;
_margin-right:5px;
}

#link-list{
text-align:right;
margin-bottom:2px;
font-size:11px;
}

#link-list02{
text-align:right;
margin-bottom:2px;
margin-right:12px;
font-size:11px;
}

.box_s_middle{
background-color:#ffffff;
margin:0;
padding:6px 10px;
}

.box_s_up,.box_s_bottom{
width:540px;
height:4px;
margin:0;
padding:0;
font-size:1px;
}

.box_s_middle p{
margin:10px;
}

.line-w520{
margin:10px 0px;
}

/*コマース事業ページ*/
#e-c-01{
width:520px;
height:120px;
margin:0;
margin-top:10px;
margin-left:5px;
padding:0;
font-size:10px;
color:#25425b;
font-weight:bold;
}

#e-c-01 dl{
margin:0;
padding:0;
}

#e-c-01 dt{
height:40px;
margin:0;
padding:0;
background-color:#d0d9df;
padding:2px 5px;
margin-bottom:5px;
}

#e-c-01 dd{
height:auto;
margin:0;
padding:0;
}

.e-c-01l01{
width:160px;
height:120px;
float:left;
margin-right:10px;
}

.e-c-01l02{
width:160px;
height:120px;
float:left;
margin-right:0px;
}

#table-e-c{
border:1px solid #C9C9C9;
border-collapse:collapse;
margin-left:10px;
}

#table-e-c th{
width:160px;
padding:2px 4px;
text-align:left;
vertical-align:middle;
background-color:#E1E1E1;
border:1px solid #C9C9C9;
}

#table-e-c th.t1{
background-color:#ffffff;
border:1px solid #C9C9C9;
}

#table-e-c td{
width:55px;
padding:2px 4px;
text-align:center;
vertical-align:middle;
font-size:11px;
border:1px solid #C9C9C9;
}

#table-e-c td.title{
width:55px;
padding:2px 4px;
text-align:center;
vertical-align:middle;
font-size:12px;
background-color:#DAE1E9;
border:1px solid #C9C9C9;
}

/*モバイルメディア事業ページ*/
#mo-box{
width:520px;
margin:0;
margin-top:10px;
margin-left:5px;
padding:0;
font-size:10px;
color:#FF6600;
font-weight:bold;
}

#mo-box dl{
margin:0;
padding:0;
}

#mo-box dt{
height:32px;
margin:0;
padding:0;
}

#mo-box dd{
background-color:#ebe1d6;
padding:5px;
height:auto;
margin:0;
height:475px;
}

.mo-box01{
width:160px;
height:510px;
float:left;
margin-right:10px;
}

.mo-box02{
width:160px;
height:510px;
float:left;
margin-right:0px;
}




/*=======================================================会社情報ページ===========
=====================================================================================================*/
#left-m-com{
width:190px;
height:136px;
float:left;
margin:0;
margin-left:10px;
_margin-left:5px;
background:url(../img/title_companyinfo.gif) no-repeat top center;
padding:0px;
padding-top:31px;
}



#rinen ul{
margin:10px 28px;
padding:0;
}

#rinen li{
margin-bottom:5px;
}

table.table-type03{
margin:0px 5px;
margin-bottom:10px;
}

.table-type03 th{
width:90px;
text-align:left;
padding:5px 3px;
background-color:#d7dde2;
color:#333333;
vertical-align:middle;
font-weight:normal;
}

.table-type03 td{
text-align:left;
padding:5px 3px;
vertical-align:middle;
}

/*=======================================================サービスページ関連===========
=====================================================================================================*/

#left_m{
width:190px;
height:194px;
float:left;
margin:0;
margin-left:10px;
_margin-left:5px;
background:url(../img/title_service.gif) no-repeat top center;
padding:0px;
padding-top:34px;
}


table.table-type01{
margin:10px 5px;
margin-bottom:0px;
}

.table-type01 th{
width:90px;
text-align:left;
padding:5px 3px;
background-color:#d7dde2;
color:#333333;
vertical-align:middle;
font-weight:normal;
}

.table-type01 td{
text-align:left;
padding:5px 3px;
vertical-align:middle;
}


/*=======================================================採用情報ページ===========
=====================================================================================================*/
table.table-type02{
margin:10px 5px;
margin-bottom:0px;
}

.table-type02 th{
width:90px;
text-align:left;
padding:5px 3px;
background-color:#e1e8ee;
color:#333333;
vertical-align:middle;
font-weight:normal;
}

.table-type02 td{
text-align:left;
padding:5px 3px;
vertical-align:middle;
}

.rec02{
background:url(../img/bg_rec01.jpg) no-repeat bottom right;
}

.rec04{
background:url(../img/bg_rec02.jpg) no-repeat bottom right;
}

/*=======================================================お問い合わせページ===========
=====================================================================================================*/

.f_01{
width:240px;
margin-left:5px;
}

.f_02{
width:160px;
margin-left:5px;
}

.f_03{
width:240px;
margin-left:5px;
height:120px;
}

.f_04{
width:300px;
}

.f_05{
width:140px;
}

.f_06{
width:80px;
}

.f_07{
width:540px;
margin-left:5px;
height:120px;
}


.table-type01 td.btn_form{
text-align:left;
padding:10px 3px;
vertical-align:middle;
}

/*=======================================================リクルートフォームページ===========
=====================================================================================================*/
#r_form{
margin:0px 10px;
}

/*=======================================================プライバシーポリシーページ===========
=====================================================================================================*/

#privacy-p{
margin:10px;
margin-top:20px;
}

#privacy-p dl{
margin:0;
padding:0;
}


#privacy-p dt{
margin:0;
padding:0;
color:#064881;
}

#privacy-p dt.p-m10{
margin:0;
margin-left:10px;
padding:0;
color:#064881;
}

#privacy-p dd{
margin:0;
margin-bottom:10px;
padding:0;
}

#privacy-p dd.p-m10{
margin:0;
margin-bottom:10px;
margin-left:10px;
padding:0;
}