@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background: url(images/bg.gif) repeat-y 50% 0%;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", Meiryo, Osaka, "MS Pゴシック";
	;
	font-size: 90%;

}
#body{
	background: #D8F6FF url(images/bottom.jpg) no-repeat 50% 100%;
	width:840px;
	margin:0 auto;
	text-align:left;
	padding: 0 0 150px 0;
}
#body p{
	line-height:175%;
	margin: 5px 0 20px 0;
}
#header{
	position:relative;
}
#header h1{
	margin:0;
	padding:0;
	background: url(images/header.jpg) repeat-y 50% 0%;
	height: 200px;
	text-indent: -9999px;
}
#header h2{
	margin:0;
	padding:0;
	background: url(images/header.jpg) no-repeat 50% -200px;
	height: 161px;
	text-indent: -9999px;
}
#header h3{
	margin:0;
	padding:0;
	background: url(images/subhead.gif) no-repeat 50% 0%;
	height: 90px;
	text-indent: -9999px;
}

#header a.buy{
	position:absolute;
	display:block;
	width:253px;
	height:43px;
	top: 273px;
	left: 112px;
	text-indent: -9999px;
	background: url(images/bt_buy.gif) no-repeat 0px 0px;
}
#header a.buy:hover{
	background: url(images/bt_buy.gif) no-repeat 0px -43px;
}

#header a.mail{
	position:absolute;
	display:block;
	width:120px;
	height:30px;
	top: 1px;
	left: 700px;
	text-indent: -9999px;
	background: url(images/bt_mail.gif) no-repeat 0px 0px;
}
#header a.mail:hover{
	background: url(images/bt_mail.gif) no-repeat 0px -30px;
}



#body table.border{
	border: 1px solid #DDDDDD;
	margin: 20px auto;
	width: 800px;
	border-color: #72AEB4;
}

#body div.white{
	background: url(images/bg_round.gif) no-repeat 50% 100%;
	padding: 0 0 40px 0;
}

#body div.white h2{
	margin:0;
	padding:0;
	height: 90px;
}
#body div.white h2.kouka1{
	background: url(images/kouka_1.gif) no-repeat 50% 0%;
	text-indent: -9999px;
}
#body div.white h2.kouka2{
	background: url(images/kouka_2.gif) no-repeat 50% 0%;
	text-indent: -9999px;
}
#body div.white h2.kouka3{
	background: url(images/kouka_3.gif) no-repeat 50% 0%;
	text-indent: -9999px;
}




#body div.white div.body{
	margin:0 40px 0 95px;
}
#body div.white div.body td p{
	margin:0 0 0 15px;
}
#body div.white div.body td p.nobi{
	background: url(images/nobi.jpg) no-repeat 100% 100%;
	padding:0 65px 0 0;
	margin: 0 0 0 15px;
}





#body div.common{
	margin:0 20px 10px;
	background-color: #FFFD9D;
	color: #483100;
}
#body div.common h2.comm{
	margin:0;
	padding:0;
	background: url(images/h2_comm.gif) no-repeat 50% 0%;
	height: 40px;
	text-indent: -9999px;
}
#body div.common h2.column{
	margin:0;
	padding:0;
	background: url(images/h2_column.gif) no-repeat 50% 0%;
	height: 50px;
	text-indent: -9999px;
}
#body div.common h2.g1{
	margin:0;
	padding:0;
	background: url(images/h2_g1.gif) no-repeat 50% 0%;
	height: 40px;
	text-indent: -9999px;
}
#body div.common h3{
	margin: 0 0 20px 0;
}

#body div.common div.body{
	margin:0 20px;
	padding: 0 0 20px 0;
}
#body div.common div.left{
	width:380px;
	float:left;
}
#body div.common div.right{
	width:380px;
	float:right;
}

#body div.common div.left p{
	margin:10px 20px;
}
#body div.common div.right p{
	margin:10px 20px;
}





#body div.blue{
	background: url(images/bg_blueround.gif) no-repeat 50% 100%;
	padding: 0 0 30px 0;
}

#body div.blue h2{
	margin:0;
	padding:0;
	height: 65px;
}
#body div.blue h2.kotoba{
	background: url(images/h2_kotoba.gif) no-repeat 50% 0%;
	text-indent: -9999px;
}
#body div.blue h2.outotu{
	background: url(images/h2_outotu.gif) no-repeat 50% 0%;
	text-indent: -9999px;
}
#body div.blue h3{
	margin:0;
	padding:4px;
	background-color: #309EC9;
	color: #FFFFFF;
	font-size: 150%;
}
#body div.blue h4{
	margin:0;
	color: #3366CC;
}


#body div.blue div.body{
	margin:0 40px;
}


#body div.blue div.left{
	width:370px;
	float:left;
}
#body div.blue div.right{
	width:370px;
	float:right;
}


#body a.buy{
	display:block;
	width:253px;
	height:43px;
	text-indent: -9999px;
	background: url(images/bt_buy.gif) no-repeat 0px 0px;
}
#body a.buy:hover{
	background: url(images/bt_buy.gif) no-repeat 0px -43px;
}





img.right{
	float:right;
	margin:0 0 20px 20px;
}
img.left{
	float:left;
	margin:0 40px 20px 0;
}



hr{
	visibility:hidden;
	clear:both;
	margin:0;
	padding:0;
}

.color{
	color: #3366CC;
}
.red{
	color: #FF3F00;
}
.blue{
	color: #017DDD;
}