@charset "shift_jis";

/* //////////////////////////////////////////////////////////////////////////

富士宮地区卓球連盟
common.css

	*. base layout
	1. header layout
	2. footer layout
	3. contents layout
	4. toppage layout
	5. inpage layout

///////////////////////////////////////////////////////////////////////////*/

body {
	text-align: center;
	line-height: 1.6;
	font-size: 78%;
	color: #333;
	}
h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
	}
a {outline: 0;}
table {
	font-size: 100%;
	line-height: 1.6;
	}
.clear {clear: both;}
.font-gray {
	color: #CCC;
}


/*----------------------------------------------------
	link style
----------------------------------------------------*/
a:link, a:visited {
	color: #726359;
	text-decoration: underline;
	}
a:hover {
	color: #2C2623;
	text-decoration: none;
	}



/* //////////////////////////////////////////////////////////////////////////

	*.base layout

///////////////////////////////////////////////////////////////////////////*/

/*----------------------------------------------------
	#all
----------------------------------------------------*/
#all {
	background-image: url(../img/common/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}

/*----------------------------------------------------
	.wrap
----------------------------------------------------*/
.wrap {
	margin: 0 auto;
	width: 920px;
	text-align: left;
	}

/*----------------------------------------------------
	.clearfix
----------------------------------------------------*/
.clearfix {zoom:1;}
	.clearfix:after {
		content: ""; 
		display: block; 
		clear: both;}
		* html .clearfix { height: 1%; }



/* //////////////////////////////////////////////////////////////////////////

	1. header layout
	
///////////////////////////////////////////////////////////////////////////*/
#header {
	background-image: url(../img/common/headerbg.jpg);
	background-repeat: no-repeat;
	background-position: -6px top;
	position: relative;
	width: 970px;
	height: 168px;
	margin: 0 auto 10px;
	}
	#header h1 {
		position: absolute;
		left: 40px;
		top: 66px;
		}

/*	primary
----------------------------------------------------*/
#header #primary {
	float: right;
	width: 270px;
	padding-right: 10px;
	margin-top: 25px;
	}
	#header #primary ul {text-align: right;}
	#primary li {display: inline;}
	#primary li img, #fontSize li img {vertical-align: top;}
	#primary li#pmail {margin-left: 14px;}


/*----------------------------------------------------
	menu
----------------------------------------------------*/
#menu {
	clear: both;
	width: 279px;
	}
	#menu li {display: inline;}
	#menu li img {vertical-align: top;}



/* ==========================================================

	2. footer layout
	
========================================================== */
#footer {
	clear: both;
	border-bottom: 2px solid #6C6C6C;
	padding: 16px 0px;
	line-height: 1.2;
	font-size: 100%;
	}
	#footer ul {
	border-left: 1px solid #726359;
	}
	#footer li {
		display: inline;
		padding: 0px 10px;
		border-right: 1px solid #726359;
		}
#footer a:link {text-decoration: none;}

#copy {
	padding: 12px 0px;
	font-size: 80%;
	color: #726359;
	text-align: right;
	}


/* ==========================================================

	3. contents layout
	
========================================================== */
#contents_wrap {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 920px;
	text-align: left;
	position: relative;
	}
#contents {
	background-image: url(../img/common/contents_btm.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
	}
	#contents {zoom:1;}
	#contents:after {
		content: ""; 
		display: block; 
		clear: both;}
		* html #contents { height: 1%; }

/*pagetop*/
.pagetop {
	clear: both;
	margin: 0 auto;
	width: 920px;
	text-align: left;
	}
	.pagetop a {
		float: right;
		display: block;
		width: 130px;
		height: 26px;
		background-image: url(../img/common/pagetop.gif);
		text-indent: -9999px;
		}
		.pagetop a:hover {background-image: url(../img/common/pagetop_f2.gif);}



/* //////////////////////////////////////////////////////////////////////////

	4. toppage layout
	
///////////////////////////////////////////////////////////////////////////*/
/*#contents_wrap #topimg {
	position: absolute;
	right: 0px;
	top: -90px;
	}*/
#contents_wrap #topimg {
	position: absolute;
	right: 0px;
	left:320px;
	top: -90px;
	}
#topcontents {margin-top: 20px;}

.topinner {
	padding-bottom: 35px;
	clear: both;
	}
/*----------------------------------------------------
	.topbox
----------------------------------------------------*/
.topbox {
	width: 450px;
	float: left;
	}
	.topbox h2 {margin-bottom: 10px;}
	.boxl {
		margin-right: 20px;
		_margin-right: 17px;
		}

.topbox dl {
	background: url(../img/common/dotted.gif) repeat-x bottom;
	padding: 6px 4px;
	margin: 0px 10px;
	overflow: hidden;
	}
	.topbox dt {
		width: 90px;
		float: left;
		padding-left: 14px;
		}
	.topbox dd {
		overflow: hidden;
		zoom: 1;
		}
.tp_dl {
	margin-top: 5px;
	margin-bottom: 7px;
}

/*青アイコン*/
.iconb dt {background: url(../img/common/icon_blue.gif) no-repeat left center;}
/*桃アイコン*/
.iconp dt {background: url(../img/common/icon_pink.gif) no-repeat left center;}
/*灰アイコン*/
.icong dt {background: url(../img/common/icon_gray.gif) no-repeat left center;}

/*----------------------------------------------------
	#topoffice
----------------------------------------------------*/
#topoffice {
	width: 450px;
	float: left;
	color: #726359;
	}
	#topoffice #oinner {
		float: left;
		width: 262px;
		margin-left: 7px;
		padding: 13px 0px 8px 0px;
		background: url(../img/top/officebox.gif) no-repeat bottom;
		}
		#topoffice #oinner dl {
			margin: 0px 8px;
			padding: 4px;
			background: url(../img/common/dotted.gif) repeat-x bottom;
			}
			#topoffice #oinner dt {
				width: 100px;
				float: left;
				font-weight: bold;
				}
			#topoffice #oinner dd {margin-left: 100px;}
	#topoffice #obn {
		float: right;
		width: 150px;
		padding-right: 10px;
		}
		#topoffice #obn dl {margin-top: 14px;}
			#topoffice #obn dd {
				font-size: 82%;
				line-height: 1.4;
				}



/* //////////////////////////////////////////////////////////////////////////

	5. inpage layout（common）
	
///////////////////////////////////////////////////////////////////////////*/
h2#h2tit {
	position: absolute;
	right: 0px;
	top: -112px;
	}
h3.h3tit {
	padding: 5px;
	margin-bottom: 12px;
	border-bottom: 3px double #CCC;
	font-size: 120%;
	font-weight: bold;
	}
#main {
	float: right;
	width: 610px;
	margin: 20px 0px;
	}
#sub {
	float: left;
	width: 279px;
	}

.fonts {font-size: 92%;}
.fontred, .msg {color: #F00;}

/*----------------------------------------------------
	menu（past）
----------------------------------------------------*/
#past {margin-bottom: 25px;}
	#past img {vertical-align: top;}

/*	 .tbl01
----------------------------------------------------*/
.tbl01 {
	background: #CCC;
	width: 610px;
	margin-bottom: 20px;
	}
	.tbl01 th {text-align: center;}
	.tbl01 td {background: #FFF;}
	.tbl01 th, .tbl01 td {
		padding: 8px 8px 8px 12px;
		}
	/*table header（gray*bold）*/
	.tbl01 .hdr {
		background: #F3F3F3;
		font-weight: bold;
		}
	/*table header Tournament Results（yellow*red）*/
	.tbl01 .hdtr {
	font-weight: bold;
	background-color: #FF6;
	color: #C00;
		}
	/*bacolor yellow*/
	td.bgy {
		text-align: center;
		background-color: #FFC;
		}

/*	 .ulnormal
----------------------------------------------------*/
ul.ulnormal {
	margin-left: 1.4em;
	}
	ul.ulnormal li {
		padding-left: 2px;
		list-style-type: disc;
		line-height: 2;
		}
		ul.ulnormal li li {
			margin-left: 1em;
			list-style-type: circle;
			}
/*	 .ulentry
----------------------------------------------------*/
.ulentry ul {text-align: center;}
.ulentry li {display: inline;}
	.ulentry li img {margin: 0px 4px;}

/*	 .btb
----------------------------------------------------*/
.btn {
	text-align: right;
	margin-bottom: 10px;
	}

/*	 .section
----------------------------------------------------*/
.section {
	padding-bottom: 20px;
	margin: 5px;
	}
	.section h3 {margin: 0 -5px 10px;}



/* //////////////////////////////////////////////////////////////////////////

	6. 大会結果報告
	
///////////////////////////////////////////////////////////////////////////*/
.result ul {margin-bottom: 20px;}
.result li {
	/*padding: 10px 0 10px 24px;*/
	background: url(../img/common/icon_pink.gif) no-repeat 10px 16px;
	border-bottom: dotted 1px #666;
	margin: 0px 10px;
	}
	.result li a {
		display: block;
		padding: 10px 0 10px 24px;
		}
.t_photo {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.red {
	color: #C00;
}
.bxslider {
	overflow: hidden;
    height: 358px;
	width: 604px;
}

/* //////////////////////////////////////////////////////////////////////////

	7. お知らせ
	
///////////////////////////////////////////////////////////////////////////*/
.newstd01 {
	font-size: 15px;
	font-weight: bold;
	width: 50px;
	text-align: right;
}
.newstd02 {
	font-size: 15px;
	font-weight: bold;
	padding-left: 15px;
}
.mb0 {
	margin-bottom: 0px;	
	}
.newstbbg {
	background-color: #F3F3F3;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.coro
 {
	margin-top: 50px;
}
.coro02
 {
	margin-top: 20px;
}