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

@import"reset.css";

.clear{clear: both;}


/*
-----------------------------------------------
base link color
-----------------------------------------------*/

a:link{
	color:#1d62b3;
	text-decoration:underline;
}

a:visited{
	color:#1d62b3;
	text-decoration:underline;
}

a:hover{
	color:#e24534;
}

a:active{
	color:#e24534;
}



body{
	margin:0;
	padding:0;
	background:#fff9ef;
	background-image:url(../img/bg.gif);
}

#wrap{
	width: 778px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#hdr img {
	vertical-align: bottom;
}

#nav {
	background:url(../img/contentsHeader-bg.gif) repeat-y;
	text-align: left;
	padding-left: 14px;
	height: 60px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	padding-left:2px;
}

#nav li{
	height: 60px;
	width: 125px;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#mainImage{
	background:url(../img/contentsHeader-bg.gif) repeat-y;
	padding-top:4px;
	padding-left:17px;
}

#container{
	padding:30px 0px 0px;
	margin-top:0;
	margin-bottom:20px;
	width:750px;
}

#main{
	float:left;
	width:480px;
	padding:0px 20px 15px;
}


#mailBox{
	margin-top:4em;
	padding-top:10px;
	background:url(../img/mailbox-bg.gif) repeat;
	font-size:1.1em;
}

#mailBox p{
	padding-left:1em;
	padding-bottom:1em;
}


#mailBox li{
	background:url(../img/onayami-list.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	font-size:0.9em;
	margin-bottom:3px;
	margin-left:2em;
}


#sub{
	float:right;
	width:225px;
	position:relative;
	left:7px;
}

div.sMenu{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom:10px;
}

.sMenu ul#mainCate{
	padding-top:7px;
	padding-bottom:10px;


}

.sMenu ul#mainCate li{
	padding:0;
	margin:0;
	margin-left:5px;
	padding-left:21px;
	background:url(../img/maincate-list.gif);
	background-repeat:no-repeat;
	border-bottom:1px dashed #CCCCCC;
	padding-bottom:3px;
	font-size:1.2em;
}

.sMenu ul#mainCate li a{
	text-decoration:none;
	display:block;

}

.sMenu ul#mainCate li a:hover{
	text-decoration:underline;
}

#info{
	margin-top:20px;
	border:1px #CCCCCC solid;
	padding:10px;
	margin-bottom:3em;

}

/*
-----------------------------------------------
footer
-----------------------------------------------*/

#footer{
	clear:both;
	font-size:1em;
	background:url(../img/ftr-bg.gif);
	background-repeat:no-repeat;
	color:#fff;
	width: 780px;
	margin-top:15px;
	margin-right: auto;
	margin-left: auto;
}

#footer a{
	text-decoration:none;
	color:#fff;
}
#footer a:hover{
	text-decoration:underline;
}
#footer ul{
	padding-top:20px;
	padding-bottom:15px;
	height:inherit;
	text-align:center;
}
#footer ul li{
	display:inline;
	margin-right:4px;
	padding-left:10px;
	border-left:1px solid #fff;
	list-style-type:none;
}
#footer ul li.home{
	padding-left:0;
	border-left:0;
}
#footer .copyright{
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:35px;
	text-align:center;
	font-size:1.1em;
}

/*
-----------------------------------------------
base text style
-----------------------------------------------*/

.small{
	font-size:0.9em;
}

#main h2{
	font-size:1.2em;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:0.5em;
	padding-left:15px;
	padding-bottom:2px;
	background:url(../img/h2-mark.gif) no-repeat;


}


.blueSummary{
	background:#f3f7f4;
	border:2px dashed #a0c84b;
	padding:5px;
}

/*
----------------
toNext
-----------------------------*/

.toNext{
	margin-top:0.5em;
	padding:5px;
	float:right;
	font-size:1em;
	border:#d0ebf3 2px solid;
	background:#eaf5f8;
}

.toNext a{
	padding:5px;
	margin-left:5px;
	background:#fff;
}

.toNext a:hover{
	text-decoration:none;
}