@charset "utf-8";

/*Contents
------------------------------------

Site Name : 
Coder : 
Version : 

0 : continer
1 : header
2 : content
3 : footer

last updated : 11/02/28

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

/*continer style
---------------------------------*/
#Container {
  width: 970px;
  margin: 0 auto;
  position: relative;
}


/*header style
---------------------------------*/
#Header {
  height: 121px;
  position: relative;
}
#Header h1 a {
  width: 211px;
  height: 45px;
  background: url(../images/logo.gif) left top no-repeat;
  display: block;
  position: absolute;
  top: 16px;
  left: 5px;
}
#Header h1 a span {
  display: none;
}
#Header p {
  margin-left: 15px;
  color: #064e92;
  font-size: 77%;
  line-height: 31px;
  float: right;
  display: block;
  position: relative;
  top: 24px;
  right: 16px;
}
#Header p.day {
  padding-right: 16px;
  background: url(../images/header_line.gif) right top no-repeat;
}
#Header p span,
#Header p a {
  color: #FFFFFF;
}


#GlobalMenu {
  width: 970px;
  height: 44px;
  background: url(../images/menu_back.jpg) left top no-repeat;
  float: right;
  position: absolute;
  top: 77px;
  left: 0;
}
#GlobalMenu ul {
  margin: 0;
  text-align: center;
  list-style: none;
}
#GlobalMenu li {
  display: inline;
  position: relative;
}
#GlobalMenu li a {
  padding: 0 20px 0 20px;
  line-height: 44px;
  font-size: 108%;
  font-weight: bold;
  text-decoration: none;
}
#GlobalMenu li a:hover,
#GlobalMenu li a.on {
  color: #333333;
}


/*content style
---------------------------------*/
#Content {
  background: #FFFFFF;
}



#LeftArea {
  width: 663px;
  float: left;
}
#StoreArea {
  padding: 27px 0 0 6px;
  background: #f6f6f6;
  border-bottom: solid 1px #dedede;
}
#StoreArea h2 {
  width: 96px;
  height: 25px;
  margin: 0 0 0 5px;
  background: url(../images/store.gif) left top no-repeat;
  float: left;
}
#StoreArea h2 span,
#PressArea h2 span,
#ServiceArea h2 span,
#ResultsArea h3 span,
#SocialArea h3 span {
  display: none;
}
#PressArea {
  width: 280px;
  min-height: 200px;
  margin: 25px 0 25px 25px;
  padding-right: 20px;
  border-right: solid 1px #e9e9e9;
  float: left;
  display: inline;
}
#PressArea h2 {
  width: 150px;
  height: 23px;
  margin-bottom: 15px;
  background: url(../images/press.gif) left top no-repeat;
}
#PressArea p,
#ServiceArea p,
#ResultsArea p {
  margin-bottom: 15px;
}
#ServiceArea {
  width: 290px;
  min-height: 200px;
  margin: 25px 0 25px 20px;
  padding-right: 15px;
  float: left;
  display: inline;
}
#ServiceArea h2 {
  width: 195px;
  height: 22px;
  margin-bottom: 15px;
  background: url(../images/service.gif) left top no-repeat;
}
#ServiceArea img {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
#ResultsArea {
  width: 300px;
  margin: 25px 0 25px 20px;
  float: left;
  display: inline;
}
#ResultsArea h3 {
  width: 300px;
  height: 41px;
  margin: 0 0 15px 0;
  background: url(../images/media.gif) left top no-repeat;
}
#ResultsArea img {
  margin-bottom: 20px;
}


#SocialArea {
  width: 325px;
  margin: 25px 10px 25px 0;
  float: left;
}
#SocialArea h3 {
  width: 325px;
  height: 41px;
  margin: 0 0 15px 0;
  background: url(../images/media.gif) right top no-repeat;
}
#SocialArea ul {
  list-style: none;
}
#SocialArea li {
  width: 100px;
  margin:0;
  padding: 0;
  text-align: center;
  float: left;
}
#SocialArea .link_box {
  padding: 10px 0 10px 30px;
}
#SocialArea .link_box p {
  color:#999999;
  font-size: 10px;
  margin-bottom: 15px;
}
#SocialArea .link_box p a {
  font-size: 13px;
  line-height: 1.5;
}

#Pankuzu {
  width: 640px;
  margin: 5px 10px;
  padding: 0;
  list-style: none;
}
#Pankuzu li {
  float: left;
}
#Pankuzu li a {
  margin-right: 8px;
  padding-right: 15px;
  background: url(../images/icon_pankuzu.gif) right center no-repeat;
}


#PressRelease {
  margin-top: 10px;
}
#PressRelease dt {
  width: 100px;
  padding: 10px;
  float: left;
}
#PressRelease dd {
  padding: 10px;
  border-bottom: solid 1px #EEE;
}



#RightArea {
  width: 300px;
  float: left;
}
#RightArea .tw_box {
  margin: 0;
}
#RightArea .fb_box {
  margin: 10px 0 0 0;
  padding-bottom: 8px;
}
#RightArea hr {
  color: #FFF;
  border: none;
  border-bottom: solid 1px #c4c4c4;
  background: #FFF;
}


#BottomMenu {
  padding: 15px 0;
  background: #012769;
}
#BottomMenu div {
  width: 180px;
  padding: 5px 30px 15px 30px;
  border-right: solid 1px #26457a;
  float: left;
}
#BottomMenu div.end {
  border: none;
}
#BottomMenu h4 {
  margin-bottom: 15px;
  color: #FFFFFF;
}
#BottomMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#BottomMenu li {
  padding-left: 10px;
  background: url(../images/icon_botommenu.gif) left 8px no-repeat;
}
#BottomMenu li a:link {
  color: #00cbff;
}
#BottomMenu li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}


/*footer style
---------------------------------*/
#Footer {
}
#FooterMenu {
  width: 970px;
  float: right;
}
#FooterMenu ul {
  margin: 0;
  text-align: center;
  list-style: none;
}
#FooterMenu li {
  display: inline;
  position: relative;
}
#FooterMenu li.end {
  background: url(../images/icon_footer.gif) right center no-repeat;
}
#FooterMenu li a {
  padding: 0 15px 0 16px;
  background: url(../images/icon_footer.gif) left center no-repeat;
  line-height: 40px;
  color: #00cbcf;
}
#FooterMenu li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}