@charset "utf-8";
/*

------------------------------------------------------------------------------

	Sitename: Shouritu-Zouen Official WebSite

	URL: http://www.shouritu.com/

	Date: 2009-6

	Copyright (C) Shouritu-Zouen All rights reserved.

------------------------------------------------------------------------------

*/



/* Initialization

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

HTML{
  margin:0px;
  padding:0px;
}
BODY {
  text-align:center;
  margin:0px auto 0px auto;
  padding:0px;
  background-color:#f3f3f3;
  font-size:0.8em;
  line-height:150%;
  color:#333333;
  font-family:Arial, Helvetica, sans-serif;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
IMG {
  border:none;
}
UL {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
LI {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
H1, H2, H3, H4, H5 {
  font-size:100%;
  line-height:1.0;
  margin:0px;
  padding:0px;
}
DL, DD, DT{
  margin:0px;
  padding:0px;
}
DIV, P, A{
  margin:0px;
  padding:0px;
}
H1{
  position:absolute;
  top:6px;
  left:120px;
  font-size:10px;
  font-weight:normal;
}
H3{
  color:#009330;
  font-weight:normal;
}
A{
  color:#259A77;
  text-decoration:none;
}
A:HOVER{
  color:#CAB70B;
}
/* Text

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

.center{
  text-align:center;
}
.right{
  text-align:right;
}
.red{
  color:#FF0000;
}
.m38{
  margin-top:38px;
}
.mb30{
  margin-bottom:30px;
}
.mb50{
  margin-bottom:50px;
}
.pr10{
  padding-right:10px;
}
.pl10{
  padding-left:10px;
}
.bold{
  font-weight:bold;
}
/* Layout

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



#outerGroup{
  background-color:#f3f3f3;
  margin:0 auto;
  padding:0;
  width:850px;
  text-align:left;
}
#outerGroup #header{
  background-color:#FF0000;
  margin:0 auto;
  padding:0;
  width:850px;
  height:82px;
  background : url(../header.gif) no-repeat;
  position:relative;
}
#header P{
  position:absolute;
  top:28px;
  left:0px;
}
#header UL{
  position:absolute;
  top:0px;
  left:667px;
  width:183px;
  height:52px;
  list-style-type:none;
}
#header UL LI{
  padding:0;
}
#header UL LI SPAN {
  visibility:hidden;
}
#header UL LI A{
  display:block;
  text-decoration:none;
}
#header LI#h01 A{
  display:block;
  padding:0px;
  height:28px;
  width:183px;
  background : url(../h01.jpg) no-repeat left top;
}
#header LI#h01 A:HOVER{
  display:block;
  padding:0px;
  height:28px;
  width:183px;
  background : url(../h01.jpg) no-repeat right top;
}
#header LI#h02 A{
  display:block;
  padding:0;
  height:24px;
  width:183px;
  background : url(../h02.jpg) no-repeat left top;
}
#header LI#h02 A:HOVER{
  display:block;
  padding:0;
  height:24px;
  width:183px;
  background : url(../h02.jpg) no-repeat right bottom;
}
#header LI#blog A{
  display:block;
  padding:0px;
  height:28px;
  width:183px;
  background : url(../blog.gif) no-repeat left top;
}
#header LI#blog A:HOVER{
  display:block;
  padding:0px;
  height:28px;
  width:183px;
  background : url(../blog.gif) no-repeat right top;
}
/* navi

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

#navi{
  margin:0;
  padding:0;
  width:850px;
  height:52px;
}
#navi UL{
  margin:0;
  padding:0;
  list-style:none;
}
#navi LI{
  margin:0;
  padding:0;
  float:left;
}
#navi UL LI SPAN {
  visibility:hidden;
}
#navi LI A{
  display:block;
  text-decoration:none;
}
#navi LI#n01 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:115px;
  background : url(../n01.jpg) no-repeat left top;
}
#navi LI#n01 A:HOVER{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:115px;
  background : url(../n01.jpg) no-repeat left bottom;
}
#navi LI#n01_1 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:115px;
  background : url(../n01.jpg) no-repeat left bottom;
}
#navi LI#n02 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:146px;
  background : url(../n02.jpg) no-repeat left top;
}
#navi LI#n02 A:HOVER{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:146px;
  background : url(../n02.jpg) no-repeat left bottom;
}
#navi LI#n02_1 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:146px;
  background : url(../n02.jpg) no-repeat left bottom;
}
#navi LI#n03 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:213px;
  background : url(../n03.jpg) no-repeat left top;
}
#navi LI#n03 A:HOVER{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:213px;
  background : url(../n03.jpg) no-repeat left bottom;
}
#navi LI#n03_1 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:213px;
  background : url(../n03.jpg) no-repeat left bottom;
}
#navi LI#n04 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:107px;
  background : url(../n04.jpg) no-repeat left top;
}
#navi LI#n04 A:HOVER{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:107px;
  background : url(../n04.jpg) no-repeat left bottom;
}
#navi LI#n04_1 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:107px;
  background : url(../n04.jpg) no-repeat left bottom;
}
#navi LI#n05 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:112px;
  background : url(../n05.jpg) no-repeat left top;
}
#navi LI#n05 A:HOVER{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:112px;
  background : url(../n05.jpg) no-repeat left bottom;
}
#navi LI#n05_1 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:112px;
  background : url(../n05.jpg) no-repeat left bottom;
}
#navi LI#n06 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:157px;
  background : url(../n06.jpg) no-repeat left top;
}
#navi LI#n06 A:HOVER{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:157px;
  background : url(../n06.jpg) no-repeat left bottom;
}
#navi LI#n06 A:HOVER{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:157px;
  background : url(../n06.jpg) no-repeat left bottom;
}
#navi LI#n06_1 A{
  display:block;
  margin:0;
  padding:0;
  height:52px;
  width:157px;
  background : url(../n06.jpg) no-repeat left bottom;
}
/* contentsGroup

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

#outerGroup #contentsGroup{
  width:850px;
  background-color:#FFFFFF;
}
#outerGroup #contentsGroup #contents{
  padding-left:50px;
  padding-right:50px;
  padding-bottom:30px;
  text-align:left;
  margin:0;
}
#contentsBottom01{
  width:850px;
  height:207px;
  background : url(../bottom01.gif) no-repeat;
}
#contentsBottom02{
  width:850px;
  height:222px;
  background : url(../bottom02.gif) no-repeat;
}
#contentsBottom03{
  width:850px;
  height:253px;
  background : url(../bottom03.gif) no-repeat;
}
.bottomTable{
  color:#666666;
  font-size:0.8em;
}
.contentsList{
  text-align:right;
  padding-top:10px;
}
.blog{
  text-align:right;
  padding-right:60px;
}
.news{
  border:2px solid #660000;
}
/* ------greeting------ */



#greetingBox{
  margin-left:40px;
  width:680px;
  height:463px;
  background : url(../greeting_bg.gif) no-repeat;
}
#greetingBox TABLE{
  margin-top:35px;
}
#greetingBox TD{
  font-size:1.2em;
  line-height:150%;
}
/* ------profile------ */



.profileTable TH{
  border-bottom:dotted 1px #8CB949;
}
.profileTable TD{
  border-bottom:dotted 1px #8CB949;
}
/* ------technology------ */



.technologyTable IMG{
  margin-bottom:30px;
}
.skill{
  font-weight:bold;
  border-bottom:1px solid #cccccc;
}
/* ------policy------ */



.policyBox P{
  padding-bottom:20px;
}
/* ------contact------ */



.contactdata{
  padding-left:100px;
  font-size:1.2em;
}
#contactBox TABLE{
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
}
#contactBox TH{
  font-weight:normal;
  background-color:#eeeeee;
  border-right:solid 1px #999999;
  border-bottom:solid 1px #999999;
}
#contactBox TD{
  border-right:solid 1px #999999;
  border-bottom:solid 1px #999999;
}
#contactBox IMG{
  padding:10px;
}
#image-btn {
  border: 0px;
  width: 109px;
  height: 20px;
  margin-right:10px;
  background : url(../submit.gif) no-repeat left top;
}
#cancel {
  border: 0px;
  width: 109px;
  height: 20px;
  background : url(../cancel.gif) no-repeat left top;
}
/* ------news------ */



.newsTable{
  margin-top:30px;
}
.newsTable TH{
  font-size:1.2em;
  border-bottom:1px solid #8CB949;
  font-weight:normal;
}
.newsTable TD{
  padding:20px;
}
/* ------sitemap------ */



#sitemap UL{
  margin-left:100px;
  margin-top:38px;
  width:570px;
}
#sitemap LI{
  margin-bottom:28px;
}
#sitemap .dot{
  border-bottom:1px dotted #cccccc;
  margin-bottom:10px;
}
#sitemap .sub{
  margin-left:100px;
  margin-bottom:10px;
}
#sitemap .sub02{
  margin-left:100px;
  margin-bottom:28px;
}
/* ------to Top------ */



A#top{
  display:block;
  float:right;
  width:77px;
  height:10px;
  background : url(../top.gif) no-repeat left top;
  text-decoration:none;
}
A#top:hover{
  display:block;
  float:right;
  width:77px;
  height:10px;
  background : url(../top.gif) no-repeat right top;
  text-decoration:none;
}
A#top SPAN{
  visibility:hidden;
}
.big{
  font-size:1.2em;
  font-weight:bold;
}
/* footer

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

#footer{
  background : url(../footer.gif) no-repeat;
  width:850px;
  height:146px;
}
.footerTop{
  text-align:right;
  padding-right:50px;
  padding-top:3px;
}
.footerLink{
  padding-top:45px;
  text-align:center;
}