@charset "iso-8859-1";

/* CSS Document */

*{ margin:0; padding:0}

br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}

body {
	font-size: 12px;
	line-height: 150%;
	color: #333;
	letter-spacing:1px;
	margin:0 auto;
}

li {
    list-style-type: none;
}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #990C08;
	text-decoration: underline;
}

/* font
----------------------------------------*/
.bold {
	font-weight: bold;
}

.red12 {
	color:#FF0000;
}

/* header
----------------------------------------*/
#head {
	width:780px ;
	margin:0 auto;
}

h1 {
	text-align:left;
	display: none;
}

div#headnavi {
	width:780px;
	height:25px ;
	padding-right:10px;
	background:#FFF url("../images/common/headernavi_bg.jpg") no-repeat center;
	margin:0 auto;
}

div#headnavi ul {
	text-align:right;
	padding-top:3px;
	letter-spacing: normal;
}

div#headnavi ul li {
	display:inline;
	background-image:  url("../images/common/head_arrow.gif");
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: 3px;
	margin-right:10px;
}

/* main image
----------------------------------------*/
div#mainimg {
	width:760px;
	border-bottom: solid 2px #650705;
	margin:0 auto;
}


/* navi
----------------------------------------*/
div#navi {
	width:760px;
	height:30px;
	margin:0 auto 15px auto;
	border-top:solid 1px #999;
	border-bottom:solid 3px #CCC;
	background-image:  url("../images/common/navi_bg.gif");
	background-repeat: repeat-x;
	color:#FFF;
	letter-spacing: 1px;
}

a:link.topnavi {
	color: #FFF;
	text-decoration: none;
}
a:visited.topnavi {
	color: #FFF;
	text-decoration: none;
}
a:hover.topnavi {
	color: #FF9900;
	text-decoration: underline;
}

div#navi ul {
	padding-top:5px;
	text-align:center;
}

li.home {
	display:inline;
	padding:0 10px;
}

li.other {
	display:inline;
	height:20px;
	border-left:solid 1px #330000;
	padding:0 10px;
}

/* mainarea frame
----------------------------------------*/
div#container {
	margin:0 auto;
	width:780px;
	background:#FFF url("../images/common/bg.gif") repeat-y;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#contentsarea {
	width:760px;
	margin:0 auto;
}

div#leftcolumn {
    float: left;
    width: 179px;
}

div#rightcolumn {
    float: right;
    width: 550px;
	border-left:solid 1px #CCC;
	text-align:center;
	padding:5px 15px 0 15px;
}

/* lelftmenu
----------------------------------------*/

div#leftcolumn ul {
	letter-spacing: normal;
}

li.l1 {
	background-image:  url("../images/common/menu_bg.gif");
	background-repeat: no-repeat;
	margin:0;
	padding:12px 0 5px 15px;
}

li.l2 {
	background-image:  url("../images/common/menu_bg_h.gif");
	background-repeat: no-repeat;
	margin:0;
	padding:7px 0 8px 15px;
	line-height:130%;
}

div#leftcolumn ul.banner {
	width: 165px;
	margin: 15px auto 0 auto;
	border: none;
	line-height: 0;
}

div#leftcolumn ul.banner li {
	line-height: 0;
	margin-bottom: 4px;
}

/* contents area
----------------------------------------*/
div#subtit {
	width:530px;
	height:25px;
	background-image:  url("../images/common/subtit_bg.jpg");
	background-repeat: repeat-x;
	text-align:left;
	margin:20px auto 15px auto;
}

div#subtit h4 {
	font-size:16px;
	font-weight:bold;
	color:#990C08;
	padding:3px 0 0 10px;
}

/* pagetop
----------------------------------------*/
div#pagetop {
	width:570px;
	float:right;
	padding:30px 10px 15px 0;
	border-left:solid 1px #CCC;
	text-align:right;
}

#pagetop:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


.pagetop2 {
	text-align:right;
}

/* footer
----------------------------------------*/
div#footer {
	width:780px;
	height:35px;
	background-image:  url("../images/common/footer_bg.jpg");
	margin:0 auto;
	background-repeat: no-repeat;
}

#copyright {
	font-size:11px;
	line-height:110%;
	padding:7px 0 0 15px;
}