@charset "utf-8";

/* ==============================================
 *	Name:    top.css
 *	Purpose: individual CSS
 *	Author:  DRAFTƒhƒ‰ƒtƒg
 *	Version: 25 December 2009
================================================= */








/* ==========================================================================================================
    Search
========================================================================================================== */

#searcharea_wrap{
	width:970px;
	background:#F2F0E8;
	border:solid 5px #E6E2D3;
	float:left;
	display:inline;
	margin:0;
	padding:0px 0px 10px 0px;
	}
	.searcharea_title{
		width:770px;
		height:40px;
		float:left;
		display:inline;
		margin:0;
		padding:0px 0px 0px 200px;
		background:url(../../images/share/searcharea_title.jpg) no-repeat;
		color:#999999;
		line-height:40px;
		}
		.searcharea_category_wrap_400{
			float:left;
			display:inline;
			margin:5px 0px 0px 30px;
			padding:0px 0px 0px 10px;
			width:400px;
			background:url(../../images/share/dot_line_h2.jpg) repeat-y right;
			}
		.searcharea_category_wrap_200{
			float:left;
			display:inline;
			margin:5px 0px 0px 30px;
			padding:0px 0px 0px 10px;
			width:200px;
			background:url(../../images/share/dot_line_h2.jpg) repeat-y right;
			}
			.searcharea_image{
				float:left;
				display:inline;
				margin:0;
				clear:both;
				}
			.searcharea_btnarea{
				float:left;
				display:inline;
				margin:0;
				padding:0;
				width:400px;
				}
				.searcharea_btn1,
				.searcharea_btn2,
				.searcharea_btn3,
				.searcharea_btn4,
				.searcharea_btn5,
				.searcharea_btn6,
				.searcharea_btn7,
				.searcharea_btn8,
				.searcharea_btn9{
					float:left;
					display:inline;
					margin:2px;
					padding:0;
					width:120px;
					height:30px;
					}
					.searcharea_btn1 a,
					.searcharea_btn2 a,
					.searcharea_btn3 a,
					.searcharea_btn4 a,
					.searcharea_btn5 a,
					.searcharea_btn6 a,
					.searcharea_btn7 a,
					.searcharea_btn8 a,
					.searcharea_btn9 a{
						width:100%;
						height:100%;
						display:block;
						}
					.searcharea_btn1{
						background:url(../../images/share/search_btn1.jpg) no-repeat;
						}
					.searcharea_btn2{
						background:url(../../images/share/search_btn2.jpg) no-repeat;
						}
					.searcharea_btn3{
						background:url(../../images/share/search_btn3.jpg) no-repeat;
						}
					.searcharea_btn4{
						background:url(../../images/share/search_btn4.jpg) no-repeat;
						}
					.searcharea_btn5{
						background:url(../../images/share/search_btn5.jpg) no-repeat;
						}
					.searcharea_btn6{
						background:url(../../images/share/search_btn6.jpg) no-repeat;
						}
					.searcharea_btn7{
						background:url(../../images/share/search_btn7.jpg) no-repeat;
						}
					.searcharea_btn8{
						background:url(../../images/share/search_btn8.jpg) no-repeat;
						}
					.searcharea_btn9{
						background:url(../../images/share/search_btn9.jpg) no-repeat;
						}
						.searcharea_btn1 a:hover{
							background:url(../../images/share/search_btn1_on.jpg) no-repeat;
							}
						.searcharea_btn2 a:hover{
							background:url(../../images/share/search_btn2_on.jpg) no-repeat;
							}
						.searcharea_btn3 a:hover{
							background:url(../../images/share/search_btn3_on.jpg) no-repeat;
							}
						.searcharea_btn4 a:hover{
							background:url(../../images/share/search_btn4_on.jpg) no-repeat;
							}
						.searcharea_btn5 a:hover{
							background:url(../../images/share/search_btn5_on.jpg) no-repeat;
							}
						.searcharea_btn6 a:hover{
							background:url(../../images/share/search_btn6_on.jpg) no-repeat;
							}
						.searcharea_btn7 a:hover{
							background:url(../../images/share/search_btn7_on.jpg) no-repeat;
							}
						.searcharea_btn8 a:hover{
							background:url(../../images/share/search_btn8_on.jpg) no-repeat;
							}
						.searcharea_btn9 a:hover{
							background:url(../../images/share/search_btn9_on.jpg) no-repeat;
							}
			ul.searcharea_allowarea{
				float:left;
				display:inline;
				margin:0;
				padding:0;
				width:220px;
				}
				ul.searcharea_allowarea li{
					float:left;
					display:inline;
					clear:both;
					margin:0;
					padding:0px 0px 0px 20px;
					width:200px;
					background:url(../../images/share/searcharea_allow.jpg) no-repeat;
					}
					ul.searcharea_allowarea li a:link,
					ul.searcharea_allowarea li a:visited{
						line-height:20px;
						color:#999999;
						}
						ul.searcharea_allowarea li a:hover{
							color:#CCCCCC;
							}
			.searcharea_goto{
				float:left;
				display:inline;
				margin:50px 0px 0px 20px;
				width:220px;
				height:100px;
				background:url(../../images/share/searcharea_gotobtn.jpg) no-repeat;
				}
				.searcharea_goto a{
					width:100%;
					height:100%;
					display:block;
					}
				.searcharea_goto a:hover{
					background:url(../../images/share/searcharea_gotobtn_on.jpg) no-repeat;
					}





/* ==========================================================================================================
     Top page 360
========================================================================================================== */


	.wrap360_l{
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:360px;
		}

	.wrap360_r{
		float:right;
		display:inline;
		margin:0px 0px 0px 0px;
		padding:0;
		width:360px;
		}
		.contents360wrap_line{
			float:left;
			display:inline;
			margin:0px 10px;
			padding:5px 0px ;
			width:340px;
			background:url(../../images/share/dot_line_h.jpg) repeat-x bottom;
			}
				.contents360wrap_line span{
					width:320px;
					float:left;
					display:inline;
					margin:0px 0px;
					padding:0px 0px 0px 15px;
					line-height:20px;
					background:url(../../images/share/allow2.jpg) no-repeat;
					}
				
				a.text_title360_line{
					float:left;
					display:inline;
					margin:0;
					padding:0;
					width:340px;
					font-size:14px;
					line-height:20px;
					font-weight:bold;
					}
		
			
		
		.contents360wrap_outer{
			float:left;
			display:inline;
			margin:5px 0px;
			width:350px;
			padding:5px 5px 6px 5px;
			background:url(../../images/share/grid.jpg) repeat;
			}
			.contents360wrap{
				float:left;
				display:inline;
				margin:0;
				padding:0;
				width:349px;
				background:white;
				}
				.contents360wrap img{
					width:80px;
					height:60px;
					float:right;
					display:inline;
					margin:10px;
					border:1px solid #CCC;
					}
				.contents360wrap span{
					width:230px;
					float:left;
					display:inline;
					margin:5px 5px 5px 10px;
					line-height:20px;
					}
				
				a.text_title360{
					float:left;
					display:inline;
					margin:5px 5px 5px 10px;
					width:230px;
					font-size:14px;
					line-height:20px;
					font-weight:bold;
					}
		
		
/* ==========================================================================================================
     Top page 730
========================================================================================================== */


	.wrap730{
		float:left;
		display:inline;
		margin:0;
		padding:0;
		width:730px;
		}