@charset "UTF-8";

article, aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary {
	display: block;
}

*{
	margin: 0;
}

body {
	background-image: url("../imgs/bg01.jpg");
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
}

a { 
	color: #6C6;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

div#contents {  
	width: 920px;  
	height: 580px;  
	position: absolute;  
	top: 50%;  
	left: 50%;  
	margin: -310px 0 0 -480px;  
	padding: 20px;  
}

/*wrapper
------------------------------------------------------------------------------------------------------------*/
#wrapper {
	width: 950px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	box-shadow: #333333 0 0 20px 0;
	border:solid 3px #000000;
}

/*header
------------------------------------------------------------------------------------------------------------*/
header {
	width:950px;
	height:150px;
	background-image: url("../imgs/header.jpg");
	position: relative;
}

/*nav
------------------------------------------------------------------------------------------------------------*/
header #nav ul{
	top: 120px;
	left: 3px;
	position: absolute;
	margin: 0; 
	padding: 0; 
	list-style: none;
}

header #nav li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float: left;
}

header #nav li a{
	display: block; 
	border: 1px solid #666;
	background-color: #000000;
	padding: 3px;
	text-decoration: none;
	color: #ffffff;
	width: 125px; 
	margin: 1px;
	text-align: center;
	font-size: 0.87em;
	font-family: メイリオ;
}

header #nav li a:hover{
	background-color: #4c4c4c;
	color: #fffffff;
}

header #eng ul{
	position: absolute;
	top: 7px;
	right: 15px;
	list-style: none;
}

header #eng li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
}

header #eng li a{
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
}

header #eng li a:hover{
	color: #000000;
}

header #light {
	z-index:10;
}

/*article
------------------------------------------------------------------------------------------------------------*/
article {
	margin-top: 10px;
	width: 950px;
	clear: both;
	overflow: hidden;
}

article #title_img {
	position: absolute;
	line-height: 0;
	display: block;
	margin-top: 0;
	width: 950px;
	height: 74px;
	background-image: url("../imgs/bg_title.jpg");
}

article #title_img h1 {
	position: absolute;
	margin-top: 30px;
	margin-left: 80px;
	font-size: 1.85em;
	font-weight: normal;
	color: #609B01;
	font-family: Century Gothic;
	float: left;
}

article #title_img h5 {
	margin-top: 35px;
	margin-left: 350px;
	color: #609B01;
	font-family: メイリオ;
	margin-bottom: 42px;
}
article {
	margin-top: 10px;
	width: 950px;
	clear: both;
	overflow: hidden;
}

article #information_title_img {
	position: absolute;
	line-height: 0;
	display: block;
	margin-top: 0;
	width: 950px;
	height: 74px;
	background-image: url("../imgs/bg_title.jpg");
}

article #information_title_img h1 {
	position: absolute;
	margin-top: 30px;
	margin-left: 80px;
	font-size: 1.85em;
	font-weight: normal;
	color: #609B01;
	font-family: Century Gothic;
	float: left;
}

article #information_title_img h5 {
	margin-top: 35px;
	margin-left: 280px;
	color: #609B01;
	font-family: メイリオ;
	margin-bottom: 42px;
}

article #yarn_title_img {
	position: absolute;
	line-height: 0;
	display: block;
	margin-top: 0;
	width: 950px;
	height: 74px;
	background-image: url("../imgs/bg_title.jpg");
}

article #yarn_title_img h1 {
	position: absolute;
	margin-top: 30px;
	margin-left: 80px;
	font-size: 1.85em;
	font-weight: normal;
	color: #609B01;
	font-family: Century Gothic;
	float: left;
}

article #yarn_title_img h5 {
	margin-top: 35px;
	margin-left: 180px;
	color: #609B01;
	font-family: メイリオ;
	margin-bottom: 42px;
}

article #introduction_title_img {
	position: absolute;
	line-height: 0;
	display: block;
	margin-top: 0;
	width: 950px;
	height: 74px;
	background-image: url("../imgs/bg_title.jpg");
}

article #introduction_title_img h1 {
	position: absolute;
	margin-top: 30px;
	margin-left: 80px;
	font-size: 1.85em;
	font-weight: normal;
	color: #609B01;
	font-family: Century Gothic;
	float: left;
}

article #introduction_title_img h5 {
	margin-top: 35px;
	margin-left: 290px;
	color: #609B01;
	font-family: メイリオ;
	margin-bottom: 42px;
}

/*menu
------------------------------------------------------------------------------------------------------------*/
#menu p{
	margin-right: 30px;
	margin-left: 45px;
	margin-bottom: 20px;
	color: #000000;
	font-size: 0.85em;
	line-height: 20px;
}

dl#menu_company {
	margin-left: 45px;
	margin-bottom: 20px;
	padding: 5px;
}

dl#menu_company dt {
	color: #000000;
	font-size: 0.85em;
	line-height: 20px;
	margin-bottom: 10px;
	margin-right: 30px;
}

dl#menu_company dd {
	line-height: 5px;
	margin-bottom: 5px;
	color: #000000;
	font-size: 0.85em;
	text-align: center;
}

#menu #menu_company {
	clear: both;
	line-height: 0;
	position: reliave;
}

dl#menu_infomation {
	margin-left: 30px;
	margin-bottom: 10px;
}










#menu #article_t {
	margin-left: 30px;
	margin-bottom: 15px;
	line-height: 33px;
	background-image: url("../topics/article_t.jpg");
	width: 880px;
	height: 30px;
}

#menu #menu_company p {
	color: #000000;
	font-size: 0.75em;
	margin-left: 40px;
	line-height: 16px;
}

#menu_company_img {
	float: left;
	margin-left: 40px;
	margin-bottom: 10px;
	line-height: 5px;
}

.box01{
	margin-left: 50px;
	margin-bottom: 30px;
}

.box01 dl{
	color: #000000;
	font-size: 0.85em;
	margin-bottom: 15px;
}

.box01 dl dt,
.box01 dl dd{
	letter-spacing:normal;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
	line-height:20px;
	vertical-align:top;
}

.box01 > dl > dt{
	width: 160px;
}

#menu {
	width: 730px;
	float: right;
}

#menu h3 {
	font-size: 1em;
	font-family: メイリオ;
	color: #ffffff;
	margin-left:30px;
	font-weight: normal;
	background-image: url("../imgs/article_t.jpg");
	width: 630px;
	height: 27px;
	padding-left: 20px;
	line-height: 28px;
	margin-bottom: 20px;
	margin-top: 80px;
}

.frame {
	margin-left: 50px;
	margin-bottom: 20px;
	width: 590px;
	border: 1px solid #609B01;
	background-color: #EEFFE9;
	overflow: hidden;
	font-size: 0.8em;
	padding: 0 25px 15px 25px;

}
p .ring {
	float: right;
	margin: 15px 0 0 15px;
 }





#contents {
	width: 240px;
	float: left;
	margin-top: 80px;
	margin-left: -20px;
}

#contents ul{
	list-style-type: none;
}

#contents li{
	font-size: 0.875em;
}

#contents li a{
	display: block;
	line-height: 45px;
	color: #000000;
	text-decoration: none;
	padding-left: 11px;
	border-bottom-style: dotted;
	border-color: #A2A2A2;
}

#contents li a:hover{
	color: #A2A2A2;
	background-image: url("../imgs/contents_img.jpg");
}


#c_premiere {
	width: 240px;
	margin-top: 300px;
}

#c_premiere ul{
	list-style-type: none;
}

#c_premiere li a{
	text-decoration: none;
}






/*table_4
------------------------------------------------------------------------------------------------------------*/
.table_4l {
	margin-left: 45px;
	margin-bottom: 20px;
	width: 640px;
	border-collapse:collapse;
	border-spacing:0px; 
	border:1px solid #A2A2A2;
	font-size: 0.75em;
}
.table_4l tr td:nth-child(1) {
	width:20px;
	text-align: center;
	padding-left: 0px;
}
.table_4l tr td:nth-child(2) {
	width:120px;
	font-weight: bold;
}
.table_4l tr td:nth-child(3) {
	width:150px;
}
.table_4l tr td {
	border:1px solid #A2A2A2;
	padding-left: 7px;
}
.table_4l_t {
	margin-left: 45px;
	margin-bottom: 5px;
	width: 640px;
	border-collapse: collapse;
	border-spacing: 0px; 
	border: 1px solid #A2A2A2;
	font-size: 1em;
	font-family: times new roman;
	font-weight: bold;
	color: #664100;
}
.table_4l_t tr td:nth-child(1) {
	width: 150px;
}
.table_4l_t tr td:nth-child(2) {
	width: 150px;
}
.table_4l_t tr td {
	border: 1px solid #ffffff;
	padding-left: 3px;
}

/*table_3
------------------------------------------------------------------------------------------------------------*/
.table_3l {
	margin-left: 55px;
	margin-bottom: 20px;
	width: 600px;
	border-collapse:collapse;
	border-spacing:0px; 
	//border:1px solid #A2A2A2;
	font-size: 0.875em;
	color: #609B01;
	line-height: 16px;
}
.table_3l tr td:nth-child(1) {
	width:240px;
}
.table_3l tr td:nth-child(2) {
	width:55px;
}
.table_3l tr td {
	//border:1px solid #A2A2A2;
	//padding-left: 7px;
}

/*table_2
------------------------------------------------------------------------------------------------------------*/
.table_2l {
	margin-left: 45px;
	margin-bottom: 20px;
	width: 640px;
	border-collapse:collapse;
	border-spacing:0px; 
	border:1px solid #A2A2A2;
	font-size: 0.75em;
}
.table_2l tr td:nth-child(1) {
	width:220px;
}
.table_2l tr td {
	border:1px solid #A2A2A2;
	padding-left: 7px;
}
.table_2l_t {
	margin-left: 45px;
	margin-bottom: 5px;
	width: 640px;
	border-collapse: collapse;
	border-spacing: 0px; 
	border: 1px solid #A2A2A2;
	font-size: 1em;
	font-family: times new roman;
	font-weight: bold;
	color: #664100;
}
.table_2l_t tr td {
	border: 1px solid #ffffff;
	padding-left: 3px;
}


















/*footer
------------------------------------------------------------------------------------------------------------*/
footer {
	background-image: url("../imgs/footer.jpg");
	border:solid 1px #2D4337;
	border-top: solid 3px #000000;
	clear: both;
}

footer dl#small {
	margin-bottom: 50px;
	line-height: 50px;
	text-align: center;
}

footer dl#small dt {
	font-size: 0.75em;
	color: #ffffff;
	margin-left: 40px;
	float: left;
}

footer dl#small dd {
	font-size: 0.75em;
	color: #ffffff;
	margin-right: 30px;
	float: right;
}
