/* ============================= */
/* ■汎用                        */
/* ============================= */
body {
   margin:0px;
   padding:0px;
   color:#333333;
   background:#a2a2a2 url(../bg.gif);
   height:100%;
   text-align:center;
   font-size:80%;
}
a:link {
   color:#26549e;
   background-color:transparent;
}
img {
   border-style:none;
}
form {
   margin:0px;
   padding:0px;
}
input {
   font-size:100%;
}
p {
   margin:0.8em 0em;
   line-height:1.2em;
}
/* ============================= */
/* ■全体                        */
/* ============================= */
table.body {
   margin:auto;
   text-align:left;
   background-color:#cacaca;
   width:748px;
   height:100%;
   border-color:#000000;
   border-style:solid;
   border-width:0px 1px;
}
table.body td.body {
   padding:0px;
   border-width:0px;
   vertical-align:top;
   font-size:80%;
}
/* ============================= */
/* ■ヘッダー                    */
/* ============================= */
div#header {
   border-top:#000000 7px solid;
   color:#666666;
   background-color:#ffffff;
   clear:both;
}
div#header h1 {
   margin:0px 0px 6px;
   padding:0px;
   font-size:80%;
   font-weight:normal;
}
div#header ul {
   position:relative;
   top:0px;
   left:0px;
   list-style-type:none;
   height:42px;
   margin:0px;
   padding:0px;
   background-image:url(../menu_bg.gif);
   background-repeat:no-repeat;
   line-height:1.0em;
}
div#header ul li {
   display:inline;
}
div#header ul li.home {
   position:absolute;
   left:0px;
   top:23px;
}
div#header ul li.service {
   position:absolute;
   left:330px;
}
div#header ul li.corporate {
   position:absolute;
   left:479px;
}
div#header ul li.contact {
   position:absolute;
   left:610px;
}
/* ============================= */
/* ■コンテンツ                  */
/* ============================= */
div#contents {
   position:relative;
   top:0px;
   left:0px;
   width:100%;
   margin:0px;
   padding:0px 0px 14px;
   border-bottom:#000000 2px solid;
   color:#333333;
   background-color:#ffffff;
   clear:both;
}
div#contents h2 {
   margin:0px;
   padding:12px 0px 0px;
}
div#contents div.in_contents {
   margin:24px 75px 0px;
}
/* 汎用ページトップリンク */
div.pagetop {
   text-align:right;
   margin:1.0em 0em 0em;
   font-size:80%;
   clear:both;
}

/* 汎用左ナビ */
div#contents ul.leftmenu {
   position:absolute;
   top:101px;
   left:7px;
   list-style-type:none;
   width:138px;
   margin:0px;
   padding:0px;
   line-height:0em;
}
div#contents ul.leftmenu li {
   margin:0px;
   padding:0px;
   font-size:0px; /* IE CSSバグ対策 */
   border-top:#cccccc 1px solid;
}
div#contents ul.leftmenu li.return {
   padding:14px 0px 0px;
}

/* 汎用テーブル */
div#contents div.table { /* IEのテーブル描画バグ対策 */
  width:100%;
}
div#contents div.table table {
  margin:0px;
  border-collapse:collapse;
  border:#999999 1px solid;
}
div#contents div.table table tbody th {
  border:#999999 1px solid;
  padding:9px 6px;
  color:#333333;
  background-color:#e3eaf4;
  text-align:left;
  vertical-align:top;
  white-space:nowrap;
  font-size:80%;
}
div#contents div.table table tbody td {
  border:#999999 1px solid;
  padding:9px 6px;
  color:#333333;
  background-color:#ffffff;
  font-size:80%;
}

/* 汎用画像回り込み */
div#contents div.float_left {
   float:right;
   clear:right;
   font-size:80%;
   margin:0px 0px 10px 10px;
}
div#contents div.float_left img {
   margin:0px 0px 3px 0px;
}
div#contents div.float_center {
   clear:both;
   font-size:80%;
   margin:20px auto;
}
div#contents div.float_center img {
   margin:0px 0px 3px 0px;
}


/* ============================= */
/* ■フッター                    */
/* ============================= */
div#footer {
   width:748px;
   margin:0px 0px 33px;
   padding:12px 0px 0px;
   border-top:#4a4a4a 1px solid;
   font-size:80%;
   clear:both;
}
div#footer ul {
   list-style-type:none;
   margin:0px 0px 0px 5px;
   padding:0px;
   float:left;
}
div#footer ul li {
   display:inline;
}
div#footer div.copyright {
   float:right;
   margin:0px 5px 0px 0px;
}

/* ############################# */
/* ■トップページ用              */
/* ############################# */
div#contents h2.top {
   margin:0px;
   padding:0px;
}
div.top_outline {
   position:relative;
   top:0px;
   left:0px;
   margin:0px 7px 0px 0px;
   padding:0px;
   border-bottom:#666666 1px solid;
   border-right:#666666 1px solid;
   color:#666666;
   background-color:#dedede;
}
div.top_outline img.main_visial{
   display:block;
   margin:0px;
   padding:0px;
   border-right:#666666 1px solid;
}

div.top_outline ul {
   position:absolute;
   top:0px;
   left:423px;
   list-style-type:none;
   margin:0px 0px 0px 10px;
   padding:0px;
   font-size:0px;
}
div.top_outline ul li {
   margin:0px 0px 5px;
   padding:0px;
   line-height:0px;
}
/* ############################# */
/* ■サービス用                  */
/* ############################# */
div#contents div.in_contents#index,
div#contents div.in_contents#outsourcing,
div#contents div.in_contents#projectimage,
div#contents div.in_contents#advertising {
   margin:24px 13px 20px 165px;
   padding:0px;
}
div.in_contents#index h3,
div.in_contents#outsourcing h3,
div.in_contents#projectimage h3,
div.in_contents#advertising h3 {
   margin:0px 0px 20px;
   padding:0px;
}
div.in_contents#index h4,
div.in_contents#outsourcing h4,
div.in_contents#projectimage h4,
div.in_contents#advertising h4 {
   font-weight:bold;
   font-size:100%;
   margin:20px 0px 5px;
   padding:0px;
   clear:both;
}

div.movie_box {
   width:198px;
   float:right;
   margin-left:8px;
}
div.movie_box div.outline1 {
   border:1px solid #999999;
}
div.movie_box div.outline2 {
   border:1px solid #ffffff;
}
div.in_contents#index div.movie_box h4 {
   margin:0;
   padding:0;
}
div.in_contents#index div.movie_box div.text_box {
   background-color:#e9edee;
   color:#333333;
   border-bottom:8px solid #e9edee;
}
div.in_contents#index div.movie_box div.text_box p {
   margin:0 8px;
   border-top:8px solid #e9edee;
}
div.in_contents#index div.movie_box div.text_box p.min {
   text-align:right;
}
div.in_contents#index div.movie_box div.text_box p.bn {
   text-align:center;
}



/* ############################# */
/* ■会社概要用                  */
/* ############################# */
div.in_contents#corporate h3 {
   margin:19px 0px 7px;
}

/* 2006/04/20削除 */
/*div.in_contents#corporate img.map {
   display:block;
   float:left;
   margin:0px 20px 0px 0px;
}*/
div.in_contents#corporate ul.access {
   list-style-type:none;
   margin:7px 0px 0px;
   padding:0px;
}
div.in_contents#corporate ul.access li {
   margin:0px 0px 0px -1.0em;
   padding:0px 0px 0px 1.0em;
   line-height:1.2em;
}
div.in_contents#corporate ul.access li:first-letter {
   color:#cccccc;
   background-color:transparent;
}
div.in_contents#corporate hr {
   display:block;
   clear:both;
   visibility:hidden;
   margin:0px;
   padding:0px;
   width:100%;
   height:1px;
}
/* ############################# */
/* ■お問合わせ用                */
/* ############################# */
div.in_contents#contact {
   padding-bottom:80px;
}
div.in_contents#contact span.required {
   font-weight:normal;
   font-size:80%;
   color:#dd0000;
   background-color:transparent;
   vertical-align:middle;
}
div.in_contents#contact div.table input,
div.in_contents#contact div.table textarea {
   width:100%;
}
div.in_contents#contact div.submit {
   margin:1.0em 0em;
   text-align:center;
}
div.in_contents#contact div.submit input {
   margin:0em 1.0em;
}
div.in_contents#contact span.notes {
   font-size:80%;
   font-weight:normal;
}
div.in_contents#contact ol li {
   margin-bottom:1em;
   line-height:1.2em;
}


/* ############################# */
/* ■サイトポリシー用            */
/* ############################# */
div.in_contents#site_policy h3 {
   font-weight:bold;
   font-size:100%;
   margin:1.5em 0em 0.8em;
}

/* ############################# */
/* ■プライバシーポリシー用      */
/* ############################# */
div.in_contents#privacy_policy ol,
div.in_contents#privacy_policy ul  {
   margin:0em 0em 0em 1.7em;
   padding:0em;
}
div.in_contents#privacy_policy ol li {
   margin:0.8em 0em;
   padding:0em;
   line-height:1.2em;
}
div.in_contents#privacy_policy ol li ol {
   list-style-type:lower-alpha;
   _margin-top:-2.0em; /* IEのCSSバグを利用したIE描画バグ回避 */
}
div.in_contents#privacy_policy .notes {
   font-size:80%;
   color:#666666;
}
div.in_contents#privacy_policy p#p_mark {
   margin-top:2em;
   line-height:1.5em;
   color:#666666;
}
div.in_contents#privacy_policy p#p_mark img {
   float:left;
   margin-right:15px;
}
div.in_contents#privacy_policy h3 {
	font-size:100%;
	margin:30px 0 0;
}
div.in_contents#privacy_policy p.contact {
	margin:4px 15px 20px;
}
/* ############################# */
/* ■個人情報の取扱いについて用   */
/* ############################# */
div.in_contents#privacy h3 {
	font-size:100%;
	margin:30px 0 0;
}
div.in_contents#privacy h4 {
	font-size:100%;
	margin:10px 15px 0;
}

div.in_contents#privacy table {
	font-size:100%;
	border:1px solid #cccccc;
	border-collapse:collapse;
	margin-bottom:15px;
}
div.in_contents#privacy table th,
div.in_contents#privacy table td {
	border:1px solid #cccccc;
	padding:0.3em 0.5em;
}

div.in_contents#privacy table thead th {
	background-color:#efefef;
	width:50%;
}
div.in_contents#privacy table tbody th {
	font-weight:normal;
	text-align:right;
	width:6%;
}
/* ############################# */

/* ■動画掲載分   */

/* ############################# */
#MAIN_CONTENTS {
	background-color: #ffffff;
	padding: 15px 45px 80px 60px;
	border-bottom:2px solid #000000;
	border-top:1px solid #000000;
	overflow: hidden;
	_zoom: 1;

}

#MAIN_CONTENTS div.left_contents {
	float:left;
	width:400px;
}

#MAIN_CONTENTS div.right_contents {
	float:right;
	width:224px;
}

#MAIN_CONTENTS div.right_contents div.all {
	margin:0 0 20px 0;
}

#MAIN_CONTENTS div.right_contents dl {
	margin:0 0 0 12px;
}

#MAIN_CONTENTS div.right_contents dl dt {
	margin:0;
	padding:0;
}

#MAIN_CONTENTS div.right_contents dl dd {
	margin:15px 0 0 0;
	padding:0;
}

#MAIN_CONTENTS div.right_contents dl dd.advertisement {
	background: url(../bg_index_dotted_line.gif) left bottom no-repeat;
	padding-bottom: 15px;
}

#MAIN_CONTENTS div.right_contents dl dd.advertisement {
	background: url(../bg_index_dotted_line.gif) left bottom no-repeat;
	padding-bottom: 15px;
}

div.noflash {
	width: 500px;
	margin: 0 auto;
	text-align: center;
}

div.noflash p {
	text-align: left;
}

div.top_noflash {
	width: 423px;
	margin: 0;
	height: 318px;
}

div.top_noflash p {
	margin: 0;
	padding: 10px 0 0 20px;
}