@charset "utf-8"; 

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

/*  Reset

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

html {
	overflow-y	: scroll;
	height		: 100%;
}

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

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
	color: #000;
}

table {
	border-collapse	 : collapse;
	border-spacing	 : 0;
}



body/**/table {
	font-size	: 100%;
	line-height	: 1.5;
	color: #FFF;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}



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

/*  Basic Style

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

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: 'Hiragino Kaku Gothic Pro','MS PGothic',sans-serif;
	background	: #FFF;
	font-size	: 85%;
	line-height	: 1.5;
	text-align	: center;
	color		: #333;
}

html>/**/body {
	font-size : 14px;
}

div#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body > #wrap { height : auto;}


/* Link
--------------------------------------------------------------------------- */

a:link	{
	text-decoration	: underline;
	color			: #15488f;
}

a:visited	{
	text-decoration	: underline;
	color			: #15488f;
}

a:hover	{
	text-decoration	: none;
	color			: #15488f;
}



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

/* Hedaer

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

#headerTop{
	background-color	: #d9418d;
	overflow			: hidden;
	height				: 22px;
	padding				: 0px;
	margin				: 0px;
}

#headerTopInner{
	width	: 970px;
	margin	: 0 auto;
	height	: 22px;
}	
	
	#headerTopInner ul{
		background		: url(../img/header/headerBorder_001.gif) no-repeat top right;
		padding-right	: 10px;
		overflow		: hidden;
		float			: right;
	}
		
		#headerTopInner ul li{
			float			: left;
			background		: url(../img/header/headerBorder_001.gif) no-repeat top left;
			padding-left	: 8px;
			margin-left		: 8px;
		}
		
#headerBlock{
	width		: 970px;
	margin		: 0 auto;
	overflow	: hidden;
}

	#logo{
		float	: left;
		margin	: 13px 0 0 0;
	}
	
	#fontColor,
	#fontSize{
		overflow	: hidden;
		float		: right;
		margin-top	: 10px;
	}
	
	#fontSize{
		_width			: 144px; /*IE6*/
		*width			: 144px; /*IE7*/
		padding-right	: 0px;
	}
		
	#fontColor{
		margin-right	: 15px;
		_width			: 165px; /*IE6*/
		*width			: 165px; /*IE7*/
	}

	#fontColor dl,
	#fontSize dl{
		overflow	: hidden;
		height		: 25px;
	}

	#fontColor dl dt,
	#fontSize dl dt{
		margin	: 5px 5px 0 0;
		float	: left;
	}
	
		#fontColor dl dd,
		#fontSize dl dd{
			float			: left;
			margin-right	: 3px;
		}
		
		#fontSize dl dd a{
			height		: 25px;
			width		: 25px;
			cursor		: pointer;
			text-indent	: -9999px;
			display		: block;
			cursor:pointer;
		}
		
		#fontSize dl dd:hover{
			background-position	: center bottom;
		}

		#fontSize dl .small{
			background	: url(../img/header/fontSize_002.gif) no-repeat center top;
		}
		
		#fontSize dl .medium{
			background	: url(../img/header/fontSize_003.gif) no-repeat center bottom;
		}
		
		#fontSize dl .large{
			background	: url(../img/header/fontSize_004.gif) no-repeat center top;
		}

	#search{
		float		: right;
		overflow	: hidden;
		*width		: 525px; /*IE7*/
	}

		#search .search01,
		#search .search02{
			float		: left;
			margin-left	: 20px;
			height		: 26px;
			margin-top	: 10px;
			display		: inline;
		}

		#search .search01{
			_width	: 315px;/*IE6*/
			*width	: 315px;/*IE7*/
		}
		
			#search .search01 p{
				float	: left;
				margin	: 3px 5px 0 0;
			}

		#search .search02{
			width	: 170px;
		}
		
			#search .search01 form	{
				float	: left;
			}
			
				#search .search01 .searchBtn,
				#search .search02 .searchBtn{
					float		: right;
					margin-left	: 5px;
				}
			
				#search .search01 .searchBtn {
					margin-top			: -2px;
					/*\*/padding-top	: 2px; /* */ /*chrome*/
					/*\*/margin-top		: 0px; /* */ /*chrome*/
 				}
				
				#search .search02 .searchArea{
					height	: 14px;
					_height	: 20px; /*IE6*/
					width	: 120px;
				}
					
				.tipped {
					color	: #BBB;
				}
				
				
/* ------------------------------------------------------------------------ */

/* mainImg

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

#mainImg{
	clear		: both;
	margin-top	: 5px;
}

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

/* Contents

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

#mainBlock {
	width		: 970px;
	margin		: 15px auto 0;
	overflow	: hidden;
}

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

/* Footer

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

#footerBlock{
	border-top	: #d9418d 2px solid;
	overflow	: hidden;
	clear		: both;
	margin-top	: 30px;
}

	#footerBlockInner{
		width	: 970px;
		margin	: 0 auto;
	}
	
	#footerBlockInner .footerLink{
		margin-top	: 5px;
	}
	
		#footerBlockInner .footerLink li{
			float			: left;
			background		: url(../img/footer/footerBorder_001.gif) no-repeat center right;
			margin-right	: 10px;
			padding-right	: 10px;
		}
	
		#footerBlockInner .footerLink .last{
			background	: none;
		}
	
	.footerTxt{
		text-align		: left;
		float			: left;
		margin			: 10px 30px 15px 0;
		clear			: both;
		overflow		: hidden;
	}
	
	.footerBtn{
		float	: left;
		margin	: 40px 0 0 0;
	}
	
	#footerBlockInner .pageTop{
		float		: right;
		margin-top	: -5px;
	}

#footerBottom {
	background	: #d9418d;
}

	#footerBottomInner{
		width		: 970px;
		margin		: 0 auto;
		text-align	: left;
		color		: #FFF;
		padding		: 5px;
	}