@charset "UTF-8";

/* ------------------------------

 1.Base
 
------------------------------ */
body {
	background:#73cfef url(../images/base/bg.gif) repeat-x;
}

div#wrapper {
	position:relative;
	width:1000px;
	height:4335px;
	margin:0 auto;
	text-align:left;
}


/* ------------------------------

 2.Contents
 
------------------------------ */

/* --------------------------------------------------------------------------------
 1.Skyblue
-------------------------------------------------------------------------------- */
#skyblue {
	position: relative;
	width:1000px;
	height:1355px;
	background:url(../images/base/main1.gif) no-repeat;
}

#skyblue-conts {
	position: absolute;
	width:400px;
	height:150px;
	top: 0px;
	left:300px;
}

#skyblue-conts2 {
	position: absolute;
	width:650px;
	height:500px;
	top: 547px;
	left:0px;
}

/* --------------------
 FRAGMENT TOP
-------------------- */
#fragmentTop {
	margin:0 auto;
	text-align:center;
}

#fragmentTop div.innerConts {
	padding:40px 0;
}

#fragmentTop h1 {
	height:52px;
	background:url(../images/title.gif) no-repeat center bottom;
	text-indent:-10000px;
}

#wrapper-ie7 #fragmentTop h1 {
	height:48px;
}

#fragmentTop .lead {
	padding-left:25px;
	font-size:10px;
	color:#999999;
}

#skyblue .b-contact {
	position: absolute;
	top:260px;
	left:30px;
}


/* --------------------
 INFORMATION
-------------------- */
#information {
	height:550px;
}

#wrapper-ie7 #information {
	background-position:664px 52px;
}

#information h2 {
	height:20px;
	margin:17px 0 0 435px;
	background:url(../images/title_information.gif) no-repeat;
	text-indent:-10000px;
}



/* --------------------
 INFORMATION	1.What's New
-------------------- */
#information #whatsnew {
	margin:40px 0 0 372px;
}

#information #whatsnew h3 {
	height:30px;
	margin-left:80px;
	background:url(../images/subt_whatsnew.gif) no-repeat;
	text-indent:-10000px;
}

#information #whatsnew ul {
	list-style:none;
	width:250px;
	height:215px;
	overflow:auto;
}

#information #whatsnew li {
	clear:both;
	color:#ffffff;
	padding-bottom:6px;
}

#information #whatsnew li img {
	float:left;
	margin:3px 5px 5px 0;
	border:#ffffff solid 2px;
}

#information #whatsnew li span.date {
	font-size:10px;
	color:#cccc33;
}

/* --------------------
 INFORMATION	2.New Work
-------------------- */
#information #newwork {
	margin:55px 0 0 390px;
}

#information #newwork h3 {
	height:38px;
	margin-left:65px;
	background:url(../images/subt_newwork.gif) no-repeat;
	text-indent:-10000px;
}

#information #newwork img {
	float:left;
	margin-right:7px;
}

#information #newwork div.txt {
	color:#000000;
	width:220px;
}

#information #newwork div.txt a {
	color:#000000;
}

#information #newwork div.cat {
	font-size:10px;
	color:#666666;
	padding:3px 0;
}

#information #newwork .cl-gray {
	color:#666666;
}

#information #newwork .sz-s {
	font-size:10px;
}

#information #newwork .wg-b {
	font-weight:bold;
}

#information #newwork .txt-r {
	color:#ff0000;
}


/* --------------------
 INFORMATION	3.PRICE LIST
-------------------- */
#information #pricelist {
	margin:100px 0 0 385px;
}

#information #pricelist .txt {
	width:230px;
}

#information #pricelist h3 {
	height:30px;
	margin-left:65px;
	background:url(../images/subt_pricelist.gif) no-repeat;
	text-indent:-10000px;
}

#information #pricelist h3.subt {
	height:33px;
	margin-left:15px;
	background:url(../images/subt_pricelist02.gif) no-repeat;
	text-indent:-10000px;
}

#information #pricelist div.b-pricelist {
	margin:0 auto;
	width:95px;
	height:28px;
	background:url(../images/b_pricelist.gif) no-repeat center top;
	text-indent:-10000px;
}

#information #pricelist div.b-pricelist a {
	display:block;
	width:95px;
	height:19px;
}

#information #pricelist div.b-pricelist a:hover {
	background:url(../images/b_pricelist_on.gif) no-repeat center top;
}

#information #pricelist p {
	margin:0 auto;
	height:78px;
	background:url(../images/txt_pricelist.gif) no-repeat center top;
	text-indent:-10000px;
}

/* --------------------
 INFORMATION	4.billboard
-------------------- */
#information #billboard {
	position: absolute;
	width:195px;
	top:341px;
	left:80px;
	text-align:center;
}

#information #billboard h3.subt-bill {
	height:20px;
	background:url(../images/subt_bill.gif) no-repeat center center;
	text-indent:-10000px;
}

#information #billboard p {
	width:192px;
	height:111px;
	text-align:left;
	font-size:10px;
	letter-spacing:0.1em;
	color:#663333;
}

#information #billboard h3.subt-web {
	height:35px;
	background:url(../images/subt_bill_web.gif) no-repeat center center;
	text-indent:-10000px;
}

#information #billboard h3.subt-others {
	height:20px;
	background:url(../images/subt_bill_others.gif) no-repeat center center;
	text-indent:-10000px;
}

#information #billboard img {
	margin:0 0 5px;
}

#information #billboard div.b-works {
	margin:0 auto;
	width:69px;
	height:35px;
	background:url(../images/b_works.gif) no-repeat;
	text-indent:-10000px;
}

#information #billboard div.b-works a {
	display:block;
	width:69px;
	height:14px;
}

#information #billboard div.b-works a:hover {
	background:url(../images/b_works_on.gif) no-repeat;
}



/* --------------------------------------------------------------------------------
 2.Ground
-------------------------------------------------------------------------------- */
#ground {
	position: relative;
	width:1000px;
	height:1232px;
	background:url(../images/base/main2.gif) no-repeat;
}

#ground-conts {
	position: absolute;
	width:280px;
	top: 0;
	left:360px;
}

#wrapper-ie6 #ground-conts {
	left:375px;
}


/* --------------------
 COMPANY
-------------------- */
#company {
	width:250px;
	height:578px;
	margin:0 auto;
	text-align:center;
}

#company div.innerConts {
	padding:30px 0 0;
	margin:0 auto;
}

#company h2 {
	height:20px;
	background:url(../images/title_company.gif) no-repeat center top;
	text-indent:-10000px;
}

#company dl {
	padding-top:30px;
	text-align:left;
	color:#ffffff;
}

#company dt,
#company dd {
	vertical-align:top;
	padding:7px 0;
	border-top:#330000 solid 1px;
}

#wrapper-ie7 #company dt,
#wrapper-ie7 #company dd {
	margin-bottom:-23px;
	padding-bottom:0;
}

#company dt {
	float:left;
	width:60px;
}

#company dd {
	float:left;
	width:186px;
}

#company dt.non,
#company dd.non {
	border-top:none;
}

#company dd div.txtDetail {
	padding:8px 0 0 0;
}

#company img#b_map {
	margin-left:8px;
	vertical-align:bottom;
}


/* --------------------
 WORKS
-------------------- */
#works {
	width:250px;
	margin:0 auto;
	text-align:center;
}

#works div.innerConts {
	padding:55px 0 0;
	margin:0 auto;
}

#works h2 {
	height:20px;
	background:url(../images/title_works.gif) no-repeat center bottom;
	text-indent:-10000px;
}

#works h3 {
	padding-top:25px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

#works h3 a {
	text-decoration:none;
}

/* --------------------
 SERVICE
-------------------- */
#service {
	position: absolute;
	top: 860px;
	left:10px;
	width:250px;
	margin:0 auto;
	text-align:center;
}

#service div.innerConts {
	padding:35px 0 0;
	margin:0 auto;
}

#service h2 {
	height:20px;
	background:url(../images/title_service.gif) no-repeat center bottom;
	text-indent:-10000px;
}

#service h3 {
	padding-top:25px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

#service h3 a {
	text-decoration:none;
}


/* --------------------------------------------------------------------------------
 3.Ocean
-------------------------------------------------------------------------------- */
#ocean {
	position: relative;
	width:1000px;
	height:884px;
	background:url(../images/base/main3.gif) no-repeat;
}

#ocean-conts {
	position: absolute;
	width:280px;
	top: 100px;
	left:363px;
}

#wrapper-ie6 #ocean-conts {
	left:375px;
}



/* --------------------
 FLOW
-------------------- */
#flow {
	width:250px;
	margin:0 auto;
	text-align:center;
}

#flow div.innerConts {
	padding:90px 0 0;
	margin:0 auto;
}

#flow h2 {
	height:45px;
	background:url(../images/title_flow.gif) no-repeat center top;
	text-indent:-10000px;
}


#flow h3.subtitle {
	height:52px;
	background:url(../images/subt_flow.gif) no-repeat center center;
	text-indent:-10000px;
}

#flow h3.lead {
	padding-top:2px;
	font-size:12px;
	font-weight:bold;
}

#flow h3 a {
	color:#384d62;
	text-decoration:none;
}




/* --------------------------------------------------------------------------------
 4.Underground
-------------------------------------------------------------------------------- */
#underground {
	position: relative;
	width:1000px;
	height:864px;
	background:url(../images/base/main4.gif) no-repeat;
}

#underground-conts {
	position: absolute;
	width:280px;
	top: 80px;
	left:363px;
}

#wrapper-ie6 #underground-conts {
	left:363px;
}



/* --------------------
 CONTACT
-------------------- */
#contact {
	width:280px;
	height:784px;
	margin:0 auto;
	text-align:left;
}

#contact div.innerConts {
	padding:90px 0 0;
	margin:0 auto;
}

#contact h2 {
	height:23px;
	background:url(../images/title_contact.gif) no-repeat center top;
	text-indent:-10000px;
}

#contact p.lead {
	padding:0 0 8px;
	font-size:12px;
	font-weight:normal;
}

#contact form {
	margin:0;
	padding-left:5px;
	height:300px;
}

#contact div.label {
	padding:4px 2px 2px;
}

#contact  input.txt {
	width:253px;
	height:18px;
	font-size:12px;
}

#contact textarea.area {
	width:258px;
	height:90px;
	font-size:12px;
	margin-bottom:8px;
}

#contact input.btn {
	background:url(../images/b_send.gif) no-repeat;
	width:93px;
	height:30px;
	margin-left:85px;
	text-align:center;
}


#contact div#telConts {
	width:250px;
	height:190px;
}

#contact div#telConts h3 {
	width:220px;
	height:95px;
	background:url(../images/subt_tel.gif) no-repeat bottom right;
	text-indent:-10000px;
}

#contact div#telConts p.tel {
	width:250px;
	height:33px;
	background:url(../images/txt_tel.gif) no-repeat bottom center;
	text-indent:-10000px;
}

#contact div#telConts p.fax {
	width:250px;
	height:33px;
	background:url(../images/txt_fax.gif) no-repeat bottom center;
	text-indent:-10000px;
}

#contact div#adressConts {
	width:250px;
	height:80px;
}

#contact div#adressConts h3 {
	width:147px;
	height:13px;
	background:url(../images/subt_address.gif) no-repeat bottom right;
	text-indent:-10000px;
}

#contact div#adressConts p {
	color:#ffffff;
	padding-top:13px;
	line-height:150%;
}



/* ------------------------------

 3.Global Menu
 
------------------------------ */
#gMenu {
	position:absolute;
	top:75px;
	right:125px;
	width:112px;
	height:366px;
	background:url(../images/base/m_bg.gif) no-repeat;
}

#gMenu ul {
	padding:48px 0 0 10px;
} 

#gMenu li {
	list-style:none;
	color:#fff;
	text-indent:-10000px;
	width:93px;
	height:24px;
} 

#gMenu li a {
	display:block;
	width:93px;
	height:24px;
} 

#gMenu li#m-information {
	background:url(../images/base/m_information.gif) no-repeat;
} 

#gMenu li#m-information a:hover {
	background:url(../images/base/m_information_on.gif) no-repeat;
} 

#gMenu li#m-company {
	background:url(../images/base/m_company.gif) no-repeat;
} 

#gMenu li#m-company a:hover {
	background:url(../images/base/m_company_on.gif) no-repeat;
} 

#gMenu li#m-works {
	background:url(../images/base/m_works.gif) no-repeat;
} 

#gMenu li#m-works a:hover {
	background:url(../images/base/m_works_on.gif) no-repeat;
} 

#gMenu li#m-service {
	background:url(../images/base/m_service.gif) no-repeat;
} 

#gMenu li#m-service a:hover {
	background:url(../images/base/m_service_on.gif) no-repeat;
} 

#gMenu li#m-flow {
	background:url(../images/base/m_flow.gif) no-repeat;
} 

#gMenu li#m-flow a:hover {
	background:url(../images/base/m_flow_on.gif) no-repeat;
} 

#gMenu li#m-contact {
	background:url(../images/base/m_contact.gif) no-repeat;
} 

#gMenu li#m-contact a:hover {
	background:url(../images/base/m_contact_on.gif) no-repeat;
}

#gMenu li#m-fragment {
	background:url(../images/base/m_top.gif) no-repeat;
} 

#gMenu li#m-fragment a:hover {
	background:url(../images/base/m_top_on.gif) no-repeat;
} 

#gMenu li#link-gotanda {
	margin:24px 0 0 -10px;
} 

#gMenu li#link-gotanda a {
	display:block;
	width:112px;
	height:44px;
	background:url(../images/base/m_gotanda.gif) no-repeat;
} 

#gMenu li#link-gotanda a:hover {
	background:url(../images/base/m_gotanda_on.gif) no-repeat;
} 

#gMenu li#link-ikedesign {
 	margin:23px 0 0 -10px;
} 

#wrapper-ie6 #gMenu li#link-ikedesign {
 	margin:5px 0 0 -10px;
} 

#gMenu li#link-ikedesign a {
	display:block;
	width:112px;
	height:44px;
	background:url(../images/base/m_ikedesign.gif) no-repeat;
} 

#gMenu li#link-ikedesign a:hover {
	background:url(../images/base/m_ikedesign_on.gif) no-repeat;
} 


/* ------------------------------

 3.Footer
 
------------------------------ */
#b-pagetop {
	width:600px;
	text-align:right;
	padding-bottom:10px;
}