/* CSS Document */
* {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
		font-size: 12px;
	    text-decoration: none;
		line-height:18px;
		z-index:auto;
		list-style:none;
		color: #777;
		vertical-align: middle;
}

html, body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	height: 100%; 
}

a {
	color: #273398;
	text-decoration: underline;
}
a:link {
	
}
a:visited {
}
a:hover  {
}
a:active  {
}


.input_text {
	border: 1px solid #7F9DB9;
	font-size: 12px;
	padding: 1px;
	margin: 0 3px;
}

.input_search {
	vertical-align: middle;
}


div#header {
	width: 920px;
	margin: 20px auto 0 auto;
	text-align: right;
	position: relative;
}

div#header h1 {
	position: absolute;
	top: 10px;
	left: 0;
}

div#header p {
	margin: 0 0 0 auto;
	font-size: 90%;
}

div#header p img {
	vertical-align: middle;
}

div#header ul#navi {
	margin: 0 0 0 auto;
	width: 511px;
	height: 35px;
	background: url(../images/navi_bg.jpg) ;
	margin-top: 20px;
}

div#header ul#navi li {
	float: left;
	display: inline;
}

div#header ul#navi li img {
	vertical-align:bottom;
}

div#wrapper div#contents {
	width: 920px;
	margin: 30px auto 0 auto;
}

	div#contents div#main {
		width: 640px ;
		float: left;
		margin: 0 auto 0 0;
		overflow: hidden;
		position: relative;
	}
	
	div#contents div#main h3 {
		margin: 10px 0;
	}
	
		 div#main div.contents-top {
			width: 640px;
			background: url(../images/main_bg-top.jpg) no-repeat top ;
			text-align: left;
		}
		
		 div#main div.contents-top h4 {
			padding: 7px 0;
		}
		
		 div#main div.contents-bottom {
			width: 640px;
			background: url(../images/main_bg-bottom.gif) no-repeat bottom ;
			overflow: hidden;
			margin-bottom: 25px;
		}
		
			div.contents-bottom div.contents-center {
				background: url(../images/main_bg-center.gif) ;
				margin-bottom: 5px;
				padding-bottom: 10px;
				overflow: hidden;
			}
	
	div#contents div#side {
		width: 260px;
		float: right;
		margin: 10px 0 0 auto;
	}
	
		 div#side dl.side_contents-top {
			width: 260px;
			background: url(../images/side_bg-basic-top.jpg) no-repeat top ;
			text-align: left;
			overflow: hidden;
			margin-bottom: 15px;
		}
		
		 div#side dl.side_contents-top dt {
		 	height: 40px;
		}
		
		 div#side dl.side_contents-top dt img {
			padding: 10px;
		 }
		 
		dl.side_contents-top dd.side_contents-center {
			width: 260px;
			background: url(../images/side_bg-basic-center.gif) ;
			overflow: hidden;
			text-align: right;
		}
		
		dl.side_contents-top div.side_contents-bottom {
		 	clear: left;
			width: 260px;
			text-align: left;
			background: url(../images/side_bg-basic-bottom.gif) no-repeat bottom ;
			padding-bottom: 10px;
			overflow: hidden;
		}
		
		dd.side_contents-center ul#login_form {
			width : 160px;
			padding: 10px 0;
			float: left;
			overflow: hidden;
		}
		
		dd.side_contents-center p#login_form {
			width : 140px;
			padding: 10px 0;
			float: left;
			overflow: hidden;
		}
		
		dd.side_contents-center input#member_id,
		dd.side_contents-center input#member_pass {
			width: 100px;
			vertical-align: middle;
			overflow: hidden;
		}
		dd.side_contents-center input#member_pass {
			margin-top: 10px;
		}
		
		dd.side_login-bottom p {
			text-align: center;
			padding-top: 5px;
			font-size: 90%;
		}
		dd.side_contents-center input#login_submit {
			margin: 10px 20px 0px 0px;
			overflow: hidden;
		}
		dd.side_contents-center input#logout_submit {
			padding-right: 30px;
			overflow: hidden;
		}
		dl.side_contents-top dd.side_login-bottom {
		 	clear: left;
			width: 260px;
			height: 30px;
			background: url(../images/side_bg-member-bottom.gif) no-repeat bottom ;
			overflow: hidden;
		}
		dd.side_contents-bottom input#login_check {
			vertical-align: text-bottom;
		}
		
		dl#side_cm {
			width: 260px;
			height: 250px;
			background: url(../images/side_bg-cm.jpg) no-repeat ;
			overflow: hidden;
			margin-bottom: 15px;
		}
		
		 dl#side_cm dt {
			padding: 10px 10px 4px 10px;
			text-align: left;
		}
		
		div.side_contents-bottom div#side_member {
			margin: 5px 20px 10px 18px;
		}
		div#side_member ul#side_member-link {
			margin-top: 10px;
		}
		
		ul#side_member-link li#side_member-link-bottom {
			border-top: 1px dotted #999999 ;
			margin-top: 10px;
			padding-top: 10px;
		}
		
		div.side_contents-bottom ul#side_link {
			width: 230px;
			margin: 0px auto;
			padding: 5px 0 10px 0;
			overflow: hidden;
		}
		div.side_contents-bottom ul#side_link li {
			width: 115px;
			float: left;
		}
		
		div.side_contents-bottom ul#side_link a,
		div.side_contents-bottom ul#side_member-link a {
			background: url(../images/side_a.gif) no-repeat left center ;
			padding-left: 15px;
		}
		
		div.side_contents-bottom ul#side_link a {		
			font-size: 90%;
		}
		
		div#side_mobile {
			padding: 0px 20px 5px 20px;
		}
		div#side_mobile p {
			width: 140px;
			padding-top: 5px;
			float: left;
			overflow: hidden;
		}
		div#side_mobile img {
			width: 70px;
			float: right;
			overflow: hidden;
		}
		
		div#side ul#side_pr li {
			margin-bottom: 10px;
			overflow: hidden;
		}

div#fotter {
	margin-top: 50px;
	height: 140px;
	background: url(../images/fotter_bg.jpg) repeat-x ;
}

div#fotter div#fotter_inner {
	width: 920px;
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
}

div#fotter_inner img#page_back {
	position: absolute;
	width: 149px;
	top: -26px;
	right: 20px;
}

div#fotter_inner address p img#fotter_yeg {
	padding: 10px 0;
}


div#wrapper {
	width: 100%;
	background: url(../images/pagetitle-bg.jpg) repeat-x top ;
	overflow: hidden;
}

div#wrapper h2 {
	padding-top: 18px;
	
}


input[type="text"],
input[type="password"],
textarea,
select {
	border: 1px solid #7F9DB9;
	font-size: 12px;
	padding: 1px;
	margin: 0 3px;
}