@charset "Shift_JIS";

*{
	margin:0;
	padding:0;
	font-weight:normal;
	}
a {
	color : #0000CC;
	text-decoration : underline;
	overflow:hidden;
	}
	a:hover {
		color : #CC0000;
		text-decoration : underline;
		}


.f_clear{
		position:relative;
		overflow:hidden;
		}

.red{
	color:#cc0000;
	}

.bold{
	font-weight:bold;
	}


img{
	border:none;
	}
	
body{
	background:url(../images/bg3.gif) repeat-x top;
	}	
	
#wrapper{
	margin:10px 10px 10px 25px;
	padding:0;	
	}


/*font*/
.c_gray{
	color:#666666;
	}







/*ヘッダ*/
#header h2{
	width:200ox;
	height:69px;
	line-height:0%;
	}
	#header h2 img{
		vertical-align:bottom;
		}

/*メニュー部分*/		
.headermenu{
	width:100%;
	clear:both;
	position:relative;
	padding-top:22px;
	}
	#sitelist{
		display:block;
		width:auto;	
		position:absolute;
		top:0;
		right:0;
		padding:3px 10px 0 20px;
		background: #333366 url(../images/c_menu.gif) no-repeat 0 0;	
		}
		#sitelist li{
			display:inline;
			padding-right:10px;
			}
			#sitelist li a{
				color:#FFFFFF;
				text-decoration:none;
				}	
			#sitelist li a:hover{
				text-decoration:underline;
				}		
	#pagelist{
		padding:5px 0 3px;
		text-align:center;
		background:url(../images/listbg.gif) repeat-x #EFEFEF;
		}
		#pagelist li{
			display:inline;
			padding:0 14px;
			background:url(../images/pur_listline.gif) right no-repeat;
			}
			li#end{
				background:none;
				}
			#pagelist li a{
				text-decoration:none;
				color:#333366;
				}
				#pagelist li a:hover{
					text-decoration:underline;
					}


p#pankuzu{
	clear:both;
	padding:5px 2px 0px;
	background:url(../images/bg_pankuzu.gif) top repeat-x;
	}

/*検索画面*/	
.search_area{
	width:100%;
	position:relative;
	padding:5px 0 15px;
	}
	.search_area iuput{
		vertical-align:middle;
		}
		.search_area button{
			background:none;
			border:none;
			width:50px;
			height:20px;
			cursor:pointer;
			margin-left:5px;
			}
		.search_area img{
			vertical-align:middle;
			}
		
	.googlesearch{
		display:block;
		width:auto;
		float:left;
		}	
		.googlesearch input{
			margin-left:7px;
			}
		.text_input{
			width:170px;
			}
	.search_area ul{
		display:block;
		width:auto;
		float:left;
		padding-top:2px;
		padding-left:2px;
		}	
		.search_area li{
			display:inline;
			background: url(../images/shoppinglist.gif) no-repeat 10px center;
			padding-left:25px;
			}
	.search_area dl{
		width:auto;
		position:absolute;
		height:20px;
		top:5px;
		right: 0px;
		}		
		.search_area dt,.search_area dd{
			display:inline;
			}
			.search_area dt{
				padding-right:10px;
				vertical-align:bottom;
				}
			.search_area dd img{
				vertical-align:top;
				}



/*コンテンツ*/


/*ナビゲーション*/
#navigation{
	float:right;
	width:170px;
	}
#navigation h3{
	font-weight:bold;
	width:156px;
	color:#FFFFFF;
	padding:0 7px;
	}
#navigation h3 a{
	font-weight:bold;
	color:#FFFFFF;
	}
#navigation h3 a:hover{
	color:#cc0000;
	}
#worklist ul{
	width:158px;
	border-top:solid 2px #efefef;
	border-bottom:solid 1px #efefef;
	border-left:solid 1px #efefef;
	border-right:solid 1px #efefef;
	list-style:none;	
	padding:10px 5px;
	}
#worklist h3{
	background-color:#666699;
	}

#worklist li.listtype1{
	background:url(../images/worklist.gif) 0 0.5em no-repeat;
	padding:0 0 0 10px; 
	}
#worklist li.listtype2{
	padding:0 0 0 20px;
	}
#worklist li.listtype3{
	background:url(../images/shoppinglist.gif) 0 0.5em no-repeat !important;
	background:url(../images/shoppinglist.gif) 0 0.3em no-repeat;
	padding:0 0 0 15px; 
	}
#shopping h3{
	background-color:#333366;
	}
#shopping ul{
	width:160px;
	background-color:#efefef;
	list-style:none;
	padding:10px 5px;
	}
#shopping li{
	background: url(../images/shoppinglist.gif) 0 0.5em no-repeat;
	padding:0 0 0 15px;
	}
	
	
	
#recommend h3{
	background-color:#666699;
	}
#recommend dl{
	width:170px;
	background-color:#efefef;
	list-style:none;
	padding:10px 0 0;	
	}
	#recommend dl img{
		vertical-align:bottom;
		border:0;
		}
	#recommend dt{
		text-align:center;
		}	
	#recommend dd{
		background: url(../images/arrow_03.gif) 5px 0.3em no-repeat;
		padding:0 10px 10px 20px;
		line-height:1.2;
		}
		#recommend dd a{
			font-weight:bold;
			}

	
p#if{
	background:url(../images/logo_new.gif) left no-repeat;
	width:170px;
	height:50px;
	text-indent:-9999px;
	margin:10px 0 0 0;
	}
p#if a{
	display:block;
	text-decoration:none;
	height:50px;
	}
	
	
/*フッター*/
#footer{
	margin:0 180px 0 0; 
	}
#footer #pagetop{
	margin:10px 0 10px 0 !important;
	margin:10px 0 -8px 0;
	text-indent:-999px;
	height:11px;
	background:url(../images/pagetop.gif) top right no-repeat;
	}
#footer #pagetop a{
	display:block;
	text-decoration:none;
	height:11px;
	}

#footer #copy{
	clear:right;
	}