/* CSS Document */

body {
	margin:0px auto;
	padding:0px;
	font-size:12px;
	font-family:Verdana,Sans-Serif;
	text-align:center;
        background: #FFFFFF;
	/* background: #FFFFFF url(/image/bg.gif) repeat; */ 
	}
	
img {
	border:0px;
    }

img#title {margin:0px 0px 10px 0px}

a	{color:#4AA0E0;text-decoration: underline}
a:hover	{color:#FF9999; text-decoration:none}
a:active {color:#4AA0E0;text-decoration:none}

h1  {
        margin: 0px;
        padding: 0px;
        font-size: 12px;
        color: #AAAAAA;
        text-align: left;
        font-weight:normal;
        }

h2  {
        margin: 1px;
        padding: 1px;
        font-size: 12px;
        color: #999999;
        text-align: left;
        font-weight:normal;
        }

h3  {
        margin: 1px;
        padding: 1px;
        font-size: 11px;
        color: #999999;
        text-align: left;
        font-weight:normal;
        }

div#top_main {
	margin:0px auto;
	padding:20px 5px 20px 5px;
	width:900px;
	text-align:left;
        background-color: #FFFFFF;
        border-left:2px solid #D5D5D5;
        border-right:2px solid #D5D5D5;
	}

div#head {
	margin:0px;
	padding:0px;
	width:900px;
	height:100px;	
}

#title_img {
        color: #666;
        width: 500px;
        float: left;
}

#banner {
	margin:10px;
	padding:3px;
        color: #666;
        float: left;
}

div#content {
	margin:0px;
	padding:0px;
	}

ul.top {
	margin:5px 5px 5px 5px;
	padding:3px;
	font-size:13px;
        list-style:none outside;
}

ul.top li{
        white-space:nowrap;/*IE回避用*/
        display:block;
	float:left;
	margin:0px;
	padding:0 1px;
	list-style:none;
}

ul.top li a{
	background:url(/image/left.gif) no-repeat left top;
	height:26px;
	display:block;
	float:left;
	padding-left:20px;
	text-decoration:none;
	color:#666666;
}

ul.top li a:hover{
	background:url(/image/left2.gif) no-repeat left top;
	height:26px;
	display:block;
	float:left;
	padding-left:20px;
	text-decoration:none;
	color:#F7F7F7;
}

ul.top li a span{

	background:url(/image/right.gif) no-repeat right top;
	display:block;
	padding:7px 20px 0 0;
	display:block;
	height:26px;
	float:left;
}

ul.top li a:hover span{
	background:url(/image/right2.gif) no-repeat right top;
	display:block;
	padding:7px 20px 0 0;
	display:block;
	height:26px;
	float:left;
}

div#category  {
	font-size:12px;
	color:#666;
	margin:0px;
	padding:5px 5px 20px 5px;
	clear:both
	}

div#category h2  {
        margin: 1px;
        padding: 1px;
        font-size: 15px;
        color: #FF6666;
        text-align: left;
        font-weight:bold;
	border-left:solid 5px #E1E0CC;
        }

.popo {
	margin: 5px 5px 5px 5px;
	padding: 6px;
	float: left;
	width: 272px;
	height: 200px;
	background:#f6f6f6; 
	border: 1px solid #ccc; 
        overflow:hidden;
}

.popo h3  {
        margin: 1px;
        padding: 1px;
        font-size: 15px;
        color: #FF6666;
        text-align: left;
        font-weight:bold;
        }

.popo p{
        line-height: 1.5em;
}

.i1{
        float: left;
        margin:15px 5px 0px 1px;
        padding:3px;
}

.i2{
	text-align:center;
}

.i3{
	text-align:right;
}

.i4 {
        margin:2px 5px 5px 5px;
        padding:10px;
        text-align: center;
}
	
div#foot  {
	font-size:11px;
	color:#666;
	margin:0px;
	padding:5px 5px 20px 5px;
	border-top:solid 5px #AAAAAA;
	text-align:center;
	clear:both
	}

div#foot a {color:#666;text-decoration: none;}
div#foot a:hover{color:#FF9999; text-decoration:none}
div#foot a:active{color:#666;text-decoration:none}