@charset "utf-8";
@import url("common.css");
@import url("thickbox.css");

/*
 * Last Up Date: 2009-07-23 16:00
 */

/* ------ body */
body {
	background: #67CED7;
	height: 620px;
}

/* ------ a */
a {
	padding: 1px;
	overflow:hidden;
	outline:none;
}
a:link { 
	color: #0066CC;
}
a:visited {
	color: #0066CC;
}
p a:hover,
dl a:hover,
ul a:hover
 {
	background: #D8F2F9;
	text-decoration: none;
	color: #0066FF;
}
a:active {
	color: #00FFFF;
}

/* ------ container */
#container {
	width: 7800px;
	height: 600px;
	background: #FFF url(../img/background.gif) no-repeat top right;
}
.section {
	position: absolute;
	width: 100%;
	height: 600px;
}
.section-inner {
	width: 100%;
	min-width: 950px;
	height: 100%;
}
.content {
	padding: 10px;
}
.content-inner {
	margin-top: 20px;
	padding: 20px;
	width: 560px;
	height: 460px;
}
.txtWrap {
	height: 460px;
	overflow: auto;
	scrollbar-face-color: #E1E1E1;
	scrollbar-arrow-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #CCC;
}

/* ------ top */
#top {
	top: 0;
	left: 0;
	width: 1300px;
	background: #67CED7 url(../img/back_p1.gif) no-repeat top right;
}
#topSwf {
	margin: 0;
}
#top h1 {
	margin: 0 0 0 50px;
}

/* ------ news */
#news {
	top: 0;
	left: 1300px;
	background: url(../img/back_p2.png) no-repeat top left;
}
#news .section-inner {
	background: url(../img/back_p2_inner.png) no-repeat bottom right;
}
#news .content-inner {
	background: url(../img/white_back.png) no-repeat;
}
#news dt {
	margin: 5px 0;
	font-weight: bold;
	color: #378A9B;
}
#news dd {
	padding-bottom: 5px;
	border-bottom: 2px dashed #CCE8F1;
	font-weight: bold;
}
#news dt.importance {
	width: 12.5em;
	height: 24px;
	background: url(../img/icon_importance.png) no-repeat right;
}
#news dt.new {
	width: 11.2em;
	height: 24px;
	background: url(../img/icon_new.png) no-repeat right;
}
#news dd.importance {
	color: #FF6600;
}
.highlight  {
	margin: 0 1px;
	padding: 1px;
	background: #FFFFB2;
}

/* ------ service */
#service {
	top: 0;
	left: 2600px;
}
#service .section-inner {
	background: url(../img/back_p3_inner.png) no-repeat bottom right;
}
#service .content-inner {
	margin: 20px auto 0;
	padding: 0;
	width: 720px;
	height: 510px;
}
#service .content-inner img {
	margin: 0;
	margin-bottom: 10px;
}
#service .content-inner img.mRight17 {
	margin-right: 17px;
}
#service .content-inner img.mRight20 {
	margin-right: 20px;
}

/* ------ product */
#product {
	top: 0;
	left: 3900px;
}
#product .section-inner {
	background: url(../img/back_p4_inner.png) no-repeat bottom right;
}
#product .content-inner {
	padding: 0;
	width: 600px;
	height: 500px;
	background: url(../img/blue_back_2.png) no-repeat;
}
#product .pro-txt {
	margin: 15px;
	padding: 20px 10px;
	float: left;
	width: 340px;
	background: #0099CC;
	text-align: center;
	color: #FFF;
}
#product .pro-txt p {
	margin: 15px;
	text-align: left;
}
#product .pro-img {
	float: right;
}
#coldgate{
	height: 210px;
}
#coldgate .pro-txt {
	height: 140px;
}
#coldgate .pro-img {
	margin: 15px 40px 0 0;
}
#artifact{
	margin-top: 15px;
	height: 275px;
}
#artifact .pro-txt {
	height: 205px;
}
#artifact .pro-img {
	margin: 15px 6px 0 0;
}

/* ------ workcontents */
#workcontents {
	top: 0;
	left: 5200px
}
#workcontents .section-inner {
	background: url(../img/back_p3_inner.png) no-repeat bottom right;
}
#workcontents .content-inner {
	margin: 20px auto 0;
	padding: 0;
	width: 700px;
	height: 500px;
}

/* ------ company */
#company {
	top: 0;
	left: 6500px;
}
#company .section-inner {
	background: url(../img/back_p5_inner.png) no-repeat bottom right;
}
#company .content-inner {
	background: url(../img/blue_back.png) no-repeat;
	float: left;
}
#company dl dd dl dt {
	margin-right: 20px;
	float: left;
}
#company dt {
	margin: 5px 0;
	font-weight: bold;
	color: #378A9B;
}
#company dd {
	padding-bottom: 5px;
}
#company ul {
	margin-left: 15px;
	list-style-type: circle;
}
#toriSwf {
	margin: -50px 170px 0 0;
	float: right;
}

/* Service Page mini
------------------------------ */
/* ------ body */
body.sPage {
	background: #E8E8E8;
	height: 400px;
}

/* ------  common */
.sPage #sWrap {
	margin: 0 auto;
	width: 600px;
	height: 400px;
}
h1 {
	padding-bottom: 5px;
	font-size: 116%;
	font-weight: bold;
}
p.sURL {
	padding-top: 3px;
	font-size: 116%;
	font-weight: bold;
	text-align: right;
}

/* ------ torinesia */
.torinesia #sWrap {
	background: url(../img/s_tori_back.jpg) no-repeat;
}
.torinesia .sTxt-box {
	margin-left: 250px;
	padding-top: 15px;
	width: 330px;
	height: 200px;
}
.torinesia p {
	color: #FFF;
}
.torinesia a:link { 
	color: #FFFF00;
}
.torinesia a:visited {
	color: #CCFF00;
}
.torinesia a:hover {
	color: #FFD11A;
}
.torinesia a:active {
	color: #A93500;
	text-decoration: none;
}

/* ------ oceanbook */
.oceanbook #sWrap {
	background: url(../img/s_ocean_back.jpg) no-repeat;
}
.oceanbook .sTxt-box {
	margin-left: 20px;
	padding-top: 150px;
	width: 310px;
	height: 200px;
}
.oceanbook h1 {
	color: #FFF;
}
.oceanbook p {
	color: #075F42;
}
.oceanbook a:link { 
	color: #00FFFF;
}
.oceanbook a:visited {
	color: #00FF99;
}
.oceanbook a:hover {
	color: #FFF;
}
.oceanbook a:active {
	color: #0033FF;
	text-decoration: none;
}

/* ------ guardian */
.guardian #sWrap {
	background: url(../img/s_guardian_back.jpg) no-repeat;
}
.guardian .sWrap-inner {
	margin: 0 auto;
	padding-top: 140px;
	width: 580px;
	height: 260px;
}
.guardian .sTxt-box {
	margin-top: 50px;
	float: left;
	width: 320px;
	height: 200px;
}
.guardian p {
	color: #FFF;
}
.guardian a:link { 
	color: #CCFF00;
}
.guardian a:visited {
	color: #FFCC00;
}
.guardian a:hover {
	color: #FFFF00;
}
.guardian a:active {
	color: #993300;
	text-decoration: none;
}

/* ------ maji */
.ma #sWrap {
	background: url(../img/s_ma_back.jpg) no-repeat;
}
.ma .sTxt-box {
	margin-left: 280px;
	padding-top: 160px;
	width: 300px;
	height: 245px;
}
.ma p {
	color: #000;
}
.ma a:link { 
	color: #CC0000;
}
.ma a:visited {
	color: #CC9900;
}
.ma a:hover {
	color: #0099CC;
}
.ma a:active {
	color: #0099FF;
	text-decoration: none;
}

/* ------ maku */
.maku #sWrap {
	background: url(../img/s_maku_back.gif) no-repeat;
}
.maku .sTxt-box {
	margin-left: 35px;
	padding-top: 185px;
	width: 525px;
	height: 195px;
}
.maku p {
	color: #999;
}
.maku a:link { 
	color: #6FD278;
}
.maku a:visited {
	color: #99CC00;
}
.maku a:hover {
	color: #9999FF;
}
.maku a:active {
	color: #00FF00;
	text-decoration: none;
}

/* ------ scratch */
.scratch #sWrap {
	background: url(../img/s_scratch_back.jpg) no-repeat;
}
.scratch .sTxt-box {
	margin-left: 35px;
	padding-top: 235px;
	width: 525px;
	height: 150px;
}
.scratch p {
	color: #4A3E33;
}
.scratch a:link { 
	color: #0066FF;
}
.scratch a:visited {
	color: #4784C3;
}
.scratch a:hover {
	color: #0033CC;
}
.scratch a:active {
	color: #FFF;
	text-decoration: none;
}

/* ------ blogparts */
.blogparts #sWrap {
	background: url(../img/s_blog_back.gif) no-repeat;
}
.blogparts .sTxt-box {
	margin-left: 30px;
	padding-top: 10px;
	width: 530px;
	height: 150px;
}
.blogparts p {
	color: #FFF;
}
.blogparts a:link { 
	color: #26DFE3;
}
.blogparts a:visited {
	color: #A4F0F2;
}
.blogparts a:hover {
	color: #00FFCC;
}
.blogparts a:active {
	color: #00DBAF;
	text-decoration: none;
}

/* ------ livly */
.livly #sWrap {
	background: url(../img/s_liv_back.jpg) no-repeat;
}
.livly .sTxt-box {
	margin-left: 55px;
	padding-top: 15px;
	width: 490px;
}
.livly h1,
.livly p {
	color: #FF6600;
}

/* ------ barvillage */
.barvillage #sWrap {
	background: url(../img/s_bar_back.gif) no-repeat;
}
.barvillage .sTxt-box {
	margin-left: 50px;
	padding-top: 15px;
	width: 500px;
}
.barvillage h1,
.barvillage p {
	color: #FFF;
}

/* ------  footer */

/* ------  gNavi */
#footer {
	position: fixed;
	_position: absolute;
	left: 1%;
	bottom: 3%;
	padding: 2px 2px 0;
	background: #67CED7;
}
#footer ul li {
	padding: 0 3px;
	display: inline;
	border-right: 1px solid #33B3D1;
}
#footer p {
	padding: 5px 0 0 8px;
	font-size: 77%;
	letter-spacing: 0.1em;
	color: #0066CC;
}
#footer .noBorder {
	border-right: none;
}
#footer a {
	padding: 2px;
	font-weight: bold;
}
#footer a:link { 
	text-decoration: none;
	color: #FFF;
}
#footer a:visited {
	color: #FFF;
}
#footer a:hover {
	background: #0099CC;
	color: #FFF;
}
#footer a:active {
	color: #00FFFF;
}