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

body {
	font-size:small;
}

h1, h2 {
	font-size:medium;
	margin: 1em;
}

h3 {
	font-size:small;
	margin:0 1em;
	font-weight:normal;
}

ul {
	padding: 0;
}

p, ul {
	margin: 0;
}

a img {
	border:none;
}

.red {
	color : #FF0000;
}

.bold-red {
	font-weight : bold;
	color : #FF0000;
}

img.sttl {
	margin-left : 0px;
	margin-top : 10px;
	margin-bottom : 5px;
}

div#frame-header {
	background : url(../images/common/frame_header.gif);
	background-repeat : no-repeat;
	margin: 0 auto;
	height: 25px;
	width: 760px;
}

div#frame-middle {
	background:url(../images/common/frame_middle.gif);
	margin: 0 auto;
	width: 760px;
}

div#frame-footer {
	background : url(../images/common/frame_footer.gif);
	background-repeat : no-repeat;
	margin : 0 auto;
	height : 12px;
	width : 760px;
}

div#container {
	margin: 0 auto;
	width: 700px;
}

div#menu {
	float : left;
	width : 240px;
}

div#main {
	float:right;
	width : 460px;
}

#maincontent {
	width : 460px;
}

div#footer {
	clear : both;
	width : 700px;
	font-size : smaller;
}

div#footer-ad {
	clear : both;
	text-align : center;
	margin-top : 5px;
}

div#footer-copyright {
	text-align : center;
	margin-top : 5px;
}

div#all-menu {
	background : url(../images/common/pic_menu_back.gif);
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
	height : 750px;
}

div#all-menu-list {
	padding-top : 60px;
}

div#all-menu ul {
	list-style:none;
}

div#all-menu li {
	margin-left : 40px;
	padding : 2px 0px ;
}

div#all-menu a {
	color : #000000;
	text-decoration : none;
}

div#all-menu a:hover{
	color : #FF9000;
}

img.menu-sttl-pic {
	margin : 5px 0px 0px 28px;
}

div#all-menu-other-boshu {
	margin : 30px 0px 15px 30px;
}

a.boshu{
	display : block ;
	width : 180px ;
	height : 40px ;
	text-indent : -200px;
	overflow : hidden;
	background-image : url(../images/common/bnr_boshu.gif);
}

a:hover.boshu{
	background-position : 0px -40px;
}

div#all-menu-other-blog {
	margin : 0px 0px 10px 30px;
}

a.blog{
	display : block ;
	width : 180px ;
	height : 40px ;
	text-indent : -200px;
	overflow : hidden;
	background-image : url(../images/common/bnr_blog.gif);
}

a:hover.blog{
	background-position : 0px -40px;
}

div#all-menu-other-toiawase {
	margin : 0px 0px 10px 30px;
}

a.toiawase{
	display : block ;
	width : 180px ;
	height : 40px ;
	text-indent : -200px;
	overflow : hidden;
	background-image : url(../images/common/bnr_toiawase.gif);
}

a:hover.toiawase{
	background-position : 0px -40px;
}

div#validation {
	margin : 5px 0px 0px 30px;
}

div#header {
	margin: 0;
	padding : 0;
}

div#glo-menu ul {
	margin : 0;
	padding : 0;
	list-style:none;
	text-align : center;
}

div#glo-menu li {
	display : inline;
}

div#glo-menu a {
	float : left;
	background : url(../images/common/btn_menu.gif) no-repeat;
	font-weight : bold;
	color : #FFFFFF;
	text-decoration : none;
	width : 92px;
	height : 40px;
	line-height : 40px;
}

div#glo-menu a span {
	display : block;
	background : url(../images/common/btn_menu.gif) no-repeat;
	color:#FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#glo-menu a span {float:none;}
/* End IE5-Mac hack */

div#glo-menu a:hover span {
	color: #FFFFFF;
}

div#glo-menu a:hover {
	background-position:0% -40px;
}

div#glo-menu a:hover span {
	background-position:100% -40px;
	color : #FF811C;
}

div#glo-menu #active a {
	background-position:0% -40px;
}

div#glo-menu #active a span {
	background-position:100% -40px;
	color : #FF811C;
}

div#toiawase {
	clear : both;
	margin : 20px 30px;
}

div#toiawase a {
	float : left;
	background : url(../images/common/pic_toiawase.jpg) no-repeat;
	font-weight : bold;
	font-size : medium;
	color : #000000;
	text-decoration : none;
	width : 400px;
	height : 40px;
	line-height : 40px;
	text-align : center;
}

div#toiawase a span {
	display : block;
	background : url(../images/common/pic_toiawase.jpg) no-repeat;
	color:#000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#toiawase a span {float:none;}
/* End IE5-Mac hack */

div#toiawase a:hover span {
	color: #FF0000;
}

div#toiawase a:hover {
	background-position:0% -40px;
}

div#toiawase a:hover span {
	background-position:100% -40px;
	color : #FF0000;
}