@charset "utf-8";
/* ------------------------ サイトの基本構造 ------------------------ */
html{
	height:100%;
}

body{
	height:100%;
	margin:0;
	padding:0;
	font-size:80%;
	/*font-family:sans-serif;*/
	color:#444;
	background:#e7f0ff;
}
html*body{font-family:sans-serif;}

body a{color:#444;}

#wrapper{
	width:791px;
	height:100%;
	margin:0 auto;
	border-right:1px solid #ccc;
	background:url(../shared/line_wrapper.gif) repeat-y #fff;
}
		
	#header{
		width:790px;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		background:#fff;
	}

	#main{
		width:100%;
		background:url(../shared/bg_sidemenu.gif) repeat-y #fff;
		border-right:1px solid #ccc;
	}
		
		#sidemenu{
			float:left;
			width:251px;
		}
		
		#content{
			float:right;
			width:500px;
			padding:0 19px 0 0;
		}
		
#footer{
	width:760px;
	background:url(../shared/bg_footer.gif);
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:8px 15px 18px;
	color:#fff;
	line-height:150%;
}

/* ------------------------ サイトの固有属性 ------------------------ */

h1,h2,h3,h4,h5{
	line-height:100%;
	font-weight:normal;
	font-size:1em;
	margin:0;
	padding:0;
}

rt	{font-size:1em;}

ul,ol,dl,li,dl,dt,dd{padding:0;margin:0;}

img,area,table{border:0;}

form{
	margin:0;
	padding:0;
	display:inline;
}

a{color:#444;}
a:hover{
	color:#c00;
	text-decoration:underline;
}

/* 区切りの処理 */

.boundarybrake{	
	background:url(../common/line_brake_gray.gif);
	height:1px;
	overflow:hidden;
}

.boundarybrake hr{display:none}

.boundarybrake3{
	background:url(../common/line_brake_gray3.gif);
	height:1px;
	overflow:hidden;
}

.boundarybrake3 hr{display:none}

.boundarybrake4{
	background:url(../common/line_brake_gray4.gif);
	height:1px;
	overflow:hidden;
}

.boundarybrake4 hr{display:none}

.boundary{
	background:#ccc;
	height:1px;
	overflow:hidden;
}

.boundary hr{display:none}


/* ------------------------ ヘッダー ------------------------ */

	#maintitle{
		float:left;
		width:190px;
		height:41px;
		margin:6px 0 6px 18px;
		background:url(../shared/ttl_main.gif);
	}
	
	#maintitle a{
		display:block;
		width:190px;
		height:41px;
		text-indent:-9999px;
		text-decoration:none;
	}
	/* \*/#maintitle a{overflow:hidden;}/* */

		#linkcart{
			float:right;
			width:140px;
			height:28px;
			margin:12px 20px 0 0;
			background:url(../shared/btn_cart.gif);
		}

			#linkcart a{
				display:block;
				width:140px;
				height:28px;
				text-indent:-9999px;
				text-decoration:none;
			}
			/* \*/#linkcart a{overflow:hidden;}/* */

			#linkcart a:hover{background:url(../shared/btn_cart_r.gif);}

			#menu{
				clear:both;
				height:40px;
				background:url(../shared/bg_menu.gif);
				padding:0 0 0 6px;
			}
			
				#menu li{
					float:left;
					list-style:none;
					height:40px;
					margin:0 12px 0 0;
				}
				#menu #menucontact{float:right;}

					#menu li a{
						display:block;
						height:40px;
						text-indent:-9999px;
						text-decoration:none;
					}
					/* \*/#menu li a{overflow:hidden;}/* */
			
						#menu1 a{background:url(../shared/menu1.gif);width:164px;}	
						#menu2 a{background:url(../shared/menu2.gif);width:156px;}	
						#menu3 a{background:url(../shared/menu3.gif);width:92px;}	
						#menu3B a{background:url(../shared/menu3-2.gif);width:92px;}	
						#menu #menu0 a{background:url(../shared/menu0.gif);width:73px;margin:0 0 0 115px;}	
						#menu #menucontact a{
							background:url(../shared/menu_contact.gif);
							width:109px;
							margin:0 10px 0 0;
						}	
			
						#menu1 a:hover{background:url(../shared/menu1r.gif);width:164px;}	
						#menu2 a:hover{background:url(../shared/menu2r.gif);width:156px;}	
						#menu3 a:hover{background:url(../shared/menu3r.gif);width:92px;}	
						#menu3B a:hover{background:url(../shared/menu3-2r.gif);width:92px;}	
						#menu #menu0 a:hover{background:url(../shared/menu0r.gif);width:73px;}
						#menu #menucontact a:hover{background:url(../shared/menu_contact_r.gif);width:109px;}

	#loginstatus{
		float:left;
		margin:19px 30px 0 30px;
		width:407px;
		text-align:center;
	}

			
	
/* ------------------------ メイン ------------------------ */

	/* サイドメニュー */

		#sidemenu dt{
			height:14px;
			margin:15px 0 7px 15px;
			text-indent:-9999px;
		}

			#sidemenu1{background:url(../shared/sidemenu1.gif) no-repeat;}
			#sidemenu2{background:url(../shared/sidemenu2.gif) no-repeat;}
			#sidemenu3{background:url(../shared/sidemenu3.gif) no-repeat;}
				
			#sidemenu dd{
				display:block;
				width:220px;
				margin:0 0 0 16px;
				padding:0 0 2px;				
			}
			*+html #sidemenu dd{padding:7px 0 2px;}
			*html #sidemenu dd{padding:7px 0 2px;}

				#sidemenu #sidemenuarea1{
					border:1px solid #fff;
					background:#eeeeee;
					padding:10px 0 3px;
					margin:0 0 14px 16px;
				}
	
					#sidemenu #sidemenuarea1 .searchitemname{
						float:left;
						width:57px;
						height:19px;
						text-indent:-9999px;
						margin:0 5px 5px 10px;
					}
					#sidemenu #sidemenuarea1 input{margin:0 0 5px;width:136px;}
					#sidemenu #sidemenuarea1 select{margin:0 0 6px;width:142px;}
					
					*html #sidemenu #sidemenuarea1 .searchitemname{margin:0 5px 5px 4px;}


					#sidemenu #sidemenuarea1 #searchitemname1{ clear:left;background:url(../shared/lbl_search1.gif) no-repeat 100% 50%;}
					#sidemenu #sidemenuarea1 #searchitemname2{ clear:left;background:url(../shared/lbl_search2.gif) no-repeat 100% 50%;}
					#sidemenu #sidemenuarea1 #searchitemname3{ clear:left;background:url(../shared/lbl_search3.gif) no-repeat 100% 50%;}
					#sidemenu #sidemenuarea1 #searchitemname4{ clear:left;background:url(../shared/lbl_search4.gif) no-repeat 100% 50%;}
					
				.searchlink{
					background:url(../common/arrow_circle1_red.gif) no-repeat 0 0;
					padding:0 0 0 18px;
					margin:0 0 5px 75px;
				}
				
					.searchlink a{
						text-decoration:none;
						color:#c00;
					}
					

				#sidemenu #sidemenuarea2{
					border-top:1px solid #999;
					border-bottom:1px solid #999;
					margin:0 0 14px 16px;
					padding:2px 0 1px;
				}
				/* IE */
				*+html #sidemenu #sidemenuarea2{padding:9px 0 2px;}
				*html #sidemenu #sidemenuarea2{padding:9px 0 2px;}
					#sidemenu dd li{
						margin:5px 0;
						line-height:120%;
						list-style:none;
						font-size:95%;
					}
					/* IE */
					*+html #sidemenu #sidemenu dd li{font-size:90%;}
					*html #sidemenu #sidemenu dd li{font-size:90%;}
/* safari \*/
html:\66irst-child #sidemenu #sidemenu dd li{
	font-size:120%;color:#c00;
}
/* end */

body:first-of-type #sidemenu #sidemenu dd li{
	font-size:120%;color:#c00;
}

				#sidemenu #sidemenuarea3{
					border-top:1px solid #999;
					border-bottom:1px solid #999;
					margin:0 0 14px 16px;
					padding:7px 0 5px;
				}
				/* IE */
				*+html #sidemenu #sidemenuarea3{padding:9px 0 2px;}
				*html #sidemenu #sidemenuarea3{padding:9px 0 2px;}
	
					#sidemenu #sidemenuarea3 a{
						display:block;
						height:16px;
						padding:0 0 0 21px;
						margin:0 0 4px;
						background:url(../common/arrow_circle1_gray2.gif) no-repeat 3px 2px;
						text-decoration:none;
					}
					/* IE */
					*+html #sidemenu #sidemenuarea3 a{
						margin:0 0 5px;
						background:url(../common/arrow_circle1_gray2.gif) no-repeat 3px 0;
					}
					*html #sidemenu #sidemenuarea3 a{
						margin:0 0 5px;
						background:url(../common/arrow_circle1_gray2.gif) no-repeat 3px 0;
					}

			#sidemenu img{
				margin:0 0 12px 16px;
			}

			#aboutus{
				width:206px;
				border-left:4px #669fcc solid;
				padding:0 0 0 8px;
				margin:0 0 20px 16px;
				font-size:90%;
				line-height:140%;
			}

				#aboutus strong{
					display:block;
					font-size:105%;
					font-weight:normal;
				}

				#aboutus .telno{
					display:block;
					font-size:105%;
				}

	/* コンテンツ */
	
	#content p{
		line-height:140%;
	}


	/* コンテンツタイトル */

	#content h2{
		height:27px;
		margin:22px 0 16px;
	}

	#content .messagearea1{
		border:1px solid #ccc;
		width:420px;
		margin:30px auto 0;
		text-align:center;
		padding:40px 20px;
		line-height:150%;
	}

	/* テーブルスタイル */
	
	.tablestyle1 table{
		width:480px;
		border:1px solid #ccc;
		margin:0 0 0 10px;
	}

		.tablestyle1 th{
			background:#669fcc;
			color:#fff;
			padding:5px;
			text-align:left;
			font-weight:normal;
			vertical-align:top;
		}
		.tablestyle1 .mode2 th{background:#a46bb0;}

		.tablestyle1 td{
			background:#eee;
			padding:5px;
		}
		
			.tablestyle1 td a{
				color:#00f;
			}
	
	.tablestyle2 table{
		width:480px;
		margin:0 0 0 10px;
		border-collapse:collapse;
	}

		.tablestyle2 th{
			padding:6px 8px 0 0;
			text-align:left;
			font-weight:normal;
			vertical-align:top;
			text-align:right;
			background:#ddd;
			border:0;
		}
		#check .tablestyle2 th{padding:8px 8px 8px 0;}
		#userresult .tablestyle2 th{padding:8px 8px 8px 0;}
		#editcheck .tablestyle2 th{padding:8px 8px 8px 0;}
		#editafter .tablestyle2 th{padding:8px 8px 8px 0;}

		.tablestyle2 td{padding:3px 0 3px 8px;}
		#check .tablestyle2 td{padding:8px 0 8px 8px;}
		

	#content h3{
		height:15px;
		margin:0 0 6px 7px;
		text-indent:-9999px;
	}

	.counttext{
		float:left;
		width:auto;
		margin:1px 0 0 10px;
	}	


		.tdstyle1{width:17%;}
		.tdstyle2{width:40%;}
		.tdstyle3{width:26%;}
		
		.tdstyle4{width:26%;}
		.tdstyle5{width:74%;}
		
		.tdstyle6{width:30%;}
		.tdstyle7{width:70%;}

		.tdstyle8{width:32%;}

		.tdstyle9{width:27%;}

		.textareastyle1{
			width:340px;
			height:50px;
		}

		.textareastyle2{
			width:340px;
			height:100px;
		}

		.textareastyle3{
			width:330px;
			height:100px;
		}

		.textareastyle4{
			width:315px;
			height:100px;
		}
		
		.inputstyle1{width:340px;}
		.inputstyle2{width:315px;}
		.inputstyle4{width:233px;}
		.inputstyle5{width:60px;}

			
	/* 画像リスト表示（縦並び） */
	
		#itemlist{clear:both;}
		*+html #itemlist{clear:none;}
		*html #itemlist{clear:none;}
			
		#itemlist li{
			list-style:none;
			border:1px solid #ccc;
			width:480px;
			margin:0 0 10px 10px;
		}

			.itemphoto{
				float:left;
				border-right:1px solid #ccc;
			}

			.itemnote{
				float:left;
				line-height:150%;
				padding:5px 10px;
				width:255px;
			}

			.itemdownload{
				float:right;
				width:100px;
				height:100px;
				background:url(../user/images/btn_download.gif);
			}

				.itemdownload a{
					display:block;
					width:100px;
					height:100px;
					text-indent:-9999px;
					text-decoration:none;
				}
				/* \*/.itemdownload a{overflow:hidden;}/* */

			.itemdelete{
				float:right;
				width:100px;
				height:100px;
				background:url(../application/images/btn_delete.gif);
			}

				.itemdelete a{
					display:block;
					width:100px;
					height:100px;
					text-indent:-9999px;
					text-decoration:none;
				}
				/* \*/.itemdelete a{overflow:hidden;}/* */

		.submitstyle1{
			margin:15px 0 30px 100px;
			width:300px;
		}

		.submitstyle2{
			margin:10px 0 10px 100px;
			width:300px;
		}
		
			.liststyle1 li{
				clear:both;	
				list-style:none;
				margin:0 0 7px 0;
			}
			
				.liststyle1 li .blue4{
					float:left;
					width:125px;
					color:#00499a;
					margin:0 0 0 20px;
				}
				
					.liststyle1 li .floatleft{
						width:335px;
					}

		.submitstyle3{
			margin:20px 0 15px 100px;
			width:300px;
		}


			
	/* 画像リスト表示（横4） */
	
			#itemlist2{
				margin:0 0 0 20px;
			}
				
				#itemlist2 li{
					display:block;
					float:left;
					width:100px;
					margin:0 17px 0 0;
					list-style:none;
				}
					
					#itemlist2 li img{
						border:1px solid #ccc;
						margin:0 0 3px;
					}

					
					#itemlist2 li p{
						margin:3px 0 0;
						height:50px;
						font-size:80%;
					}
					
		.pagemove{
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			width:480px;
			padding:2px 0 2px;
			margin:0 auto 15px;
		}
		*+html .pagemove{padding:4px 0 0;}
		*html .pagemove{padding:4px 0 0;}

			.pagemove a{
				display:block;
				width:100px;
				height:15px;
				text-decoration:none;
				font-size:80%;
			}
			*+html .agemove a{height:13px;}
			*html .agemove a{height:13px;}

			.previouspage{
				float:left;
				padding:1px 0 0 20px;
				background:url(../common/arrow_submenu3-2.gif) no-repeat 0 2px;
			}
			*+html .previouspage{background:url(../common/arrow_submenu3-2.gif) no-repeat 0 1px;}
			*html .previouspage{background:url(../common/arrow_submenu3-2.gif) no-repeat 0 1px;}

			.nextpage{
				float:right;
				padding:1px 20px 0 0;
				text-align:right;
				background:url(../common/arrow_submenu3.gif) no-repeat 100% 2px;
			}
			*+html .nextpage{background:url(../common/arrow_submenu3.gif) no-repeat 100% 1px;}
			*html .nextpage{background:url(../common/arrow_submenu3.gif) no-repeat 100% 1px;}
			
			.itemnum{
				float:left;
				width:220px;
				text-align:center;
			}
			


/* ------------------------ フッター ------------------------ */

		#lnkprefkumamoto{
			float:right;
			background:url(../shared/lnk_prefkumamoto.gif);
			width:152px;
			height:13px;
			text-indent:-9999px;
		}