@charset"utf-8";
body {
	margin:0 0 0 0;
	font-size: 75%;
	line-height:130%;
	background-image: url(../img/common/head_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-family:  "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,"MS PGothic", sans-serif;
}
*html body {
	font-size: 75%;
	line-height:120%;
}
*+html body {
	font-size: 75%;
	line-height:120%;
}
h1, h2, h3, h4, h5, h6, p, a, div, ul,li, dl, dt, dd, th, td{
	text-align: left;
	font-size:1em;
	margin: 0;
	padding: 0;
	color: #444444;
}
h1, h2, h3, h4, h5, h6{
	clear: both
}
img {
	border: none;
}
p {
	font-size: 115%;
}
a:link {
	color: #002184;
}
a:visited {
	color: #5592F7;
}
a:hover {
	color: #E93D3D;
}
a:active {
	color: #CEDBFF;
}
.clear {
	zoom: 100%;
}
.clear:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#Wrap {
	text-align: center;
	zoom: 100%;
	margin-top: 3px;
}
#Wrap:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#Head {
	zoom: 100%;
	width: 960px;
	height: 66px;
	margin: 0 auto 0 auto;
}
#Head:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#Head .Logo {
	display: block;
	float: left;
}
#Head .Tel {
	display: block;
	float: right;
}
#Head .Link {
	display: inline;
	float: right;
	margin-top: 25px;
}
#Head .Link ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#Head .Link ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
#Head .Link ul li a {
	padding: 5px 15px 5px 15px;
	background-image: url(../img/common/link_head.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	display: block;
}
#Navi {
	background-image: url(../img/common/navi_bg.jpg);
	background-repeat: repeat-x;
	height: 45px;
	text-align: center;
}
#Navi .Link {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#Navi .Link ul {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 20px;
}
#Navi .Link ul li {
	display: block;
	float: left;
}
#Navi .Link ul li a {
}
#Catch {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#Content {
	zoom: 100%;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#Content:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#Side {
	display: block;
	float: left;
	width: 205px;
	margin-top: 5px;
	margin-left: 15px;
}
*html body #Side {
	margin-left: 5px;
	width: 205px;
}
#Side .Link {
}
#Side .Link ul {
	border-top: 1px solid #D7D7D7;
	margin: 0px;
	padding: 0px;
}
#Side .Link ul li {
	width:100%;
	list-style-position: outside;
	list-style-type: none;
	vertical-align:bottom;
	margin: 0px;
}
*html body #Side .Link {	/* for IE6 */
	margin-left: 0px;
	margin-right: 0px;
} 
#Side .Link ul li a {
	background-image: url(../img/common/side_link_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding: 10px 5px 10px 25px;
	text-decoration: none;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}
#Side .Link ul ul {
	border-top-style: none;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 5px;
}
#Side .Link ul ul a {
	background-image: url(../img/common/link_head.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-style: none;
	border-left-style: none;
	display: block;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-bottom-style: none;
}
#Side .Bn {
	margin-top: 10px;
}
#Side .Bn a img {
	margin-top: 5px;
	clear: left;
	display: block;
}
#Side .LinkSub {
	margin-top: 10px;
}
#Side .LinkSub h2 {
	display: block;
	border-bottom: 5px solid #5592F7;
	padding: 10px 10px 5px 10px;
	color: #002184;
}
#Side .LinkSub ul {
	border-top: 1px dotted #D7D7D7;
	margin-top: 2px;
	padding-top: 5px;
}
#Side .LinkSub ul li {
	width:100%;
	list-style-position: outside;
	list-style-type: none;
	vertical-align:bottom;
	margin: 0px;
}
* html #Side .LinkSub {		/* for IE6 */  
    margin-left: 0px;  
} 
#Side .LinkSub ul li a {
	background-image: url(../img/common/link_head.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 17px;
	text-decoration: none;
	font-size: 110%;
	line-height: 200%;
}
#Side .LinkSub ul li a:hover {
	color: #E93D3D;
}
#Main,#MainHome {
	display: block;
	float: right;
	width: 730px;
	margin-top: 5px;
}
#MainHome #ShowCase {
	zoom: 100%;
}
#MainHome #ShowCase:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#MainHome #ShowCase .Box {
	zoom: 100%;
	width: 351px;
	display: block;
	float: left;
	margin-right: 11px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-top: 5px solid #5592F7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
}
#MainHome #ShowCase .Box:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#MainHome #ShowCase .Box h2 {
	display: block;
	padding: 10px;
	height: 18px;
	font-size: 1.1em;
	color: #002184;
	background-image: url(../img/common/box_h2.jpg);
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
}
#MainHome #ShowCase .Box p {
	font-size: 1em;
	float: right;
	width: 180px;
	line-height: 140%;
	height: 70px;
	margin-top: 10px;
	padding-right: 5px;
}
*html body #ShowCase .Box p  {
	font-size: 120%;
}
*+html body #ShowCase .Box p  {
	font-size: 120%;
}
#MainHome #ShowCase .Box img.showcaseimg {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#MainHome #ShowCase .Box img.lnkbtn {
	float: right;
	margin-top: 10px;
}
#WhatsNew {
	margin-top: 5px;
	margin-bottom: 20px;
}
#WhatsNew dl {
	height: 280px;
	overflow: auto;
	width: 710px;
	padding: 5px;
}
#WhatsNew dt {
	display: block;
	float: left;
	width: 100px;
	clear: both;
	background-image: url(../img/common/link_head.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 5px 10px 15px;
	color: #5592F7;
	border-top: 1px solid #D7D7D7;
}
#WhatsNew dd {
	display: block;
	padding: 10px;
	border-top: 1px solid #CCCCCC;
	width: 530px;
	float: left;
}

#WhatsNew img {
	float:left;
	margin:8px;
	}

#Foot {
	border-top: 3px solid #5592F7;
	text-align: center;
	background-image: url(../img/common/foot_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 10px;
}
#Foot .Copy {
	width: 760px;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/* #Main内 見出し */
#Main h3 {
	display: block;
	background-image: url(../img/common/h2_bg.jpg);
	height: 20px;
	font-size: 130%;
	color: #002184;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin: 30px 12px 0px 0px;
} 
#Main h4 {
	display: block;
	height: 18px;
	border: 1px solid #D7D7D7;
	font-size: 120%;
	color: #002184;
	background-image: url(../img/common/box_h2.jpg);
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 40px;
}
#Main h5 {
	color: #002184;
	line-height: 150%;
	display: block;
	font-size: 1.2em;
	border-bottom: 3px dotted #808080;
	margin-left: 15px;
	margin-right: 30px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-top: 20px;
}
#Main h6 {
	font-size: 1.2em;
	color: #5592F7;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#Main p {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: 150%;
}
#Main p object {	/* 動画の配置 */
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
}
/* 事業所案内のボックス */
.Offices {
	zoom: 100%;
	border-top: 5px solid #5592F7;
	width: 710px;
	margin-right: 11px;
	margin-bottom: 30px;
	margin-top:30px;
}
.Offices:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.Offices h2 {
	display: block;
	padding: 10px;
	height: 18px;
	font-size: 110%;
	color: #002184;
	background-image: url(../img/common/box_h2.jpg);
	border: 1px solid #D7D7D7;
}
.Offices div {
	padding: 15px;
}
.Offices div p {
	padding: 5px;
	font-size: 120%;
	line-height: 150%;
}
.Offices div img {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 20px;
	float: left;
}
ul.Panel {
	zoom: 100%;
	list-style-position: outside;
	list-style-type: none;
	margin: 15px;
}
ul.Panel:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
ul.Panel li {
	float: left;
	font-size: 135%;
	font-weight: bold;
	background-image: url(../img/detail/tool.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 15px 16px 15px 48px;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 155px;
	border: 1px solid #D7D7D7;
}
.Panel {
	clear: both;
}
*html ul.Panel li {		/* for IE6 */ 
	padding-right: 16px;
	padding-left: 48px;
	width: 220px;
}
dl.Work {
	float: left;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 15px;
}
dl.Work dt{
	width: 200px;
	font-weight: bold;
	background-image: url(../img/detail/detail_tool.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-bottom: 5px;
	margin-top: 20px;
	font-size: 1.1em;
}
dl.Work dt.noimg{
	width: 200px;
	font-weight: bold;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 20px;
}
.SameLine {
	float: left;
}
dl.nc1 {
	float: left;
	display: block;
	width: 150px;
	height: 155px;
	margin-top: 30px;
	margin-bottom: 40px;
	background-image: url(../img/detail/detail_photo03_nc1.jpg);
	background-repeat: no-repeat;
}
dl.nc2 {
	float: left;
	display: block;
	width: 150px;
	height: 155px;
	margin-top: 30px;
	margin-bottom: 40px;
	background-image: url(../img/detail/detail_photo03_nc2.jpg);
	background-repeat: no-repeat;
}
dt.nc {
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 5px;
	background-image: none;
}
dd ul {
	list-style-position: outside;
	list-style-type: none;
	line-height: 120%;
	font-size: 1.2em;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
*html body dl.nc1{
	margin-bottom: 10px;
}
*html body dl.nc2{
	margin-bottom: 10px;
}
.Arrow02 {
	float: left;
	margin-top: 130px;
}
.Arrow03 {
	float: left;
	margin-top: 80px;
	margin-right: 10px;
	margin-left: 10px;
}
.Arrow04 {
	float: left;
	margin-top: 120px;
}
.VerticalBlank {
	margin-top: 20px;
	margin-bottom: 20px;
}
.Product {
	zoom: 100%;
	padding-top: 10px;
	padding-left: 20px;
}
.Product:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.Product dl {
	float: left;
	display: block;
	margin-right: 8px;
}
.Product dt{
	background-image: url(../img/common/link_head.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 125%;
}
.Product div {
	float: left;
	padding: 20px 10px 10px 10px;
	width: 380px;
}
#Main .Product div p {
	padding-left: 0px;
	padding-right: 10px;
}
.Product ol {
	width: 350px;
	list-style-position: inside;
	margin: 0px;
	padding: 10px;
	font-size: 1.2em;
	line-height: 200%;
	border: 1px dotted #CCC;
}
.ChapterBox {
	border: 1px solid #CCC;
	margin: 10px 15px 10px 20px;
	zoom: 100%;
}
.ChapterBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.ChapterBox dl {
	margin-left: 20px;
}
.ChapterBox dt {
	display: block;
	font-size: 1em;
	line-height:1.4em;
	color: #5592F7;
	float: left;
	clear: both;
	width: 650px;
	margin-bottom: 0px;
}
.ChapterBox dt strong {
	font-size: 1.4em;
}
.ChapterBox dd {
	display: block;
	width: 630px;
	line-height: 140%;
	font-size: 1.2em;
	margin-bottom: 15px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.List {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.List ul {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 10px;
	margin-top: 10px;
}
.List li {
	background-image: url(../img/common/link_head_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	font-size: 1.2em;
	line-height: 150%;
}
#Main .List li a {
	text-decoration: none; 
	font-weight: bold;
	color: #888084;
}
#Main .List li a:hover {
	color: #E93D3D;
}
.List ul ul {
	border-top-style: none;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-top: 0;
}
.List ul ul li {
	background-image: url(../img/common/topic_path.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	font-size: 1em;
}
.List ul ul a {
	text-decoration: none; 
}
ul.Client {
	list-style-position: outside;
	list-style-type: none;
	margin: 20px;
	padding-bottom: 10px;
}
ul.Client li {
	display: block;
	width: 320px;
	float: left;
	font-size: 1.2em;
	line-height: 150%;
}
.Inquiry p strong {
	color: #E93D3D;
	font-weight: normal;
}
.Inquiry table {
	background-color: #D7D7D7;
	margin-left: 15px;
	margin-bottom: 20px;
	font-size: 1.2em;
}
.Inquiry table th {
	padding: 5px;
	background-color: #F9F9F9;
	font-weight: normal;
	width: 150px;
}
.Inquiry table th strong {
	font-weight: normal;
	color: #E93D3D;
}
.Inquiry table td {
	background-color: #FFFFFF;
	padding: 5px;
}
input.Short {
	width: 150px;
}
input.Long {
	width: 300px;
}
.Inquiry textarea {
	width: 300px;
}
.Button {
	width: 490px;
	text-align: center;
	padding-bottom: 50px;
}
table.spec {
	border-collapse: collapse;
	margin-left: 15px;
	margin-top:15px;
	font-size: 1.2em;
}
table.spec caption {
	text-align: left;
	margin-left: 5px;
}
table.spec th {
	padding: 2px;
	font-weight: normal;
	border: solid 1px #a9a9a9;
	background-color: #e8ecef;
}
table.spec th.all {
	border:none;
	background-color: #ffffff;
	text-align: left;
	}
table.spec td {
	padding: 2px;
	border: solid 1px #a9a9a9;
}
.startblank {
	margin-left: 20px;
	}
hr {
	clear: both;
	margin: 15px;
	color: #dcdcdc;
}
.divide {
	clear: both;
}
/* 2列箇条書き、下位項目 */
.Subject {
	margin-bottom: 20px;
	margin-top: 15px;
	zoom: 100%;
}
.Subject:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.Subject ul {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 18px;
	padding-bottom: 20px;
}
.Subject li {
	float: left;
	width: 320px;
	line-height: 180%;
	font-size: 1.2em;
	padding-left: 15px;
	background-image: url(../img/common/link_head_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.Subject .Subdivision {
	float: left;
	width: 350px;
}
.Subject .Subdivision ul {
}
.Headline {
	margin-top: 20px;
	margin-bottom: 10px;
}
.Headline strong {
	color: #5592F7;
	line-height: 150%;
	display: block;
	font-size: 1.2em;
}
table.ruled {
	border-collapse: collapse;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}
table.ruled caption {
	text-align: left;
	margin-left: 5px;
}
table.ruled th {
	padding: 6px 6px 6px 12px;
	font-weight: normal;
	border-bottom: 1px solid #D7D7D7;
	color: #002184;
	vertical-align: top;
}
table.ruled td {
	padding: 6px;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: top;
}
div.imagebox {
	background-color: #ede4cd;
	width: 200px;
	height: 210px;
	float: left;
	margin: 3px;
}
#Main p.set {
	text-align: center;
	margin: 5px;
	padding: 5px;
	font-size: 100%;
}