/********ヘッダー*********/
#wrapper #header {
   width:800px;
   height:189px;
   background-repeat:no-repeat;
}

#wrapper #header h1 {
   width:203px;
   height:134px;
   background-image:url(../images/logo.png);
   background-repeat:no-repeat;
   text-indent:-9999px;
 behavior: expression(IEPNGFIX.fix(this));
}

#wrapper #header span.pannavi {
   display:none;
}

#wrapper #header h1 a {
   display:block;
   width:203px;
   height:134px;
}

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

#wrapper #header ul#head_navi {
   margin-left:203px;
   width:597px;
   height:84px;
   position:absolute;
   top:28px;
   background-repeat:no-repeat;
   text-indent:-9999px;
}

#wrapper #header ul#head_navi li a {
   display:block;
   height:42px;
}

#wrapper #header ul#head_navi li span {
   background-repeat:no-repeat;
}

#wrapper #header ul#head_navi li a:hover {
   background-position:0 -42px;
}

#wrapper #header ul#head_navi li#nhome a {
   width:122px;
   background-image:url(../images/btn_home.jpg);
}

#wrapper #header ul#head_navi li#npress a {
   width:144px;
   background-image:url(../images/btn_news.jpg);
}

#wrapper #header ul#head_navi li#nservices a {
   width:92px;
   background-image:url(../images/btn_services.jpg);
}

#wrapper #header ul#head_navi li#ncompany a {
   width:125px;
   background-image:url(../images/btn_about.jpg);
}

#wrapper #header ul#head_navi li#ncontact a {
   width:114px;
   background-image:url(../images/btn_contact.jpg);
}

#wrapper #header ul#head_navi li {
   float:left;
}

#news #wrapper #header {
   background-image:url(../images/sub_header01.jpg);
}

#services #wrapper #header {
   background-image:url(../images/sub_header02.jpg);
}

#company #wrapper #header {
   background-image:url(../images/sub_header03.jpg);
}

#contact #wrapper #header {
   background-image:url(../images/sub_header04.jpg);
}

#sitemap #wrapper #header {
   background-image:url(../images/sub_header05.jpg);
}
 /*************************************/

 /********大枠*********/
#wrapper #content #sub_main {
   height:auto;
   background-color:#ffffff;
   background-image:url(../images/idx_mainbg2.jpg);
   background-repeat:no-repeat;
}

#wrapper #content #main #sub_main {
   margin:0 59px 0 58px;
   padding-top:16px;
   width:675px;
   height:100%;
}
/*************************************/

 /********共通*********/
#wrapper #content #main #sub_main h2 {
   margin-bottom:20px;
   width:675px;
   height:31px;
   background-repeat:no-repeat;
   text-indent:-9999px;
}
#wrapper #content #main #sub_main dd {
   margin-top:12px;
   margin-left:26px;
}
/*************************************/

 /********各サブページ見出し*********/
#wrapper #content #main #sub_main h2#news2009 {
   background-image:url(../images/ttl_obi2009.jpg);
   clear:both;
}
#wrapper #content #main #sub_main h2#news2008 {
   background-image:url(../images/ttl_obi2008.jpg);
   clear:both;
}

#wrapper #content #main #sub_main h2#news2007 {
   background-image:url(../images/ttl_obi2007.jpg);
   clear:both;
}

#wrapper #content #main #sub_main h2#company {
   background-image:url(../images/ttl_obi_company.jpg);
}

#wrapper #content #main #sub_main h2#greeting {
   background-image:url(../images/suttl_obi_greeting.jpg);
}

#wrapper #content #main #sub_main h2#enkaku {
   background-image:url(../images/suttl_obi_enkaku.jpg);
}

#wrapper #content #main #sub_main h2#access {
   background-image:url(../images/suttl_obi_access.jpg);
}

#wrapper #content #main #sub_main h2#recruit {
   background-image:url(../images/ttl_obi_recruit.jpg);
}

#wrapper #content #main #sub_main h2#contact {
   background-image:url(../images/ttl_obi_contact.jpg);
}

#wrapper #content #main #sub_main h2#poricy {
   background-image:url(../images/ttl_obi_privacy.jpg);
}

#wrapper #content #main #sub_main h2#site {
   background-image:url(../images/ttl_obi_sitemap.jpg);
}

#wrapper #content #main #sub_main h2#partner {
   background-image:url(../images/ttl_obi_partner.jpg);
}

#wrapper #content #main #sub_main h2#partner_rec {
   background-image:url(../images/ttl_obi_partnerrec.jpg);
}

#wrapper #content #main #sub_main h2#cmi {
   background-image:url(../images/sttl_obi_cm.jpg);
}

#wrapper #content #main #sub_main h2#oldnews {
   background-image:url(../images/ttl_obi_oldnews.jpg);
}
/*************************************/

 /********PRESS RELASE*********/
#wrapper #content #main #sub_main dl.date dt {
   margin-top:10px;
   margin-left:15px;
   padding-left:10px;
   height:17px;
   background-image:url(../images/news_border.gif);
   background-repeat:repeat-x;
   color:#003366;
   font-weight:bold;
}

#wrapper #content #main #sub_main dl.date dd {
   clear:both;
}

#wrapper #content #main #sub_main dl.date dt span.newsdate {
   display:block;
   margin-left:5px;
   float:left;
}

#wrapper #content #main #sub_main dl.date dt span.cateicon {
   display:block;
   margin-left:60px;
   padding-top:2px;
   width:68px;
   height:15px;
   background-repeat:no-repeat;
   background-position:center;
}

dt span.cateicon.miteca {
   background-image:url(../images/icon_miteca.gif);
}

dt span.cateicon.sports {
   background-image:url(../images/icon_sports.gif);
}

dt span.cateicon.cmfind {
   background-image:url(../images/icon_cmfind.gif);
}

dt span.cateicon.papamama {
   background-image:url(../images/icon_papamama.gif);
}

dt span.cateicon.photonavi_waine {
   background-image:url(../images/icon_wine.gif);
}

dt span.cateicon.kao_mode {
   background-image:url(../images/icon_kao.gif);
}

dt span.cateicon.myupo {
   background-image:url(../images/icon_myupo.gif);
}

dt span.cateicon.photonavi {
   background-image:url(../images/icon_photonavi.gif);
}

dt span.cateicon.cm_meta {
   background-image:url(../images/icon_cmdata.gif);
}

dt span.cateicon.photonavi_wine {
   background-image:url(../images/icon_wine.gif);
}

dt span.cateicon.info {
   background-image:url(../images/icon_info.gif);
}

.content-nav {
   margin-left:320px;
   text-align:center;
}

*html body .content-nav {
   margin-left:310px;
}

.content-nav span {
   text-indent:-9999px;
}

.content-nav span a {
   margin-bottom:16px;
   margin-left:8px;
   display:block;
   width:166px;
   height:37px;
   background-repeat:no-repeat;
   float:left;
}

.content-nav span#arichive2006 a {
   background-image:url(../images/btn_archive2006.jpg);
}

.content-nav span#arichive2007 a {
   background-image:url(../images/btn_archive2007.jpg);
}

.content-nav span#arichive2008 a {
   background-image:url(../images/btn_archive2008.jpg);
}

.content-nav span#arichive2009 a {
   background-image:url(../images/btn_archive2009.jpg);
}
/*************************************/


 /********ABOUT US*********/
body#news div.about_navi,
body#services div.about_navi,
body#contact div.about_navi,
body#sitemap div.about_navi {
   display:none;
}

#wrapper #content #main #sub_main .about_navi {
   margin-top:20px;
}

#wrapper #content #main #sub_main .about_navi dl {
   width:auto;
   height:33px;
   border:1px solid #cccccc;
   padding:4px;
   background-color:#ffffff;
   text-align:center;
   text-indent:-9999px;
}

#wrapper #content #main #sub_main .about_navi dl dd a {
   display:block;
   margin-top:-24px;
   margin-left:2px;
   margin-right:2px;
   width:98px;
   height:25px;
   background-repeat:no-repeat;
   float:left;
}

#wrapper #content #main #sub_main .about_navi dl dd.company1 a {
   background-image:url(../images/btn_navi_01.gif);
}

#wrapper #content #main #sub_main .about_navi dl dd.company2 a {
   background-image:url(../images/btn_navi_02.gif);
}

#wrapper #content #main #sub_main .about_navi dl dd.company3 a {
   background-image:url(../images/btn_navi_03.gif);
}

#wrapper #content #main #sub_main .about_navi dl dd.company4 a {
   background-image:url(../images/btn_navi_04.gif);
}

#wrapper #content #main #sub_main .about_navi dl dd.company5 a {
   background-image:url(../images/btn_navi_05.gif);
}

#wrapper #content #main #sub_main .about_navi dl dd.company6 a {
   background-image:url(../images/btn_navi_06.gif);
}

.tbl_company {
   width:675px;
   clear:left;
   text-align:center;
}

.tbl_company table {
   margin-left:15px;
   width:645px;
   line-height:2em;
}

.tbl_company table th {
   border-left:1px solid #ccc;
   border-top:1px solid #ccc;
   border-right:1px solid #ccc;
   padding:3px;
   background-color:#E3F2FF;
   text-align:center;
}

.tbl_company table th.bottom {
   border-bottom:1px solid #ccc;
}

.tbl_company table td {
   text-align:left;
   border-left:1px solid #ccc;
   border-top:1px solid #ccc;
   border-right:1px solid #ccc;
   padding:3px;
}

.tbl_company table td.bottom {
   border-bottom:1px solid #ccc;
}

div.partner_rec {
   text-align:center;
   width:250px;
   background-color:#ffff99;
}

div.partner_rec a {
   width:250px;
   display:block;
   border:1px dotted #ff9900;
}
dl#greeting_content dt {
   margin-right:10px;
   width:203px;
   height:203px;
   float:left;
}

dl#greeting_content dd {
   line-height:2em;
}

dl#greeting_content dd span.comment {
   padding-bottom:2px;
   border-bottom:1px dotted #dedede;
}

h3#profile {
   font-weight: bold;
   margin: 0 0 10px 0;
   padding:5px 10px 5px 20px;
   border-right:1px solid #FADDAF;
   border-bottom:1px solid #FADDAF;
   border-top:1px solid #F8F7F2;
   border-right:1px solid #DAD9D5;
   border-bottom:1px solid #DAD9D5;
   background-color:#F2F1EC;
   line-height:1em;
}

p#content_profile {
   line-height:2.0em;
   margin:0 15px 0 15px;
}

dd#content_profile {
   font-weight: bold;
}

dl#enkaku_content {
   padding-right:20px;
}

dl#enkaku_content dt {
   width:655px;
   margin-bottom:-0.5em; 
   margin-left:2em;
   border-bottom:1px dotted #ccc;
   font-weight:bold;
}

dl#enkaku_content dd {
   margin-bottom:1.5em; 
   line-height:1.5em; 
}

.map_txt {
   width:405px;
   margin-left:135px;
}

#gmap {
   text-align:center;
}

#partner_id h3 {
   font-weight: bold;
   margin: 15px 0 10px 0;
   padding:5px 10px 5px 20px;
   border-right:1px solid #FADDAF;
   border-bottom:1px solid #FADDAF;
   border-top:1px solid #F8F7F2;
   border-right:1px solid #DAD9D5;
   border-bottom:1px solid #DAD9D5;
   background-color:#F2F1EC;
   line-height:1em;
}

#partner_id h4 {
   margin-bottom:5px;
   margin-left:10px;
   margin-right:15px;
   padding:3px 15px;
   font-weight: bold;
   background-color:#ffffe3;
   border:1px dotted #a8a8a8;
}

#partner_id p {
   margin-bottom:15px;
   padding:0 15px;
}

#partner_id ul {
   margin-bottom:15px;
   padding:0 30px;
}

#partners_int dl.logoimgs {
   width:645px;
   margin-left:15px;
   margin-right:15px;
}

#partners_int dl.logoimgs dt {
   margin-right:10px;
   width:170px;
   height:70px;
   text-indent:-9999px;
   background-repeat:no-repeat;
   float:left;
}

#partners_int dl.logoimgs dd {
   height:100px;
   padding-left:150px;
   border-bottom:1px dotted #ccc;
}

*html body #partners_int dl.logoimgs dt {
   margin-top:10px;
}

*+html body #partners_int dl.logoimgs dt {
   margin-top:10px;
}

*html body #partners_int dl.logoimgs dd {
   padding-left:0;
}

*+ html body #partners_int dl.logoimgs dd {
   padding-left:0;
}

#partners_int dl.logoimgs dt#logoimg_criar {
   background-image:url(../images/logo_criar.gif);
}

#partners_int dl.logoimgs dt#logoimg_tdcom {
   background-image:url(../images/logo_tdcom.gif);
}
/*************************************/

 /********SERVICES*********/
service_list h2 {
   width:675px;
   height:31px;
   background-repeat:no-repeat;
   text-indent:-9999px;
   clear:both;
}

h2#service_mobile {
   background-image:url(../images/ttl_obi_mobile.jpg);
}

h2#service_portal {
   margin-top:16px;
   background-image:url(../images/ttl_obi_port.jpg);
}

h2#service_kao {
   margin-top:16px;
   background-image:url(../images/ttl_obi_kao.jpg);
}

h2#service_cm {
   margin-top:16px;
   background-image:url(../images/ttl_obi_cm.jpg);
}

#service_list {
}

#service_list dl {
   width:675px;
   padding-top:8px;
   padding-bottom:8px;
}

#service_list dl.mobile {
   width:675px;
   padding-top:8px;
   padding-bottom:8px;
   border-bottom:1px solid #dadada;
}

#service_list dt {
   margin-top:10px;
   width:110px;
   height:110px;
   background-color:#dedede;
   text-indent:-9999px;
   background-position:center center;
   background-repeat:no-repeat;
   float:left;
}

*html body #service_list dt {
   margin-top:5px;
}

*+ html body #service_list dt {
   margin-top:5px;
}

#service_list dt#service_mobile1 {
   background-image:url(../images/icn_mobile01.gif);
}

#service_list dt#service_mobile2 {
   background-image:url(../images/icn_mobile02.gif);
}

#service_list dt#service_mobile3 {
   background-image:url(../images/icn_mobile03.gif);
}

#service_list dt#service_mobile4 {
   background-image:url(../images/icn_mobile04.gif);
}

#service_list dt#service_mobile5 {
   background-image:url(../images/icn_mobile05.gif);
}

#service_list dt#service_mobile6 {
   background-image:url(../images/icn_mobile06.gif);
}

#service_list dt#service_portal1 {
   background-image:url(../images/icn_port01.gif);
}

#service_list dt#service_kao1 {
   background-image:url(../images/icn_kao01.gif);
}

#service_list dt#service_cm {
   margin-top:-20px;
   width:0;
   height:0;
   background-color:#ffffff;
   text-indent:-9999px;
   float:left;
}

#service_list dd {
   padding-left:100px;
}

#service_list dd#cm_txt {
   padding-left:0;
}
/*************************************/

 /********CMメタデータ*********/
#sub_main #cmmeta {
   margin-left:15px;
   width:645px;
}

#sub_main #cmmeta h3 {
   font-weight: bold;
   margin: 15px 0 8px 0;
   padding:5px 10px 5px 20px;
   border-right:1px solid #FADDAF;
   border-bottom:1px solid #FADDAF;
   border-top:1px solid #F8F7F2;
   border-right:1px solid #DAD9D5;
   border-bottom:1px solid #DAD9D5;
   background-color:#F2F1EC;
   line-height:1em;
}

#sub_main #cmmeta p,
#sub_main #cmmeta strong,
#sub_main #cmmeta ul {
   padding:0 0 0 15px;
}
/*************************************/

/****CONTACT*******/
legend {
   text-indent:-9999px;
}

fieldset {
   margin-left:15px;
   width:645px;
   border:0;
}

fieldset legend {
   font-weight:bold;
}

fieldset ul,
fieldset li {
   border:0;
   margin:0;
   padding:0;
   list-style:none;
}

fieldset li {
   clear:both;
   border-top:dotted 1px #DEDEDE;
   list-style:none;
   padding:10px;
}

fieldset input {
   float:left;
   margin-bottom:10px;
}

fieldset label {
   width:140px;
   float:left;
}

fieldset button {
   border:0;
   margin:0;
   padding:0;
   clear:both;
   width:125px;
   height:31px;
   background-color:#666666;
   text-align:center;
   line-height:31px;
   color:#FFFFFF;
   font-size:11px;
   font-weight:bold;
}

*html body fieldset button#submit {
   margin-left:140px;
}

*+ html body fieldset button#submit {
   margin-left:140px;
}

/* safari only ¥*/
html*fieldset button#submit {
   margin-left:-140px;
}

fieldset strong {
   color:#ff0000;
}

ul#form_error {
   width:645px;
   margin-left:15px;
   margin-right:15px;
   font-weight:bold;
}

ul#form_error li {
   color:#ff0000;
   padding-bottom:3px;
   margin-bottom:10px;
   border-bottom:dotted 1px #ccc;
}

p#form_btn_modif a {
   display:block;
   border:0;
   margin:0 auto;
   padding:0;
   width:125px;
   height:31px;
   background-color:#cccccc;
   text-align:center;
   line-height:31px;
   font-size:11px;
   font-weight:bold;
}
/*************************************/

 /********プライバシーポリシー*********/
#privacy h1 {
   font-weight:bold;
}

#privacy {
   margin :20px 20px 0 20px;
}

#privacy h3 {
   margin :20px 0px 8px 0px;
   padding-left : 5px;
   border-left:	5px solid #E3F2FF;
}

#privacy ol {
   list-style-type :none;
   margin :10px 0px 0px 40px;
}

#privacy li {
   /*	list-style-type	:none; */
	margin :10px 0px 0px -20px;
}

#privacy span {
   display :block;
   margin :0px 0px 1px 20px;
}
/*************************************/

 /********サイトマップ*********/
dl#site_map {
   width:645px;
   margin-left:15px;
}

#site_map dt {
   clear:left;
   font-weight: bold;
   margin: 15px 0 0 0;
   padding:5px 10px 5px 20px;
   border-right:1px solid #FADDAF;
   border-bottom:1px solid #FADDAF;
   border-top:1px solid #F8F7F2;
   border-right:1px solid #DAD9D5;
   border-bottom:1px solid #DAD9D5;
   background-color:#F2F1EC;
   line-height:1em;
}

#site_map dd {
   float:left;
   margin-bottom:8px;
}
/*************************************/

