﻿@charset "utf-8";
/* CSS Document */

/*
css-menu
------------------------
Gloval Reset
Text SET
Other SET
Layout
------------------------*/



/*
------------------------------	------------------
Gloval Reset
------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td{
	margin:0;
	padding:0;
}
table{
	width:100%;
	border: none;
	empty-cells:show;
	margin: 10px auto;
}
img{
	border:0;
}
li,dl{
	list-style:none;
}

.mB200{
	margin-bottom:200px;
}


/*
------------------------------------------------
Text SET
------------------------------------------------*/
dt,dd,ol,li,p,address,h1,h2,h3,h4,h5,h6,td,th{
	font-size:75%;
	color:#333333;
	line-height: 1.6em;
	letter-spacing: 0.08em;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{
	text-decoration:underline;
	color:#FFFFFF;
}
a:hover{
	text-decoration:underline;
}
.red {
	color: #990000;
}
.breadcrumbs {
	overflow:hidden;
	padding:0;
	height:30px;
	line-height:30px;
	margin:20px 0px;
}

.breadcrumbs a,
.breadcrumbs em,
.breadcrumbs span {
	font-size:75%;
	overflow:hidden;
	padding:0 4px;
	font-style:normal;
	color:#FFFFFF;
}

/*
------------------------------------------------
Other SET
------------------------------------------------*/

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
------------------------------------------------
Padding SET
------------------------------------------------*/

.pt15 {padding-top: 15px;}
.pb30 {padding-bottom: 30px;}
.pr7 {padding-right: 7px;}

/*
------------------------------------------------
Header Layout
------------------------------------------------*/

#header {
	width: 980px;
	height: 110px;
	position: relative;
	margin: 0px auto;
	margin-bottom: 15px;
}
#header h1 {
	padding-top: 50px;
}
#header #globalnavi {
	height: 41px;
	width: 656px;
	position: absolute;
	top: 50px;
	right: 0px;
}
#header #globalnavi li {
	float: left;
}
#header #subnavi {
	height: 31px;
	width: 156px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#header #subnavi li {
	float: left;
	width: 78px;
}


/*
------------------------------------------------
Footer Layout
------------------------------------------------*/

#footer {
	padding-bottom: 20px;
	width: 980px;
	margin: 0px auto;
}
#footer #footer_contents {
	float: right;
	width: 448px;
}

#footer #footer_contents li {
	float: left;
}

#footer #footer_contents a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#footer #footer_contents a:hover {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;

}
/*
------------------------------------------------
ContentLayout
------------------------------------------------*/

body {
	background-color: #211813;
}

#wrap {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#wrap #main {
	margin: 0px auto;
	width: 980px;
	padding-bottom: 60px;
}
#top #wrap {
	background: url(../images/topBg.jpg) repeat-x 0 0;
}
#sub #wrap {
	background-image: url(../images/topBg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#sub #wrap #main #content .incontents {
	float: left;
	width: 630px;
}
#sub #wrap #main #content {
	background-color: #FFFFFF;
	/*border: 2px solid #AE964E;*/
	padding: 35px;
}
#sub #wrap #main #content h2 {
	margin-bottom: 44px;
}
#sub #wrap #main #content #sidenavi {
	float: right;
	width: 230px;
}
#sub #wrap #main #content #sidenavi img {
	vertical-align: bottom;
}
/*
------------------------------------------------
ContentsDetail
------------------------------------------------*/

/*
------------------------------------------------
TopPage
------------------------------------------------*/
#top #wrap #main #flasharea {
	height: 326px;
	width: 980px;
	color: #FFFFFF;
}
#top #wrap #main #flasharea p{
	color: #FFFFFF;
}
#top #wrap #main #topics {
	margin-bottom: 16px;
	background-image: url(../images/topicsBg.jpg);
	background-repeat: repeat-x;
	height: 37px;
	width: 980px;
}
#top #wrap #main #topics .topicsEl {
	padding:10px 0 0 15px;
	width:965px;
}
#top #wrap #main #topics .topicsEl dt,
#top #wrap #main #topics .topicsEl dd {
	color: #FFFFFF;
}
#top #wrap #main #topics .topicsEl dt {
	float: left;
	padding-right: 15px;
}
#top #wrap #main #flasharea img {
	vertical-align: bottom;
}

#topnavi {
	clear: left;
}
#topnavi li {
	float: left;
}
#topnavi .p16 {
	padding: 0px 15px;
}
/*
------------------------------------------------
MessagePage
------------------------------------------------*/

#sub #wrap #main #content .idea {
	background-color: #F6EFDC;
	border: 1px solid #AD954D;
	padding: 35px;
	margin-top: 50px;
}
#sub #wrap #main #content .idea h3 {
	margin-bottom: 20px;
}
/*
------------------------------------------------
OfficePage
------------------------------------------------*/
#sub #wrap #main #content .office {
	width: 630px;
}
#sub #wrap #main #content .office {
	background-color: #FFFFFF;
	border-left: 1px solid #D0AE99;
	border-top: 1px solid #D0AE99;
}
#sub #wrap #main #content .office th,
#sub #wrap #main #content .office td {
	padding: 24px;
}
#sub #wrap #main #content .office th{
	background-color: #F6EFDC;
	width: 100px;
	border-right: 1px solid #D0AE99;
	border-bottom: 1px solid #D0AE99;
	text-align: left;
}
#sub #wrap #main #content .office td{
	border-right: 1px solid #D0AE99;
	border-bottom: 1px solid #D0AE99;
}

#sub #wrap #main #content .incontents #actxt {
	background-color: #efefef;
	padding: 27px;
	margin-top: 30px;
}
#sub #wrap #main #content .incontents .patent {
	width: 566px;
	background-image: url(../office/images/bgPatent_side.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 48px;
	padding-right: 30px;
	padding-left: 30px;
	height: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bbbbbb;
}
#sub #wrap #main #content .incontents .patent h4 {
	padding-bottom: 17px;
}

#sub #wrap #main #content .incontents .patentBg {
	margin-bottom: 58px;
	background-image: url(../office/images/bgPatent.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 100%;
	padding-bottom: 100px;
}
#sub #wrap #main #content .incontents .patentBg .patent h5 {
	float: left;
	padding-right: 27px;
}
#sub #wrap #main #content .incontents .patentBg .patent p,
#sub #wrap #main #content .incontents .patentBg .patent table {
	width: 400px;
	float: left;
}
#sub #wrap #main #content .incontents .patentBg .patent th {
	text-align: left;
}
#sub #wrap #main #content .incontents .patentBg .patent .item {
	overflow: auto;
	background-image: url(../common/images/imgdot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	clear: left;
	height: 100%;
	padding-bottom: 23px;
	margin-left: 15px;
	margin-top: 23px;
	width: 540px;
}
/*
------------------------------------------------
ServicePage
------------------------------------------------*/
#sub #wrap #main #content .incontents .stxt {
	margin-bottom: 63px;
	padding-left: 60px;
}
#sub #wrap #main #content .incontents .qcd dd {
	background-image: url(../common/images/dotLi.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 6px;
}
#sub #wrap #main #content .incontents .qcd {
	float: left;
	width: 205px;
}
#sub #wrap #main #content .incontents .sec {
	clear: left;
	padding-top: 34px;
}
/*
------------------------------------------------
RecruitPage
------------------------------------------------*/
#sub #wrap #main #content .recruit {
	background-color: #FFFFFF;
	border-left: 1px solid #a8a8a8;
	border-top: 1px solid #a8a8a8;
}
#sub #wrap #main #content .recruit th,
#sub #wrap #main #content .recruit td {
	padding: 24px;
}
#sub #wrap #main #content .recruit th{
	background-color: #F6EFDC;
	width: 100px;
	border-right: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
	text-align: left;
}
#sub #wrap #main #content .recruit td{
	border-right: 1px solid #a8a8a8;
	border-bottom: 1px solid #a8a8a8;
}


#sub #wrap #main #content .recruit th {
	text-align: center;
	background-color: #FFF9F1;
	width: 228px;
}
#sub #wrap #main #content .recruit textarea {
	height: 176px;
	width: 472px;
}
#sub #wrap #main #content .submit {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 20px;
}
#sub #wrap #main #content .submit .submitBtn {
	margin-right: 30px;
}
/*
------------------------------------------------
SitemapPage
------------------------------------------------*/
#sub #wrap #main #content .sitemap .sitemap01 {
	background-image: url(../sitemap/images/li_sitemap01.gif);
	background-color: #F3F0E5;
	padding: 5px 0 5px 30px;
	margin-bottom: 25px;
	background-repeat: no-repeat;
}
#sub #wrap #main #content .sitemap .sitemap02 {
	background-image: url(../sitemap/images/li_sitemap02.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding: 5px 0 5px 20px;
	margin-left: 27px;
	font-size:100%;
	_font-size:12px;
}

#sub #wrap #main #content .sitemap li a {
	color: #333333;
}
#sub #wrap #main #content .sitemap ul {
	padding-bottom: 15px;
	_font-size:1px;
}

#sub #wrap #main #content .sitemap {
	padding-bottom: 20px;
}
p.indent {
	font-size:inherit;
	text-indent:-20px;
	padding-left:15px;
}