/*************************************************
	‹¤’Ê
*************************************************/
body {
	font-family: Verdana,Meiryo,"ƒqƒ‰ƒMƒmŠÛƒS Pro W4","Hiragino Maru Gothic Pro","‚l‚r PƒSƒVƒbƒN",Osaka,sans-serif;
	background: #EFEEEF;
}
h1 {
	padding: 5px 0;
	color: #FFF;
	text-align: center;
	background: #FF3300;
}
h2 {
	font-size: 20px;
	margin: 0 0 20px 0;
}
form {
	margin: 30px 0;
}
form p.caption {
	margin: 0 0 5px 0;
	text-align: left;
}
table {
	margin: auto;
	text-align: left;
}
table caption {
	margin: 0 0 5px 0;
}
th {
}
td {
	padding: 5px 0;
}
input {
	margin: 0 0 10px 0;
}
input.txtInput {
	width: 400px;
}
input.submit {
	margin: 10px 0 0 0;
}
label input {
	margin: 0 8px 5px 0;
}
p {
	width: 800px;
	margin: auto;
	line-height: 18px;
}
p span {
	color: #FF0000;
}
p#username {
	margin: 10px auto;
	color: #FF0000;
}

dl.sample {
	clear: both;
	width: 700px;
	text-align: left;
	line-height: 18px;
	color: #999;
}
dl.sample dt {
	float: left;
}
dl.sample dd {
	float: left;
}

#rules {
	margin: 30px 0 0 0;
}

#contents_frame {
	width: 900px;
	margin: auto;
	font-size: 80%;
	background: #FFF;
}

#main_frame {
	padding: 10px 0;
	text-align: center;
	background: url("../img/bg_header.gif") repeat-x;
}
#main_frame section {
	margin: 20px 0;
}

#main_contents_all {
}


/*************************************************
	header
*************************************************/
header {
}
#logo {
	display: block;
	width: 300px;
	margin: 10px auto;
}


/*************************************************
	#matchigLogin
*************************************************/
#matchigLogin {

}
.btRegist {
	margin: 10px 0 0 0;
	padding: 1px 20px;
	font-family: Verdana,Meiryo,"ƒqƒ‰ƒMƒmŠÛƒS Pro W4","Hiragino Maru Gothic Pro","‚l‚r PƒSƒVƒbƒN",Osaka,sans-serif;
	color: #FFF;
	cursor: pointer;
	border-radius: 5px;
	border: 2px solid #0F31FF;
	background: -moz-linear-gradient(top, #66A1E8, #0F31FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#66A1E8), to(#0F31FF));
}

#anew h2 {
	width: 100%;
	padding: 8px 0;
	color: #FF0000;
	background: -moz-linear-gradient(top, #FFF, #CCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
}

#itemInfo {
	width: 800px;
	margin: auto !important;
}
#itemInfo p span {
	margin: 0 5px;
	font-size: 18px;
}
#itemInfo textarea {
	width: 800px;
	height: 150px;
	margin: 0 0 5px 0;
	resize:none;
}

#itemDetail {
	width: 780px;
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #FF0000;
	border-radius: 6px;
	background: #FFDEA3;
}
#itemDetail dl {
	margin: 0 0 10px 0;
}
#itemDetail dt {
	margin: 0 0 5px 0;
}
#itemDetail dd span.tel {
	margin: 5px 0 0 10px;
	padding: 0 0 0 17px;
	background: url(../img/icon_tel_11px.gif) 0 50% no-repeat;
}


#matchigMypage table {
	width: 800px;
}
#matchigMypage th {
	width: 130px;
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #BBB;
	background: #EEE;
}
#matchigMypage td {
	padding: 5px 10px;
	text-align: left;
	line-height: 18px;
	border: 1px solid #BBB;
}
#matchigMypage .submit {
	width: 200px;
	padding: 4px 0;
	font-family: Verdana,Meiryo,"ƒqƒ‰ƒMƒmŠÛƒS Pro W4","Hiragino Maru Gothic Pro","‚l‚r PƒSƒVƒbƒN",Osaka,sans-serif;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	border-radius: 5px;
	border: 2px solid #FF6600;
	background: -moz-linear-gradient(top, #FF6600, #FFCC00);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF6600), to(#FFCC00));
}
#logout {
	text-align: right;
}

#matchigList {
	
}
#matchigList section {
	display: inline-block;
	width: 780px;
	margin: 20px 0;
	padding: 10px;
	border-radius: 8px;
}
#matchigList section.odd {
	border: 1px solid #FF0000;
}
#matchigList section.even {
	border: 1px solid #0000FF;
}
#matchigList h3 {
	float: left;
	margin: -28px 0 0 0;
	padding: 5px 15px;
	color: #FFF;
	border-radius: 5px;
}
#matchigList section.odd h3 {
	background: #FF0000;
}
#matchigList section.even h3 {
	background: #0000FF;
}
#matchigList section img {
	float: left;
	margin: 0 10px 0 0;
}
#matchigList section dl {
	float: left;
}
#matchigList section dt {
	float: left;
	margin: 0 10px 5px 0;
}
#matchigList section dd {
	float: left;
}
#matchigList section dd span.tel {
	margin: 0 0 0 10px;
	padding: 0 0 0 17px;
	background: url(../img/icon_tel_11px.gif) 0 50% no-repeat;
}
#matchigList section div p {
	float: left;
	width: 500px;
	text-align: left;
}
#matchigList section div a {
	float: right;
	width: 90px;
	
}



/*************************************************
	#matching_form
*************************************************/
#matching_form {
	margin: 0px 0 0 0;
}
	#matching_form h2 {
	}
	#matching_form table {
		width: 800px;
		margin: 10px auto;
		line-height: 18px;
	}
	#matching_form th {
		width: 130px;
		padding: 5px 10px;
		text-align: left;
		vertical-align: middle;
		border: 1px solid #BBB;
		background: #CCC;
	}
	#matching_form td {
		padding: 5px 10px;
		text-align: left;
		border-collapse:collapse;
		border-spacing: 0;
		border: 1px solid #BBB;
		background: #EEE;
	}
	#matching_form dl {
		float: left;
		width: 250px;
		margin: 5px 0;
	}
	#matching_form dt {
		width: 80px;
	}
	#matching_form textarea {
		width: 600px;
		height: 100px;
		resize:none;
	}
	#matching_form .long_text {
		width: 300px;
	}
	#matching_form .middle_text {
		width: 200px;
	}
	#matching_form .short_text {
		width: 50px;
	}
	
	#rule {
		width: 750px;
		margin: auto !important;
		text-align: left;
		line-height: 18px;
	}
	#rule p {
		width: 750px !important;
	}
	#rule h3 {
		margin: 0 0 10px 0;
	}
	#rule dl {
		margin: 20px 0 0 0;
	}
	#rule dt {
		margin: 0 0 5px 0;
		color: #FF0000;
	}
	.pageBack {
		display: block;
		margin: 30px 0;
		text-align: center;
	}

footer {
	display: inline-block;
	width: 100%;
	background: #FF3300;
}
footer li {
	float: left;
}
footer li a {
	display: block;
	width: 128px;
	padding: 10px 0;
	color: #FFF;
	text-align: center;
}