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

/* reset
---------------------------*/
body,h1,h2,h3,h4,h5,h6,div,p,table,th,td,ul,li,dl,dt,dd,fieldset,address,strong,em,img{
	margin:0;
	padding:0;
	color:#333;
	font-weight:normal;
	font-style:normal;
	font-family:Osaka, "ＭＳ Ｐゴシック";
	line-height:140%;
	list-style:none;
	vertical-align:top;
	border:none;
	border-spacing:0;
	border-collapse:collapse;
	zoom:1;
}
html{
	height:100%;
}
html>/**/body{
	overflow-y:scroll;
}
html:first-child body{
	min-height:100%;
}
table{
	width:100%;
}
li{
	display:list-item;
	zoom:normal;
}
img,a img{
	font-size:0%;
	line-height:0%;
	vertical-align:bottom;
	background:transparent;
}
object,embed{
	vertical-align:top;
}

/* Link */

a{
	color:#006CD9;
	text-decoration:none;
	outline:none;
}

#header a,
#footer a{
	color:#616161;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
}

#header a:hover,
#footer a:hover{
	text-decoration:underline;
}


.clearFix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearFix {
  min-height: 1px;
}

* html .clearFix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* base
--------------------------*/
body{
background-color: #fff;
}

#container{
width: 930px;
margin: 0 auto;
}

/* header
--------------------------*/
#header{
margin: 0 0 15px 0;
padding: 10px 0 0 0;
}


/* leftArea
--------------------------*/
#header .leftArea{
	width: 350px;
	float:left;
}

/* rightArea
--------------------------*/
#header .rightArea{
width: 510px;
float:right;

}

/* search
--------------------------*/
#header .rightArea #search{
width: 135px;
margin: 0;
padding: 0;
float: right;
}

#header .rightArea #search span .textBox{
		width: 130px;
}

#header .rightArea #search p{
	margin-top: 5px;
	text-align: right;
}

* html #header .rightArea #search span .textBox{
	margin: 0 0  0 10px;
		width: 85%;
}

/* ul#languageNavi
--------------------------*/
#header .rightArea ul#languageNavi{
width: 375px;
float:left;
height: 55px;
}

#header .rightArea ul#languageNavi li{
height: 28px;
width: 30px;
margin: 0 0 0 5px;
float:left;
text-indent: -999999px;
}

ul#languageNavi li a{
height: 18px;
display:block;
overflow:hidden;
}

ul#languageNavi li.ja a{
height: 28px;
}

ul#languageNavi li.ja{
height: 38px !important;
width: 46px !important;
margin: 0;
background: url(../img/img_flag.png) no-repeat 0 -85px;
}


ul#languageNavi li.us{
height: 28px !important;
width: 31px !important;
background: url(../img/img_flag.png) no-repeat -36px -39px;
}
ul#languageNavi li.ch{
background: url(../img/img_flag.png) no-repeat -72px -39px;
}
ul#languageNavi li.fr{
background: url(../img/img_flag.png) no-repeat -107px -39px;
}
ul#languageNavi li.ko{
background: url(../img/img_flag.png) no-repeat -141px -39px;
}
ul#languageNavi li.it{
background: url(../img/img_flag.png) no-repeat -177px -39px;
}
ul#languageNavi li.sp{
background: url(../img/img_flag.png) no-repeat -213px -39px;
}
ul#languageNavi li.gr{
background: url(../img/img_flag.png) no-repeat -248px -39px;
}
ul#languageNavi li.po{
	width: 33px !important;
background: url(../img/img_flag.png) no-repeat -284px -39px;
}
ul#languageNavi li.ru{
background: url(../img/img_flag.png) no-repeat -321px -39px;
}


ul#headerNavi {
padding: 5px 0 0 0;
clear: both;
text-align: right;
}

ul#headerNavi li{
padding: 0 10px 0 20px;
display: inline;
font-size: 0.75em;
background: url(../img/icon_type04.png) no-repeat 5px 2px;
border-right: 1px solid #be1e08;
line-height: 100%;
}

ul#headerNavi li.end{
	border: none;
	padding-right: 0;
}

ul#glovalNavi{
	margin: 10px 0 5px 0;
	height: 42px;
	clear: both;
	background: url(../img/bg_gnavi.gif) no-repeat left top;
}

ul#glovalNavi li{
	float: left;
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
}

ul#glovalNavi li a{
	height: 27px;
	width: 155px;
	padding: 12px 0 0 0;
	display: block;
	color: #333333;
		text-decoration: none;
}

ul#glovalNavi li.top a:hover{
		text-decoration: none;
}

ul#glovalNavi li.top a{
	width: 154px;
}
ul#glovalNavi li.top.faq a{
	width: 156px;
}

body.home ul#glovalNavi li.top a,
ul#glovalNavi li.top a:hover{
	background: url(../img/bg_gnavi.gif) no-repeat 0 -51px;
}

body.service ul#glovalNavi li.service a,
ul#glovalNavi li.service a:hover{
	background: url(../img/bg_gnavi.gif) no-repeat -309px -51px;
}

body.ir ul#glovalNavi li.ir a,
ul#glovalNavi li.ir a:hover{
	background: url(../img/bg_gnavi.gif) no-repeat -309px -51px;
}

body.jobs ul#glovalNavi li.jobs a,
ul#glovalNavi li.jobs a:hover{
	background: url(../img/bg_gnavi.gif) no-repeat -309px -51px;
}

body.corp ul#glovalNavi li.corpInfo a,
ul#glovalNavi li.corpInfo a:hover{
	background: url(../img/bg_gnavi.gif) no-repeat -309px -51px;
}

body.faq ul#glovalNavi li.faq a,
ul#glovalNavi li.faq a:hover{
	background: url(../img/bg_gnavi.gif) no-repeat -774px -51px;
}


#flash{
	margin: 0 0 10px 0;
	clear: both;
}

#contents{
margin: 0 0 15px 0;
}


#container #main{
width:650px;
float: left;

}

#container #sub{
width:260px;
float: right;
}


#container #footer{
clear: both;
}

#container #footer .leftArea{
width: 650px;
float: left;
}

#container #footer .leftArea ul li{
	margin: 0 15px 0 0;
	float: left;
	font-size: 0.75em;
}

#container #footer .leftArea ul li span{
	display: none;
}

#container #footer .leftArea ul li a{
	display: block;
}

#container #footer .leftArea li.dnv a{
	height: 45px;
	width: 66px;
	background:url(../img/img_banner.png) no-repeat 0 0;
}
#container #footer .leftArea li.hdi a{
	height: 45px;
	width: 73px;
	background: url(../img/img_banner.png) no-repeat -76px 0;
}
#container #footer .leftArea li.good01 a{
	height: 45px;
	width: 178px;
	background: url(../img/img_banner.png) no-repeat -160px 0;
}
#container #footer .leftArea li.good02 a{
	height: 45px;
	width: 175px;
background: url(../img/img_banner.png) no-repeat -344px 0;
}


#container #footer .rightArea{
width: 230px;
padding: 0 0 0 0;
float: right;
}

/*--20100218--*/

#footer{
	padding: 15px 0 0 0;
	clear: both;
	background: url(../img/bg_dottedline.gif) repeat-x left top;
}

#footer address{
font-size: 0.7em;
text-align: right;
clear: both;
color: #888;
}

ul#footerNavi {
	margin: 0 0 5px 0;
padding: 5px 0 0 0;
clear: both;
}

ul#footerNavi li.textNavi{
		margin: 0 0 10px 0;
font-size: 0.75em;
line-height: 100%;
text-align: right;
}

ul#footerNavi li.textNavi a{
padding: 0 0 0 10px;
border-left: 1px solid #be1e08;
}

ul#footerNavi li.okLogo span{
	display: none;
}

ul#footerNavi li.okLogo a{
	width: 120px;
	height: 35px;
	margin: 0 0 0 106px;
	display: block;
	background: url(../img/okwave_footerlogo.png) no-repeat right top;
}


ul#footerNavi li.end{
	border: none;
	padding-right: 0;
}

/*
common
---------------------------*/
h1{
margin: 4px 0 5px 0;
font-size: 0.75em;
font-weight: normal;
}

#logo{
background: url(../img/img_okwave.png) no-repeat left top;
}

#logo a{
width: 302px;
height: 36px;
display: block;
}

#logo span{
display: none;
}

ul#bread{
	margin: 0 0 15px 0;
}

ul#bread li{
		display: inline;
		font-size: 0.75em;
}
ul#bread li.current{
	font-weight: bold;
}

ul.linkBase{
	padding: 0 0 20px 0;
}



ul.linkBase li{
	margin: 0 0 10px 8px;
	font-size: 0.75em;
	float: left;
	border-right: 1px solid #a6a6a6;
}

ul.linkBase li.leftBtn{
	margin: 0;
}
ul.linkBase li a{
	height: 26px;
	padding: 11px 0 0 24px;
	color: #333;
	display: block;
	background: url(../img/bg_pagenavi.png) no-repeat 0 0;
	font-weight: bold;
}
ul.linkBase li a:hover{
	background: url(../img/bg_pagenavi.png) no-repeat 0 -51px;
	text-decoration: none;
}



ul.plinkType2 li a{
	width: 296px;
	display: block;
}
ul.plinkType3 li a{
	width: 186px;
	display: block;
}
ul.plinkType4 li a{
	width: 131px;
	display: block;
}

p.faqBnr{
	width: 650px;
	margin: 0 auto;
}

p.faqBnr a{
	width: 650px;
	height: 80px;
	display: block;
	background: url(../img/bnr_contact_l.jpg) no-repeat left top;
}

p.faqBnr span{
	display: none;
}

p.okwaveBnr,
p.chinaBnr {
	width: 622px;
	margin: 0 auto;
}

p.okwaveBnr a{
	width: 622px;
	height: 52px;
	display: block;
	background: url(../../service/okwave/img/btn_okwave_l.png) no-repeat 0 0;
}
p.okwaveBnr a:hover{
	background: url(../../service/okwave/img/btn_okwave_l.png) no-repeat 0 -58px;
}
p.okwaveBnr span{
	display: none;
}

p.chinaBnr a{
	width: 622px;
	height: 52px;
	display: block;
	background: url(../../service/okwave_china/img/btn_china_l.png) no-repeat 0 0;
}
p.chinaBnr a:hover{
	background: url(../../service/okwave_china/img/btn_china_l.png) no-repeat 0 -58px;
}
p.chinaBnr span{
	display: none;
}


p.nextPage{
	padding: 15px 0 !important;
	font-size: 0.85em !important;
	text-align: right;
	clear: both;
}

* html p.nextPage{
	padding: 35px 0 0 0!important;
}

p.nextPage a{
	padding: 0 0 0 18px;
	background: url(../img/icon_led01.png) no-repeat left center;
}
.clear{
	display: none;
}

/* pageHeader
-------------------------------------*/
#pageHeader {
	margin: 0 0 15px 0;
}
#pageHeader .titleArea{
	width: 345px;
	padding: 4px 0 0 0;
	float: left;
}
#pageHeader .catch{
	margin: 0;
	font-size: 0.70em;
	line-height: 100%;
}
#pageHeader .catch_book{
	clear:both;
	margin: 0;
	font-size: 0.70em;
	line-height: 100%;
}
#pageHeader h2{
	font-size: 1.3em;
	color:#333;
	font-weight: bold;
	line-height: 100%;
}
#pageHeader .subtitle{
	clear:both;
	margin: 0;
	padding:20px 0 0 0;
	font-size: 1.05em;
	font-weight:bold;
	color:#900;
	line-height: 130%;
	text-align:center;
}
#pageHeader p.okwaveBtn{
	width: 244px;
	float: right;
}
#pageHeader p.okwaveBtn a{
	width: 244px;
	height: 39px;
	display: block;
	background: url(../../service/okwave/img/btn_okwave.png) no-repeat 0 0;
}
#pageHeader p.okwaveBtn a:hover{
	background: url(../../service/okwave/img/btn_okwave.png) no-repeat 0 -51px;
}
#pageHeader p.okwaveBtn span{
	display: none;
}


#pageHeader p.okwavechBtn{
	width: 244px;
	float: right;
}
#pageHeader p.okwavechBtn a{
	width: 244px;
	height: 39px;
	display: block;
	background: url(../../service/okwave_china/img/btn_china.png) no-repeat 0 0;
}
#pageHeader p.okwavechBtn a:hover{
	background: url(../../service/okwave_china/img/btn_china.png) no-repeat 0 -51px;
}
#pageHeader p.okwavechBtn span{
	display: none;
}


#pageHeader ul#ttlBtn{
	width: 262px;
	height: 32px;
	float: right;
	overflow:hidden;
}

#pageContents ul#ttlBtn{
	width: 262px;
	height: 32px;
	float: left;
}

#pageHeader ul#ttlBtn li,
#pageContents ul#ttlBtn li{
	float: left ;
}
#pageHeader ul#ttlBtn li.contact,
#pageContents ul#ttlBtn li.contact,
#pageContents ul#ttlBtn li.event{
	margin: 0 8px 0 0;
}
#pageHeader ul#ttlBtn li.contact_right{
	margin: 0 0 0 8px;
}

#pageHeader ul.oneBtn,
#pageContents ul.oneBtn{
	width: 127px !important;
	float: none;
}


#pageHeader ul#ttlBtn li a,
#pageContents ul#ttlBtn li a{
	width: 127px;
	height: 32px;
	display: block;
}


#pageHeader ul#ttlBtn li.contact a,
#pageContents ul#ttlBtn li.contact a,
#pageHeader ul#ttlBtn li.contact_right a,
#pageContents ul#ttlBtn li.contact_right a{
	background: url(../img/img_service_btn.png) no-repeat -137px -37px;
}
#pageHeader ul#ttlBtn li.contact a:hover,
#pageContents ul#ttlBtn li.contact a:hover,
#pageHeader ul#ttlBtn li.contact_right a:hover,
#pageContents ul#ttlBtn li.contact_right a:hover{
	background: url(../img/img_service_btn.png) no-repeat 0 -37px;
}


#pageHeader ul#ttlBtn li.estimate a,
#pageContents ul#ttlBtn li.estimate a{
	background: url(../img/img_service_btn.png) no-repeat -137px 0;
}
#pageHeader ul#ttlBtn li.estimate a:hover,
#pageContents ul#ttlBtn li.estimate a:hover{
	background: url(../img/img_service_btn.png) no-repeat 0 0;
}

#pageHeader ul#ttlBtn li.seminar a,
#pageContents ul#ttlBtn li.seminar a{
	background: url(../img/img_service_btn.png) no-repeat -137px -73px;
}
#pageHeader ul#ttlBtn li.seminar a:hover,
#pageContents ul#ttlBtn li.seminar a:hover{
	background: url(../img/img_service_btn.png) no-repeat 0 -73px;
}
#pageHeader ul#ttlBtn li.schedule a{
	background: url(../img/img_service_btn.png) no-repeat -137px -532px;
}
#pageHeader ul#ttlBtn li.schedule a:hover{
	background: url(../img/img_service_btn.png) no-repeat 0 -532px;
}
#pageHeader ul#ttlBtn li.research a{
	background: url(../img/img_service_btn.png) no-repeat -137px -570px;
}
#pageHeader ul#ttlBtn li.research a:hover{
	background: url(../img/img_service_btn.png) no-repeat 0 -570px;
}

#pageContents ul#ttlBtn li.event a{
	background: url(../../event/image/img_event_btn.png) no-repeat -137px 0;
}

#pageContents ul#ttlBtn li.event a:hover{
	background: url(../../event/image/img_event_btn.png) no-repeat 0 0;
}

#pageContents ul#ttlBtn li.put a{
	background: url(../../event/image/img_event_btn.png) no-repeat -137px -36px;
}

#pageContents ul#ttlBtn li.put a:hover{
	background: url(../../event/image/img_event_btn.png) no-repeat 0 -36px;
}

#pageHeader ul#ttlBtn li span,
#pageContents ul#ttlBtn li span{
	display: none;
}


ul#bottomBtn{
	margin: 0;
	padding: 0;
}

ul#bottomBtn li{
	margin: 0!;
	padding: 0;
	list-style: none;
	float: left;
}

ul#bottomBtn li a{
	width: 320px;
	height: 64px;
	display: block;
}

ul#bottomBtn  li.estimate a{
background: url(../img/img_service_btn.png) no-repeat 0 -120px; 
}
ul#bottomBtn  li.estimate a:hover{
	background: url(../img/img_service_btn.png) no-repeat 0 -188px; 
}

ul#bottomBtn  li.contact a{
	margin-right: 10px;
	background: url(../img/img_service_btn.png) no-repeat 0 -255px; 
}
ul#bottomBtn  li.contact a:hover{
	background: url(../img/img_service_btn.png) no-repeat 0 -323px; 
}

ul#bottomBtn  li.seminar a{
	background: url(../img/img_service_btn.png) no-repeat 0 -390px; 
}
ul#bottomBtn  li.seminar a:hover{
	background: url(../img/img_service_btn.png) no-repeat 0 -458px; 
}




ul#bottomBtn  li span,
#pageHeader p.faqBtn span{
	display: none;
}


/* contentsBox
-------------------------------------*/
.contentsBox{
	margin: 0 0 30px 0;
	clear: both;
}

.contentsBox before-after{
	float: left;
	margin-bottom: 30px;
}

.contentsBox h3{
	margin: 0 0 20px 0;
	padding: 10px 0 5px 20px;
	background: url(../img/bg_ttl.gif) no-repeat left top;
	border-bottom: 1px solid #ccc;
	font-size: 0.85em;
	font-weight: bold;
}

.contentsBox span.question{
	margin: 0 0 20px 0;
	font-size: 1em;
	font-weight: bold;
}

.before-after{
	font-size: 0.75em;
	line-height: 200%;
}

.contentsBox p{
	font-size: 0.75em;
	line-height: 160%;
}

/*--0223--*/
.contentsBox table td a{
	padding: 0 0 0 14px;
	background: url(../img/icon_type04.png) no-repeat 0 2px;
}

.contentsBox table td a.pLink{
	padding: 0;
	background: none;
}

.contentsBox table td{
	font-size: 0.75em;
	line-height: 140%;
}

.contentsBox table td s{
	font-size: 0.75em;
	line-height: 140%;
}

.contentsBox td.spacer{
	width: auto;
}

.successTOP{ margin:10px 0;}

.updateArea p{
	margin: 0 15px 15px 15px;
}

.updateArea h4{
	margin: 15px 0 5px 15px;
	font-size: 0.75em;
	font-weight: bold;
}

.updateArea p.faqBnr{
	margin: 0;
}



.updateArea ol{
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
}

*:first-child+html .updateArea ol{
	padding-left: 40px;
}
* html .updateArea ol{
	padding-left: 40px;
} 

.updateArea ol li{
	margin: 0 0 2px 0;
	font-size: 0.75em;
	line-height: 160%;
	list-style: decimal;
}

.updateArea ul{
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
}
.updateArea ul li{
	margin: 0 0 2px 0;
	font-size: 0.75em;
	line-height: 160%;
	list-style-type: disc;
}


*:first-child+html .updateArea ul{
	padding-left: 30px;
}
* html .updateArea ul{
	padding-left: 30px;
} 

.leftImg{
	margin: 0  15px;
	float: left;
}

.leftImg img{
	padding: 3px;
	border: 3px solid #ccc;
}

.leftImg_ad{
	width:184px;
	margin: 0 13px;
	float: left;
	display: inline;
}

.leftImg img,
.leftImg_ad img{
	padding: 3px;
	border: 3px solid #ccc;
}

.rightImg{
	margin: 0 15px;
	float: right;
}

.rightImg_ad{
	width:270px;
	margin: 0 15px;
	float: right;
	display: inline;
}
.rightImg_success{
	margin-left:15px;
	float:right;
	padding:0;
	border:none;
}
.bookImg{
	width:200px;
	margin: 0 15px 0 15px;
	float: right;
	overflow:hidden;
}
.bookImg img{
	margin:0 0 10px 0;
	padding:0;
}
.creedImg {
	float:left;
	margin:0 15px 10px 0;
}
.ok_books {
	margin-bottom:20px;
	overflow:hidden;
	background: url(../img/bg_dottedline.gif) repeat-x left bottom;
}
.ok_booksend {
	margin-bottom:20px;
	overflow:hidden;
}
.bookImg_ok{
	width:180px;
	margin: 0 15px 0 15px;
	float: right;
	overflow:hidden;
}
.bookImg_ok img{
	margin:0;
	padding:0;
}
.bookImg_ok .amazonBtn {
	margin:0 0 15px 0;
	padding:0;
}

*html .rightImg{
	width: 130px;
}


*:first-child+html .rightImg p.largeImage{
	width: 78px;
	margin: 4px 0 0 174px;
}

* html .rightImg p.largeImage{
	width: 78px;
	margin: 4px 0 0 174px;
}

* html .rightImg p.largeImage a{
	padding-top: 5px;
	height: 19px;
	width: 51px;
	display: block;
}


*:first-child+html .rightImg p.largeImage a{
	height: 19px;
	width: 51px;
	display: block;
}
	

p.largeImage {
    margin: 5px 0;
	text-align: right;
}

p.largeImage a{
	color: #fff;
}

p.largeImage a{
	padding: 5px 5px 5px 22px;
	background: url(../img/img_large.png) #999 no-repeat 2px center;
}

.rightImg img,
.rightImg_ad img{
	padding: 3px;
	border: 3px solid #ccc;
}

.topImg{
	margin: 0 0 15px 0;
	text-align: center;
}

.topImg_okbiztop{
	margin: 0 0 15px 0;
	text-align: center;
}

.topImg img{
	padding: 3px;
	border: 3px solid #ccc;
}
 .topImg p.largeImage{
	 margin-right: 7px;
 }

*:first-child+html .topImg p.largeImage,
* html .topImg p.largeImage{
	width: 78px;
	margin: 4px 0 0 556px;
}

*:first-child+html .topImg p.largeImage a,
* html .topImg p.largeImage a{
	height: 19px;
	width: 51px;
	display: block;
}

.qaKeyVisual{
	margin: 0 0 15px 0;
	text-align: center;
}
.bottomImg{
	text-align: center;
}

.bottomImg img{
	padding: 3px;
	border: 3px solid #ccc;
}

.bottomImg p.largeImage{
	 margin-right: 7px;
 }
 
 *:first-child+html .bottomImg p.largeImage{
	width: 78px;
	margin: 4px 0 0 556px;
}


* html .bottomImg p.largeImage{
	width: 78px;
	margin: 4px 0 0 556px;
	padding: 5px 0 0 0;
}


*:first-child+html .bottomImg p.largeImage a,
* html .bottomImg p.largeImage a{
	height: 19px;
	width: 51px;
	display: block;
}





table.serTableType1{
	width: 609px;
	margin: 0 auto;
}

table.serTableType1 th{
	width: 285px;
	padding: 0 0 10px 0;
}

table.serTableType1 th{
	width: 285px;
	height:75px;
}

table.serTableType1 th span{
	display: none;
}

table.serTableType1 th.okBiz{
	background: url(../../service/img/icon_servicelogo.png) 0 0;
}

table.serTableType1 th.okfaq{
	background: url(../../service/img/icon_servicelogo.png) -300px 0;
}

table.serTableType1 th.askOk{
	background: url(../../service/img/icon_servicelogo.png) -600px 0;
}

table.serTableType1 th.qaPartner{
	background: url(../../service/img/icon_servicelogo.png) -900px 0;
}

table.serTableType1 td{
	width: 285px;
}

table.serTableType1 td.link{
	padding: 5px 5px 0 0;
	text-align: right;
}

table.serTableType2{
	width: 609px;
	margin: 0 auto;
}

table.serTableType2 th .img{
	width: 134px;
	height: 67px;
}
table.serTableType2 th.okBiz .img{
	background: url(../../service/img/icon_servicelogo.png) 0 -82px;
}
table.serTableType2 th.askOk .img{
	background: url(../../service/img/icon_servicelogo.png) -148px -82px;
}
table.serTableType2 th.qapartner .img{
	background: url(../../service/img/icon_servicelogo.png) -296px -82px;
}
table.serTableType2 th.faqc .img{
	background: url(../../service/img/icon_servicelogo.png) -443px -82px;
}

table.serTableType2 th.okad .img{
	background: url(../../service/img/icon_servicelogo.png) -1184px -82px;
}

table.serTableType2 th span{
	display: none;
}

table.serTableType2 td.spacer{
	width: 20px;
}
table.serTableType2 td.link{
	padding: 5px 5px 0 0;
	text-align: right;
}

table.serTableType2 td span.notes{
	font-size: 0.9em;
	color: #666;
}

table.serTableType3{
	width: 609px;
	margin: 0 auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table.serTableType3 th{
	text-align: left;
}

table.serTableType3 th .img{
	width: 134px;
	height: 67px;
	margin: 0 0 5px 0;
}

table.serTableType3 th .img span{
	display: none;
}

table.serTableType3 th.site .img{
	width: 124px;
}


table.serTableType3 th.okwave .img{
	background: url(../../service/img/icon_servicelogo.png) -739px -82px;
}

table.serTableType3 th.china .img{
	background: url(../../service/img/icon_servicelogo.png) -591px -82px;
}

table.serTableType3 th.oshiete .img{
	background: url(../../service/img/icon_servicelogo.png) -886px -82px;
}

table.serTableType3 th.kikimimi .img{
	background: url(../../service/img/icon_servicelogo.png) -1035px -82px;
}

table.serTableType3 p.mobile{
	margin: 0 0 5px 0;
	line-height: 130%;
	font-size: 0.7em;
}
table.serTableType3 th div.qrCord{
	height: 72px;
	width: 72px;
	margin: 0;
	background:url(../img/qr_okwave.png) no-repeat left top;

}

table.serTableType3 th div.qrCord span{
	display: none;
}

table.serTableType3 td ul.supportIcon li{
	height: 18px;
	width: 18px;
	margin: 0 5px 0 0;
	float: left;
}

table.serTableType3 td.expect{
	padding: 0 10px 0 10px;
}

table.serTableType3 td.expect h4{
	font-size: 100%;
	font-weight: bold;
}

table.serTableType3 td.spacer{
	width: 5px;
}

table.serTableType3 td.expect p{
	margin: 5px 0 5px 0;
	font-size: 100%;
	clear: both;
}



table.serTableType3 td ul.supportIcon li.pc{
	background:url(../img/icon_type03.png) no-repeat 0 0;
}

table.serTableType3 td ul.supportIcon li.mobile{
	background: url(../img/icon_type03.png) no-repeat -21px 0;
}

table.serTableType3 td ul.supportIcon li span{
	display: none;
}
table.serTableType3 td.link{
	padding: 5px 0 0 5px;
}

.data{
	margin-bottom: 20px;
	border: 1px solid #999;
	font-size: 0.75em;
	line-height: 130%;
}

.data table tr td tr td{
	padding: 5px;
	vertical-align: middle;
}
.corpText {
	overflow:hidden;
	margin:0 0 7px 0;
	padding:0;
}

.leftText {
	float:left;
	width:100px;
}
.leftText p {
	font-weight:bold;
	color:#900;
}
.rightText {
	float:right;
	width:550px;
}
.textlink img {
	vertical-align:top;
}
.lineup {
	margin:0 0 20px 0;
	padding:0;
	border:solid 1px #CCC;
	background-color:#F0F0F0;
}
.lineup .lineupText {
	padding:10px;
	margin:0;
}
.lineup .lineupText p{
	color:#666;
	font-size:0.7em;
	line-height:1.3em;
}
.lineup .lineupText p a{
	color:#666;
}
.lineup .lineupText p a:hover {
	color:#999;
}


/* sub
-------------------------------------------------------------------*/
/* sideBcap
-------------------------------------*/
.sideBcap{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(../img/bg_bottomcap02.gif) no-repeat left bottom;
}
/* sideTcap
-------------------------------------*/
.sideTcap{
	padding: 14px 16px 0 16px;
	background: url(../img/bg_topcap01.gif) no-repeat left top;
}

.sideTcap div.ttl{
	position: relative ;
}

#sub .sideTcap h2{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #be1e08;
	font-size: 0.85em;
	position: relative;
}
#sub .sideTcap h2 span{
	height: 20px;
	width: 20px;
	display: block;
}
#sub .sideTcap h2 span.ttl{
	height: auto;
	width: auto;
	display: block;
	position: absolute;
	top: 2px;
	left: 25px;
}

#sub .sideTcap h3{
color:#BE1E08;
font-size:0.75em;
font-weight:bold;
padding:5px 0 0 0;
}


#sub .sideTcap p.list{
	position: absolute;
	font-size: 0.75em;
	top: 5px;
	left: 190px;
}


/* icon
-------------------------------------*/
#sub .sideTcap h2 span.iconQuestion{
	background: url(../img/icon_type01.png) no-repeat -44px 0;	 
}
#sub .sideTcap h2 span.iconBulb{
	background: url(../img/icon_type01.png) no-repeat 0 0;	 
}
#sub .sideTcap h2 span.iconPen{
	background: url(../img/icon_type01.png) no-repeat -22px 0;	 
}

/* sideNavi
-------------------------------------*/
#sideNavi{
	margin: 0 0 10px 0;
}

#sideNavi dl dt{
	font-size: 0.75em;
}
#sideNavi dl dd{
	font-size: 0.75em;
}

#sideNavi dl dt a{
	color: #333;
}

#sideNavi dl dt a:hover{
	text-decoration: none;
}
#sideNavi dl dd a{
	color: #333;
}

#sideNavi dl dd a:hover{
	text-decoration: none;
}

#sideNavi dl dt.first a{
	width: 245px;
	height: 26px;
	padding: 13px 0 0 15px;
	display: block;
	background: url(../img/bg_sideNavi.png) no-repeat 0 0;
	font-weight: bold;
}


#sideNavi dl dd.second a{
	width: 230px;
	height: 24px;
	padding: 7px 0 0 30px;
	display: block;
	background: url(../img/bg_sideNavi.png) no-repeat 0 -132px;
}
#sideNavi dl dd.sdBtm a{
	width: 230px;
	height: 29px;
	padding: 7px 0 0 30px;
	display: block;
	background: url(../img/bg_sideNavi.png) no-repeat 0 -318px;
}

#sideNavi dl dt.first a:hover{
	background: url(../img/bg_sideNavi.png) no-repeat -270px 0;
}

body.faqCollege #sideNavi dl dd.faqCollege a,
body.okBiz #sideNavi dl dd.okBiz a,
body.okFaq #sideNavi dl dd.okFaq a,
body.askOk #sideNavi dl dd.askOk a,
body.qaPartner #sideNavi dl dd.qaPartner a,
body.okwave_ad #sideNavi dl dd.okwave_ad a,
body.corpInfo #sideNavi dl dd.corpInfo a,
body.creed #sideNavi dl dd.creed a,
body.backstory #sideNavi dl dd.backstory a,
body.staff #sideNavi dl dd.staff a,
body.partner #sideNavi dl dd.partner a,
body.awards #sideNavi dl dd.awards a,
body.contribution #sideNavi dl dd.contribution a,
body.ci_movie #sideNavi dl dd.ci_movie a,
body.map #sideNavi dl dd.map a,
#sideNavi dl dd.second a:hover{
	background: url(../img/bg_sideNavi.png) no-repeat -270px -132px;
}

#sideNavi dl dd.sdBtm a:hover{
	background: url(../img/bg_sideNavi.png) no-repeat -270px -318px;
}


#sideNavi dl dd.current{
	padding: 0;
	background: none;
}

#sideNavi dl dd.current ul li.lower a{
	width: 218px;
	height: 25px;
	padding: 6px 0 0 42px;
	display: block;
	background: url(../img/bg_sideNavi.png) no-repeat 0 -39px;
}


#sideNavi dl dd.current ul li.lwBtn a{
	width: 218px;
	height: 25px;
	padding: 6px 0 0 42px;
	display: block;
	background: url(../img/bg_sideNavi.png) no-repeat 0 -101px;
}


body#serviceTop #sideNavi dl dd ul li.serviceName a,
body#resolveTop #sideNavi dl dd ul li.resolve a,
body#solutionTop #sideNavi dl dd ul li.solution a,
body.outline #sideNavi dl dd ul li.outline a,
body.dimension #sideNavi dl dd ul li.dimension a,
body.case #sideNavi dl dd ul li.case a,
body.curriculum #sideNavi dl dd ul li.curriculum a,
#sideNavi dl dd.current ul li.lower a:hover{
	background: url(../img/bg_sideNavi.png) no-repeat -270px -39px;
}


body.faq #sideNavi dl dd ul li.faq a,
body#supportTop #sideNavi dl dd ul li.support a,
#sideNavi dl dd.current ul li.lwBtn a:hover{
	background: url(../img/bg_sideNavi.png) no-repeat -270px -101px;
}

body.okwave dl dd.current ul li.lwBtn a,
body.ad_outline dl dd.current ul li.lwBtn a{
	padding-top: 8px !important;
	height: 29px !important;
}

body.okwave dl dd.current ul li.lwBtn a{
	background: url(../img/bg_sideNavi.png) no-repeat -0 -356px !important;
}

body.ad_outline dl dd.current ul li.lwBtn a{
	background: url(../img/bg_sideNavi.png) no-repeat -270px -356px !important;
}

body.okwave dl dd.current ul li.lwBtn a:hover{
	background: url(../img/bg_sideNavi.png) no-repeat -270px -356px !important;
}


/* okwave Side Btn
-------------------------------------*/
#sub #okSideBtn{
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	clear: both;
	background: url(../img/bg_bottomcap01.gif) no-repeat left bottom;
}

#sub #okSideBtn .inWrap{
	margin: 0;
	padding: 0;
	height: 5px;
	background: url(../img/bg_topcap01.gif) no-repeat left top;
}

#sub #okSideBtn ul{
	width: 240px;
	margin: 0 auto;
}
html>/**/body div#sub #okSideBtn ul { 
	margin-top: 5px;
}
*+html>/**/body selector{
	margin-top: 3px;
}

#sub #okSideBtn ul li{
	height: 57px;
	width: 240px;
	padding: 7px 0 0 0;
	background: url(../img/bg_banner.png) no-repeat left bottom;
}

#sub #okSideBtn ul li a{
	height: 48px;
	width: 220px;
	margin: 0 auto;
	display: block;
}

#sub #okSideBtn ul li span{
	display: none;
}

#sub #okSideBtn ul li.okwave a{
	background: url(../img/sidebtn_okwave.png) no-repeat 0 0;
}
#sub #okSideBtn ul li.okwave a:hover{
	background: url(../img/sidebtn_okwave.png) no-repeat -230px 0;
}

#sub #okSideBtn ul li.okwaveChina a{
	background: url(../img/sidebtn_okwave.png) no-repeat 0 -58px;
}
#sub #okSideBtn ul li.okwaveChina a:hover{
	background: url(../img/sidebtn_okwave.png) no-repeat -230px -58px;
}





/* case
-------------------------------------*/
#sub #case dl dt{
	margin: 0 0 2px 0;
	padding: 0 0 0 15px;
	font-size: 0.75em;
	background:url(../img/icon_type04.png) no-repeat 0 3px;
}
#sub #case dl dd{
	margin: 0 0 4px 0;
	font-size: 0.75em;
}

/* seminar
-------------------------------------*/
#sub #seminar dl dt{
	margin: 0 0 2px 0;
	padding: 0 0 0 15px;
	font-size: 0.75em;
	background:url(../img/icon_type04.png) no-repeat 0 3px;
}
#sub #seminar dl dd{
	margin: 0 0 4px 0;
	font-size: 0.75em;
}

/* banner
-------------------------------------*/
#sub #banner{
	padding: 0 0 10px 0;
	clear: both;
	background: url(../img/bg_bottomcap01.gif) no-repeat left bottom;
}

#sub #banner .inWrap{
	height: 5px;
	background: url(../img/bg_topcap01.gif) no-repeat left top;
}

#sub #banner ul{
	width: 240px;
	margin: 0 auto;
}

#sub #banner ul li{
	height: 75px;
	width: 240px;
	padding: 7px 0 0 0;
	background: url(../img/bg_banner.png) no-repeat left bottom;
}

#sub #banner ul li a{
	height: 60px;
	width: 220px;
	margin: 0 auto;
	display: block;
}


p.toTop{
	margin: 0 10px 10px 0;
	clear: both;
	text-align: right;
	font-size: 0.75em;
}

/*
popup
-------------------------------------*/
body#popup #container{
	width: 620px;
	margin: 0 auto;
}

body#popup #container #header,
body#popup #container #contents,
body#popup #container #footer{
padding: 0 5px;
}

body#popup #container #header{
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 2px solid #ae1e22;
}

body#popup #container #contents{
	margin: 0 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}


body.contentImg #container #contents .img{
	margin: 0 0 30px 0;
	padding: 15px;
	text-align: center;
	border: 1px solid #999;
}

body#popup #container #contents  p.closeBtn{
	text-align: center;
}


body#popup #container #footer address{
	padding: 5px 0 0 0;
}


/*
pulldown
-------------------------------------*/

#dd {
  padding: 0 0 20px 0;
}

#dd li {
	margin: 0 0 10px 0;
	font-size: 0.75em;
	float: left;
	border-right: 1px solid #a6a6a6;
}

#dd li.left {
	margin-right:8px;
}

#dd li a.menu {
	width:296px;
	height: 26px;
	padding: 11px 0 0 24px;
	color: #333;
	display: block;
	background: url(../img/bg_pagenavi.png) no-repeat 0 0;
	font-weight: bold;
}

#dd li a.menu:hover {
	background: url(../img/bg_pagenavi.png) no-repeat 0 -51px;
	text-decoration: none;
}
#dd li a.successmenu {
	width:131px;
	height: 26px;
	padding: 11px 0 0 24px;
	color: #333;
	display: block;
	background: url(../img/bg_pagenavi.png) no-repeat 0 0;
	font-weight: bold;
}

#dd li a.successmenu:hover {
	background: url(../img/bg_pagenavi.png) no-repeat 0 -51px;
	text-decoration: none;
}
.submenu {
	margin:0; 
	padding:0;
  width:319px;
  background: #F0F0F0;
  border-bottom: 1px solid #a6a6a6;
  border-left: 1px solid #a6a6a6;
  border-right: 1px solid #a6a6a6;
  visibility: hidden;
  position: absolute;
  z-index: 3;
}
.scessubmenu {
	margin:0; 
	padding:5px 0 0 0 ;
  width:154px;
  background: #F0F0F0;
  border-bottom: 1px solid #a6a6a6;
  border-left: 1px solid #a6a6a6;
  border-right: 1px solid #a6a6a6;
  visibility: hidden;
  position: absolute;
  z-index: 3;
}
.submenu a {
  display: block;
  font-size:11px;
  text-align: left;
  text-decoration: none;
  padding: 5px 10px 0 10px;
  color: #333;
}
.scessubmenu a {
  display: block;
  font-size:11px;
  text-align: left;
  text-decoration: none;
  padding: 2px 0 0 5px;
  color: #333;
}

.submenu a:hover, .scessubmenu a:hover {
  color: #F83636;
}

.submenu a.submenuend, .scessubmenu a.submenuend {
	margin-bottom:5px;
}

.submenu a img, .scessubmenu a img {
	vertical-align:middle;
	margin: -1px 3px 0 0;
}

/*
companylist
-------------------------------------*/

.companylist {
	margin:-10px 0 15px 0;
	overflow:hidden;
}
.companylist ul li {
	margin-left:15px;
	font-size:13px;
	width:310px;
	padding:0 0 3px 0;
	overflow:hidden;
	float:left;
}
.companylist ul li img, .companylist ul li a img {
	margin:0 3px 0 0;
	padding:0 0 3px 0;
}