@charset "utf-8";

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

level2.css

====================================================================*/
#bigbucket{background: #f9f1da url(../img/common/level2_bg.gif) repeat-x top center;}
#head{height: 141px;}
#contents h2{
   height: 65px;
   text-indent: -9999px;
   overflow: hidden;
}
.leftpane{
   float: left;
}
.rightpane{
   float: left;
}
.policy strong{
   color: #e56698;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.5;
}


/*--------------------------------------------------------------------
about
--------------------------------------------------------------------*/
body#ct_about #container{background: url(../img/about/bg_map.gif) no-repeat center 204px;}
body#ct_about #contents{background: url(../img/common/border_type1.gif) repeat-y 398px top;}
body#ct_about #contents h2{background: url(../img/about/h2.gif) no-repeat;}

body#ct_about div.leftpane{
   width: 370px;
   margin-right: 63px;
}
body#ct_about div.rightpane{
   width: 517px;
}

#idea div h3{
   height: 74px;
   text-indent: -9999px;
   overflow: hidden;
}
#idea div p{
   margin-top: 13px;
}

#idea div#idea1 h3{background: url(../img/about/idea1.gif) no-repeat}
#idea div#idea2{margin-top: 30px;}
#idea div#idea2 h3{background: url(../img/about/idea2.gif) no-repeat}

#photo{
   margin-top: 30px;
}
#photo ul,
#photo ul li{display: block;}
#photo ul li{
   float: left;
   width: 120px;
   height: 75px;
   background: #cdc5b1;
   margin: 5px 5px 0 0;
}
#photo ul li.end{margin-right: 0;}
#photo ul li a{}

#accessmap{
   height: 315px;
   visibility: hidden;
}

#profile table{
   width: 516px;
   background: url(../img/about/profile_bg.gif) no-repeat bottom;
}
#profile table th,
#profile table td{
   text-align: left;
   vertical-align: top;
   padding-top: 8px;
   padding-bottom: 8px;
   background: url(../img/about/profile_bg.gif) no-repeat top;
}
#profile table th{
   white-space: nowrap;
}
#profile table th strong{
   display: block;
   color: #929b5f;
   font-weight: normal;
   padding-right: 25px;
   border-right: solid 1px #ddd;
}
#profile table td{
   padding-left: 15px;
}



/*--------------------------------------------------------------------
service
--------------------------------------------------------------------*/
body#ct_service #container{background: none;}
body#ct_service #contents{background: url(../img/common/border_type1.gif) repeat-y 272px top;}
body#ct_service #contents h2{background: url(../img/service/h2.gif) no-repeat;}
#services{padding-bottom: 15px;}
div.detail{
   width: 950px;
   margin-top: 50px;
}
div.detail:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
div.detail h3{
   float: left;
   width: 272px;
   height: 80px;
   text-indent: -9999px;
   overflow: hidden;
}
div.detail p{
   float: right;
   width: 647px;
   margin-top: 15px;
}
/*個別*/
div.detail#service1{margin-top: 0;}
div.detail#service1 h3{background: url(../img/service/h3_01.gif) no-repeat;}
div.detail#service2 h3{background: url(../img/service/h3_02.gif) no-repeat;}
div.detail#service3 h3{background: url(../img/service/h3_03.gif) no-repeat;}
div.detail#service1 div,
div.detail#service1 div ul{
   width: 647px;
}
div.detail#service1 div{
   float: right;
   background: url(../img/service/border.gif) repeat-y 311px top;
   margin-top: 10px;
}
div.detail#service1 ul,
div.detail#service1 ul li{
   display: block;
}
div.detail#service1 ul{
   background: url(../img/service/border.gif) repeat-x left 73px;
}
div.detail#service1 ul:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
div.detail#service1 ul li{
   float: left;
   background-repeat: no-repeat;
   background-position: left center;
}
div.detail#service1 ul li.left{
   width: 310px;
   margin-right: 15px;
}
div.detail#service1 ul li.right{
   width: 320px;
}
div.detail#service1 ul li *{float: none;}
div.detail#service1 ul li h4{
   height: 30px;
   font-weight: bold;
   line-height: 36px;
   color: #eb0660;
}
div.detail#service1 ul li p{
   font-size: 10px;
   margin-top: 0px;
   padding-bottom: 8px;
}
div.detail#service1 ul li.left h4,
div.detail#service1 ul li.left p{
   width: 281px;
   margin-left: 0px;
   /*width: 210px;
   margin-left: 71px;*/
}
div.detail#service1 ul li.right h4,
div.detail#service1 ul li.right p{
   width: 320px;
   margin-left: 0;
   /*width: 251px;
   margin-left: 69px;*/
}
div.detail#service1 ul li#sb1 p,
div.detail#service1 ul li#sb2 p{
   padding-bottom: 0;
}
div.detail#service1 ul li#sb3,
div.detail#service1 ul li#sb4{
   margin-top: 10px;
}
/*
div.detail#service1 ul li#sb1{background-image: url(../img/service/sb1.jpg);}
div.detail#service1 ul li#sb2{background-image: url(../img/service/sb2.jpg);}
div.detail#service1 ul li#sb3{background-image: url(../img/service/sb3.jpg);}
div.detail#service1 ul li#sb4{background-image: url(../img/service/sb4.jpg);}
*/

div.detail#service2 div{
   float: right;
   width: 647px;
   margin-top: 10px;
}
div.detail#service2 div ul,
div.detail#service2 div ul li{
   display: block;
}
div.detail#service2 div ul li{
   float: left;
   margin-right: 10px;
}


/*--------------------------------------------------------------------
recruit
--------------------------------------------------------------------*/
body#ct_recruit #container{background: none;}
body#ct_recruit #contents{background: none;}
body#ct_recruit #contents h2{background: url(../img/recruit/h2.gif) no-repeat;}

body#ct_recruit div.leftpane{
   width: 577px;
   margin-right: 60px;
}
body#ct_recruit div.rightpane{
   width: 310px;
}

#wanted p{margin-top: 10px;}
#wanted table{
   width: 577px;
   border-top: dotted 1px #ada58a;
   margin-top: 40px;
}
#wanted table th,
#wanted table td{
   text-align: left;
   vertical-align: top;
   padding-top: 15px;
   padding-bottom: 15px;
   border-bottom: dotted 1px #ada58a;
}
#wanted table th{
   white-space: nowrap;
   color: #eb0660;
   padding-right: 20px;
}
#wanted table td p{
   margin: 0 0 7px 0;
}
#wanted table td p.add{
   font-size: 10px;
   color: #9b9378;
}

#entry{
   height: 184px;
   background: url(../img/recruit/entry_bg.gif) no-repeat;
   margin-top: 5px;
   overflow: hidden;
}
#entry p{
   width: 280px;
   font-size: 10px;
   line-height: 1.5;
   margin: 7px 0 0 15px;
}
#entry p a{font-size: 12px;}
#entry div#btn{
   width: 292px;
   height: 53px;
   background: url(../img/recruit/entry_btn.gif) no-repeat;
   margin: 9px 0 0 9px;
   overflow: hidden;
}
#entry div#btn a{
   display: block;
   width: 284px;
   height: 45px;
   text-indent: -9999px;
   overflow: hidden;
   margin: 4px 0 0 4px;
}



/*--------------------------------------------------------------------
works
--------------------------------------------------------------------*/
body#ct_works #bigbucket{background: url(../img/common/level2_bg2.gif) center top;}
body#ct_works #container{background: url(../img/common/level2_bg2_top.gif) repeat-x center top;}
body#ct_works #contents{background: none;}
body#ct_works #foot_container{background: url(../img/common/foot_bg2.jpg) repeat-x center top;}
body#ct_works #head{height: 121px;}
body#ct_works #contents h2{
   float: left;
   width: 155px;
   height: 25px;
   background: url(../img/works/h2.gif) no-repeat;
   margin-right: 20px;
}
body#ct_works #contents #titletext{
   color: #93796f;
   font-size: 10px;
   line-height: 1.4;
}

/*navi_works*/
.navi_works{
   clear: both;
   height: 24px;
   background: url(../img/works/navi_bg.gif) no-repeat;
   margin-top: 20px;
   padding-right: 20px;
   overflow: hidden;
}
.navi_works ul,
.navi_works ul li,
.navi_works ul li a,
.navi_works p,
.navi_works p a{
   display: block;
   height: 12px;
}
.navi_works ul{
   float: left;
   padding-left: 21px;
}
.navi_works ul li,
.navi_works ul li a,
.navi_works p,
.navi_works p a{
   width: 32px;
   background-image: url(../img/works/navi.gif);
   background-repeat: no-repeat;
}
.navi_works ul li.li_smart,
.navi_works ul li.li_smart a
{
   width: 86px;
   background-image: url(../img/works/smapho_navi.gif);
   background-repeat: no-repeat;
}
.navi_works ul li{
   float: left;
   margin-right: 20px;
   margin-top: 6px;
}
.navi_works ul li a,
.navi_works p a{
   display: block;
   text-indent: -9999px;
   overflow: hidden;
}
.navi_works p{
   float: right;
   margin-top: 6px;
}
.navi_works p.li_all,
.navi_works p.li_all a             {background-position:     0   0px;}
.navi_works p.li_all a:visited     {background-position: -32px   0px;}
.navi_works p.li_all a:hover       {background-position: -64px   0px;}
.navi_works p.li_all a:active      {background-position: -96px   0px;}
.navi_works ul li.li_2004,
.navi_works ul li.li_2004 a        {background-position:     0 -12px;}
.navi_works ul li.li_2004 a:visited{background-position: -32px -12px;}
.navi_works ul li.li_2004 a:hover  {background-position: -64px -12px;}
.navi_works ul li.li_2004 a:active {background-position: -96px -12px;}
.navi_works ul li.li_2005,
.navi_works ul li.li_2005 a        {background-position:     0 -24px;}
.navi_works ul li.li_2005 a:visited{background-position: -32px -24px;}
.navi_works ul li.li_2005 a:hover  {background-position: -64px -24px;}
.navi_works ul li.li_2005 a:active {background-position: -96px -24px;}
.navi_works ul li.li_2006,
.navi_works ul li.li_2006 a        {background-position:     0 -36px;}
.navi_works ul li.li_2006 a:visited{background-position: -32px -36px;}
.navi_works ul li.li_2006 a:hover  {background-position: -64px -36px;}
.navi_works ul li.li_2006 a:active {background-position: -96px -36px;}
.navi_works ul li.li_2007,
.navi_works ul li.li_2007 a        {background-position:     0 -48px;}
.navi_works ul li.li_2007 a:visited{background-position: -32px -48px;}
.navi_works ul li.li_2007 a:hover  {background-position: -64px -48px;}
.navi_works ul li.li_2007 a:active {background-position: -96px -48px;}
.navi_works ul li.li_2008,
.navi_works ul li.li_2008 a        {background-position:     0 -60px;}
.navi_works ul li.li_2008 a:visited{background-position: -32px -60px;}
.navi_works ul li.li_2008 a:hover  {background-position: -64px -60px;}
.navi_works ul li.li_2008 a:active {background-position: -96px -60px;}
.navi_works ul li.li_2009,
.navi_works ul li.li_2009 a        {background-position:     0 -72px;}
.navi_works ul li.li_2009 a:visited{background-position: -32px -72px;}
.navi_works ul li.li_2009 a:hover  {background-position: -64px -72px;}
.navi_works ul li.li_2009 a:active {background-position: -96px -72px;}
.navi_works ul li.li_2010,
.navi_works ul li.li_2010 a        {background-position:     0 -84px;}
.navi_works ul li.li_2010 a:visited{background-position: -32px -84px;}
.navi_works ul li.li_2010 a:hover  {background-position: -64px -84px;}
.navi_works ul li.li_2010 a:active {background-position: -96px -84px;}
.navi_works ul li.li_2011,
.navi_works ul li.li_2011 a        {background-position:     0 -96px;}
.navi_works ul li.li_2011 a:visited{background-position: -32px -96px;}
.navi_works ul li.li_2011 a:hover  {background-position: -64px -96px;}
.navi_works ul li.li_2011 a:active {background-position: -96px -96px;}
.navi_works ul li.li_2012,
.navi_works ul li.li_2012 a        {background-position:     0 -108px;}
.navi_works ul li.li_2012 a:visited{background-position: -32px -108px;}
.navi_works ul li.li_2012 a:hover  {background-position: -64px -108px;}
.navi_works ul li.li_2012 a:active {background-position: -96px -108px;}
.navi_works ul li.li_2013,
.navi_works ul li.li_2013 a        {background-position:     0 -120px;}
.navi_works ul li.li_2013 a:visited{background-position: -32px -120px;}
.navi_works ul li.li_2013 a:hover  {background-position: -64px -120px;}
.navi_works ul li.li_2013 a:active {background-position: -96px -120px;}
.navi_works ul li.li_2014,
.navi_works ul li.li_2014 a        {background-position:     0 -132px;}
.navi_works ul li.li_2014 a:visited{background-position: -32px -132px;}
.navi_works ul li.li_2014 a:hover  {background-position: -64px -132px;}
.navi_works ul li.li_2014 a:active {background-position: -96px -132px;}
.navi_works ul li.li_apps,
.navi_works ul li.li_apps a        {background-position:     0 -144px;}
.navi_works ul li.li_apps a:visited{background-position: -32px -144px;}
.navi_works ul li.li_apps a:hover  {background-position: -64px -144px;}
.navi_works ul li.li_apps a:active {background-position: -96px -144px;}
.navi_works ul li.li_dtp,
.navi_works ul li.li_dtp a        {background-position:     0 -157px;}
.navi_works ul li.li_dtp a:visited{background-position: -32px -157px;}
.navi_works ul li.li_dtp a:hover  {background-position: -64px -157px;}
.navi_works ul li.li_dtp a:active {background-position: -96px -157px;}
.navi_works ul li.li_smart,
.navi_works ul li.li_smart a        {background-position:     0 -0;}
.navi_works ul li.li_smart a:visited{background-position: -86px -0;}
.navi_works ul li.li_smart a:hover  {background-position: -172px -0;}
.navi_works ul li.li_smart a:active {background-position: -258px -0;}

#showcase{
   width: 936px;
   margin-left: 7px;
   overflow: hidden;
}
#showcase div.capture{
   float: left;
   margin: 10px 24px 0 0;
}
#showcase div.capture.ipn{
   float: left;
   background: #ffffff;
   margin: 10px 15px 10px 0;
}
#showcase div.capture img{
   width: 216px;
   height:143px;
}
#showcase .dtp-blk div.capture img{
   width: 216px;
   height:auto;
}
#showcase div.capture img.appli-capture{
   width: 257px;
   float:left;
   height: auto;
}

dt.title-platform{
   font-size: 10px;
   border-bottom:1px dotted #333333;
}

dd.contents-platform{
   font-size: 10px;
   border-bottom:1px solid #333333;
   padding:3px 8px;
}

dt.appli-ex{
   padding-top:10px;
}

#showcase div.capture dl.appli-prop{
   border-top:5px solid #333333;
   width: 195px;
   float:left;
   height: auto;
}
#showcase div.capture dl.appli-prop dt{
   font-weight:bold;
   padding:8px 5px;
   
}
#showcase div.capture img.platform-icn{
   width: 19px;
   margin:2px 5px 0 0;
   height: auto;
}
#showcase div.capture p{
   font-size: 10px;
   font-family: Verdana;
   color: #93796f;
   margin-top: 5px;
}

#showcase div.capture.pickup{
   margin-top: 15px;
}
#showcase div.capture.pickup img{
   width: 456px;
   height: auto;
}
#showcase div.capture.pickup p{
   font-size: 12px;
}
#showcase div.capture.end{
   margin-right: 0;
}
#showcase div.border{
   clear: left;
   width: 936px;
   height: 20px;
   background: url(../img/common/border_type2.gif) repeat-x bottom;
}

#showcase div.border.title{
   height: 10px;
   background: url(../img/common/border_type2.gif) repeat-x top;
}


h3.div-title{
clear:left;
   width:170px;
   height:32px;
   margin-top:15px;
   text-indent: -10000px;
}

h3#title-web{background: url(../img/works/h3-web.gif) no-repeat;}
h3#title-appli{background: url(../img/works/h3-appli.gif) no-repeat;}
h3#title-dtp{background: url(../img/works/h3-dtp.gif) no-repeat;}
h3#title-smart{background: url(../img/works/h3-smap.gif) no-repeat; width:230px;}

/*--------------------------------------------------------------------
contact
--------------------------------------------------------------------*/
body#ct_contact #container{background: url(../img/contact/bg_map.jpg) no-repeat center 205px;}
body#ct_contact #contents{background: url(../img/common/border_type1.gif) repeat-y 299px top;}
body#ct_contact #contents h2{background: url(../img/contact/h2.gif) no-repeat;}

body#ct_contact div.leftpane{
   width: 267px;
   margin-right: 68px;
}
body#ct_contact div.rightpane{
   width: 615px;
   background: url(../img/contact/form_bg.gif) repeat-y;
   border-top: solid 1px #dfd7ba;
   border-bottom: solid 1px #dfd7ba;
   padding-bottom: 31px;
   overflow: hidden;
}

body#ct_contact div.leftpane div{
   width: 250px;
   text-align: right;
   background: url(../img/common/border_type3.gif) repeat-x bottom;
   margin-left: 15px;
   overflow: hidden;
}
#company_map{
   height: 355px;
}
#company_map p{
   font-size: 10px;
   margin-top: 285px;
}
#company_info{
   padding-bottom: 20px;
}
#company_info h4{
   font-weight: bold;
   margin-top: 20px;
}
#company_info p{margin-top: 13px;}

#contact_form{
   width: 555px;
   margin: 31px 0 0 31px;
}
#contact_form p.error{
   color: #7a2026;
   margin-top: 15px;
}
#contact_form dl dt{
   font-size: 12px;
   font-weight: bold;
   margin-top: 15px;
}
#contact_form .text,
#contact_form.confirm dd{
   display: block;
   width: 555px;
   padding: 0 5px;
   font-size: 18px;
   color: #c65a62;
   background: url(../img/contact/form_bg2.gif) repeat-y;
   border-left: none;
   border-right: none;
   border-top: solid 1px #dcd1ae;
   border-bottom: solid 1px #dcd1ae;
}
#contact_form input.text{
   height: 35px;
}
#contact_form textarea.text{
   height: 150px;
}
#contact_form.confirm dd{
   padding-top: 7px;
   padding-bottom: 7px;
}

#contact_form div.btn{
   text-align: center;
}
#contact_form div.btn p{
   overflow: hidden;
}
#contact_form p input{
   cursor: pointer;
   text-align: left;
   border: none;
   background: none;
   text-indent: -9999px;
   overflow: hidden;
   margin: 4px 0 0 4px;
}
#contact_form.confirm div{
   margin: 25px 0 0 71px;
}
#contact_form div.btn p.send{
   width: 294px;
   height: 55px;
   background: url(../img/contact/form_btn_confirm.gif) no-repeat;
   margin: 20px auto 0;
}
#contact_form div.btn p.send input{
   width: 286px;
   height: 47px;
}
#contact_form div.btn p.submit,
#contact_form div.btn p.back{
   width: 194px;
   height: 55px;
   float: left;
   margin-right: 25px;
}
#contact_form div.btn p.submit{background: url(../img/contact/form_btn_submit.gif) no-repeat;}
#contact_form div.btn p.back{background: url(../img/contact/form_btn_back.gif) no-repeat;}
#contact_form div.btn p.submit input,
#contact_form div.btn p.back input{
   width: 186px;
   height: 47px;
}



/*--------------------------------------------------------------------
News & Topics
--------------------------------------------------------------------*/
body#ct_news #container{background: none;}
body#ct_news #contents{background: none;}
body#ct_news #contents h2{background: url(../img/news/h2.gif) no-repeat;}

#newstopics,
#newstopics .item,
#newstopics .item dl{
   width: 950px;
   overflow: hidden;
}
#newstopics{
   background: url(../img/common/border_type4.gif) repeat-x top;
}
#newstopics .item{
   background: url(../img/common/border_type4.gif) repeat-x bottom;
   margin-top: 30px;
   padding-bottom: 30px;
}
#newstopics .item dl{
   background: url(../img/common/border_type5.gif) repeat-y 172px top;
}
#newstopics .item dl:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#newstopics .item dl dt{
   float: left;
   width: 173px;
   font-size: 24px;
   font-family: Georgia;
   line-height: 1;
   color: #f8788a;
   margin-right: 60px;
}
#newstopics .item dl dd{
   float: left;
   width: 717px;
}
#newstopics .item dl dd h3{
   font-size: 18px;
   color: #eb0660;
}
#newstopics .item dl dd p{
   margin-top: 10px;
}