@charset "shift_jis";

/*-----------------------------------------------------------
	Šξ–{ƒŒƒCƒAƒEƒg‚́ucommon.cssvŽQΖ
	#contents ‰‘• 600px

	1=ƒgƒbƒv
	2=“ϊ–{Œκƒgƒbƒv
	3=‰οŽΠˆΔ“ΰ
	4=‹ZpΠ‰ξ
		4_1=ƒRƒ“ƒZƒvƒg
		4_2=‰ρ“]‚Μ“Α’₯
		4_3=DVD
	5=μ•iΠ‰ξ
		5_1=“ϊ–{
		5_2=γŠC
		5_3=γŠC–œ”Ž‚ΜŒ}•oŠΩ’ρˆΔ
	6=MIPIM
	7=–ΝŒ^Eƒp[ƒXEŒšήξ•ρEŽsκ’²Έ
	8=‚¨–β‚’‡‚Ή
		8_1=‚¨–β‚’‡‚ΉƒtƒH[ƒ€
		8_2=’n}
	9=Šι‹Ζ—lŒό‚―
-----------------------------------------------------------*/

/*-----------------------------------------------------------
	1=ƒgƒbƒv
-----------------------------------------------------------*/
#top {
	background: #62C3A1 url(../image/index/bg.gif) repeat-x;
}
#top #header {
	height: 91px;
	width: 800px;
	text-align: right;
	margin: 0px auto;
}
#top #header ul { padding-right: 5px; padding-top: 10px;}
#top #header li {
	display: inline;
	border-left: 1px solid #494949;
	padding: 0px 5px;
}
#top #header li.start { border: none;}
#top #flash { padding-bottom: 30px;}
#top #main ul { margin-bottom: 45px;}
#top #main li {
	display: inline;
	padding: 0px 38px;
}
#top #main p img { padding: 0px 20px; /*margin-bottom: 60px;*/}
#top #footer { background: url(../image/index/footbg.gif) repeat-x;}
#top #footer p { color: #666; padding: 10px; color: #fff;}

#top #main, #top #flash { background: #fff;}
#top #main { padding-bottom: 30px;}
#top #koubo {
	width: 700px;
	margin: 10px auto 0px auto;
	background: #ffffff url(../image/index/logo_diowa.jpg) left no-repeat;
	border: 1px dashed #ccc;
	text-align: left;
}

#top #koubo p.koubo_text {
	text-align:center;
}

#top #koubo h2 {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
	background: #eee;
}
#top #koubo p { padding: 10px;}
#top #koubo p.link { padding-top: 0px; text-align: center;}


/*-----------------------------------------------------------
	2=“ϊ–{Œκƒgƒbƒv
-----------------------------------------------------------*/
#index #left {
	background: url(../image/indexjp/leftbg.gif) no-repeat;
	height: 390px;
}
#index #main > #left { height: auto; min-height: 390px;}
#index #contents {
	background: url(../image/indexjp/indexcbg.gif) left 370px no-repeat;
}
#index p.copy { padding: 29px 0px 10px 40px;}
#index ul.uri {
	width: 310px;
	height: 160px;
	background: url(../image/indexjp/lefttbg.gif) no-repeat;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}
#index ul.uri li {
	background: url(../image/indexjp/check.gif) 30px center no-repeat;
	padding-left: 46px;
	margin-top: 27px;
}
#index address {
	background: url(../image/indexjp/addressbg.gif) left bottom no-repeat;
	width: 270px;
	height: 160px;
	float: left;
	overflow: hidden;
	text-align: center;
}


/*-----------------------------------------------------------
	3=‰οŽΠˆΔ“ΰ
-----------------------------------------------------------*/
#rinen p { text-align: center;}
#cmjp {
	padding-bottom: 314px;
	background: url(../image/contentsjp/company/jpbg.jpg) center bottom no-repeat;
}
#cmsh {
	padding-bottom: 330px;
	background: url(../image/contentsjp/company/shbg.jpg) center bottom no-repeat;
}

#cmjp table, #cmsh table {
	width: 560px;
	margin-left: 20px;
	margin-top: 10px;
	border-top: 1px dashed #6FC2A0;
}
#cmjp td, #cmjp th, #cmsh td, #cmsh th {
	border-bottom: 1px dashed #7FAFDB;
}
#cmjp tr.green td, #cmjp tr.green th,
#cmsh tr.green td, #cmsh tr.green th {
	border-bottom: 1px dashed #6FC2A0;
}
#cmjp th, #cmsh th {
	text-align: center;
	background: #D8E8F7;
	width: 135px;
	padding: 0.5em 0em;
}
#cmjp td, #cmsh td { padding: 0.7em 1em;}
#cmjp tr.green th, #cmsh tr.green th {
	background: #D3F7E8;
}
#cmjp table dt, #cmsh table dt {
	width: 20em;
	float: left;
}

#aisatu {
	padding-bottom: 62px;
	background: url(../image/contentsjp/company/water.jpg) right bottom no-repeat;
}
#aisatu dl { padding: 0px 20px;}
#aisatu dt, #aisatu dd {
	border-bottom: 1px dashed #7FAFDB;
	height: 20px;
	line-height: 20px;
	float: left;
	margin-top: 20px;
	overflow: hidden;
}
#aisatu dt { width: 120px; clear: both;}
#aisatu dd { width: 420px; font-weight: bold;}

/*‰pŒκƒTƒCƒg—p*/
#aisatu ul { padding: 0px 20px;}
#aisatu li {
	border-bottom: 1px dashed #7FAFDB;
	margin-top: 20px;
	padding-bottom: 1px;
	font-weight: bold;
	padding-left: 120px;
	text-indent: -120px;
}
#aisatu li img { vertical-align: middle;}
/*‰pŒκƒTƒCƒg—pƒRƒR‚ά‚Ε*/

#aisatu p.aisatuCopy {
	text-align: center;
	padding-top: 10px;
}
div.aisatuBox {
	position: relative;
	width: 528px;
	padding-bottom: 3em;
	margin-left: 35px;
	margin-top: 20px;
}
div.aisatuBox img.hayakawa {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
div.aisatuBox p.name {
	clear: both;
	padding-left: 20px;
	padding-top: 15px;
}
/*div.aisatuText {
	width: 295px;
	float: left;
	margin-top: 10px;
}
p.bloglink {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
p.bloglink a {
	padding-left: 20px;
	background: url(../image/contentsjp/company/arrow.jpg) left center no-repeat;
}*/

/*-----------------------------------------------------------
	4=‹ZpΠ‰ξ
-----------------------------------------------------------*/
/*-----------------------------------------------------------
		4_1=ƒRƒ“ƒZƒvƒg
-----------------------------------------------------------*/
#tconcept {
	padding-top: 10px;
	padding-bottom: 80px;
	/*background: url(../image/contentsjp/technology/conceptbg.jpg) right bottom no-repeat;*/
}
#contents #tconcept h2 { padding-top: 0px; margin-bottom: 15px;}
#tconcept img.mark { margin-left: 10px;}
#tconcept h3 { margin: 0px 0px 5px 20px; clear: both;}
#tconcept p { padding: 0px 20px 12px 20px;}
#tconcept div.conceptImg {
	width: 170px;
	margin: 10px 0px 20px 15px;
	float: left;
	text-align: center;
	display: inline;
}
#tconcept div.conceptImg h4 {
	font-size: 10px;
}
/*-----------------------------------------------------------
		4_2=‰ρ“]‚Μ“Α’₯
-----------------------------------------------------------*/
#trotaion ul#trtokutyou { padding: 10px 30px 0px 30px;}
#trotaion ul#trtokutyou li {
	border-bottom: 1px dashed #62C3A1;
	padding: 15px 5px 0px 25px;
	margin-bottom: 10px;
}
#trotaion ul#trtokutyou li.no1 { background: url(../image/contentsjp/technology/no1.gif) no-repeat;}
#trotaion ul#trtokutyou li.no2 { background: url(../image/contentsjp/technology/no2.gif) no-repeat;}
#trotaion ul#trtokutyou li.no3 { background: url(../image/contentsjp/technology/no3.gif) no-repeat;}
#trotaion p.movielink {
	padding-right: 20px;
	text-align: right;
	clear: both;
}
#trotaion h3 {
	margin-left: 10px;
	padding-top: 20px;
	clear: both;
}
ul.tokkyosho {
	padding-left: 20px;
	padding-top: 5px;
}
ul.tokkyosho li {
	width: 290px;
	float: left;
}
div.zumenBox1, div.zumenBox2 {
	margin-top: 10px;
	float: left;
	margin-bottom: 5px;
}
div.zumenBox1 {
	width: 275px;
	margin-left: 10px;
	margin-right: 15px;
	display: inline;
}
div.zumenBox2 { width: 290px;}


h4.mrls { margin-left: 15px;}
#trotaion div.kentou {
	margin: 10px 15px 10px 16px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #5594CF;
}
#trotaion div.kentou ul {
	background: #fff url(../image/contentsjp/technology/kentoubg.gif) left bottom repeat-x;
	border-left: 1px solid #CECECF;
	border-right: 1px solid #CECECF;
	padding: 10px 10px 0px 10px;
	color: #333;
}
#trotaion div.kentou li { padding-bottom: 10px;}
#trotaion div.kentou li.alingr { text-align: right;}
#trotaion div.kotei { margin: 0px 20px;}
div.koteiheimen {
	width: 285px;
	float: left;
	margin-bottom: 10px;
}
div.koteidata {
	width: 275px;
	float: left;
	margin-bottom: 10px;
}
div.koteidata table {
	font-size: 10px;
	width: 275px;
	border-top: 1px solid #ccc;
}
div.koteidata th, div.koteidata td {
	border-bottom: 1px solid #ccc;
	padding: 3px 2px;
}
div.koteidata td {
	border-left: 1px solid #ccc;
}
div.koteidata .toph th {
	background: #F8F1E6;
	text-align: center;
	border-left: 1px solid #ccc;
}
div.koteidata .toph th.bnone { border-left: none;}
div.koteidata .btable { text-align: center;}
div.koteidata .btable .toph th { width: 90px;}
#trotaion div.kaiten { margin: 10px 20px;}
#trotaion div.kaiten img { margin-bottom: 10px;}
#trotaion div.kaiten li { margin-bottom: 5px;}
#trotaion div.syumire { margin: 10px 15px;}
#trotaion div.syumire img { float: left; margin-bottom: 10px;}
#trotaion ul.bikou {
	width: 275px;
	float: left;
	font-size: 10px;
	padding-top: 50px;
}
#trotaion ul.bikou li { margin-bottom: 1.5em;}
#trotaion ul.endText {
	clear: both;
	background:  #fff url(../image/contentsjp/technology/gurafubg.gif) left bottom repeat-x;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px 5px 5px 5px;
}
#trotaion ul.endText li {
	margin-bottom: 10px;
	border-bottom: 1px dashed #7ECEF4;
	color: #0068B7;
}
#trotaion div.syumire li img { float: none; margin-bottom: 0px;}


/*-----------------------------------------------------------
		4_3=DVD
-----------------------------------------------------------*/
#dvd p { padding: 10px 20px;}
div.move {
	margin-left: 20px;
	border: 1px dashed #ccc;
	background: #eee;
	padding: 10px;
	width: 446px;
}

/*-----------------------------------------------------------
	5=μ•iΠ‰ξ
-----------------------------------------------------------*/
/*-----------------------------------------------------------
		5_1=“ϊ–{
-----------------------------------------------------------*/
#djapan div.djpBox {
	width: 570px;
	margin-top: 10px;
	margin-left: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}
div.djpBox .text {
	padding-left: 5px;
	height: 230px;
	width: 210px;
	margin-right: 10px;
	overflow: hidden;
	background: url(../image/contentsjp/djp/textbg.jpg) 5px top no-repeat;
	float: left;
	color: #666;
}
div.djpBox table { margin: 5px 0px 0px 10px;}
div.djpBox table th.name {
	font-weight: bold;
	font-size: 14px;
	width: 100%;
}
div.djpBox table th { width: 5em;}
div.djpBox table th, div.djpBox table td { padding-top: 5px;}
div.djpBox .img {
	width: 340px;
	float: left;
	height: 230px;
	background: #333;
	overflow: hidden;
}
div.djpBox .img img {
	float:left;
	margin: 1px 0px 0px 1px;
	display: inline;
}

div.djpBox .img img.m40 { margin-top: 39px;}
div.djpBox .img img.m30 { margin-top: 29px;}
div.djpBox .img img.m24 { margin-top: 25px;}
div.djpBox .img img.m14 { margin-top: 15px;}
div.djpBox .img img.m6 { margin-top: 6px;}
/*-----------------------------------------------------------
		5_2=γŠC
-----------------------------------------------------------*/
div.dshBox {
	width: 559px;
	height: 243px;
	margin-left: 20px;
	margin-top: 15px;
	padding-bottom: 16px;
	background: #333 url(../image/contentsjp/dsh/line.gif) left bottom no-repeat;
	overflow: hidden;
}
div.topmargin { margin-top: 10px;}
div.item3 { height: 122px;}
div.dshBox .text, div.dshBox img {
	margin: 1px 0px 0px 1px;
	float: left;
	display: inline;
}
div.dshBox .text {
	width: 185px;
	height: 120px;
	overflow: hidden;
	color: #fff;
}
div.dshBox .text table { margin: 3px 5px;}
div.dshBox .text th.name {
	font-weight: bold;
	width: 100%;
	letter-spacing: -1px
}
div.dshBox .text th { width: 5em;}


/*-----------------------------------------------------------
		5_3=γŠC–œ”Ž‚ΜŒ}•oŠΩ’ρˆΔ
-----------------------------------------------------------*/
#dexpo { padding-bottom: 10px; color: #333;}
#dexpo div#concept {
	background: url(../image/contentsjp/dexpo/conceptbg.gif) repeat-y;
	margin: 10px 10px 0px 10px;
	padding-bottom: 10px;
}
#dexpo div#concept img.expologo {
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-top: 10px;
}
#dexpo div#concept p {
	padding: 7px 10px 0px 10px;
	text-indent: 1em;
}
#dexpo div.dexpobox {
	margin: 0px 0px 10px 10px;
}
#dexpo div.dexpobox ul { padding-top: 5px;}
#dexpo div.dexpobox li {
	display: inline;
	padding-right: 5px;
}
#dexpo div.dexpobox p.movie {
	text-align: right;
	padding-right: 20px;
}
/*
#dexpo div.dexpobox ul.newsbox {
	width: 220px;
	margin-right: 10px;
	padding-top: 10px;
	float: left;
}
#dexpo div.dexpobox ul.newsbox li {
	display: block;
	padding-left: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
#dexpo div.dexpobox div.newsphoto {
	width: 280px;
	float: left;
	padding-top: 10px;
	margin-right: 10px;
}
*/
#dexpo div.dnewsText {
	padding: 10px 0px 5px 0px;
	margin: 0px 10px;
	border-bottom: 1px dashed #aaa;
}
#dexpo div.dnewsText h4 {
	font-weight: bold;
	color: #09f;
	border-bottom: 1px dashed #aaa;
	padding: 0px 5px;
	margin-bottom: 5px;
}
#dexpo div.dnewsText h4 a { font-size: 10px; padding-left: 1.5em;}
#dexpo div.dnewsText p {
	margin-bottom: 0.8em;
	padding: 0px 5px;
}
#dexpo div.dnewsText img { margin-left: 10px; vertical-align: middle;}

/*-----------------------------------------------------------
		6=MIPIM
-----------------------------------------------------------*/
div.mipimb {
	margin: 10px 15px 0px 15px;
	padding: 5px;
	background: #eee;
	border: 1px dashed #ccc;
}
div.mipimb p { padding-bottom: 5px;}
a.mbanner, a.mabanner {
	display: block;
	height: 60px;
	float: left;
	border: 1px solid #ccc;
}
a.mbanner {
	width: 220px;
	margin-right: 10px;
}
a.mabanner { width: 320px;}
a.mbanner:hover, a.mabanner:hover { border: 1px solid #999;}

#mipim dl {
	clear: both;
	margin: 0px 10px;
}
#mipim dt {
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	margin-top: 10px;
}
#mipim dt span { font-weight: bold;}
#mipim dd { padding: 10px 0px 0px 9px;}
#mipim dt.data1 { background: url(../image/contentsjp/mipim/dt1.jpg) no-repeat;}
#mipim dt.data2 { background: url(../image/contentsjp/mipim/dt2.jpg) no-repeat;}
#mipim dt.data3 { background: url(../image/contentsjp/mipim/dt3.jpg) no-repeat;}
#mipim dt.data4 { background: url(../image/contentsjp/mipim/dt4.jpg) no-repeat;}
#mipim dd.data1 { background: #EBFFF8; border: 1px solid #62C3A1;}
#mipim dd.data2 { background: #EBFFEE; border: 1px solid #61C271;}
#mipim dd.data3 { background: #F1FFEB; border: 1px solid #81C261;}
#mipim dd.data4 { background: #FCFFEB; border: 1px solid #B2C261;}
#mipim dd img {
	float: left;
	margin-right: 9px;
	margin-bottom: 10px;
}

/*-----------------------------------------------------------
		7=–ΝŒ^Eƒp[ƒXEŒšήξ•ρEŽsκ’²Έ
-----------------------------------------------------------*/
.marketingBox, .modelBox, .perthBox, .minfoBox {
	margin: 0px 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D9D9D9;
	background: url(../image/contentsjp/perth/bg.gif) left bottom repeat-y;
}
.marketingBox p, .modelBox p, .perthBox p, .minfoBox p {
	padding: 10px 10px 0px 10px;
}
.perthBox {
	margin-bottom: 20px;
}
div.address { padding-top: 30px;}
div.address p.form { text-align: center;}

.minfoBox h3 {
	padding-left: 10px;
	padding-top: 10px;
}
.minfoBox p.flow {
	margin: 10px;
	padding: 10px;
	border: 1px solid #999;
}
.minfoBox p.flow span {
	color: #a00;
	display: block;
	padding: 10px 5px;
	font-weight: bold;
}
.minfoBox p.setumei {
	padding: 0px 30px;
}

/*-----------------------------------------------------------
		8_1=‚¨–β‚’‡‚ΉƒtƒH[ƒ€
-----------------------------------------------------------*/
#contact { padding-bottom: 20px;}
#contact p.contactText {
	margin: 10px 15px;
	padding: 0px 10px;
	border-bottom: 1px dashed #ccc;
}
p.contactText span { color: #a00;}
#contact form { margin: 0px 20px;}
#contact form span#errer { color: #a00;}
#contact table { width: 558px;}
#contact td, #contact th {
	padding: 3px 5px;
	border: 1px solid #aaa;
}
#contact td { background: #eee;}
#contact th { background: #666; color: #fff;}
#contact th span {
	color: #000;
	font-size: 10px;
	padding-left: 5px;
}
#contact form p {
	text-align: center;
	margin-top: 10px;
}
#contact form p input {
	margin: 0px 30px;
	padding: 5px;
	border: 1px solid #666;
}
#contact form p input#reset { background: #fff url(../image/contentsjp/contact/reset.gif) left bottom repeat-x;}
#contact form p input#submit {
	color: #fff;
	background: #333 url(../image/contentsjp/contact/submit.gif) left bottom repeat-x;
}


/*-----------------------------------------------------------
		8_2=’n}
-----------------------------------------------------------*/
#maparea { padding-bottom: 10px;}
#mapbox {
	margin: 10px 20px;
	padding: 10px;
	border: 1px dashed #ccc;
	background: #eee;
}
#mapbox address {
	border: 1px dashed #ccc;
	background: #fff;
	margin-bottom: 10px;
	padding: 5px;
}
#map {
	border: 1px solid #aaa;
}


/*-----------------------------------------------------------
		9=Šι‹Ζ—lŒό‚―
-----------------------------------------------------------*/
#enterprise p, #enterprise dl {
	padding: 10px 20px 0px 20px;
}
#enterprise {
	background: url(../image/contentsjp/enterprise/bg.jpg) 10px bottom no-repeat;
	padding-bottom: 280px;
	margin-bottom: 20px;
}
#enterprise dt {
	border-bottom: 1px dashed #ccc;
	font-weight: bold;
}
#enterprise dt, #enterprise dd {
	padding-left: 0.8em;
}
#enterprise dd {
	line-height: 1.8;
	padding-top: 0.2em;
	margin-bottom: 1em;
}