@charset "UTF-8";

/* **************************************
*Since: 2009-6-05
*Modified: 2009-6-10
           2009-6-17
           2009-6-18
************************************** */


/* Reset & Restyle
---------------------------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	line-height:1.5;
	color: #333;
	margin:0;
	padding:0;
}

body {
	font-size:75%;
	background:url(../images/bg_page.jpg) repeat-x left top;
}

/* ModernBrowsersOnly(notIE7) */
html>/**/body {
	font-size:12px;
}

img {
	border: 0px;
	vertical-align:bottom;
}

ul, ol {
	list-style-type: none;
}

table {
	border: none;
}

th, td {
	padding: 0px;
	text-align:left;
}

hr {
	visibility:hidden;
}

strong {
	font-weight:bold;
}

a.pdf {
	background:url(../images/icon_pdf.gif) no-repeat left center;
	padding:1px 0px 1px 20px;
}


/* link color
---------------------------------------------------------------------------------------- */
a {
	text-decoration: underline;
	color:#003399;
}

a:hover {	
	color:#003399;
	text-decoration: none;
}
h3 {
	background:url(../images/bg_heading.gif) no-repeat ;
	height:36px;
	line-height:35px;
	font-size:110%;
	font-weight:bold;
	padding:0px 0px 0px 20px;
	margin:10px 0px 15px 0px;
	clear:left;
}

table tr th { background:#fff;border-bottom: 1px solid #EBEBF3;padding:6px 0px 6px 10px; }
table tr td { background:#fff;border-bottom: 1px solid #EBEBF3;padding:6px 0px 6px 10px; }
table tr.even th, #mainContent div#content table tr.even td { background:#F2F2F7;}


/* 企業情報
---------------------------------------------------------------------------------------- */

/* read
-------------------------------------- */
p.read {
	width:655px;
	height:192px;
	position:absolute;
	top:8px;
	left:20px;
	background:url(../../company/images/photo01.jpg) no-repeat right top;
	line-height:1.8;
	letter-spacing:1px;
	z-index:0;
}
p.read span {
	width:365px;
	display:block;
}

#content p.read span {
	display:block;
}

#content p.aboutread span {
	display:block;
}
p.read img {
	margin:20px 0px 10px 0px;
}

/* busiess
-------------------------------------- */
dl.busiess {
	width:305px;
	float:left;
	margin:20px 25px 0px 0px;
}

dl.rNoMargin {
	margin:20px 0px 0px 0px;
}

dl.busiess dt {
	font-weight:bold;
	font-size:110%;
	margin:0px 0px 5px 0px;
}

dl.busiess dt img {
	margin:0px 0px 10px 0px;
	display:block;
}

/* messagetxt
-------------------------------------- */
div.messagetxt {
	margin:0px 40px 30px 40px;
	text-indent:1em;
	line-height:1.8;
	height:186px;
}

div.message img.copy {
	position:absolute;
	left:220px;
	top:60px;
}

div.message img.photo01 {
	position:absolute;
	left:60px;
	top:40px;
}

div#content p.message {
	margin:0px 40px 20px 40px;
	text-indent:1em;
	line-height:1.8;
	clear:left;
}

/* profile
-------------------------------------- */
img.photo02 {
	float:left;
}

table.profile {
	margin:0px 15px 25px 0px;
	float:left;
	width:460px;
}

table.profile th {
	width:60px;
}

p.map {
	padding:0px 20px;
}

p.map img {
	margin:0px 0px 10px 0px;
}

/* org
-------------------------------------- */
p.org {
	line-height:1.8;
	height:310px;
	margin:5x 0px 0px 0px;
}

p.org img {
	float:right;
	margin:5px 0px 0px 20px;
}

dl.org {
	background:url(images/bg_shadow01.gif) repeat-x bottom;
	border:1px solid #ddd;
	margin:0px 0px 5px 0px;
	padding:15px 0px;
	position:relative;
	width:633px;
}

dl.org dt {
	font-weight:bold;
	font-size:110%;
	text-decoration:underline;
	padding:0px 0px 8px 160px;
}

dl.org dt img {
	position:absolute;
	left:20px;
}

dl.org dd {
	padding:0px 0px 0px 160px;
}

/* director 
-------------------------------------- */
table.director {
	width:635px;
	margin:0px 0px 25px 0px;
}


table.director th {
	width:100px;
}

/* gov
-------------------------------------- */
p.gov {
	line-height:1.8;
	margin:0px 0px 10px 0px;
}

ul.gov {
	float:left;
	width:305px;
}

ul.gov.rfloat {
	float:right;
}

ul.gov li {
	background:url(images/bg_shadow01.gif) repeat-x bottom;
	margin:20px 0px 0px 0px;
	border:1px solid #ddd;
	height:70px;
	padding:15px;
	font-size:85%;
	line-height:1.3;
}

ul.gov li img {
	float:left;
	margin:0px 13px 30px 0px;
}

ul.gov li strong {
	font-weight:bold;
	text-decoration:underline;
	display:block;
	font-size:120%;
	margin:0px 0px 5px 0px;
}

/* シンバについて
---------------------------------------------------------------------------------------- */

/* read
-------------------------------------- */
p.aboutread {
	width:655px;
	height:180px;
	position:absolute;
	top:0px;
	left:20px;
	background:url(../../about/images/photo01.jpg) no-repeat right top;
	z-index:0;
}

p.aboutread span {
	width:410px;
	display:block;
	margin:0px 0px 10px 0px;
}

p.aboutread img {
	margin:30px 0px 10px 0px;
}

p.about {
	margin:13px 0px 0px 0px;
}

/* area
-------------------------------------- */
ol.area {
	margin:0px 0px 10px 40px;
}

ol.area li {
	list-style:decimal;
	line-height:1.1;
	padding:5px 0px;
}

p.area01 {
	text-align:center;
	margin:30px 0px 40px 0px;
}

p.area02 {
	margin:0px 0px 20px 0px;
}

/* history
-------------------------------------- */
p.history {
}

p.history img {
	float:left;
	margin:0px 20px 20px 0px;
}

table.history {
	width:635px;
}

table.history th {
	vertical-align:top;
}

/* company
-------------------------------------- */
ul.company {
	float:left;
	width:305px;
}

ul.company.rfloat {
	float:right;
}

ul.company li {
	background:url(images/bg_shadow01.gif) repeat-x bottom #fff;
	margin:10px 0px 20px 0px;
	border:1px solid #ddd;
	height:90px;
	padding:0px 10px 0px 15px;
	font-size:85%;
	line-height:1.5;
}

ul.company li a {
	background:url(images/icon_arrow01.gif) no-repeat left center ;
	padding:0px 0px 0px 10px;
}

ul.company li img {
	float:right;
	margin:3px 0px 0px 0px;
}

ul.company li strong {
	font-weight:bold;
	text-decoration:underline;
	display:block;
	font-size:120%;
	margin:15px 0px 5px 0px;
}


/* ビジネスソリューション
---------------------------------------------------------------------------------------- */

/* read
-------------------------------------- */
p.solutionread {
	width:655px;
	position:absolute;
	top:0px;
	left:20px;
	background:url(../../solution/images/photo01.jpg) no-repeat right top;
	z-index:0;
}

p.solutionread span {
	width:350px;
	display:block;
	margin:0px 0px 10px 0px;
}

p.solutionread img {
	margin:30px 0px 10px 0px;
}


/* 沖縄の未来にむけて
---------------------------------------------------------------------------------------- */

/* read
-------------------------------------- */
p.visionread {
	width:655px;
	height:351px;
	position:absolute;
	top:0px;
	left:20px;
	background:url(../../vision/images/photo01.jpg) no-repeat right top;
	z-index:0;
}

p.visionread span {
	width:375px;
	display:block;
	margin:0px 0px 10px 0px;
}

p.visionread img {
	margin:30px 0px 10px 0px;
}


/* 社会・環境活動
---------------------------------------------------------------------------------------- */

/* index
-------------------------------------- */
p.csrCopy {
	text-align:center;
	margin:30px 0px 40px 0px;
}

ul.csr {
	margin:15px 0px 0px 0px;
}

ul.csr li {
	float:left;
	font-size:85%;
	width:635px;
	background:url(images/bg_border01.gif) repeat-x bottom ;
	padding:20px 0px 20px 0px;
	line-height:1.4;
}

ul.csr li strong {
	font-size:120%;
	display:block;
	text-decoration:underline;
	margin:0px 0px 3px 0px;
}

ul.csr li img {
	float:left;
	margin:0px 20px 0px 10px;
}


ul.csr li a {
	background:url(images/icon_arrow01.gif) no-repeat left center ;
	padding:0px 0px 0px 10px;
}

ul.csr li small {
	margin:10px 0px 0px 0px;
	display:block;
	width:480px;
	float:left;
	font-size:100%;
}

ul.csr li.ems {
	background:none;
	margin:0px 0px 10px 0px;
}