@charset "utf-8";

/*
 *	COMMON STYLE SHEET
 *						FOR ALL CONTENTS
 *		(BASIC STYLE, HEADER, FOOTER)
 */

*{margin: 0; padding: 0;}
img{border: 0;}

h1,h2,h3,h4{font-size: 120%;}

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

ul{list-style: none;}

a{color: #333;}
a:hover{color: #F0F;}

.strong	{font-weight: bold;}
.center	{text-align: center;}
.right	{text-align: right;}
.left 	{text-align: left;}

.clear	{clear: both;}

p.valid{
	text-align: right;
	margin-top: 20px;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-self,Verdana,Arial,Helvetica;
	font-size: 12px;
	color: #666;
	line-height: 140%;
}


/***** HEADER AREA STYLE *****/
div#header{
	width: 100%;
	height: 190px;
	background: url(../images/common/header_bg.png) repeat-x;
}

div#header-container{
	position: relative;
	width: 800px;
	height: 190px;
	margin: 0 auto;
}

div#header div#header-container #mark a{
	position: absolute;
	top: 7px;
	left: 20px;
	width: 134px;
	height: 134px;
	background: url(../images/common/logomark.png) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}

div#header div#header-container #mark a:hover{background: url(../images/common/logomark.png) no-repeat right;}

div#header div#header-container #logo a{
	position: absolute;
	top: 43px;
	left: 168px;
	width: 283px;
	height: 53px;
	background: url(../images/common/logo.png) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}

div#header div#header-container #logo a:hover{background: url(../images/common/logo.png) no-repeat right;}

div#header div#header-container p#badge{
	position: absolute;
	top: -5px;
	right: 152px;
	width: 122px;
	height: 74px;
	background: url(../images/common/badge.gif) no-repeat;
	text-indent: -1000em;
}

div#header div#header-container div#toForm a{
	position: absolute;
	top: 80px;
	right:0;
	width: 182px;
	height: 58px;
	background: url(../images/common/formBtn.png) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}

div#header div#header-container div#toForm a:hover{background: url(../images/common/formBtn.png) no-repeat right;}



/***** CONTENTS  *****/

div#contents{
	width: 800px;
	margin: auto;
}

/*----- LINE(HR) STYLE -----*/
div#contents div#main div#hr{
	clear: both;
	width: 296px;
	height: 34px;
	margin: 20px auto 10px;;
	background: url(../images/common/hr.gif) no-repeat;
}
div#contents div#main div#hr hr{display: none;}

div#contents .form a{
	display: block;
	width: 130px;
	height: 36px;
	margin: 20px 0 10px 600px;
	background: url(../images/common/bt_form.gif) no-repeat left;
	text-indent: -1000em;
	overflow: hidden;
}
div#contents .form a:hover{background: url(../images/common/bt_form.gif) no-repeat right;}



/***** FOOTER AREA STYLE *****/
div#footer{
	width: 100%;
	background: #000;
	padding-top: 1px;
}

div#footer div#footer-container{
	position: relative;
	width: 800px;
	margin: 0 auto;
}

div#footer div#footer-container div#pageTop a{
	position: absolute;
	top: 2px;
	right: 5px;
	width: 90px;
	height: 18px;
	background: url(../images/common/totop.gif) no-repeat left top;
	text-indent: -1000em;
	overflow: hidden;
}
div#footer div#footer-container div#pageTop a:hover{background: url(../images/common/totop.gif) no-repeat right top;}


/*----- FOOTER MENU -----*/
div#footer div#footer-container ul li{display: inline;}
div#footer div#footer-container ul li a{
	color: #DDD;
	text-decoration: none;
	padding-left: 5px;
	border-left: 1px solid #DDD;
}
div#footer div#footer-container ul li.fmLeft a{padding-left: 0; border: 0;}
div#footer div#footer-container ul li a:hover{color: #F0F;}


div#footer div#footer-container ul#footerMenu1{text-align: center; font-size: 13px; margin: 10px auto 3px;}
div#footer div#footer-container ul#footerMenu2{text-align: center; font-size: 12px;}



div#footer div#footer-container address{
	width: 301px;
	height: 13px;
	margin: 20px auto 0px;
	background: url(../images/common/copyright.gif) no-repeat;
	text-indent: -1000em;
}

div#footer div#footer-container p#powered{
	text-align: center;
	font-size: 10px;
	color: #999;
	font-weight: bold;
}
div#footer div#footer-container p#powered a{color: #999; text-decoration: none;}
div#footer div#footer-container p#powered a:hover{color: #F0F;}