@charset "utf-8";
/*-----------------------------------------------------
 株式会社オオタ  style.css


 copyright(c) 2008,ZERO@Tenderfeel.All Rights Reserved.

--------------------------------------------------------
Yahoo UI Library Fonts CSS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/#default
Font-size Adjustment
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------*/

/* browser default CSS style clear*/

* {
	margin:0;
	padding:0;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	font-size:13px;
}



html {}

body {
	line-height:1.4;
	font-size:93%;
	color:#221815;
	background:url(images/bg_body.png) repeat-x left top;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/*------------ ClearFix ----------------*/
div.section:after,
div#container:after,
div.archive:after {
content:".";
height:0px;
clear:both;
display: block;
visibility:hidden;
}
div.section,
div#container,
div.archive  { zoom:100%; }



/*-----------------------------------------------------
  Block lebel elements
------------------------------------------------------*/
div {}

noscript {}

hr {}

/*--------------------------------------------------
  Text(block)
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin:10px 0;
	line-height:1.4;
}
h1 {
	font-size:153.9%;
}
h1#page_title {
	font-size:93%;
	background-position:left top;
	background-repeat:no-repeat;
	height:78px;
	text-align:right;
	padding-right:110px;
	line-height:58px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight:normal;
}
h2 {
	font-size:138.5%;
}
div.section h2 {
	background-color: #120605;	
	background-position:center top;
	background-repeat:no-repeat;
	text-indent:-8965px;
	color:#fff;
	padding:0 3px;
	margin-top:0;
	height:26px;
}
h3 {
	font-size:138.5%;
}

h4,h5,h6 {
	font-size:123.1%;
}

address {	
	margin:10px 0;
}

blockquote {	
	margin:15px;
}
blockquote,
address,
p {	font-size:93%;
	line-height:1.5;
	margin:1em 0;
}

/*---------------------------------------------------
  Link
----------------------------------------------------*/
a {text-decoration:none;}
a img {	border:none; }
a:link {color:#00226D;}
a:visited {color: #000066;}
a:active,a:hover {color:#8597D6;}

/*-----------------------------------------------------
  List
------------------------------------------------------*/

ul,ol,dl {margin:15px 0;}

li {
	font-size:93%;
	line-height:1.5;
}


dl dt {
	font-size:100%;
}
dl dd {	
	font-size:93%;
	line-height:1.5;}

/*----------------------------------------------------
  Image
----------------------------------------------------*/

img {
	vertical-align: bottom;
}

a img { border:0;}

.aligncenter {
	text-align:center;
}
.alignleft{
	float:left;
	margin-right:10px;
}
.alignright {
	float:right;
	margin-left:10px;
}
.right {
	text-align:right;
}
/*-----------------------------------------------------
  Table
------------------------------------------------------*/
table {
	border-collapse:collapse;
	clear:both;
}
table, th , td {border-color:#BDB1A9;}

thead th {}
thead td {}

tfoot th {}
tfoot td {}

tbody th {
	background-color:#E9E5E2;
	padding:5px 5px 5px 10px;
	text-align:center;
	font-weight:normal;
}
tbody td {
	padding:5px;
}

tbody td small {
	font-size:85%;
	margin-left:5px;
}
table.dotted td,
table.dotted th {
	padding:1em;
	border-bottom:dotted 1px #333;
}
table.dotted th {
	text-align:left;
	background-color:#fff;
	font-weight:normal;
}
/*-----------------------------------------------------
  Form,Fieldset
------------------------------------------------------*/
fieldset {}

legend {}

input,textarea {
	padding:0.2em;
}
label{
	margin:0 3px;
	border:none;
}
button {
	padding:0.2em 1.5em;
	margin:0 10px;
}
form p {}
/*-----------------------------------------------------
  Rayouts
------------------------------------------------------*/

div#container {
	border:solid 2px #7C6B63;
	background-color:#fff;
	width:940px;
	margin:0 auto;
	position:relative;
}
p#domain {
	background:url(images/domain.png) no-repeat left top;
	width:246px;
	height:38px;
	margin:10px auto 0 auto;
	width:940px;
	color:#fff;
	font-size:197%;
	font-weight:bold;
	text-indent:-7894px;
}
div#header {
	background-color:#FFFFCC;
	width:160px;
	float:right;
	margin:0 90px 0 0;
}
div#content {
	width:540px;
	float:left;
	margin:0 0 0 90px;
}
div#sidebar {
	width:160px;
	float:right;
	margin:0 90px 0 0;
}
div#footer {
	width:940px;
	margin:0 auto;
}

/*-----------------------------------------------------
  Header
------------------------------------------------------*/
div#header p {
	position:absolute;
	background-color:#00226d;
	text-align:right;
	top:92px;
	right:0;
}
div#header p a {
	color:#fff;
	padding:0.3em 0.3em 0.3em 1em;
	display:block;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}
div#header p#rogo {
	position:inherit;
	margin:0;
}
div#header p#rogo a {
	overflow:hidden;
	height:92px;
	display:block;
	font-size:108%;
	color:#fff;
	text-align:center;
	line-height:92px;
	background:#00226d url(images/rogo_m.png) no-repeat left top;
	text-indent:-4569px;
}

div#header p a:hover {
	background-color:#8597D6;
}

/*-----------------------------------------------------
  Sidebar
------------------------------------------------------*/

ul#menu {
	list-style:none;
}
ul#menu li {
	line-height:1;
	margin-bottom:10px;
}
ul#menu li a {
	display:block;
	height:56px;
	font-size:126%;
	font-weight:bold;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-7890px;
	overflow:hidden;
}
ul#menu li a:active,
ul#menu li a:hover {
	background-position:-160px top;
}
ul#menu li a.news {
	background-image: url(images/menu/news.png);
}
ul#menu li a.concept {
	background-image: url(images/menu/concept.png);
}
ul#menu li a.works {
	background-image: url(images/menu/works.png);
}
ul#menu li a.detail {
	background-image: url(images/menu/detail.png);
}
ul#menu li a.recruit {
	background-image: url(images/menu/recruit.png);
}
p.license {
	font-size:85%;
	margin-top:70px;
}
#sidebar div.company {
	border:solid 1px #BDB1A9;
	margin:5px 0 40px 0;
}
#sidebar div.company address {
	margin:8px;
	font-size:85%;
}
/*-----------------------------------------------------
  Footer
------------------------------------------------------*/
div#footer p {
	margin:3px 0;}

div#footer p.rogo {
	float:left;
	width:89px;
}
div#footer p.copy {
	text-align:right;
	color:#7C6B63;
	font-family:Verdana Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:1px;
}
div#footer p.copy a {
	color:#7C6B63;
	letter-spacing:0px;
}
	
/*-----------------------------------------------------
  Content Commons
------------------------------------------------------*/
div.section {
	margin:0 0 15px 0;
	padding:1px 0;
}
/* TOP PAGE ------------------------------------------*/
div.index p#mainimg {
	float:right;
}
p#mainimg {
	width:298px;
	margin:0;
}
div#info,
div#information {
	clear:both;
	margin: 10px 0 0 0;
}
div#welcome {
	width:215px;
	background:url(images/bg_welcome.png) no-repeat center 60%;
}
div#welcome h1 {
	background:url(images/hn_welcome.png) no-repeat left top;
	height:146px;
	text-indent:-5689px;
	padding:0;
	margin-top:50px;
}
div#welcome p {
	line-height:1.9;
}
div#info h2,
div#information h1 {
	background:url(images/hn_info.png) no-repeat left top;
	height:24px;
	line-height:24px;
	color:#BDB1A9;
	text-indent:-5689px;
	margin:0;
	padding-bottom:2px;
	border-bottom:solid 1px #BDB1A9;
}
div#info dl {
	margin:0;
}
div#info dt {
	line-height:1.7;
}
div#info dd {
	border-bottom:solid 1px #BDB1A9;
}

/*-----------------------------------------------------
  Concept
------------------------------------------------------*/
div.concept h1#page_title {
	background-image:url(images/concept_title.png);
}

div#concept h2 {
	background:url(images/concept_h2bg.png) no-repeat left top;
	height:146px;
	text-indent:-5689px;
	width:194px;
	float:left;
}
div#concept p.master {
	width:194px;
	text-align:center;
}
div#concept p.master strong {
	font-size:138%;
}
div#concept p.comment {
	float:right;
	width:322px;
	line-height:1.8;
}

/*　掲載情報　*/
div.concept div#press {
	clear:both;
	border:2px solid #BDB1A9;
	padding:5px;
}
div#press h2 {
	background-image:url(images/concept_press.png);
}
div.archive {
	margin-bottom:30px;
}
div.archive img.thumb {
	float:left;
	margin-right:10px;
	margin-top:-1.4em
}
div.archive h3{
	border-bottom:solid 2px #bdb1a9;
	font-size:116%;
	margin:0 auto auto 170px;
}
div.archive p{
	margin-left:170px;
}
div.archive p.detail {
	text-align:right;
	line-height:1.8;
}
div.archive p.detail strong {
	font-size:85%;
	color:#CC0000;
	line-height:1.8;
}
div.archive p.detail a {
	font-size:108%;
	background:url(images/ico_arrow.png) no-repeat left center;
	padding-left:10px
}
/*-----------------------------------------------------
  会社概要
------------------------------------------------------*/
div.detail h1#page_title {
	background-image:url(images/detail_title.png);
}

div.detail div#company h2 {
	background-image: url(images/detail_h2bg.png);
}
div#access h2 {
	background-image: url(images/access_h2.png);
}
div#gmap,
div#gmap2 {
	height:345px;
}
/*-----------------------------------------------------
　実績
------------------------------------------------------*/
div.works h1#page_title {
background-image:url(images/works_title.png);
}
div#example h2 {
	background-image:url(images/works_hn01.png);
}
div#example li {
	list-style:none;
	width:170px;
	float:left;
	margin:0 5px 10px 5px;
	text-align:center;
}
div#histry {
	border:2px solid #BDB1A9;
	padding:5px;
}
div#histry h2 {
	background-image:url(images/works_hn02.png);
}
div#histry dl {
	border-bottom:dotted 1px #666;
	margin:0;
}

div#histry dt {
	float:left;
	width:6em;
	font-size:93%;
	line-height:1.8;
}
div#histry dl.line { border-bottom:none;}
div#histry dl.line dd,
div#histry dl.line dt {
	border-bottom:dotted 1px #666;
}

div#histry dd {
	margin-left:6em;
	line-height:1.8;
}
div#histry dd small {
	margin-right:2em;
}
/*-----------------------------------------------------
 最新情報
------------------------------------------------------*/
div.news h1#page_title{
	background-image:url(images/news_title.png);
}
div.news p#mainimg {
	float:none;
}
div.news h2 {
	background:url(images/news_hn.png) no-repeat left top;
	text-indent:10px;
	color:#383838;
	font-size:108%;
	position:relative;
	line-height:26px;
}
div.news h2 a {
	color:#383838;
	line-height:26px;
	font-size:100%;
}
div.news h2 a:active,
div.news h2 a:hover {
	color:#6283D0;
}
div.news h2 small {
	font-weight:normal;
	position:absolute;
	right:10px;
	top:0;
	line-height:26px;
}
ul#menu ul#recent {
	margin:10px 10px 20px 0px;
	padding-left:10px;
	list-style-position:inside;
	border-left:solid 5px #ccc;
}
ul#menu ul#recent li a {
	text-indent:0;
	font-size:93%;
	font-weight:normal;
	display:inline;
}

.pagelink {
	overflow:hidden;
	zoom:1;
	text-align:center;
}
.pagelink li {
	list-style:none;
	display:inline;
}
.pagelink li a {
	padding:3px 5px;
}
/*-----------------------------------------------------
  Recruit
------------------------------------------------------*/
div.recruit h1#page_title {
	background-image:url(images/recruit_title.png);
}
div#guideline h2 {
	background-image:url(images/recruit_hn01.png);
}
div#form {
	border:2px solid #BDB1A9;
	padding:5px;
}
div#form h2 {
	background-image:url(images/recruit_hn02.png);
}
div#success h2 {
	background-image:url(images/success_title.png);
}

/*-----------------------------------------------------
  Filter for IE
------------------------------------------------------*/
* html body {
	text-align:center;
}
* html div#container,
* html div#footer {
	text-align:left;
}
* html div#header,
* html div#sidebar {
	margin:0 45px 0 0;
}
* html div#content {
	margin:0 0 0 45px;
}
* html p.license,
* html #sidebar div.company address {
	font-size:77%;
}

* html div#example li {
	margin:0 4px 10px 4px;
}