html {
	overflow-y:scroll;
}

body {
	background:transparent url(img/top-conainer-bg.jpg) repeat-y center;
	background-color: #e6e6e6;
    color: #505050;
    font-family:"ＭＳ Ｐゴシック",Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

h2 { font-size: 18px; margin: 10px 0px; }
h3 { font-size: 16px; margin: 8px 0px; }

a {
  padding-bottom: 0.1em;
  color: #327878;
}
a:visited {
}
a:hover {
  text-decoration:none;
  color: #999;
}

ul li {
  list-style-type:none;
}
#main ul li {
  f\\ont-size: 14px;
  line-height: 1.6em;
}
dl {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  margin: 0;
  padding: 0px 0 10px;
  display: block;
  width: 100%;
  clear: both;
}
dt, dd {
  margin: 0;
  padding-bottom: 10px;
}
dt {
  float: left;
  display: block;
  width: 120px;
  margin-right: 10px;
}
dd {
  clear: right;
  float: left;
  display: block;
  width: 420px;
}

img a {border: none ;}

table { border: 0; padding: 3px; }
td { vertical-align: top; }
td.item { width: 120px; }

.read {
	font-size:medium;
	font-weight: bolder;
}

.rside {
	text-align: right;
}

/* -------------------- Layout */
#container {
	width: 880px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

#content {
  margin: 0 auto;
  padding: 20px 15px 0;
  width: 840px;
  min-height: 500px;
}

#main {
  float: left;
  background-color: #FFFFFF;
  line-height: 1.6em;
  width: 580px;
  margin-bottom: 50px;
  padding-left: 20px;
  overflow: hidden;
}
#main h2 { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 0 0 4px; }
#main h3 { font-weight: bold; }
#main.vision { line-height: 1.8em; }
#main.privay { line-height: 1.8em; }

#sub {
	float: right;
	margin: 0 0 0 5px;
	padding-right: 10px;
	width: 200px;
}

#leftcol{
	margin: 0 0 0 5px ;
	padding: 10px 10px 10px 10px ;
	float: left;
	width: 150px;
	height: auto;
}

#maincol{
	margin: 0 0 0 180px;
	padding: 10px 28px;
	background-color: #FFFFFF;
	font-size:13px;
	line-height:140%;

}

#content hr {
	clear: left;
	visibility: hidden;
	height: 0;
	margin: 0;
	border: none;

}

#topbar {
	position:absolute;
	top:52px;
	left:0px;
	margin:0px auto;
	width:100%;
	height:152px;
	background:transparent url(img/top-green-bg.jpg) repeat-x center;
	z-index:1;
}

#topimg {
	clear:both;
	margin: 0px;
	padding:0px;
	width: 880px ;
	height: 152px;

}

#topimg img {
	position:absolute;
	z-index:2;
}

/* -------------------- share */
#nav {
  float: right;
  text-align: right;
  padding-right: 5px;
}
#nav ul {
  margin: 0px;
  list-style-type: none;
  overflow: hidden;
}
#nav li.first { border-left:medium none; }
#nav li {
  border-left: 1px dotted #666666;
  float: left;
  font-size: 12px;
  line-height: 110%;
  margin: 0 0 0 8px;
  padding: 0 0 0 8px;
}
#nav a {
  text-decoration: none;
  background: none;
}
#nav a:visited {
}
#nav a:hover {
  color: #999999;
}

/* -------------------- Header */
#header {
  border-bottom: 5px solid #2D919E;
  margin: 0 auto;
  width: 840px;
  overflow: hidden;
}
#home #header {
  border: none;
}
#header #logo {
	padding: 0px 10px;
}

#header #logo ul#navi {
	padding:0px 12px;
	padding-top:19px;
}
#header #logo h1 {
	margin: 0;
	padding:0px;
	font-size:0px;
	width:140px;
	float:left;
}
#header #logo h1 a {
	background-image:none;
}
#header #logo img {
	border: none ;
}

#header #logo ul#navi li {
	list-style: none;
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	height: 20px;
	float: right;
}
#header #logo ul#navi li a {
	display: block;
	padding: 0 ;
	height: 20px;
	text-decoration: none;
	background: url(img/navi.jpg) no-repeat;
}
#header #logo ul#navi li#navi-home     { width:  122px; }
#header #logo ul#navi li#navi-company  { width:  122px; }
#header #logo ul#navi li#navi-services { width:  122px; }
#header #logo ul#navi li#navi-rerease  { width:  122px; }
#header #logo ul#navi li#navi-recruit  { width:  122px; }

#header #logo ul#navi li#navi-home     a { background-position:      0 0; }
#header #logo ul#navi li#navi-company  a { background-position: -122px 0; }
#header #logo ul#navi li#navi-services a { background-position: -244px 0; }
#header #logo ul#navi li#navi-rerease  a { background-position: -366px 0; }
#header #logo ul#navi li#navi-recruit  a { background-position: -488px 0; }

#header #logo ul#navi li#navi-home a:hover     { background-position:      0 50%; }
#header #logo ul#navi li#navi-company a:hover  { background-position: -122px 50%; }
#header #logo ul#navi li#navi-services a:hover { background-position: -244px 50%; }
#header #logo ul#navi li#navi-rerease a:hover  { background-position: -366px 50%; }
#header #logo ul#navi li#navi-recruit a:hover  { background-position: -488px 50%; }

#header #logo ul#navi li#navi-home.current-page { background: url(img/navi.jpg) 0 100%; }
#header #logo ul#navi li#navi-company.current-page { background: url(img/navi.jpg) -122px 100%; }
#header #logo ul#navi li#navi-services.current-page { background: url(img/navi.jpg) -244px 100%; }
#header #logo ul#navi li#navi-rerease.current-page { background: url(img/navi.jpg) -366px 100%; }
#header #logo ul#navi li#navi-recruit.current-page { background: url(img/navi.jpg) -488px 100%; }


/* -------------------- Footer */
#footer{
  clear: left;
  border-top: 5px solid #2D919E;
  line-height:140%;
  margin: 0 auto;
  padding: 10px 0;
  width: 840px;
  overflow: hidden;
}
.copyright { clear: left; margin-top: 5px; }


/* -------------------- Left */
#leftcol a {
  background: url(img/dot-green.gif) repeat-x bottom;
}
#leftcol a:visited {
  background: url(img/dot-gray.gif) repeat-x bottom;
}
#leftcol a:hover {
  background: url(img/dot-orange.gif) repeat-x bottom;
}


/* トップイメージ入替え */

body#company #topimg  {
  background: url(img/topimg-bg-company.jpg) no-repeat;
}
body#service #topimg  {
  background: url(img/topimg-bg-service.jpg) no-repeat;
}
body#press #topimg  {
  background: url(img/topimg-bg-press.jpg) no-repeat;
}
body#recruit #topimg  {
  background: url(img/topimg-bg-recruit.jpg) no-repeat;
}

/* -------------------- Sub Menu */
ul#sub-navi, ul#sub-navi * {
  font:bold Verdana,sans-serif;
  margin:0; padding:0;
  line-height:1em;
}
ul#sub-navi {
  margin:1em 0; padding:0;
  line-height:1em;
  list-style:none;
}
ul#sub-navi li {
  margin:0; padding:0;
  line-height:0;
  text-align:left;
}
ul#sub-navi a {
  display: block;
  margin: 0;
  padding: 10px;
  color: #848684;
  border-bottom: 1px dotted #eee;
  text-decoration: none;
}
ul#sub-navi a:hover {
  color: #2D91A8;
}
ul#sub-navi a#current {
  font-weight: bold;
  color: #2D91A8;
}


/* -------------------- Home */
#home #main h2 { margin-bottom: 10px; }
#catch {
	background: url(img/top-catch.gif) no-repeat;
	height: 48px ;
	text-indent: -9999px ;
	margin: 10px 0px 20px;
}
#catch2 {
	background: url(img/top-catch2.gif) no-repeat;
	height: 19px ;
	text-indent: -9999px ;
}

.list { text-align: right; }

#sub #service ul { margin: 0px; padding: 0px; }
#sub #service li {
  padding: 5px 0px; 
  line-height: 100%;
}
.caption { font-size: 10px; text-align: center; }
img.border { border: 1px solid #eee; }
.hashbubble img { border: 1px solid #eee; padding: 12px 2px; width: 196px; }
.hashbubble .caption { font-size: 9px; }

.section {
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
}

	
/* 会社概要
------------------------------------------------------ */

#cp td{
	padding: 3px 3px 3px 3px;
	color: #505050;	
}

#cptitle{
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/corporate-prof.gif) no-repeat ;
	text-indent: -9999px ;
	}
	
#cpmtitle{
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/corporate-menu-title.gif) no-repeat;
	text-indent: -9999px ;
	}

/* -------------------- メッセージ */
#founder{
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/founder-message.gif) no-repeat;
	text-indent: -9999px ;
	}
	
#ceo{
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/ceo-message.gif) no-repeat;
	text-indent: -9999px ;
}
.message { margin: 0 0 50px; }
.messanger { font-size: 15px; text-align: right; }

/* -------------------- 経営陣, スタッフ紹介 */
#members h1 { font-size: 16px; margin-bottom: 10px; }
#members img { float: left; }
.member {
  clear: both;
  margin-bottom: 20px;
  padding-bottom: 30px;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}
.profile { margin: 0 0 0 80px; font-size: 0.9em; }
.profile .service { margin-top: 10px; }
.no-image { width: 64px; height: 96px; border: 1px solid #eee; float: left; }

/* -------------------- 事業ビジョン */
#visiontitle {
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/vision.gif) no-repeat;
	text-indent: -9999px ;
}

#bmodeltitle {
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/bussinessmodel2.gif) no-repeat;
	text-indent: -9999px ;
}

/* -------------------- プライバシーポリシー */
#privacytitle {
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/privacy.gif) no-repeat;
	text-indent: -9999px ;
}

#privacy {
	margin: 20px 0 10px 0 ;
	font-size: 0.9em;
}

/* -------------------- サービス一覧 */
#service .services h3 {
  font-size: 15px;
  font-weight: none;
  margin: 0;
}
#service .services img { float: left; }
#service .service { border-bottom: 1px dotted #ccc; padding: 20px 0 10px; }
#service .info {
  font-size: 13px;
  margin-left: 230px;
}

/* -------------------- プレスリリース */
#pressrelease{}
#pressrelease dt { color:#2C4F4F; }
#pressrelease dd { line-height: 1.5em ; }
#presslefttitle{
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/press.gif) no-repeat;
	text-indent: -9999px ;
	}

#presstitle{
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/press-h.gif) no-repeat;
	text-indent: -9999px ;
	}
	
#mediatitle{
	height: 16px ;
	margin: 20px 0 10px 0 ;
	background:url(img/media-h.gif) no-repeat;
	text-indent: -9999px ;
	}
	
/* -------------------- メディア掲載 */

/* -------------------- 採用情報 */
#recruit td.item { width: 80px; }
#recruit .info li { list-style-type: disc; }