body{
font-family:"MS UI Gothic" , "MS P Gothic" , "Osaka";
color:#3C3C3C;
line-height:1.2em;
margin:0;
padding:0;
}

/*siteinfo*/
.siteinfo{
font-size:14px;
line-height:1.2em;
margin:0px 10px 10px 10px;
}
.siteinfo h2{
font-size:14px;
display:block;
}
.siteinfo ul{
}
.siteinfo li{
list-style-type:decimal;
margin-bottom:5px;
}
.siteinfo p{
padding:0px;
margin:10px 0px 20px 20px;
}
.siteinfo span{
display:block;
padding:30px 20px 30px 20px;
margin:0px 0px 0px 0px;
}
.siteinfo div{
text-align:right;
padding:0px;
margin:5px 0px 5px 5px;
}
.siteinfo address{
font-style:normal;
text-align:left;
padding:0px;
margin:5px 0px 5px 20px;
}
a:link { color:#003366} 
a:visited { color:#003366;} 
a:hover { color:#00CC66; } 
a:active { color: #00CC66; } 
a.blandlink:link,
a.blandlink:visited {
  background-color: #ffffff; /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #ccccff #003366 #003366 #ccccff; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  display:block;
  padding:5px;
  line-height:1.2em;
  text-decoration:none;
  color:#003366;
}
a.blandlink:hover {
  background-color: #ffffff; /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #003366 #ccccff #ccccff #003366; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  display:block;
  padding:5px;
  text-decoration:none;
  color:#003366;
}

/*copyright*/
.copyright{
  font-size:14px;
line-height:1.2em;
margin:0px 10px 10px 10px;
}
.copyright p{
padding:0px;
margin:20px 0px 20px 15px;
}
.copyright ul{
	list-style-type: none;
}
.copyright li{
  margin-bottom:5px;
}
.copyright h2{
font-size:14px;
display:block;
}
a:link { color:#003366} 
a:visited { color:#00CC66;} 
a:hover { color:#003366; } 
a:active { color: #00CC66; } 
a.blandlink:link,
a.blandlink:visited {
  background-color: #ffffff; /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #ccccff #003366 #003366 #ccccff; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  display:block;
  padding:5px;
  line-height:1.2em;
  text-decoration:none;
  color:#003366;
}
a.blandlink:hover {
  background-color: #ffffff; /* 背景の色 */
  border-style: solid; /* 枠の種類 */
  border-color: #003366 #ccccff #ccccff #003366; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  display:block;
  padding:5px;
  text-decoration:none;
  color:#003366;
}



/*test*/

.base{
background-color:#DDF0FB;
width:760px;
margin:auto;
padding:0;
}
.menubase{
margin:0;
padding:0;
}
.menubase h1{
clear:both;
margin:0 0 0px 10px;
padding:15px 0 0 35px;
background-repeat:no-repeat;
background-position:center;
line-height:2em;
font-size:18px;
background-image:url(../image/maintitle_back.gif);
height:50px;
}
.menubase p{
float:left;
width:900px;
text-align:left;
font-size:12px;
margin:0px 0px 0px 0px;
padding:10px 0px 5px 15px;
}
.gototop{
width: 900px;
margin:0;
padding:10px;
text-align:right;
clear:both;
}
.menu{
clear:both;
margin:0 0 0 0;
padding:0 0 0 0;
}
.menu ul{
width:895px;
margin:5px auto;
padding:0;
height:20px;
border-right:solid 1px #CCCCCC;
clear:both;
}

.menu li{
display:block;
float:left;
text-align:center;
margin:0px 0px 0px 0px;
padding:0 21px 0px 21px;
height:20px;
border-left:solid 1px #CCCCCC;
list-style:none;
}
.menu-gengo{
float:right;
margin:10px 0 0 0;
padding:0 0 0 0;
}
.menu-gengo ul{
margin:0 auto;
padding:0;
clear:both;
}

.menu-gengo li{
display:block;
float:left;
text-align:center;
margin:5px 5px 5px 0px;
padding:0 10px 0 10px;
list-style:none;
}

.logo-area{
width:950px;
}
.logo{
float:left;
padding:10px 0px 10px 10px;
margin:0;
}


.gengo{
float:right;
margin:10px 10px 0 20px;
padding:0;
}
.gengo ul{
margin:0;
padding:0;
}
.gengo li{
margin:0;
list-style:none;
padding:0 0 0 0;
}




.contentbase{
clear:both;
margin:0;
padding:0 13px 0 13px;
}
.contentbase h1{
clear:both;
margin:0 0 0px 0px;
padding:15px 0 0 25px;
background-repeat:no-repeat;
background-position:center;
line-height:2em;
font-size:18px;
background-image:url(../image/maintitle_back.gif);
height:50px;
}
.contentbase h2{
margin:0 0 0 0;
padding:0;
}
.contentbase span{
display:block;
font-size:14px;
margin:0px 0px 10px 10px;
}

/*index*/

.indexbase{
clear:both;
margin:0 0 10px 0;
padding:0;
}
.mainimage{
margin:0;
padding:0;
width:950px;
height:460px;
background-image:url(../image/index/mainimage.jpg);
}
.mainimage-right{
float:right;
margin:0;
padding:0;
width:370px;
height:460px;
}
.mainimage-right img{
margin:0;
padding:80px 10px 60px 0px;
}
.mainimage-left{
float:left;
margin:0;
padding:0;
height:460px;
width:580px;
}
.mainimage-left h1{
text-align:left;
margin:70px 10px 0px 10px;
padding:10px 10px 10px 10px;
font-size:20px;
color:#333333;
}
.mainimage-left ul{
margin:0px 0px 0px 40px;
padding:0;
}

.mainimage-left li{
list-style:none;
width:160px;
float:left;
font-size:12px;
text-align:center;
display:block;
margin:130px 10px 0px 0px;
padding:0px 0px 0px 0px;
}



.index-menu{
margin:0px 0px 10px 0px;
padding:0 0 0px 0;
clear:both;
}
.index-menu-base{
margin:0px 0px 0px 0px;
padding:0;
float:left;
width:480px;
}
.index-menu-base div{
float:left;
margin:10px 10px 0px 0px;
width:216px;
padding:5px;
border:2px solid #B4D7E5;
background-color:#EEF9FE;
height:111px;
}
.index-menu-base h2{
margin:0;
padding:5px;
}
.index-menu-base h3{
float:left;
margin:0;
padding:5px;
}
.index-menu-base span{
float:left;
display:block;
margin:10px 10px 0px 0px;
width:455px;
padding:5px;
border:2px solid #B4D7E5;
background-color:#EEF9FE;
}
.index-menu-base embed{
float:right;
}
/*index-news*/
.index-news-base{
margin:10px 0px 0px 0px;
padding:0;
float:left;
background-color:#EEF9FE;
width:470px;
height:460px;
}
.index-news-base p{
margin:0px 0px 0px 0px;
padding:0;
clear:both;
}
.index-news-base h2{
margin:0;
padding:0px;
}
.index-news-base div{ 
overflow: auto;
padding:10px;
margin:auto;
height:400px;
}
.index-news-base dl{
margin:0;
padding:0;
font-size:12px;
}
.index-news-base dt{
margin:5px 0 0 0;
padding:0;
}
.index-news-base dd{
margin:0;
padding:0 0 5px 0;
border-bottom:dotted 1px #A6D1EC;
}

/*mews*/
.news{
margin:0 0 0 10px;
padding:0px;
}

.news h2{
font-size:12px;
margin:0 0 0 0;
padding:5px;
text-align:right;
font-weight:normal;

}

.color-box,
.news-box{
border-bottom:dotted 2px #A6D1EC;
margin:0 0 10px 0;
padding:10px 20px 10px 20px;
}
.color-box h3,
.news-box h3{
font-size:16px;
padding:5px;
margin:30px 5px 30px 5px;
text-align:center;
background-color:#BCE0F5;
}

.color-box p{
font-size:14px;
text-align:right;
margin:0;
padding:10px 10px 0px 10px;

}
.news-box h4{
font-size:14px;
margin:0;
padding:10px 10px 0px 10px;
}
.news-box p,
.topics14
{
font-size:14px;
margin:0;
padding:10px 10px 10px 10px;
text-align:1.4em;
}
.color-box img,
.news-box img{
margin:0 10px 0 0;
padding:5px 5px 5px 5px;
border:solid 1px #CCCCCC;
}
.color-box div{
margin:0;
padding:0px 0px 0px 120px;
}
.news-box div{
text-align:right;
margin:0;
padding:0px;
}
.color-box span,
.news-box span{
display:block;
text-align:right;
margin:0;
font-size:10px;
padding:5px 0px;
}
.color-box span{
display:block;
text-align:left;
margin:0;
font-size:14px;
padding:5px 5px;
}
/*tokucyo*/
.tokucyo{
margin:0 0 20px 0;
padding:0;
}
.tokucyo h2{
margin:0;
padding:0 0 0 10px;
line-height:2em;
background-color:#BDDBE5;
background-image:url(../image/subtitle_back.jpg);
font-size:16px;
}
.tokucyo dt{
margin:0;
padding:0;
line-height:2em;
color:#487DBD;
background-image:url(../image/subtitle_back.jpg);
font-size:14px;
}
.tokucyo dl{
margin:20px 50px 0 50px;
padding:0;

font-size:12px;
}
.tokucyo dd{
margin:5px 0 5px 10px;
padding:0;
font-size:12px;
}
.tokucyo p{
margin:10px;
padding:0;
font-size:14px;
}
.tokucyo ul{
margin:0;
padding:0;
}
.tokucyo li{
margin:5px 0 5px 10px;
padding:0;
font-size:12px;
}
.tokucyo span{
margin:5px;
display:block;
text-align:right;
padding:0;
font-size:12px;
}


/*yarn*/
.yarn{
margin:0 0 0 0px;
padding:0;
width:700px;
float:right;
}
.yarn h2{
margin:0;
padding:0 0 0 10px;
line-height:2em;
background-color:#BDDBE5;
background-image:url(../image/subtitle_back.jpg);
font-size:16px;
}
.yarn p{
margin:10px;
padding:0;
font-size:14px;
}
.yarn img{
margin:10px;
padding:0;
}
.yarn table {
 border              : solid #336699 1px;
 border-collapse     : collapse;
	font-size           : 14px;
	margin:10px;
padding:0;
}
.yarn td {
 border              : solid #336699 1px;
 color               : #333333;
 padding             : 5px;
	background-color:#FFFFFF;
}
.yarn th {
 background-image    : url(img/right/backimage02.jpg);
 border              : solid #336699 1px;
 color               : #003366;
 padding             : 5px;
 white-space         : nowrap;
}
.yarn dl{
font-size:14px;
margin:0 0 0 10px;
padding:0;
}
.yarn dt{
margin:0;
padding:0;

}
.yarn dd{
margin:0 0 10px 10px;
padding:0;
}
.yarn ul{
font-size:14px;
margin:10px 0 10px 30px;
padding:0;
}
.yarn li{
margin:0 0 10px 0;
padding:0;
}
.yarn span{
display:block;
text-align:right;
margin:0;
font-size:14px;
padding:5px 0px;
}

.yarn-image{
display:block;
clear:both;
width:695px;
}
.yarn-image img{
padding:5px;
clear:both;

}
.yarn-logo{
float:right;
}
.yarn-menu{
float:left;
margin:0 0 0 3px;
width:200px;
height:700px;
}
.yarn-menu ul{
margin:0 0 20px 0;
padding:0;
}

.yarn-menu li{
margin:0;
list-style:none;
font-size:14px;
border-left:solid 3px #FFFFFF;
border-bottom:dotted 2px #FFFFFF;

}
.yarn-menu a {
 background-image:url(../image/sidemenu_back.jpg);
 background-repeat:repeat-y;
 display:block;
 font-size:14px;
 line-height:1.8em;
padding:5px 0px 5px 10px;
width:187px;
 text-decoration:none;
}
.yarn-menu a:hover {
 background-repeat:repeat-y;
 display:block;
 text-decoration:underline;
	background-image:url(../image/sidemenu_back_on.jpg);
}
.yarn-menu-on a {
 background-image:url(../image/sidemenu_back_on.jpg);
 background-repeat:repeat-y;
 display:block;
 font-size:14px;
 line-height:1.8em;
 padding:5px 0px 5px 10px;
 width:187px;
 text-decoration:none;
}

/*whats*/
.whats-imageback{
height:700px;
background-image:url(../image/whats/titleimage.gif);
background-position:left;
background-repeat:no-repeat;
padding:50px 0 0 0;
}
.whats-imageback h3{
margin:100px 0px 50px 350px;
padding:0;
}

.whats-imageback ul{
margin:0 0 0 450px;
padding:0;
}
.whats-imageback li{
margin:20px 0 0 0;
padding:0;
list-style:none;
}





/*pdf*/
.pdf-info{
margin:10px;
padding:10px;
line-height:1.4em;
font-size:12px;
border:2px solid #B4D7E5;
background-color:#EEF9FE;
}
.pdf-info img{
margin:0px 5px 0px 5px;
padding:0;
float:left;
}

/*waku01*/
.waku01{
width:774px;
margin:auto;
padding:0;
background-color:#FFFFFF;
border:solid 3px #B4CEEF;
}
.waku01-top{
margin:0;
padding:0;
height:5px;
}
.waku01-in{
margin:0;
padding:5px;
}
.waku01-in h3{
margin:0;
padding:5px;
}
.waku01-in img{
margin:0;
padding:5px;
}
.waku01-in p{
margin:0;
padding:5px;
font-size:12px;
text-align:right;
}
.waku01-bottom{
margin:0;
padding:0;
height:5px;
}
/*table*/
#table0180 table {
width:100%;
 border              : solid #336699 1px;
 border-collapse     : collapse;
	 font-size           :14px;
}
#table0180 td {
 border              : solid #336699 1px;
 color               : #333333;
 padding             : 5px;
	background-color:#FFFFFF;
}
#table0180 th {
 background-image    : url(img/right/backimage02.jpg);
 border              : solid #336699 1px;
 color               : #003366;
 padding             : 5px;
 white-space         : nowrap;
}
#table0180 {
 margin              : 0px 10px 10px 10px;
}
#table0180 p {
 color               : #333333;
 font-size           : 14px;
 line-height         : 1.2em;
 margin              : 5px 0px 10px 0px;
 text-align          : right;
}
#table0180 span {
 color               : #333333;
 font-size           : 14px;
 line-height         : 1.2em;
 margin              : 5px 0px 10px 0px;
 text-align          : left;
	display:block;
}

#tableyarn table {
width:100%;
 border              : solid #336699 1px;
 border-collapse     : collapse;
	 font-size           :12px;
}
#tableyarn td {
 border              : solid #336699 1px;
 color               : #333333;
 padding             : 5px;
	background-color:#FFFFFF;
}
#tableyarn th {
 background-image    : url(img/right/backimage02.jpg);
 border              : solid #336699 1px;
 color               : #003366;
 padding             : 5px;
 white-space         : nowrap;
}
#tableyarn {
 margin              : 0px 10px 10px 10px;
}
#tableyarn p {
 color               : #333333;
 font-size           : 14px;
 line-height         : 1.2em;
 margin              : 5px 0px 10px 0px;
 text-align          : right;
}
#tableyarn span {
 color               : #333333;
 font-size           : 14px;
 line-height         : 1.2em;
 margin              : 5px 0px 10px 0px;
 text-align          : left;
	display:block;
}

/*table*/
#table0181 table {
width:100%;
 border              : solid #336699 1px;
 border-collapse     : collapse;
	 font-size           :14px;
}
#table0181 td {
 border              : solid #336699 1px;
 color               : #333333;
 padding             : 5px;
	background-color:#FFFFFF;
}
#table0181 th {
 background-image    : url(img/right/backimage02.jpg);
 border              : solid #336699 1px;
 color               : #003366;
 padding             : 5px;
 white-space         : nowrap;
}
#table0181 {
 margin              : 0px 10px 10px 10px;
}
#table0181 p {
 color               : #333333;
 font-size           : 14px;
 line-height         : 1.2em;
 margin              : 5px 0px 10px 0px;
 text-align          : right;
}
#table0181 span {
 color               : #333333;
 font-size           : 14px;
 line-height         : 1.2em;
 margin              : 5px 0px 10px 0px;
 text-align          : left;
	display:block;
}
/*contact*/
#contact {
width:90%;
 margin:0 auto;
	text-align:center;
}
#contact table {
width:90%;
 border              : solid #336699 1px;
 border-collapse     : collapse;
	margin              : 0px 0px 10px 0px;
	 font-size           :14px;
}
#contact td {
 border              : solid #336699 1px;
 color               : #333333;
	background-color:#FFFFFF;
	padding:3px;
}
#contact th {
 border              : solid #336699 1px;
 color               : #333333;
	background-color:#DCEDF5;
	text-align:left;
	font-weight:normal;
	padding:3px;
}
#contact h2 {
width:90%;
 color               : #333333;
 padding             : 5px;
	font-size           :14px;
	text-align:left;
	margin:10px;
}

#contact p {
width:90%;
 color               : #333333;
 font-size           : 14px;
 line-height         : 1.2em;
	text-align:left;
 margin              : 20px 0px 10px 0px;
}
#contact span {
width:90%;
 color               : #FF6633;
 font-size           : 14px;
 line-height         : 1.2em;
 margin              : 50px 0px 10px 0px;
	display:block;
}
#contact input {
 border              : solid #336699 1px;
	 font-size           :14px;
}
#contact address {
font-style:normal;
text-align          : left;
	 font-size           :14px;
		margin              : 10px 10px 10px 50px;
			background-color:#ffffff;
	padding:10px;
}


#contact textarea {
width:80%;
font-style:normal;
	 font-size           :14px;
		margin              : 10px 10px 10px 10px;
}
#contact ul{
padding              : 0px 0px 0px 0px;
margin              : 0px 0px 0px 0px;
}
#contact li{
width:90%;
 color               : #333333;
 font-size           : 14px;
 line-height         : 1.2em;
	text-align:left;
		list-style:none;
 margin              : 10px 0px 5px 0px;
}

.box-center{
width:300px;
font-style:normal;
text-align          : left;
font-size           :14px;
margin              :0 auto;
background-color:#ffffff;
padding:12px;
}
.sitemapbase{
clear:both;
margin:0;
padding:0px 10px 10px 10px;
}
.sitemapbase h1{
clear:both;
margin:0 0 0px 0px;
padding:10px 0 0 35px;
background-repeat:no-repeat;
background-position:center;
line-height:2em;
font-size:18px;
background-image:url(../image/maintitle_back.gif);
height:50px;
}
.sitemapbase h2{
font-size:14px;
margin:0 20px 10px 20px;
padding:5px 5px 5px 5px;
border-left:solid 5px #006699; 
}
.sitemapbase p{
font-size:14px;
margin:0 20px 10px 40px;
padding:0px 5px 0px 5px;
line-height:1.4em;
border-left:solid 5px #006699; 
}
.sitemapbase ul{
clear:both;
margin:0px 0px 0px 100px;
padding:0px 0px 0 0px;

}
.sitemapbase li{
clear:both;
margin:0px 0px 0px 0px;
padding:0 0px 0 0px;
font-size:12px;
}