﻿/*.................................................download.css..........................*/


body{
	background:url(../imgs/back.gif);
	text-align:center;
	margin:0px;
	font-family:'メイリオ',Meiryo,'HGSｺﾞｼｯｸE',HGSGothicE,sans-serif;
}
img {
	border:0px;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
#body{
	margin-top:80px;
	padding-bottom:25px;
	width:100%;
	text-align:center;
}
#home1{
	margin-left: auto;
	margin-right: auto;

	padding:0px;
}
#home{
	width:1130px;
	margin-left: auto;
	margin-right: auto;
	height:54px;
}
.homemenu{
	width:800px;
	height:54px;
	text-align:right;
	background:url(../imgs/home_one1.png) no-repeat;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
}


#home a{
	font-size:18px;
	font-weight:bold;
	color:#000;
	font-style:italic;
	text-decoration:none;
	padding-left:10px;
	padding-right:5px;
}
.homemenu ul{
	float:left;
	margin:0px;
	padding-left:500px;
	padding-top:25px;

}
.homemenu li{
	float:left;
	list-style-position:outside;
	list-style-type:none;
}

.homemenu li#lihome{
background-image:url(../imgs/hom.png);
background-repeat:no-repeat;
text-indent:15px;
}

.homemenu li#lilog{
background-image:url(../imgs/log.png);
background-repeat:no-repeat;
text-indent:15px;
}

.homemenu li#lirss{
background-image:url(../imgs/rss.png);
background-repeat:no-repeat;
text-indent:15px;
}




#home a:hover{
	color:#fff799;
}
#home_two{
	background:url(../imgs/home_two.gif) repeat-x;
	margin-bottom:-2px;
}
#home2{	
	text-align:center;
	padding:0px;
	margin-top:-4px;
	width:1130px;
	height:30px;
	background:url(../imgs/home2.png) no-repeat;
	margin-left: auto;
	margin-right: auto;
}


* html #home2{
behavior: expression(
this.style.behavior || (
this.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}






#home3{
	margin-left: auto;
	margin-right: auto;
	margin-top:-7px;
	padding:0px;
}
*html #home3{
	margin-left: auto;
	margin-right: auto;
	margin-top:-4px;
	padding:0px;
}
#home3 img{
	margin:0px;
	padding:0px;	
}
#center{
	background:url(../imgs/back1.gif) repeat-y;
	margin-left: auto;
	margin-right: auto;
	width:1130px;

}
#centerMenu{
	margin:15px 0px 0px 30px;
	height:41px;
	width:743px;
	background:url(../imgs/back2.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;

}
#centerMenu .centerMenu_a img{
	border:0px;
	margin:0px;
	padding:0px;
}

#centerMenu .centerMenu_a a{
	margin-left:-8px;
}
#centerMenu .centerMenu_a{
	text-align:center;
	padding-top:3px;
	padding-left:8px;
}


#center_a{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	background:url(../imgs/asbolute.png) no-repeat;
	height:30px;
	text-align:left;
	margin-left:140px;
	margin-right:auto;
	margin-top:35px;
	margin-bottom:35px;
}

* html #center_a{
behavior: expression(
this.style.behavior || (
this.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}



#center_one{
	text-align:center;
	color:#000000;
	width:1130px;
}
* html #center_one{
behavior: expression(
this.style.behavior || (
this.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}



#center_a p{
	margin:0;
	padding-left:80px;
	padding-top:8px;
}

#center_b{
	width:683px;
	margin-left:58px;
	height:auto;
	background-color:#e6e6e6;
	border-bottom:1px solid #737373;
	border-top:1px solid #737373;
	border-left:2px solid #bdbdbd;
	border-right:2px solid #bdbdbd;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
#center_b .centerTextimg{
	margin:10px;
	
}
#center_b .floatimg{
	float:left;
 	margin:0px 30px 0px 10px;
}
#center_b p{
	margin:0px;
	padding:6px 0px;
	color:#6a3906;
	font-weight:bold;
}

#center_b a{
	font-size:22px;
	color:blue;
}
#center_b .center_bDiv{
	width:398px;
	margin-left:200px;
}
#center_b2{
	width:683px;
	margin-left:58px;
	height:auto;
	background-color:#e6e6e6;
	margin-bottom:35px;
	border-bottom:1px solid #737373;
	border-top:1px solid #737373;
	border-left:2px solid #bdbdbd;
	border-right:2px solid #bdbdbd;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
#center_b2 .centerTextimg{
	margin:10px;
}
#center_b2 .box{
	padding:10px 0px 0px 10px;
	background-color:#e6e6e6;
}
#center_b2 .floatimg{
	float:left;
	margin:0px 0px 0px 0px;
}

#center_b2 p{
	margin:0px;
	padding:6px 0px;
	color:#6a3906;
	font-weight:bold;
}
#center_b2 a{
	font-size:22px;
	color:blue;
}
#center_b2 .center_bDiv{
	width:auto;
	margin-left:270px;
}
#center_b2 .center_sDiv{
	width:auto;
	margin-left:10px;
	margin-top: 10px;
}
#center_c{
	border:1px solid;
	width:683px;
	margin-left:58px;
	height:auto;
	background-color:#e6e6e6;
	border-bottom:1px solid #737373;
	border-top:1px solid #737373;
	border-left:2px solid #bdbdbd;
	border-right:2px solid #bdbdbd;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	margin-top: 35px;
}
#center_c .centerTextimg{
	margin:10px;
}

#center_c .floatimg{
	float:left;
	margin:0px 30px 0px 10px;
}
#center_c p{
	margin:0px;
	padding:6px 0px;
	color:#6a3906;
	font-weight:bold;
}
#center_c a{
	font-size:22px;
	color:blue;
}
#center_c .fs22 {
	font-size: 22px;
	color: #333333;
}

#center_c .center_cDiv{
	width:398px;
	margin-left:200px;
}
#center_c .center_dDiv{
	margin-left:40px;
	margin-bottom: 20px;
}
#bottom{
	clear:left;
	background:url(../imgs/bottom5.png) no-repeat;
	height:32px;
	margin-top:-25px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	width:1130px;
}

#bottom_fire{
	background:url(../imgs/bottom_fire.png) repeat-x;
}
#bottom a{
	font-size:18px;
	font-weight:bold;
	padding-right:45px;
	color:#000000;
	text-decoration:none;
	font-style:italic;

}
#bottom a:hover{
	color:#fff799;
}
#bottom p{
	margin-left:200px;
	padding-top:2px;
}
#bottom_a{
	height:34px;
	background:url(../imgs/bottom6.png) no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#59493f;
	width:800px;
	margin-left: auto;
	margin-right: auto;


}
#bottomaa{
	text-align:center;
	width:1130px;
	margin-left: auto;
	margin-right: auto;
	margin-top:-1px;
}
#bottom_a p{
	margin:0px;
	margin-right:10px;
	padding-top:5px;
	text-align:right;
}
* html #bottom_a{
behavior: expression(
this.style.behavior || (
this.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}
#clearleft{
	clear:left;
	padding-bottom:80px;
}






/*..............................................home.html.css..............................................*/




#click{
	padding:30px 0px 30px 0px;
}
#click img{
	border:0px;
}
#clickText{
	text-align:left;
	margin-left:160px;
}
#clickText p{
	padding-left:60px;
	margin:0px;
	padding-bottom:8px;
	font-size:16px;
	color:#6a3906;
	font-weight:bold;
}
#step{
	text-align:left;
	margin-left:160px;
}
.step1{
	padding-bottom:10px;
	height: 100px;
}
.step1Img{
	float:left;
	padding-left:55px;
}
.step1Text{
	margin-left:175px;
	color:#6a3906;
	font-weight:bold;
	width: 560px;
	background-color: #EBEBEB;
	border: 1px solid #59493f;
	padding-left: 10px;
}

#form{
	clear:left;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	font-weight:bold;
	color:#fff;


	padding-bottom:80px;
	margin-top:25px;
	text-align:left;
}

#form form{
	background:transparent url(../imgs/input.jpg) no-repeat scroll 0 0;
	margin:0px;
	padding-left:25px;
	width:562px;
	height:42px;
	padding-top:8px;
}
#form div{
	padding-top:8px;
	margin:0px;
	padding-left:350px;
}
#form input{
	width:400px;
	margin-left:15px;
}
.floatimg img{
	border:0px;
}






/*.........................................index.html.css....................................................*/





#index_a{
	text-align:left;
	margin-left:160px;
}

#index_a p{
	margin:0px;
	padding:5px 0px 5px 50px;
	font-size:16px;
	font-weight:bold;
	color:#6a3906;
}
.inputback{
	background:url(../imgs/inputback.png) no-repeat;
	height:150px;
	margin-left:270px;
	margin-top:-35px;
	
}
* html .inputback{
behavior: expression(
this.style.behavior || (
this.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}
#index_form{
	text-align:center;
	width:490px;
	height:228px;
	background:url(../imgs/inputback1.jpg) no-repeat;
	margin-top:25px;
	color:#804D2E;
	margin-left:auto;
	margin-right:auto;
}

.input1{
	width:280px;
}
.input2{
	width:302px;
}
.input3{
	width:200px;
	height:50px;
	margin-left:220px;
}
#index_b{
	text-align:left;
	margin-right:auto;
	margin-left:160px;
}
#index_b p{
	margin:0px;
	padding:5px 0px 5px 50px;
	font-size:16px;
	font-weight:bold;
	color:#6a3906;
}
.p1{
	padding-top:10px;
}
*html .p1{
	padding-top:15px;
}
.p1 strong{
	float:left;
	margin-left:10px;
	
}
.p1 input{
	float:right;
	margin-right:25px;

}
.p2{
	clear:both;
	padding-top:5px;
	margin: 0px;
}
*html .p2{
	clear:both;
	padding-top:2px;
}
.p2 strong{
	margin-left:10px;
	float:left;
	
	
}
.p2 input{
	float:right;
	margin-right:25px;

}
.p3{
	clear:both;
	margin:0px;
	padding-top:5px;
}
*html .p3{
	clear:both;
	padding-top:2px;
}
.p3 strong{
	float:left;
	margin-left:10px;
	
}
.p3 input{
	float:right;
	margin-right:25px;

}
.p4{
	clear:both;
	padding-top:10px;
}
*html .p4{
	clear:both;
	padding-top:5px;
}
#workshop{
	padding: 30px 0px 70px 0px;

}
#workshop img{
	border:0px;
}
#index_form form{
	margin:0px;
	padding-top:5px;
	padding-left:15px;
}
#index_form p{
	margin:0px;
}
#index_c p{
	margin:0;
	padding-left:80px;
	padding-top:8px;
}
#index_c{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	background:url(../imgs/asbolute.png) no-repeat;
	height:30px;
	text-align:left;
	margin-left:140px;
	margin-right:auto;
	margin-top:35px;
	margin-bottom:35px;
}
#center_three{
	text-align:center;
	color:#000000;
	width:1130px;
	margin-top:-80px;
}
* html #index_c{
behavior: expression(
this.style.behavior || (
this.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}
.mt_01 {
	margin-top: 20px;
}
.mb_01 {
	margin-top: 0px;
	margin-bottom: 35px;
}
.mtb {
	margin: 20px 0px 30px;
}
.ml {
	margin-left: 20px;
}


#bottom2 {
	clear:left;
	background:url(../imgs/bottom5-2.png) no-repeat;
	height:32px;
	margin-top:-25px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	width:1130px;
}
#bottom2 a {
	font-size:18px;
	font-weight:bold;
	padding-right:45px;
	color:#000000;
	text-decoration:none;
	font-style:italic;
}
#bottom2 a:hover {
	color:#fff799;
}
#bottom2 p {
	margin-left:200px;
	padding-top:2px;
}

table#table-02 {
	border: 1px #dac646 solid;
	border-spacing: 0;
	background: #FFF9D2 url(../imgs/bg_02.gif) repeat-x 0 100%;
	text-align: left;
	font-size: 14px;
	font-family: 'HGSｺﾞｼｯｸE',HGSGothicE,sans-serif;
	margin: 5px 5px 5px 80px;
}
table#table-02   th {
	padding: 5px;
	border: #dac646 solid;
	border-width: 0 0 1px 1px;
	background: #dac646 url(../imgs/bg_02_header.gif) repeat-x 0 100%;
	color: #332E2A;
	font-weight: bold;
	line-height: 120%;
}
table#table-02 td {
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #dac646 #dac646 #FFFFFF;
	color: #332E2A;
}
.inputback2 {
	background:url(../imgs/inputback.png) no-repeat;
	height:50px;
	margin-left:270px;
	margin-top:-35px;
}
* html .inputback2 {
behavior: expression(
this.style.behavior || (
this.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);}
.code  {
	margin:0px;
	padding:5px 0px 5px 50px;
	font-size:16px;
	font-weight:bold;
	color:#6a3906;
}

ul.thumbzoom {
 list-style-type: none;
}
ul.thumbzoom li {
 float: left;
 margin: 0 0px 0px 0px;
}
ul.thumbzoom a {
 display: block;
 width: 223px;
 height: 354px;
 overflow: hidden;
 position: relative;
 z-index: 1;
}
ul.thumbzoom a img {
 width: 223px;
 height:auto;

}
ul.thumbzoom a:hover {
 overflow: visible;
 z-index: 2;
}
ul.thumbzoom a:hover img {
 width: 418px;
 height: auto;
 position: absolute;
 top: -60px;
 left: -80px;
 border: solid 2px #CC0033;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

/* MacIE用 */
*+html .clearfix { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clearleft {
	clear: left;
}
.fs1   {
	font-size: 24px;
}
.box1 {
	background-color: #ffedbf;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	margin: 20px auto 20px 120px;
	padding: 10px 0;
	line-height: 40px;
	font-weight: bold;
	width: 480px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	color: #4000d1;
	font-size: 18px;
}
.box2 {
	color:#4000d1;
	font-weight:bold;
	width: 680px;
	background-color: #dccdff;
	border: 1px solid #4000d1;
	margin-left:60px;
	padding: 10px 0;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 36px;
}
.box3 {
	color:#FFFFFF;
	font-weight:bold;
	width: 680px;
	background-color: #eee;
	border: 1px solid #012E10;
	margin-left:60px;
	padding: 10px 5px 10px 0;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
}
#index_b  .box3 p {
	color:#666666;
	font-size: 14px;
	padding: 5px 0 0 20px;
}
.padding1 {
	padding: 0 0 0 20px;
}
.padding2 {
	padding: 0 0 0 40px;
}
