@charset "utf-8";
@import "winie-fix.css";
@import "menu.css";
/*¥*//*/ @import url("macie-fix.css"); /**/
@import "contribute.css";
charset "utf-8";
@import "winie-fix.css";


/* LAYOUT SETTINGS ****************************************************************************************** 
************************************************************************************************************ */


/*--body---*/
body{
background:#FFFFFF;
margin:0;
padding:0;
vertical-align:baseline;
}

body {
font-family:"HiraKakuPro-W3", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka, "MS UI Gothic", Lucida Grande,,Arial, Gothic, sans-serif ;
}


/* img***************************/

img{
border:solid 1px #9BACA2;
}
img.news{
border:solid 1px #9BACA2;
margin:10px;
float:right;
}

/* float setting***************************/


.fl{
float:left;
}

.fr{
float:right;
}


.clear{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px;}


.center{
text-align:center;
}

.arignright{
text-align:right;
}

/* list setting***************************/

ul.lsn {
 list-style:none;
}

/** !!!!BASIC FONT SIZE!!!!!! *******************************************************/
div#maincontents p{
font-size:81.25%;
line-height:155%;
padding:0;
margin:0;
}

div#maincontents li ul li{
margin:0 0 0 -2em;
font-size:100%!important;
line-height:155%;
}

div#maincontents table ol li{
font-size:100%;
line-height:155%;
}


* html .txt01 {
 font-size:70%;
}

body#top p {
 font-size:12px;
 line-height:1.2em;
}


/* hr setting***************************/
hr {
 clear:both;
 width:100%!important;
}

hr.hr_news {
 clear:both;
 width:620px!important;
}

/* table setting***************************/
table.pic {
 border:none;
}

table.pic tr td {
 padding:4px 15px 4px 0;
	border:none;
	font-size:10px;
	color:#969696;
	vertical-align:top;
}

* html table.pic tr td {
 font-size:75%;
}


/*----wrapper------*/
#wrapper{
margin:0 0 0 -8px;
padding:0;
width:821px;
background:#FFFFFF;
}

/*----header-------*/
#header h1{
margin:5px 0 20px 0 ;
padding:0;
width:237px;
height:20px;
background:#FFFFFF url(../images/tennisclub_logo.gif) no-repeat top left;
text-indent:-9999px;
float:left;
}

#searcharea{
	float:right;
	margin-right:15px;
	padding:10px 0 0 0;
	border:0;
	font-size:x-small;
}



/*----globalnav----*/
div#globalnav{
width:821px;
height:27px;
font-family:"MS UI Gothic",sans-serif;
font-size:100%;
margin-bottom:1px;
padding:0;
float:left;
}

div#globalnav li {
list-style:none;
font-size:14px;
text-align:center;
}

li.menu01 a{
background:url(../images/globalmenu_home.gif) no-repeat top left;
width:173px;
height:27px;
color:#595A5F;
text-decoration:none;
padding:5px 0;
float:left;
margin:0px:
}

li.menu01 a:hover, li.menu01 a.hit{
background:url(../images/globalmenu_home_hit.gif) no-repeat top left;
width:173px;
height:27px;
color:#ffffff;
text-decoration:none;
padding:5px 0;
float:left;
margin:0px:
}

li.menu02 a, li.menu03 a, li.menu04 a{
background:url(../images/globalmenu_middle.gif) no-repeat top left;
width:159px;
height:27px;
color:#595A5F;
text-decoration:none;
padding:5px 0;
float:left;
margin:0;
}

li.menu02 a:hover, li.menu02 a.hit, li.menu03 a:hover, li.menu03 a.hit, li.menu04 a:hover, li.menu04 a.hit{
background:url(../images/globalmenu_middle_hit.gif) no-repeat top left;
width:159px;
height:27px;
color:#ffffff;
text-decoration:none;
padding:5px 0;
float:left;
margin:0;
}

li.menu05 a{
list-type:none;
background:url(../images/globalmenu_last.gif) no-repeat top left;
width:171px;
height:27px;
color:#595A5F;
text-decoration:none;
padding:5px 0;
float:left;
margin:0px:
}

li.menu05 a:hover, li.menu05 a.hit{
list-type:none;
background:url(../images/globalmenu_last_hit.gif) no-repeat top left;
width:171px;
height:27px;
color:#FFFFFF;
text-decoration:none;
padding:5px 0;
float:left;
margin:0px:
}

#threecolumns_bg {
padding-bottom:10px;
}


/*---threecolumns---start----------------------------------*/
 #threecolumns {
 margin-bottom:10px!important;
 padding-bottom:10px!important;
width:821px;
background:url(../images/threecolumns_bg.gif) top left repeat-y!important;
}

/*---twocolumns---start----------------------------------*/
 * html #twocolumns {
 margin-bottom:10px!important;
 padding-bottom:10px!important;
 margin-top:-30px;
width:821px;
background:url(../images/twocolumns_bg.gif) top left repeat-y!important;
}

 #twocolumns {
 margin-bottom:10px!important;
 padding-bottom:10px!important;
width:821px;
background:url(../images/twocolumns_bg.gif) top left repeat-y!important;
}


/*-
/*--leftbar---------------------------*/

#leftbar{
float:left;
width:170px;
margin-bottom:10px;
padding-top:20px;
background-color:#F5F5F5;
}

div#leftbar:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/*-----------
#sidebar{
width:150px;
margin:0 0 1px 4px;
padding:4px;
background:#D6D6D8;
border:1px #C4C4C6 solid;
}

#sidebar div.menulist ul{
width:141px;
padding:4px;
background:#ffffff;
border:1px #858E95 solid;
margin:0;
}

#sidebar div.menulist ul li{
list-style:none;
padding:0;
width:141px;
font-size:80%;
height:20px;
font-family:"MS UI Gothic",sans-serif;
margin-bottom:2px;
}

#sidebar div.menulist ul li a {
list-style:none;
background:url(../images/localmenu.gif) no-repeat top left;
width:126px;
color:#FFFFFF;
height:18px;
text-decoration:underline;
padding:3px 0 0px 25px;
float:left;
}


#sidebar div.menulist ul li a:hover {
background:url(../images/localmenu_hit.gif) no-repeat top left;
}


#sidebar div.menulist ul li a.hit {
background:url(../images/localmenu_hit.gif) no-repeat top left;
}

*/
/****** member menu *******/
#sidebar {
width:150px!important;
margin:0 0 1px 4px;
padding:4px;
background:#D6D6D8;
border:1px #C4C4C6 solid;
}

#sidebar div.menulist ul{
width:141px!important;
padding:4px;
background:#ffffff;
border:1px #858E95 solid;
margin:0;
}

#sidebar div.menulist ul li{
list-style:none;
padding:0;
width:137px;
font-size:80%;
height:20px;
font-family:"MS UI Gothic",sans-serif;
margin-bottom:2px;
line-height:1.7em;
}

* html #sidebar div.menulist ul li{
 line-height:1.1em;
}

#sidebar div.menulist ul li a {
display:block;
background:url(../images/localmenu.gif) no-repeat top left;
width:116px;
color:#fff;
height:20px;
text-decoration:undeline;
padding:2px 0 0 25px;
}

* html #sidebar div.menulist ul li a {
list-style:none;
background:url(../images/localmenu.gif) no-repeat top left;
width:116px;
color:#fff;
height:15px;
text-decoration:undeline;
padding:5px 0 0 25px;
}


#sidebar div.menulist ul li a:hover, #sidebar div.menulist ul li a.hit {
background:url(../images/localmenu_hit.gif) no-repeat top left;
color:#FFFFFF;
}


#sidebar div.wilsonarea{
width:141px;
padding:4px;
background:#ffffff;
border:1px #858E95 solid;
}


#campusmap{
width:150px;
margin:5px 0 10px 4px;
padding:4px;
background:#C8DE31;
border:1px #C4C4C6 solid;
}

#campusmap div.camtext {
width:140px;
padding:4px;
background:#ffffff;
border:1px #858E95 solid;
}

#campusmap img {
margin:12px;
border:none;
}



#bannerarea{
margin:10px 13px;
width:140px;
} 

#bannerarea a img{
margin-bottom:1px;
border:none;
}


/*--newsare--------------------------------*/
#newsare{
float:right;
width:651px;
margin:0;
padding:0;
}
/*--maincontents---------------------------*/


#maincontents{
float:left;
width:448px;
margin:0px;
padding:20px 15px 30px 15px;
}

#maincontents02{
float:left;
width:625px;
margin:0px;
padding:20px 15px 30px 15px;
}

#maincontents02 .imgarea{
margin:10px auto;
text-align:center;
}


#flasharea{
margin-bottom:10px;}


#maincontents .newstitle{
width:448px;
background:url(../images/newsandtopic_bg.gif) repeat-x top left;
margin:0;
padding:0;
}


.bgbluearea:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.bgbluearea{
width:100%!important;
height:26px;
background:url(../images/newsandtopic_bg.gif) repeat-x top left;
margin:0;
padding:0;
}

.bgbluearea_news {
width:620px!important;
height:26px;
background:url(../images/newsandtopic_bg.gif) repeat-x top left;
margin:0;
padding:0;
}

#maincontents .newswrapper{
margin-bottom:0px!important;
margin-top:10px;
}
#maincontents .newstitle h3 {
font-size:14px;
color:#59585E;
padding:5px 0 0 15px; 
}


#maincontents .newsarea{
margin:10px 10px 0 10px;
}

#maincontents p.date {
background:url(../images/list_image.gif) 0 0.3em no-repeat;
padding-left:17px;
margin-left: 15px;
margin-right:10px;
color:#000;
font-size:14px;
font-weight:bold;
font-family:"MS UI Gothic",sans-serif;
float:left;
line-height:150%;
}

#maincontents p.topics a {
margin: 0;
color:#737375;
font-family:"MS UI Gothic",sans-serif;
text-decoration:underline;
font-size:12px;
margin-top:1px;
line-height:150%;
}
#maincontents p.topics a:hover{
color:#A70500;
}


* html #maincontents p.topics a:hover{
color:#A70500;
}
* html #maincontents p.topics a {
margin: 0;
color:#737375;
font-family:"MS UI Gothic",sans-serif;
float:left;
text-decoration:underline;
font-size:12px;
margin-top:2px;
}




/*--rightpromo-----------------------------*/
#rightpromo{
float:right;
width:173px;
margin:0;
padding:0;

}

.keijiban{
width:145px;
padding:4px;
background:#ffffff;
border:1px #8D8C91 solid;
margin:10px;
text-align:center;
}





.keijiban h3 {
background:url(../images/loginbox.gif) 0 0.2em  no-repeat;
width:135px;
height:20px;
padding-bottom:5px;
padding-left:13px;
color:#000;
font-family:"MS UI Gothic",sans-serif;
margin:7px 0 0 5px;
font-size:12px;
text-align:left;
}


.keijiban .arrowarea{
margin-top:5px;
padding-left:5px;
width:135px;
font-size:10px;
text-align:left;
}

.keijiban .arrowarea img{
margin-top:4px;
text-align:left;
}

*html .keijiban .arrowarea img{
margin-top:0px!important;
text-align:left;
}



.keijiban .arrowarea .area{
width:120px;
text-align:left;
}


.keijiban  .login{
text-align:right;
margin:5px 10px 0 0;
}


*html .keijiban  .login{
text-align:right;
margin:5px 5px 0 0;
}



.keijiban p {
color:#000;
font-family:"MS UI Gothic",sans-serif;
margin:5px!important;
font-size:10px;
text-align:left!important;
}


.keijiban a {
font-size:10px!important;
text-align:left;} 

.keijiban img.btn{
margin:5px 5px 5px 0;
}

*html .keijiban img.btn{
margin:0 5px 5px 0;
}



.message{
width:145px;
padding:4px;
background:#ffffff;
border:1px #8D8C91 solid;
margin-left:10px;
}

.message p {
padding:4px;
color:#000;
font-family:"MS UI Gothic",sans-serif;
font-size:10px;
line-height:150%;
margin-top:0px;
text-align:left;
}


/*---form setting---------------------------------*/

table.input{
font-size:10px;
margin-top:10px;
font-weight:bold;
padding-left:5px;
}


*html table.input{
font-size:10px;
margin-top:-10px!important;
font-weight:bold;
padding-left:5px;
}

.fw{
width:90px;
}



/*---threecolumns----end----------------------------------*/

/*--footer----------*/
#footer{
margin-top:0px;
padding:1px 0 5px 0;
background:#5A5A64;
height:15px;
width:821px;
clear:both;
}
#footer a{
font-size:10px;
padding:2px 10px;
color:#FFFFFF;}

/* --------font--------------------------------------------*/


/* heading ***************************/

h2{
font-weight:bold;
font-size:100%;
color:#A70500;
font-size:18px;
padding:0;
margin-bottom:5px;
}


h3{
font-weight:normal;
color:#a81818;
margin:0 0 0.3em 0em;
padding:0px;
}

h3.subtitle {
color:#000;
font-size:120%;
font-weight:bold;
}


h4 {
font-size:12px;
font-weight:bold;
margin:0;
}


/*---p---------------------------------*/
p{
font-size:12px;
padding:0;
margin:0;
}


p.arrow{
background:url(../images/arrow.gif) 0 0.4em  no-repeat;
padding-left:14px;
font-size:12px;
}



p.newstitlearea{width:50px;
display:block;
float:left;
padding-left:17px;
margin-right:10px;
font-size:12px;
color:#191919;
background:url(../images/list_image.gif) 0 0.1em no-repeat;
}


p.newstitle{
float:left;
}

.newscontents{
margin-top:5px;
margin-right:10px;
float:left;
width:400px;
}



p.newstitlearea2{display:block;
float:left;
padding-left:17px;
margin-right:10px;
font-size:12px;
color:#191919;
background:url(../images/list_image.gif) 0 0.2em no-repeat;
}


.captionarea{
width:100%;
margin-top:10px;
text-align:center;
}

.caption{
float:left;
margin:0 0 20px 20px;
text-align:left;
max-width:170px;
height:200px;
}


.caption img{
margin:0;
padding:0;
border:none;
max-width:170px;
vertical-align:middle;
}


.caption p{
margin-top:5px;
padding:0;
font-size:10px;
color:#666666;
text-align:left;
width:170px;
}


*html .caption p{
margin-top:0px;
padding:0;
font-size:10px;
color:#666666;
text-align:left;
width:170px;
}

/*---list---------------------------------*/

ul{
font-size:12px;
margin:0;
padding:0;
}

ul.listarrow {
padding:0;
background-color:#fff;
}

ul.listarrow li {
background:url(../images/list_image.gif) 0 0.5em  no-repeat #fff;
padding-left:16px;
font-size:12px;
list-style:none;
line-height:24px;
}

ul.pdfs{
margin:0;
padding:0;
}

ul.pdfs li{
background:url(../images/pdf.gif) 0 0.5em no-repeat #fff;
padding-left:16px;
font-size:12px;
padding-bottom:5px;
line-height:24px;
list-style:none;
font-size:90%;
}

ol{
font-size:12px;
line-height:130%;
}

/*---a link---------------------------------*/
a{
color:#707072;
}
a:hover{
color:#A70500;
}

a.accessmap{
font-size:10px;
}

a.tag{
display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px;
}

a.arrow{
background:url(../images/arrow.gif) 0 0.1em  no-repeat #fff;
padding-left:14px;
font-size:12px;
}

a.arrow_docs{
background:url(../images/docs_icon.gif) 0.0 0em no-repeat #fff;
padding-bottom:5px;
padding-left:19px;
font-size:12px;
}

.totoparea{
text-align:right;
margin-top:50px;
}

.totoparea a.totop{
background:url(../images/arrow_totop.gif) 0 0.1em  no-repeat;
padding-left:14px;
font-size:12px;
margin-right:0px;
text-decoration:underline;
}

a.arrow_red{
background:url(../images/arrow.gif) 0 0.3em  no-repeat ;
padding-left:14px;
font-size:12px;
margin-top:6px;
margin-right:10px;
color:#A70500;
}

a.arrow_red_next{
background:url(../images/arrow.gif) 4.3em 0.4em  no-repeat;
font-size:12px;
padding-right:20px;
margin-top:4px;
margin-right:10px;
color:#A70500;
}

a.arrow_red_prev{
background:url(../images/arrow_prev.gif) 0 0.4em  no-repeat;
padding-left:14px;
font-size:12px;
margin-top:4px;
margin-left:10px;
color:#A70500;
}

a.rss{
width:50px!important;
height:15px!important;
background:#FFFFFF url(../images/rss_button.gif) no-repeat top left;
text-indent:-9999px;
display:block;
margin:0px 10px 0 10px;
}

/***** breadcrumb *****/
div .breadcrumb p a{
color:#ADADAD;
text-decoration:underline;
line-height:1.5em;
}
div .breadcrumb p a:hover{
color:#A70500;
}
div .breadcrumb p{
font-size:80%;
color:#454545;
text-decoration:none;
line-height:1.5em;
}

/*---margin setting---------------------------------*/

.ml20{
margin-left:18px;
}

.ml30{
margin-left:30px;
}
.mb10{
margin-bottom:10px;
}


.mb20{
margin-bottom:20px!important;
}

.mb30{
margin-bottom:30px;}

.mmt10{
margin-top:-10px;
}
.mt05{
margin-top:5px;
}

.mt10{
margin-top:10px;
}
.mt30{
margin-top:30px;}

.mt45{
margin-top:45px;
}

.mr05{
margin-right:5px;
}
.mr10{
margin-right:10px;
}
.pdt45{
margin-top:45px;
}

ul.mb20 {
 margin-bottom:20px!important;
}

/*---width setting---------------------------------*/
.w10{width:10px;
height:10px;
}

.w120{width:120px;
}


.dotborder{
clear:both;
border-bottom:1px dotted #C7C6C6;
margin:15px 0;
padding:0;
height:1px;
}


.job_float{
width:165px;
float:left;
margin-left:5px;
}
*html .job_float{
width:150px;
float:left;
margin-left:5px;
}