@charset "Shift_JIS";


/*
	* Copyright (C) 2007 CREATIVE-WEB All rights reserved.
	* URL : http://www.Sample.com/
	* 最終更新日 2007年6月18日
*/


/*
	* 1.基本レイアウト
	* 2.基本設定
	* 3.ヘッダー（header）
	* 4.サイド（left）
	* 5.メイン（maincol）
	* 6.サイド（right）
	* 7.フッター（footer）
*/



/********************************************************************************************************************************
**	1.基本レイアウト
********************************************************************************************************************************/

html{
	overflow-y:scroll;/*for FF*/
}

body {
	margin:0;
	padding:0;
	font-size:13px; /* 12px (92%)  10px(77%) */
	color:#666666;	
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#FFF;
}



#container {
	margin:0 auto;
	padding:0 0 0 0;
	width:805px;
	font-size:92%;
	line-height:140%;
	color:#666666;
}

#header {
	width:805px;
	position:relative;

}

#headerInner {
	background:url(../img/h_bg.jpg) no-repeat;
	height:77px;

}

#content {
	background:url(../img/content_bottom.jpg) bottom no-repeat;
	padding:0 0 45px 0;
	width:805px;
	margin:0;
}

#contentInner {
	background:url(../img/content_bg.gif) repeat-y;
	padding:5px 18px 5px 17px;
	width:770px;
	margin:0;
	}

#contentInnerBox{
	background:url(../img/contentinnerbox_bg.jpg) repeat-y;
	padding:0 0 12px 0;
	
}

#contentInnerBoxTest{
	padding:0 0 50px 0;	
}

#leftCol{
	float:left;
	width:250px;
	/*background:url(../img/leftcon_bg.jpg) repeat-y;*/
	/*border-bottom:#ADADAD 1px solid;*/

}


#rightCol{
	float:right;
	width:510px;

}


#mainCol {
	width:770px;
	height:287px;
	background:	url(../img/takuhai_bg.jpg);
	font-size:12px;
	position:relative;
}

#mainCol p{
	padding:0 0 0 15px;
}

#mainCol .reqbtn{
	padding:0 0 0 275px;
}

#mainCol .icon{
	padding:20px 0 0 20px;
	}

#mainCol #catchBox{
	left:490px;
	top:25px;
	position:absolute;
}


#footer {
	height:310px;
	background:url(../img/footer_bottom.jpg) bottom no-repeat;
	width:805px;
	
}


#footerInner { 
	width:777px;
	background:url(../img/footer_bg.jpg) repeat-y;
	padding:15px 14px 5px 14px;
	height:235px;

}


/********************************************************************************************************************************
**	2.基本設定
********************************************************************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}


caption,th {
	text-align:left;
}

address,caption,em,strong,th{
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

fieldset,img{
	border:0;
}

input, textarea, select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

img {
	vertical-align:bottom;
}

.clear {
	clear:both;
}

.none{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.under3{margin:0 0 3px 0;}
.under5{margin:0 0 5px 0;}
.under10{margin:0 0 10px 0;}
.under15{margin:0 0 15px 0;}
.under18{margin:0 0 18px 0;}
.under20{margin:0 0 20px 0;}
.under25{margin:0 0 25px 0;}
.under30{margin:0 0 30px 0;}

.left25{margin:0 0 0 25px;}


.text10{
	font-size:10px;
	color:#333;

}

.text14{
		font-size:14px;
}


.textbold{
	color: #333;
	font-weight:bold;}
	
.textbold_g{
	color: #666;
	font-weight:bold;
	font-size:10px
}

.textbold_b{
	color: #666;
	font-weight:bold;
	font-size:14px
}



/* link
----------------------------------------------------------------------------------------------------------------------------- */

a:link {
	color:#0000FF;
	text-decoration:none;
}
a:visited {
	color:#0000FF;
	text-decoration:none;	
}
a:hover {
	color:#FF6699;
	text-decoration:none;	
}


/********************************************************************************************************************************
**	3.ヘッダー
********************************************************************************************************************************/



h1{
	position:absolute;
	left:15px;
	top:15px;
	width:210px;
}

h1 a{
	text-indent:-9999px;
	display:block;
	height:60px;
	background:url(../img/logo.gif) no-repeat;	
}




ul#headerNavi {
	position:absolute;
	left:15px;
	top:99px;
	margin:0;
	padding:0;	
	width:540px;
	height:21px;
	list-style:none;	
}



ul#headerNavi li {

	float:left;
	margin:0;
	padding:0;
	background:url(../img/h_navi.gif) no-repeat;
}

ul#headerNavi li a{
	text-indent:-9999px;
	display:block;
	width:100px;
	height:24px;	

}

ul#headerNavi li#h_index {background-position:0 0;width:140px;}
ul#headerNavi li#h_shop {background-position:-140px 0;}
ul#headerNavi li#h_yougo {background-position:-240px 0;}
ul#headerNavi li#h_link {background-position:-340px 0;}
ul#headerNavi li#h_contact {background-position:-440px 0;margin:0;}


#header #logo{
	left:50px;
	top:30px;
	position:absolute;
}

#header #text{
	left:320px;
	top:30px;
	font-size:10px;
	position:absolute;
}



/********************************************************************************************************************************
**	4.サイド（left）
********************************************************************************************************************************/
#step1box{
	background:url(../img/step1.jpg) top no-repeat;
	padding:45px 13px 0 13px;
	width:224px;
	margin:0;
}

#step2box{
	background:url(../img/step2.jpg) no-repeat;
	padding:75px 13px 12px 13px;
	margin:0;
	width:224px;
}
	
#step_bg{
	background:url(../img/step_bg.jpg) repeat-y;
	padding:5px 8px 5px 8px;
	color:#333;
	font-size:12px;
	margin:0;
	border-bottom:#ADADAD 1px solid;
	width:210px
}
		

/********************************************************************************************************************************
**	5.メイン（main）
********************************************************************************************************************************/
#pankuzu{
	padding:5px 0 0 17px;
	background:url(../img/content_up.jpg) bottom no-repeat;
	height:30px;
}

#satei{
		width:508px;
		border-left:1px #999 solid;
		border-right:1px #999 solid;
}

#satei_inner{
	background:url(../img/form_bg02.jpg) #C5C5C5 repeat-x top;
	padding:20px 22px 12px 23px;
	width:463px;
	
}

#form_bg{
	background:url(../img/form_bg.jpg) repeat-y;
	padding:10px;
	border-bottom:#ADADAD 1px solid;
	border-top:#ADADAD 1px solid;
	
}

		
#form{
		background:url(../img/form.jpg) no-repeat;
		padding:60px 25px 103px 152px;
		width:
}


.tbl tr.none{
	background:none;
}

.tbl tr{
	background:url(../img/dot.gif) top repeat-x;
}

.tbl th{
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	width:160px;
	padding:5px 0 5px 0;
		
}

.tbl td{
	padding:10px;
	font-size:12px;
}



.tel{
	font-size:16px;
	color:#F00;
	font-weight:bold;
	padding:0 0 5px 0;
}
.mail{
	font-size:12px;
	font-weight:bold;

}
.add{
	font-size:12px;
	font-weight:bold;
	padding:0 0 20px 0;
}


#satei1{
		width:768px;
		border-left:1px #999 solid;
		border-right:1px #999 solid;
}

#satei1_inner{
	background:url(../img/form_bg02.jpg) #C5C5C5 repeat-x top;
	padding:15px 24px;
	width:720px;
	
}

#form1_bg{
	background:url(../img/satei1_bg.jpg) repeat-y;
	border-bottom:#ADADAD 1px solid;
	border-top:#ADADAD 1px solid;
	padding:25px 30px 0 30px;
	width:660px;

}

		


.padding td{
	padding:5px 5px 5px 10px;
	font-size:13px;
	
	}

.padding td a{
	padding:5px 5px 5px 0px;
	font-size:13px;
	text-decoration:none;	
	
	
	}

.th-bg{
	background:url(../img/th_bg.gif)  repeat;
	color: #333;
	font-weight:bold;
	}



.th-bg2{
	background:url(../img/th_bg2.gif)  repeat;
	color: #FFF;
	font-weight:bold;
	}　




/*製品名の確認bg----------------------------------------

.bg-name{
	background:url(../img/bg-name.jpg)  repeat;
	padding:10px 0 0 10px;
	width:540px;
	height:30px;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 50px;}

------------------------------------------------------*/

#kin{
	width:660px;
	height:200px;
	}

#kin ul#way{	
	background:url(../img/bg_way.jpg) no-repeat;	
	width:660px;
	height:65px;
	padding:135px 0 0 0px;
	margin:0;
}

#kin ul#way li{
	margin:0 0 0 0;
	padding:0;
	float:left;
	
	
	
		}
		
#kin ul#way li a{
	margin:0 70px 0 80px;
	padding:0;
	width:172px;
	height:32px;
	display:inline;
	float:left;
	
		}	

	
.bnr{
	width:180px;
	height:35px;
	padding:0 10px 0px 0;
	margin:0;
	display:inline;
	}

.sen{
	border-bottom:#666 1px solid;
}

.photo{
	border:solid #CCC 5px;
}



/*rss　--------------------------------------------------*/

#topics{
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	height:115px
	}

dl#rss{
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	list-style:none;
	height:134px
}

dl#rss dt{
	width:10em;
	margin:1px 0 0 10px;
	padding:0 0 0 25px;
	color: #060;
	font-size:10px;
	height:10px;
}

dl#rss dd{
	margin:-1em 0 0 0;
	padding:0 0 1px 110px;
	border-bottom:1px dotted #CCC;
	font-size:10px;
	height:15px;
	letter-spacing:2px;
}







/********************************************************************************************************************************
**	6.サイド（right）
********************************************************************************************************************************/





#rightCol #search {
	margin:0;
	padding:0;
	width:190px;
	background:url(../img/side1_1.gif) no-repeat;	
}

#rightCol #search ul {
	list-style:none;
	margin:0;
	padding:0 0 55px 15px;	
	background:url(../img/side_search_bg.gif) bottom no-repeat;	
}
#rightCol #search li{
	margin:0 0 5px 0;

}
#rightCol #search li a{
	text-decoration:none;
	padding:6px 0 0 28px;
	display:block;
	width:132px;
	height:20px;
	background:url(../img/side_btn1.gif) no-repeat;		
}
#rightCol #search a:hover{
	color:#FFFFFF;
	background:url(../img/side_btn2.gif) no-repeat;
}







/********************************************************************************************************************************
**	7.フッター（footer）
********************************************************************************************************************************/


#shop_info{
	background:url(../img/shop_bg.jpg) no-repeat;
	padding:21px 0 0 36px;
	height:195px;
	position:relative;
}

#shop_info #catchBox{
	left:565px;
	top:110px;
	position:absolute;
}


ul#footerNavi{
	height:34px;
	width:500px;
	padding:0 0 0 0;
	float:left;
}

ul#footerNavi li {
	display:inline;
	background:url(../img/icon3.gif) no-repeat;
	margin:0;

}

ul#footerNavi li a {
	margin:0;
	padding:0 10px 0 10px;
	
}