﻿@charset "utf-8";
/* CSS Document */

/* Format */

a,h1,h2,h3,h4,h5,h6,p,img,hr,body,ul,ol,li,dl,dt,dd,blockquote,table,td,form {
	border:0;
	padding:0;
	margin:0;
	font-size:100%;
}

div{
	overflow:hidden;
}

*:first-child+html img,
* html img{
	font-size:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td {
	vertical-align:top;
}

ul{
	list-style:none;
}


/* body */

body {
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.25em;
	background:#fff;
	color:#575757;
	
}

a {	
	color:#b20b0b;
	text-decoration:underline;
}

a:hover{
	color:#d00d0d;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	line-height:1.25em;
}

.clear{
	clear:both;
}

/*header*/
#header{
	width:900px;
	height:75px;
	background:url(../img/headerBg.gif) no-repeat;
	margin:0 auto;
}

#header h1{
	width:230px;
	height:75px;
	float:left;

	text-indent:-9999px;
	overflow:hidden;
	padding-right:298px;
}

#header h1 a{
	display:block;
	width:230px;
	height:75px;
	background:url(../img/logo.gif) no-repeat;
}

#header table{
	display:block;
	width:365px;
	height:75px;	
	float:none;

}

#header td{
	padding-bottom:2px;
	padding-left:7px;
}

/*ヘッダーナビ*/

#navi{
	clear:both;
	width:900px;
	height:33px;
	margin:0 auto;
	overflow:visible ;
	position: relative;
	z-index:10;

}

#navi a {
	display:block;
	height:33px;
	text-decoration:none;
}

#navi .navi1{
	width:106px;
	background:url(../img/navi1.gif) no-repeat;
}

#navi .navi2{
	width:132px;
	background:url(../img/navi2.gif) no-repeat;
}

#navi .navi2-1 { width:132px; background:url(../img/navi2-1.gif) no-repeat;}

#navi .navi2-2{	width:132px; background:url(../img/navi2-2.gif) no-repeat;}

#navi .navi2-3{	width:132px; background:url(../img/navi2-3.gif) no-repeat;}

#navi .navi3{
	width:213px;
	background:url(../img/navi3.gif) no-repeat;
}

#navi .navi3-1{	width:213px; background:url(../img/navi3-1.gif) no-repeat;}

#navi .navi3-2{	width:213px; background:url(../img/navi3-2.gif) no-repeat;}

#navi .navi3-3{	width:213px; background:url(../img/navi3-3.gif) no-repeat;}

#navi .navi3-4{	width:213px; background:url(../img/navi3-4.gif) no-repeat;}

#navi .navi3-5{	width:213px; background:url(../img/navi3-5.gif) no-repeat;}

#navi .navi3-6{	width:213px; background:url(../img/navi3-6.gif) no-repeat;}

#navi .navi3-7{	width:213px; background:url(../img/navi3-7.gif) no-repeat;}

#navi .navi3-8{	width:213px; background:url(../img/navi3-8.gif) no-repeat;}

#navi .navi4{
	width:202px;
	background:url(../img/navi4.gif) no-repeat;
}

#navi .navi4-1{	width:202px; background:url(../img/navi4-1.gif) no-repeat;}

#navi .navi4-2{	width:202px; background:url(../img/navi4-2.gif) no-repeat;}

#navi .navi4-3{	width:202px; background:url(../img/navi4-3.gif) no-repeat;}

#navi .navi4-4{	width:202px; background:url(../img/navi4-4.gif) no-repeat;}

#navi .navi4-5{	width:202px; background:url(../img/navi4-5.gif) no-repeat;}

#navi .navi4-6{	width:202px; background:url(../img/navi4-6.gif) no-repeat;}

#navi .navi4-7{	width:202px; background:url(../img/navi4-7.gif) no-repeat;}

#navi .navi4-8{	width:202px; background:url(../img/navi4-8.gif) no-repeat;}

#navi .navi5{
	width:126px;
	background:url(../img/navi5.gif) no-repeat;
}

#navi .navi6{
	width:121px;
	background:url(../img/navi6.gif) no-repeat;
}

#navi .navi6-1{	width:121px; background:url(../img/navi6-1.gif) no-repeat;}

#navi .navi6-2{	width:121px; background:url(../img/navi6-2.gif) no-repeat;}

#navi .navi6-3{	width:121px; background:url(../img/navi6-3.gif) no-repeat;}

#navi .navi6-4{	width:121px; background:url(../img/navi6-4.gif) no-repeat;}





/*ヘッダーナビのプルダウン*/


ul#pulldown-menu a {
        color: #fff;
        text-decoration: none;
}


ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
        background: none;
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
        background: none;
}


ul#pulldown-menu li {
        float: left;
        position: relative;
        font-weight: bold;
		line-height: 2px;
		list-style: none;
		text-indent:-9999px;

		
}
ul#pulldown-menu li a {
        display: block;
        height: 33px;
        text-align: center;
}


/* 下層のメニューを不可視に */
ul#pulldown-menu li ul {
        display: none;
		position: absolute;

}


/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
		z-index:100;
}

ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
		height:30px;
		opacity:1;
}




/*mainImage*/
#mainImage{
	clear:both;
	width:900px;
	height:auto;
	margin:0 auto;
}

/*contents*/
#contents{
	clear:both;
	width:900px;
	height:auto;
	margin:0 auto;
	padding:15px 0 0 0;
	background:url(../img/contentsBg.gif) no-repeat;
}

/*main*/
#main{
	width:590px;
	float:left;
	padding-right:30px;
	padding-left:15px;
}

* html #main{
	width:590px;
	float:left;
	padding-right:26px;
	padding-left:15px;
}

/*sideBar*/
#sideBar{
	width:235px;
	padding:0 15px;
	float:none;
}

#sideBar p{
	margin-bottom:5px;
}

#searchForm{
	width:235px;
	height:38px;
	margin-top:6px;
	background:url(../img/lineDotted2.gif) repeat-x bottom;
}

#search{
	width:153px;
	height:22px;
	border:1px solid #949494;
	padding:0 5px;
	margin:0 5px 0 0;
	float:left;
	line-height:22px;
}

* html #search{
	width:153px;
	height:22px;
	border:1px solid #949494;
	padding:0 5px;
	margin:0 2px 0 0;
	float:left;
	line-height:22px;
}

.searchButton{
	width:65px;
	height:24px;
	float:none;
}

dl#profile{
	width:235px;
	height:92px;
	background:url(../img/lineDotted2.gif) repeat-x bottom;
	padding-bottom:3px;
	margin-top:13px;
	margin-bottom:13px;
}

dl#profile dt{
	float:left;
	padding-right:8px;
}

* html dl#profile dt{
	float:left;
	padding-right:4px;
}

dl#profile dd{
	float:none;
}

/*footer*/
#footer{
	clear:both;
	width:900px;
	margin:20px auto 0 auto;
	padding-bottom:20px;
	font-size:10px;
}

#footer a{
	text-decoration:none;
}

#footer ul li{
	display:inline;
}

#footer hr{
	margin:10px 0 5px 0;
	width:900px;
	height:2px;
	padding:0;
	border-top:2px solid #5d0b0b;
	background:#fff;
}

*:first-child+html #footer hr{
	margin:2px 0 0 0;
	width:900px;
	height:2px;
	padding:0;
	border-top:2px solid #5d0b0b;
	background:#fff;
}

* html #footer hr{
	margin:2px 0 0 0;
	width:900px;
	height:2px;
	padding:0;
	border-top:2px solid #5d0b0b;
	background:#fff;
}

#footer p{
	text-align:right;
}

.migi{
	text-align:right;
}


/*サイドメニュー*/
#sideContents .sideBox {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
}

#sideContents .sideBox-title {
	padding-top: 5px;
	padding-left: 8px;
	height: 22px;
	background: url(../img/sidebox-title-bg.jpg) repeat-y 0px 0px;

	color: #ffffff;
	font-size: 108%;
	font-weight: bold;
}

#sideContents .sideBox-middle {
	padding-left: 5px;
	padding-right: 5px;
	/* リストの最初だけ border を消す */
	_zoom: 1;
	overflow: hidden;
}



#sideContents .listBox ul {
}

#sideContents .listBox li {
	background: url('../img/side-list.png') no-repeat 0px 11px;
	padding-left: 10px;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;

	/* リストの最初だけ border を消す */
	margin-top: -1px;
	border-top: 1px dotted #666;
}

#sideContents .listBox li a{padding-left:5px;}


#sideContents .sideBox-bottom {
	height: 22px;
	background: url(../img/side-bottom.jpg) no-repeat 0px 0px;
}


