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

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Yoneda Ryo
 date:           2008/10/06
----------------------------------------------------------- */

/*======================================

	CONTENT COMMON

=======================================*/

.page_top {
	text-align: right;
	margin: 20px 0;
}
.page_top a {text-decoration: underline;}

p.notice {
	color: #FF0000;
	margin: 0 0 20px 0;
	text-align: center;
}
p.notice02 {
	color: #FF0000;
	clear: both;
}

p.notice_l {
	color: #FF0000;
	margin: 0 0 20px 0;
	text-align: left;
}
h2 p.explain {
	font-size: 10px;
	text-align: center;
	width: 200px;
}

/*======================================

	CONTENT MAIN BOX

=======================================*/

#contents #main_box {
	float: right;
	width: 530px;
	padding: 15px 0 0 0;
}
#contents #main_box h2 {
	background-color: #FFFFF0;
	padding: 10px;
	width: 510px;
	margin: 10px 0;
}
#contents #main_box h2 img.pict {
	border: 1px solid #CCCCCC;
	padding: 3px;
	background-color: #FFFFFF;
	margin: 0 10px 30px 0;
	float: left;
}
#contents #main_box h2 p.300 {
	width: 300px;
	float: right;
	text-align: left;
}
#contents #main_box h2 p.340 {
	width: 340px;
	float: right;
	text-align: left;
}
#contents #main_box img.stand_alone {
	margin-top: 20px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
#contents #main_box h2 table {
	width: 270px;
	margin-top: 15px;
	border: 1px solid #255F81;
	background-color: #FFFFFF;
	border-collapse: collapse;
	float: right;
}
#contents #main_box h2 table th {
	border: 1px solid #255F81;
	background-color: #D9EAF4;
	font-size: 14px;
	text-align: center;
}
#contents #main_box h2 table td {
	border: 1px solid #255F81;
	text-align: center;
	font-size: 14px;
}

#contents #main_box h3 {
	background-color: #FFFFF0;
	padding: 10px;
	width: 510px;
	margin: 10px 0 0 0;
}

/*======================================

	CONTENT LEFT BOX

=======================================*/

#contents #left_box {
	float: left;
	width: 200px;
	padding: 15px 0 0 0;
}

#contents #left_box ul {margin: 10px 0;}

/*======================================

	SAXINニューライト概要

=======================================*/

#contents #rotate {
	width: 530px;	
	margin: 20px 0 0 0;
}
#rotate .unit {
	text-align: right;
	font-size: 10px;
	clear: both;
}
#rotate .unit02 {
	text-align: right;
	font-size: 10px;
	clear: both;
	width: 300px;
	float: left;
	margin: 0 0 20px 0;
}
#rotate table span {
	font-size: 10px;
	margin: 0 0 10px 5px;
}
#rotate p.sub01 {margin: 0 0 15px 0;}

#rotate p.words {
	background-color: #F0F0F0;
	padding: 10px;
	width: 500px;
	height: 100%;
	margin: 0 0 10px 0;
}
#rotate p.words a img.btn {
	display: block;
	width: 150px;
	margin: 10px auto 0 auto;
}

#rotate p.sub_title {
	font-size: 14px;
	font-weight: bold;
	color: #255F81;
	clear: both;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#rotate p.caption {
	color: #255F81;
	margin-top: 10px;
}

#rotate table.data01 {
	border: 1px solid #CCCCCC;
	margin: 10px auto 5px auto;
	width: 510px
}
#rotate table.data01 th {
	border: 1px solid #CCCCCC;
	width: 120px;
	text-align: left;
	background-color: #D9EAF4;
}
#rotate table.data01 td {border: 1px solid #CCCCCC;}

#rotate table.data02 {
	border: 1px solid #CCCCCC;
	margin: 10px auto 3px auto;
}
#rotate table.data02 th {
	border: 1px solid #CCCCCC;
	width: 90px;
	text-align: center;
	background-color: #D9EAF4;
}
#rotate table.data02 th.color01 {
	border: 1px solid #CCCCCC;
	width: 90px;
	text-align: center;
	background-color: #FFFFCC;
}
#rotate table.data02 th.w_150 {width: 150px;}

#rotate table.data02 td{
	border: 1px solid #CCCCCC;
	text-align: center;
}
#rotate table.data02 td.color02 {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #CCFF99;
}

#rotate table.data03 {
	width: 100%;
	border: 1px solid #CCCCCC;
	margin: 0 auto 3px 0;
}
#rotate table.data03 th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
}
#rotate table.data03 th.left {
	text-align: left;
} 
#rotate table.data03 td {
	border: 1px solid #CCCCCC;
	text-align: center;
}
#rotate table.data03 td.color {background-color: #FFFFCC;}

#rotate table.data03 th.small {font-size: 10px;}

#rotate table.data04 {
	width: 100%;
	border: 1px solid #CCCCCC;
}
#rotate table.data04 th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
}
#rotate table.data04 td {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #CCFF99;
}
#rotate table.data04 th.left {
	background-color: #FFFFCC;
}
#rotate table.data05 {
	border: 1px solid #CCCCCC;
	width: 530px;
	padding: 0px;
	margin: 10px auto 3px auto;
}
#rotate table.data05 th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
}
#rotate table.data05 th.left {
	text-align: left;
} 
#rotate table.data05 td {
	border: 1px solid #CCCCCC;
	text-align: center;
}

#rotate table.data06 {
	border: 1px solid #CCCCCC;
	width: 530px;
	padding: 0px;
	margin:10px auto 3px auto;;
}
#rotate table.data06 th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
	padding: 2px;
	font-size: 10px;
}
#rotate table.data06 td {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 2px;
}
#rotate table.data07 {
	border: 1px solid #CCCCCC;
	padding: 0px;
	float: left;
	width: 300px;
	margin: 0 auto 3px auto;
}
#rotate table.data07 th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
	padding: 2px;
}
#rotate table.data07 td {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 2px;
}
#rotate table.data08 {
	border: 1px solid #CCCCCC;
	padding: 0px;
	width: 520px;
	margin: 0 auto;
}
#rotate table.data08 th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
	padding: 3px;
}
#rotate table.data08 td {
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 3px;
}
#rotate table.data08 td.center {text-align: center;}

/** データ拡大用 **/

#rotate .face_box {
	width: 1000px;
	margin: 10px auto;
}
#rotate p.table_top01 {
	width: 1000px;
	margin: 20px auto 0 auto;
}

#rotate table.data_left {
	border: 1px solid #CCCCCC;
	padding: 0px;
	width: 500px;
	margin: 0 auto;
	float: left;
}
#rotate table.data_left th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
	padding: 3px;
}
#rotate table.data_left td {
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 3px;
}
#rotate table.data_left td.center,
#rotate table.data_right td.center {text-align: center;}


#rotate table.data_right {
	border: 1px solid #CCCCCC;
	padding: 0px;
	width: 500px;
	margin: 0 auto;
	float: left;
}
#rotate table.data_right th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
	padding: 3px;
}
#rotate table.data_right td {
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 3px;
}
#rotate table.data_righttd.center {text-align: center;}


#rotate table.data_max {
	border: 1px solid #CCCCCC;
	padding: 0px;
	width: 100%;
	margin: 0 auto;
}
#rotate table.data_max th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
	padding: 1px;
}
#rotate table.data_max td {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 1px;
}

#rotate .right_data {
	float: right;
	width: 300px;
	text-align: left;
}
#rotate p.name {
	margin: 10px 0 0 0;
}

#rotate table td.color {background-color: #FFFFCC;}
#rotate table td.small {font-size: 10px;}

#rotate dl {
	text-align: left;
	background-color: #F0F0F0;
	padding: 10px;
}
#rotate dl dt {margin: 0 0 10px 0;}

#rotate .left_data {
	float: left;
	width: 250px;
	margin-top: 40px;
}
#rotate .right_data {
	float: right;
	width: 250px;
	margin-top: 40px;
}
#rotate #fragment-3 p.graph_title {
	text-align: center;
	font-weight: bold;
	margin-top: 30px;
	width: 260px;
}

/** 搬送レール **/

#contents #main_box img.data {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-top: 10px;
	float: right;
}
#contents #main_box img.data02 {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-top: 10px;
	float: left;
	clear: both;
}
#contents #main_box img.data03 {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	width: 520px;
}
#rotate p.table_top {
	width: 97%;
	margin: 20px auto 0 auto;
}
#rotate .table_box {
	display: block;
}
#rotate .rail_box {
	margin: 0;
	padding: 0;
}
#rotate .rail_box:after {
  content:".";
  display: block;
  height:0px;
  clear:both;
  line-height:0; 
  visibility:hidden;
}
#rotate .rail_box .title:after,
#rotate .rail_box .title:03after {
  content:".";
  display: block;
  height:0px;
  clear:both;
  line-height:0; 
  visibility:hidden;
}
#rotate .rail_box .title {
	float: right;
	width: 300px;
}
#rotate .rail_box .title02 {
	float: right;
	width: 300px;
	color:#FF0000;
	margin-top: 80px;
	text-align: left;
}
#rotate .rail_box .title03 {
	width: 100%;
}
#rotate .rail_box img.example_l {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#rotate .rail_box img.example_r {
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#rotate a.pict {
	display: block;
	margin-bottom: 10px;
	width: 520px;
	clear: both;
}

.rail_box .title p.left,
.rail_box .title03 p.left  {
	float: left;
}
.rail_box .title p.right,
.rail_box .title03 p.right {
	float: right;
}
#rotate .rail_box  table {
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 300px;
	float: right;
}
#rotate .rail_box  table th {
	border: 1px solid #CCCCCC;
	text-align: center;
	background-color: #D9EAF4;
	padding: 2px;
}
#rotate .rail_box  table td {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 2px;
}
#rotate .rail_box img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	float: left;
	margin: 19px 0 10px 0;
}
#rotate p.words img.m_data {
	float: right;
	padding: 2px;
	border: 1px solid #999999;
}


/*======================================

	会社概要

=======================================*/

#company {
	margin-top: 20px;
}
#company h2 {margin: 0 0 15px 0;}

#company h2.info img.pict {
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#company table.data01 {
	border: 1px solid #CCCCCC;
	width: 510px;
	margin: 5px auto 40px auto;
}
#company table.data01 th {
	border: 1px solid #CCCCCC;
	width: 100px;
	text-align: left;
	background-color: #D9EAF4;
}
#company table.data01 td {border: 1px solid #CCCCCC;}

#company table.data02 {
	border: 1px solid #CCCCCC;
	margin: 5px auto 15px auto;
}
#company table.data02 th {
	border: 1px solid #CCCCCC;
	text-align: left;
	background-color: #D9EAF4;
	font-size: 14px;
	font-weight: bold;
}
#company table.data02 td{
	border: 1px solid #CCCCCC;
	text-align: left;
}
#company p.words {
	background-color: #F0F0F0;
	padding: 10px;
	width: 500px;
	margin: 0 0 10px 0;
}
#company p.sub_title {
	font-size: 16px;
	font-weight: bold;
	color: #255F81;
	margin: 0 0 20px 0;
}
#company p.sub_title02 {
	font-size: 14px;
	font-weight: bold;
	color: #255F81;
}
#company #map01 {
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin: 20px auto 0 auto;
	height: 300px;
	width: 440px;
}
#company #map02 {
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin: 20px auto 0 auto;
	height: 300px;
	width: 440px;
}
#company #map03 {
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin: 20px auto 0 auto;
	height: 300px;
	width: 440px;
}
#company #map04 {
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin: 20px auto 0 auto;
	height: 300px;
	width: 440px;
}
#company p.articles {
	color: #46619B;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #46619B;
	border-bottom-color: #46619B;
	width: 95%;
	font-weight: bold;
	background-color: #EBEBEB;
	padding: 2px 2px 2px 5px;
	margin: 0 0 30px 0;
}
#company ul.section {margin: 0 0 30px 0;}

#company ul.section li {
	text-align: left;
	width: 95%;
	padding: 2px 2px 2px 5px;
}

/** お問い合わせフォーム **/

table.mailform {
  margin: 0px auto 0px auto;
}
table.mailform td p {
  font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
  font-size: 9px;
  color: #0B479F;
  display: block;
  margin: 0px;
}
table.mailform td span {
  font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
  font-size: 10px;
  color: #FF0000;
}

#company .table_check {
	width: 450px;
	margin: 0 auto 10px auto;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
#company .table_check th {
	background-color: #A3BEF8;
	border: 1px solid #CCCCCC;

}
#company .table_check td {
	padding: 3px;
	border: 1px solid #CCCCCC;
}
#company p.submit {
	text-align: center;
	margin: 10px 0;
}