@charset "shift_jis";

/* -------------------------------------
	body
------------------------------------- */


body {
	margin: 5px 0 0 0;
	background-image: url(../../images/back.gif);
}

img {
	border: 0 ;
	vertical-align: text-bottom;
}

h5 {
	text-align: center;
	font-size: 100%;
	padding: 3px 0 0 0;
	margin: 0;
}

.top h3 {
	vertical-align: middle;
	text-align: center;
}



.title {
	height: 25px;
	vertical-align: middle;
}

ul#categoly {
	width: 670px;
	list-style-type: none;
	margin: 20px auto 20px auto;
	padding: 0;
}

ul#categoly li {
	float: left;
	margin: 10px 10px 10px 10px;
	border-bottom: 1px #c0c0c0;
}

ul#categoly2 {
	width: 600px;
	list-style-image:url(../../images/icon.gif);
	vertical-align: middle;
	margin: 20px auto 20px auto;
	padding: 0;

}

ul#categoly2 li {
	height: 30px;
	vertical-align: middle;
	margin: 0 10px 10px 10px;
	border-bottom:solid 3px #CC9933;
}



* html .pate {
	/* for ie6 */
	width: 1px;
	height: 1px;
}




/* IE以外 パテ埋め */

.pate {
	width: 1px;
	height: 1px;
}

* html .pate{
	/* for ie6 */
	width: 0px;
	height: 0px;
}



.box_top {
	width: 736px;
	height: 25px;
	vertical-align: middle;
	background-image: url(../../images/content_back2.gif);
	margin: 0 auto 0 auto;
}

.box_mid {
	width: 736px;
	height: auto;
	padding: 0 0 1px 0;
	margin: 0 auto 0 auto;
	background-image: url(../../images/main_back.gif);
}

.box_main {
	width: 686px;
	height: auto;
	padding: 10px 0 0 0;
	margin: 0 auto 25px auto;
	background-color: #FFFFFF;
}


#container {
	width: 772px;
	height: auto;
	/*border: solid 1px;*/
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
	padding : 20px 0 0 0;
	position : relative;

	font-size:0.75em;
	line-height:1.5em;
	color:#555555;
	letter-spacing:1px
}


#header {
	width: 774px;
	height: 67px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#footer {
	width: 774px;
	height: 47px;
	margin: 0 auto 0 auto;
	padding: 0;
}


.title {
	width: 630px;
	height: 35px;
	margin: 0 auto 5px auto ;
	background-image: url(../../images/title_bg.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
}


.title h1 {
	padding: 0 0 0 30px ;
	font-size: 14px;
	line-height:1.5em;
	color:#0d2758;
	margin-top:0.5em;
	letter-spacing:1px
}


html>/**/body .title h1 {
	padding: 6px 0 0 30px ;
}

.content {
	width: 600px;
	margin: 0 auto 0 auto;
	padding: 0;
}


.indent {
	width: 630px;
	margin: 5px auto 5px auto ;
	padding: 0 0 0 30px ;
}

.indent2 {
	width: 580px;
	padding: 0 0 0 30px ;
}