@charset "UTF-8";
body{
   background:url(../img/bg_all.jpg) repeat-x;
   }
*{
   margin:0;
   padding:0;
   font-size:12px;
   line-height:1.6;
   color:#313131;
   }
   
#all{
   width:850px;
   margin-left:auto;
   margin-right:auto;
   background-color:#fff; 
   }
a img{
   border:1px solid #fff;
   } 
a:hover img{
   border:1px solid #999;
   }      
a{
   color:#333333;
   text-decoration:underline;
   }   
a:hover{
   color:#1b88f8;
   text-decoration:none;
   }      
 
.center { text-align: center }
/*clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac ￥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*clearfix終わり*/
 
.smallTxt{
      font-size:10px;
	  } 
/*------------------------------------HEADER AREA---------------------------------------*/    
/*------------------------------------HEADER AREA---------------------------------------*/ 
/*------------------------------------HEADER AREA---------------------------------------*/   
#header{
     padding-top:1px;
	}
#headerInner{
	position:relative;
	width:830px;
	height:80px;
	margin-right:auto;
	margin-left:auto;
	background:url(../img/headerBG.gif) no-repeat left bottom;
	}
*+html body #headerInner{
	position:relative;
	width:830px;
	height:90px;
	margin-right:auto;
	margin-left:auto;
	
	background:url(../img/headerBG.gif) no-repeat left bottom;
	}	
#logo a{
    background:url(../img/Logo.gif) no-repeat top left;
	width:335px;
	height:60px;
	text-indent:-9999px;
	display:block;
	margin-top:10px;
	}	
#headerLink{
    position:absolute;
	top:24px;
	right:0;
	}
#headerLink a:hover img{
   border:1px solid #fff;
	}	
*html body #headerLink{
    position:absolute;
	top:36px;
	right:0;
	}	
*+html body #headerLink{
    position:absolute;
	top:34px;
	right:0;
	}		
#headerInner ul li{
    float:left;
	display:block;
	margin-right:10px;
	
	}
	
h1{
   font-weight:normal;
   color:#fff;
   font-size:10px;
   margin:4px 0 0 10px
   }
#headerBtnWrapper{
   position:absolute;
   left:360px;
   top:52px;
   z-index:3;
   }   
*html body #headerBtnWrapper{
   position:absolute;
   left:360px;
   top:61px;
   z-index:3;
   }  
 *+html body #headerBtnWrapper{
   position:absolute;
   left:360px;
   top:62px;
   z-index:3;
   }        
#headerBtn1,#headerBtn2,#headerBtn3,#headerBtn4{
   float:left;
   margin-right:7px;
   } 
#headerBtn1{
    width:108px;
	height:22px;
	background:url(../img/headerBtn2.gif) no-repeat;
	}  
#headerBtn1 a{
    width:108px;
	height:22px;
	background:url(../img/headerBtn2.gif) no-repeat 0 0 ;
	display:block;
	text-indent:-9999px;
	} 
#headerBtn1 a:hover{
    width:108px;
	height:22px;
	background:url(../img/headerBtn2.gif) no-repeat 0 -22px;
	}  	 
#headerBtn2{
    width:108px;
	height:22px;
	background:url(../img/headerBtn3.gif) no-repeat;
	}  
#headerBtn2 a{
    width:108px;
	height:22px;
	background:url(../img/headerBtn3.gif) no-repeat 0 0 ;
	display:block;
	text-indent:-9999px;
	} 
#headerBtn2 a:hover{
    width:108px;
	height:22px;
	background:url(../img/headerBtn3.gif) no-repeat 0 -22px;
	}  	 	
#headerBtn3{
    width:112px;
	height:22px;
	background:url(../img/headerBtn4.gif) no-repeat;
	}  
#headerBtn3 a{
    width:112px;
	height:22px;
	background:url(../img/headerBtn4.gif) no-repeat 0 0 ;
	display:block;
	text-indent:-9999px;
	} 
#headerBtn3 a:hover{
    width:112px;
	height:22px;
	background:url(../img/headerBtn4.gif) no-repeat 0 -22px;
	}  	 	   			   				   		
#headerBtn4{
    width:112px;
	height:22px;
	background:url(../img/headerBtnContact.gif) no-repeat;
	}  
#headerBtn4 a{
    width:112px;
	height:22px;
	background:url(../img/headerBtnContact.gif) no-repeat 0 0 ;
	display:block;
	text-indent:-9999px;
	} 
#headerBtn4 a:hover{
    width:112px;
	height:22px;
	background:url(../img/headerBtnContact.gif) no-repeat 0 -22px;
	}	
	
/*------------------------------------PANKUZU---------------------------------------*/    
/*------------------------------------PANKUZU---------------------------------------*/ 
/*------------------------------------PANKUZU---------------------------------------*/ 	
	
#pankuzu{
    padding:0 10px;
	}	
#pankuzu a{
    font-size:10px;
	font-weight:normal;
	}	
#pankuzu h2{
    font-size:10px;
	font-weight:normal;
	display:inline;
	}	
	
/*------------------------------------CONTAINER---------------------------------------*/    
/*------------------------------------CONTAINER---------------------------------------*/ 
/*------------------------------------CONTAINER---------------------------------------*/ 			


#container{
     padding:0 10px;
	 }
#contents{
    width:630px;
	float:right;
	display:inline;
	border:1px solid #d5d5d5;
	background:url(../img/contents_bg.jpg) no-repeat;
	padding:3px;
	}
#contentsInner{
   
	
	}	

	
	
#titleBar{
    background:url(../img/titleBar.jpg) no-repeat;
	width:630px;
	height:45px;
	}
#titleBarName{
     font-size:17px;
	 padding:8px 0 0 25px;
	 color:white;
	 }	
#titleBarLink{
     margin-bottom:8px;
	 margin-top:-8px;
	 }	
*html body #titleBarLink,*+html body #titleBarLink{
     margin-bottom:10px;
	 padding-top:0px;
	 }	  	
#titleBarLink a{
      font-size:11px;
	  margin-right:3px;
	  }	 
	  
#titleBarLink a:hover{
     text-decoration:none;
   }
#titleBarLink a img{
   border:none;
   } 
   
/*------------------------------------INFO---------------------------------------*/   
/*------------------------------------INFO---------------------------------------*/
/*------------------------------------INFO---------------------------------------*/ 
       
#info{
   margin:0 0 3px 0;
   padding:1px 10px 4px 10px;
   background-color:#fff;
   border-bottom:1px solid #d5d5d5;
   padding-top:10px;
   }
*html body #info{
   padding:10px 10px 0px 10px;
   }  
*+html body #info{
   padding:10px 10px 0px 10px;
   }

#info .offbanner {
	padding-left: 9px;
	margin: 10px 0 5px;
}

#infoImage{
   width:203px;
   float:left;
   display:inline;
   margin-right:12px;
   }  
#infoImage img{
   background-color:#e3e3e3;
   border:1px solid #d5d5d5;
   padding:3px;
   }
#caption{
   font-size:10px;
   font-weight:normal;
   }       
#infoText{
   width:394px;
   float:left;
   display:inline;
  
   } 
#infoTextTop{
    margin-top:-5px;
	}  
html[xmlns*=""] body:last-child #infoTextTop{
    margin-top:-4px;
	}  	 
#infoTextTitle{
    background:url(../img/square.jpg) no-repeat;
	font-size:18px;
	padding-left:24px;
	display:inline;
	}    
#infoTextLead{
     margin-top:1px;
	 font-size:14px;
	 }	 
#infoText p{
      border-top:1px dotted #a0a0a0;
	  padding-top:3px;
	  	  }	
		  
.estimate1BtnNext{
      width:124px;
	  height:31px;
	  margin-top:5px;
	  }	
.estimate1BtnNext a{
      width:124px;
	  height:31px;
	  background:url(../img/nextBtn.gif) no-repeat;
	  text-indent:-9999px;
	  display:block;
	  }
.estimate1BtnNext a:hover{
      background:url(../img/nextBtn.gif) no-repeat 0 -31px;
	  }	  	  	  
		  
.cvBtn2{
     margin-left:314px;
	 margin-top:10px;
	 }
.cvBtn3{
     margin-left:180px;
	 margin-top:10px;
	 }	 		  
.estimate1Btn,.estimate2Btn{
       width;124px;
	   float:left;
	   margin:3px 5px 0 0;
	   }
.estimate3Btn{
       width;130px;
	   float:left;
	   margin:3px 5px 0 0;
	   }   
.estimate1Btn{
      width:124px;
	  height:31px;
	  }
.estimate1Btn a{
      width:124px;
	  height:31px;
	  background:url(../img/estimate1Btn.gif) no-repeat;
	  text-indent:-9999px;
	  display:block;
	  }
.estimate1Btn a:hover{
      background:url(../img/estimate1Btn.gif) no-repeat 0 -31px;
	  }	  
.estimate2Btn{
      width:124px;
	  height:31px;
	  }
.estimate2Btn a{
      width:124px;
	  height:31px;
	  background:url(../img/estimate2Btn.gif) no-repeat;
	  text-indent:-9999px;
	  display:block;
	  }
.estimate2Btn a:hover{
      background:url(../img/estimate2Btn.gif) no-repeat 0 -31px;
	  }	
.estimate3Btn{
      width:130px;
	  height:31px;
	  }
.estimate3Btn a{
      width:130px;
	  height:31px;
	  background:url(../img/estimate3Btn.gif) no-repeat;
	  text-indent:-9999px;
	  display:block;
	  }
.estimate3Btn a:hover{
      background:url(../img/estimate3Btn.gif) no-repeat 0 -31px;
	  }
	  
	  

		
/*------------------------------------TAB AREA---------------------------------------*/   
/*------------------------------------TAB AREA---------------------------------------*/   
/*------------------------------------TAB AREA---------------------------------------*/   			    	    	  
 #tabArea{
       background-color:#fff;
	   padding:5px 10px;
	   }
#detailInfo{
        
		}	
#detailInfo h2{
        /*border-bottom:1px dotted #d5d5d5;*/
		font-size:14px;
		}	
#detailInner{
       border:3px solid #FFCC00;
	   padding:14px 0 12px 17px;
	   }
.detailBox{
       width:173px;
	   float:left;
	   display:inline;
	   margin-right:12px;
	   padding-right:12px;
	   margin-bottom:10px;
	   border-right:1px dotted #a0a0a0;
	   }	   	
.detailBox h4{
      background:url(../img/barYellowSmall.jpg) no-repeat;
	  padding:3px 0 0 15px;
	  font-size:12px;
	  width:158px;
	  height:20px;
	  }	 
	  
.detailBox img{
      margin-top:5px;
	  }	
.detailBox p{
       font-size:11px;
	   line-height:1.5;
	   margin-top:4px;
	   }	
.detailBox span{
       font-size:11px;
	   line-height:1.5;
	   color:#bb1f42;
	   
	   }
	   
.detailBoxColum2{
       width:272px;
	   float:left;
	   display:inline;
	   border-right:1px dotted #a0a0a0;
	   margin-right:12px;
	   padding-right:12px;
	   margin-bottom:10px;
	   }

.detailBoxColum2 h4{
      background:url(../img/barYellow3.jpg) no-repeat;
	  padding:3px 0 0 15px;
	  font-size:12px;
	  width:257px;
	  height:23px;
	  margin-bottom:6px;
	  }	 	   	   	   
	   	
.barYellow{
        background:url(../img/barYellow.jpg) no-repeat;
		width:555px;
		height:21px;
		padding:2px 0 0 15px;
		margin-top:16px;
		padding-bottom:5px
		}	
.barYellow2{
        background:url(../img/barYellow2.jpg) no-repeat;
		width:555px;
		height:37px;
		padding:18px 0 0 15px;
		
		}			
#kijiColorArea p{
        padding-right:15px;
		}
.tabInText{
        padding-right:15px;
		}	
.tabInTextL{
        padding-right:15px;
		font-size:12px;
		margin-bottom:6px;
		}				
.barRed{
      background:url(../img/barRed.gif) no-repeat;
	  width:540px;
		height:21px;
		padding:2px 0 0 30px;
		color:#fff;
		margin-top:10px;
		}	
#attention{
       border:1px solid #ed1b4c;
	   width:568px;
	   }	
#attention ol{
        margin:10px 10px 10px 36px;
	  
	   }	
#pageTop{
      width:56px;
	  height:15px;
	  margin-left:565px;
	  }	
#pageTop a{
      background:url(../img/pageTop.gif) no-repeat;
	  width:56px;
	  height:15px;
	  display:block;
	  }
#pageTop a:hover{
      background:url(../img/pageTop.gif) no-repeat 0 -15px;
	  width:56px;
	  height:15px;
	  }	  	  		     	         	
			
#footer{
       background:url(../img/barFooter.jpg) repeat-x;
	   margin-top:10px;
	   }
#footerLink,.footerLink2{
       text-align:right;
	   width:830px;
	   margin-right:auto;
	   margin-left:auto;
	   }
.footerLink2{
       margin-top:6px;
	   }	   
#footerLink li{
    display:inline;
	border-left:1px solid #fff;
	padding-left:6px;
	 font-weight:normal;
	}
#footerLink li a{
   font-weight:normal;
   font-size:11px;
	color:#fff;
	}
.footerLink2 li{
    display:inline;
	border-left:1px solid #aaa;
	padding-left:6px;
	 font-weight:normal;
	 color:#b5b5b5;
	 font-size:10px;
	}
 #footer .footerLink2 li a{
   font-weight:normal;
   font-size:10px;
	color:#878787;
	}
 #footer .footerLink2 li a:hover{
   font-weight:normal;
   font-size:10px;
	color:#1B88F8;
	}	
address{
    font-style:normal;
	text-align:right;
	}	
	
/*------------------------------------PRICE---------------------------------------*/   
/*------------------------------------PRICE---------------------------------------*/ 
/*------------------------------------PRICE---------------------------------------*/ 
	
.lotInfo{
      border-bottom:1px solid #999;
	  margin-top:5px;
	  padding-top:0;
	  font-size:12px;
		}		

			  
#lot-header{
       background-color:#808080;
       }	
.lot-header{
       background-color:#808080;
       }
.lot-header-red{
       background-color:#bb1f42;
       }	   		   
#lot-header td{	   
       color:#FFFFFF;
	   } 
.lot-header td{	   
       color:#FFFFFF;
	   }
.lot-header-red td{	   
       color:#fff;
	   }	    	   
#lot-header2{
       background-color:#00a599;
       }	
#lot-header2 td{	   
       color:#FFFFFF;
	   } 	   
.lot-part,.lot-part-left{
　 　　border-top:1px solid #999;
       text-align:center;
	   padding:2px 0;
	   
		}		    	
.lot-part,.lot-price{
   	   	font-size:10px;
		border-right:1px solid #999;
		text-align:center;
		padding:4px ;
		font-size:11px;
		}	
.lot-part-left,.lot-price-left{	
        font-size:10px;
		border-right:1px solid #999;
        border-left:1px solid #999;
  	   text-align:center;
	   padding:4px ;
	   font-size:11px;
	   }
.lot-part{
       border-top:1px solid #999;
	   }	   	
.lot-price,.lot-price-left{
       background-color:#fff;
       text-align:center;
	   padding:4px ;
	   font-size:11px;
	   }
.lot-borderbottom{
      border-bottom:1px solid #999;
	   }	
.lot-background td{
      background-color:#eee;
	  
	  }
.lot-background-border td{
      background-color:#eee;
	  border-top:1px solid #999;
	  }	  	
	  
.barYellowPrice{
        background:url(../img/barYellow.jpg) no-repeat;
		width:555px;
		height:21px;
		padding:2px 0 0 15px;
		padding-bottom:5px
		}
.tableCaption{
       font-size:10px;
	   }
.tableCaptionRed{
       font-size:11px;
	   color:#bb1f42;
	   }
.tableCaptionRed b{
       font-size:11px;
	   color:#bb1f42;
	   }
.tableTxtRed{
       	 color:#BB1F42;
		 width:572px;
		 margin-top:4px;
		 }   	   	   
.smallRed{
       color:#BB1F42;
	   font-size:10px;
	   }
.priceSubTitle{
       background:url(../img/barOrange.jpg) no-repeat;
      /* background-color:#f9671f;*/
	   padding:1px 0 1px 10px;
	   width:560px;
	   height:23px;
	   color:#fff;
	   
	   }	
.indexTitle{
       background:url(../img/barOrangeL.jpg) no-repeat;
      /* background-color:#f9671f;*/
	   padding:1px 0 1px 10px;
	   width:610px;
	   height:23px;
	   color:#fff;
	      margin-bottom:8px;
	   
	   }		   
.melitDemelit{
       list-style-position:inside;
	   }	    
.partsStanderd{
       font-size:13px;
	   }	    	   				  			
		
		
/*------------------------------------TYPE---------------------------------------*/
/*------------------------------------TYPE---------------------------------------*/ 
/*------------------------------------TYPE---------------------------------------*/ 

.colum2{  
       margin:4px 0 16px 0;
	   } 						
.colum2Left{
       width:204px;
	   float:left;
	   margin-right:14px;
	   }
.colum2Right{
       width:350px;
	   float:left;
	   }	   			
.attentionColum{
      width:328px;
	  border:1px solid #ed1b4c;
	  color:#ed1b4c;
	  margin-top:10px;
	  padding:6px 10px;
	  font-size:10px;
	  }
	  
.colum2Right h5{
      font-size:12px;
    }
.partsTxt{
    background-color:#f4f4f4;
	 border:1px solid #e6e6e6;
	 padding:6px 0 10px 20px;
	 margin-top:4px;
	 margin-bottom:8px;
	 }  
.partsTxt a{
      font-size:10px;
	  }	 
	 
	 
.priceSubTitle-s{
       background:url(../img/barOrangeS.jpg) no-repeat;
      /* background-color:#f9671f;*/
	   padding:1px 0 1px 10px;
	   width:270px;
	   height:23px;
	   color:#fff;
	   margin-bottom:5px;
	   }		  
.colum4Box-Left{
      width:285px;
	  float:left;
	  margin-right:5px;
	  }	
.colum4Box-Right{
      width:285px;
	  float:left;
	  }		
.colum4Left{
      width:80px;
	  float:left;
	  }	 
.colum4Right{
      width:200px;
	  float:left;
	  }	
	  
/*------------------------------------PROCESS---------------------------------------*/ 
/*------------------------------------PROCESS---------------------------------------*/  
/*------------------------------------PROCESS---------------------------------------*/   
.colum4{
      width:120px;
	  float:left;
	  margin:3px 8px 8px 0;
	  display:inline;
	  }	
.colum4b{
      width:120px;
	  float:left;
	  margin:3px 28px 8px 0;
	  display:inline;
	  }
.cry-sizeL{
      width:59px;
	  float:left;
	  display:inline;
	  }	  
.cry-sizeR{
      width:59px;
	  float:right;
	  display:inline;
	  }	  		    	
	  
/*--------------------お問い合わせTable-------------------------*/
.formArea{
      font-size:12px;
	  margin-top:5px;
	  padding-top:0;
	 /* border:1px dotted #eee;*/
		}	
.formMidashi{
     padding:5px 0;	  
	  }


.formRed{
    font-size:10px;
	color:#BB1F42;	
	font-size:bold; 
} 
.formList li{
     list-style-image:none;
	 list-style-type:none;
	 }	
	 
.colorIcon{
     margin-right:4px;
	 }	

.fontBold{
   	 font-weight:bold;
	 font-size:12px;
	 }
.tooltip-word{
     font-size:11px;
	 padding:5px;
	 }	 

.small{
     font-size:10px;
	 }
#formImageFloat{
     margin-top:10px;
	 }	 

div.form_items,
div.form_items2 {
	width: 424px;
}

div.form_items p {
	float: left;
	width: 141px;
	height: 150px;
}

div.form_items2 p {
	float: left;
	width: 212px;
	height: 180px;
}
.ViewForm {
	display: none;
}
div.ViewForm {
	background: #ffc;
	padding: 5px 0 3px 3px;
}
div.ViewForm div.ViewForm {
	background: #F8A544;
}
div.ViewForm div.ViewForm div.ViewForm {
	background: #E98107;
}
div.ViewForm div.ViewForm div.ViewForm div.ViewForm {
	background: #ED6E11;
}
/* フォーム部分　構造を簡略化　091023
------------------------------------------------------------------------*/

#contact {}
	#contact h5 { margin: 10px 0; }
	#contact table {
		width: 100%;
		margin: 0 0 15px;
		padding: 0;
		border-collapse: collapse;
	}
		#contact fieldset {
			border: none;
		}
		#contact caption {
			text-align: left;
			font-weight: bold;
			line-height: 2;
		}
		#contact table th {
			width: 140px;
			padding-right:5px;
			font-weight: normal;
			background: #eee;
			text-align: right;
			border-bottom: 1px solid #fff;
			border-right: 1px solid #eaeaea;
		}
		#contact table td {
			padding: 5px;
		}
			#contact table td .sTitle {
				margin: 0 0 10px;
				padding-left: 5px;
				font-weight: bold;
				border-left: 4px solid #039;
				color: #039;
			}
			#contact table td label {
				cursor: pointer;
			}
			#contact table td textarea {
				width: 25em;
				height: 5em;
				line-height: 1.2;
			}
			#contact table td .baseColor {
				top: 30px;
				left: 180px;
				position: absolute;
				width: 200px;
				background: #ffc;
				text-align: center;
				padding: 15px 10px;
			}
				#contact table td .baseColor p {
					font-weight: bold;
					margin-bottom: 7px;
				}
				#contact table td .baseColor label {
					padding: 0 5px;
				}			
			#contact table td table.photo_items {
				width: auto;
			}
				#contact table td table.photo_items td {
					width: 135px;
					vertical-align: top;
				}
				#contact table td table.photo_items td img {
					margin: 5px 0;
					border: 1px solid #ccc;
					padding: 1px;
				}



/*--------------------コースター-------------------------*/
redsma
.coasterTypeArea{
     margin-bottom:5px;
	 }
.coasterTypeArea img{
    border:1px solid #c0c0c0;
	}
.coasterImage{
    width:200px;
	float:left;
	margin-right:5px;
	display:inline;
	}	
.coasterType{
    width:65px;
	float:left;
	display:inline;
	}	
.big{
   
	font-size:14px;
	font-weight:bold;
	}
				
#naire_bag_banner{
     width:610px;
	 height:98px;
	 margin-top:10px;
	 }	 
#naire_bag_banner a{
     width:610px;
	 height:98px;
	 background:url(../img/naire_bag_banner.jpg) no-repeat 0 0;
	 display:block;
	 text-indent:-9999px
	 }	 
#naire_bag_banner a:hover{
    background:url(../img/naire_bag_banner.jpg) no-repeat 0 -98px;
	 }
	 

.SendCampaign{
	clear: both;
	padding: 10px 0;
}