@charset "utf-8";
/*--------------------------------------------------------------
Copyright Osaka Wheewlchair Tennis Association
http://www.normanet.jp/~owta/
2013.3.09
---------------------------------------------------------------*/


body {
width: 1250px;
text-align: center;
background-color:#f5dcc5;
/*全体の背景色-----------------*/
/*background-image: url(../images/haikei01.png) ;*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;/*基本の文字サイズ------------------*/
line-height:170%;
color:#0000ff;/*基本の文字色-----------------*/
margin-top:0px;
margin-bottom:0px;
margin-left:0;
margin-right:0;
}


h1,h2,h3,h4 {
margin:0px;
padding:0px;
font-weight:normal;
}


/*pタグ空白消去*/
p {
margin:0px;
padding:0px;
}


/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}



/*TABLEボーダー非表示*/
table  {
border:none;
margin-bottom:30px;/*テーブル表組みの下は左記の分の余白が空きます-----------------*/
}


/*IE--BRバグ回避*/
br  {
letter-spacing:normal;
}


/*ビルダー表示崩れ回避*/
br.clear{
clear:both;
padding:0px;
margin:0px;
height:0px;
line-height:0;
}

/*リスト空白消去*/
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}

/*普通のテキストリンク----------------*/
a:link    {
text-decoration:underline;
color:#92001C;
}  /*テキストリンクの色*/

a:visited {
text-decoration:underline;
color:#92001C;
}   /*訪問済みのリンクの色*/  

a:active{
text-decoration:underline;
color:#92001C;
}/*クリック時のリンクの色*/

a:hover {
text-decoration:underline;
color:#92001C;
}  /*マウスの上にカーソルがあるときのリンクの色*/

#container{
width:900px;
margin:0 auto;
padding:0;
text-align:left;
background-color: #ffff00;
/*ページの背景色-----------------*/
/*background-image: url(../images/bodyKumo.jpg);*/
}

#header{/*ヘッダー*/
margin:0 auto;
width:900px;
padding:0px 0px 0px 0px;
height:100px;
background-image: url(../images/header_spack.png);
/*background-color: #000;*/
}

/*#header h1{
float: left;
margin-left: 25px;
}*/

.headerlog{/*車いすの写真*/
margin: 15px 0;
padding-left: 15px;
position: absolute;
left: 160px;
top: -20px;
}

.headername{/*題名*/
margin-bottom: 5px;
padding-left: 75px;
position: absolute;
top: 40px;
}

.headername01{/*題名*/
margin-bottom: 5px;
padding-left: 600px;
position: absolute;
top: 18px;
}

/*ヘッター下ロールオーバーメニューリスト指定------------------------------------------------*/
#menu_block{
overflow: hidden;
width:454px;/*---画面いっぱいに背景色を敷いています-----------*/
background-color:#ffff00;/*---マウスがのっていない時の背景色-----------*/
padding-left:0;
height:36px;
margin: 5px 0 5px 10px;
}

#menu{
width:453px;
margin:0 auto;
padding:0;
text-align:center;
}

#menu ul{

list-style-type: none;
margin: 0;
padding: 0 ;
height:35px;
}

/*各メニューのボックス-----------------*/
#menu li{
float: left;
width: 149px;/*
border-left:1px #ffffff solid;/*メニューを区切る縦のラインの色----*/
}

/*一番右端のメニューボックス-----------------*/
#menu li.menuright{
float: left;
width: 149px;
border-left:1px #ffffff solid;/*メニューを区切る縦のラインの色----*/
border-right:1px #ffffff solid;/*メニューを区切る縦のラインの色----*/
}

/*マウスをのせていないときの指定-----------------*/
#menu a{
text-align: center;
display:block;
padding:8px 0px;
width: 149px;
color:#ffffff;/*------メニューの文字色-----------------*/
text-decoration:none;/*------リンクのアンダーラインなし-----------------*/
font-size:14px;/*------文字サイズ-----------------*/
height: 18px;/*---メニューの基本サイズを設定---*/
background: url(../images/menuNav.png) no-repeat;/*---a要素の背景にグロナビ用画像を設定----*/
text-indent: -9999px;/*---メニューのテキストを画像の外に----*/
background-color: #0000ff;
}

/*----CSSスプライン(メニュー)---*/
/*----ここは触る時は言って ---*/
#menu .gnav01 a{background-position: 0 -1px;}
#menu .gnav02 a{background-position: -149px -2px;}
#menu .gnav03 a{background-position: -298px -3px;}

#menu .gnav01 a:hover{background-position: 0 -36px;}
#menu .gnav02 a:hover{background-position: -149px -37px;}
#menu .gnav03 a:hover{background-position: -298px -37px;}

.home #menu .gnav01 a{background-position: -2px -72px;}
.annai #menu .gnav02 a{background-position: -149px -72px;}
.event #menu .gnav03 a{background-position: -298px -72px;}

/*----検索ー----*/
#kensakuBox{
position: absolute;
top: 108px;
left: 740px;
}

#kensakuBorder{
margin: 1px;
background-color:#c0c0c0 ;
border-radius:5px;
}

/*コメント-----------------*/
h1{
line-height:normal;
text-align:right;
font-size:28px;/*文字サイズ-----------------*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
margin-top: 20px;
padding:20px 0px;
color: #ffff00;
}

/*サブコメント-----------------*/
h2{
line-height:1.5;
font-size:20px;/*---文字サイズ-----------*/
font-weight:bold;
/*---太文字指定-----------*/
text-align: left;
margin-top: 25px;
padding:5px 0 0 15px;
color: #fff;
}

/*メイン画像ブロック-------------------------------------------------*/

#mainpict_block{

overflow: hidden;
background-color:#000;/*メイン画像両脇の背景色-----------------*/
width:900px;/*メイン画像脇の背景色は画面いっぱいにしているという意味-----------------*/
margin: 0;
padding: 0;
margin-bottom:10px;/*メイン画像下の隙間-----------------*/
}

#mainpict{
width:900px;
margin:0 auto;
padding:0;
text-align:left;
}

#mainkoent{
position: absolute;
top: 144px;
left: 685px;
}

.mainBosyu{
color: #ca4f67;
}

#mainLog{
position: absolute;
top: 190px;
left: 250px;
z-index: 1;
}
/*コンテンツブロック-------------------------------------------------*/

#wrapper{
width:900px;
margin:0 auto;
padding:0;
}


/*パンくず-------*/

#pankuzu{
margin-bottom: 5px;
padding-bottom:5px;
border-bottom: #ccc 1px dotted;
}

#pankuzu li{
display: inline;
font-size: 80%;
padding-left: 20px;
}

#pankuzu a{
padding-right: 25px;
text-decoration:normal;/*テキストのアンダーバーなし*/
background: url(../images/ico_arw02.gif) right center no-repeat;
color: #000;
}


/*コンテンツブロック内左メニューエリア-------------------------------------------------*/
#leftBox{
float:left;
width: 150px;
}


#side{
width:150px;
margin-top: 10px;
padding-left: 10px;
padding-top: 1px;
}

/*コンテンツブロック内左エリア-------------------------------------------------*/
#main_left{
width: 150px;
}

#main_left li{
text-align: left;
padding-left: 15px;
}

#main_left strong{
color: red;
}

/*左メニュー部分のテキストリンク-----------------*/
#side a:link{
color:#ffffff;
text-decoration:none;
} /*メニュー・テキストリンクの色*/

#side a:visited {
color:#FFFFFF;
text-decoration:none;
} /*メニュー・訪問済みのリンクの色*/

#side a:active{
color:#595959;
text-decoration:underline;
} /*メニュー・クリック時のリンクの色*/

#side a:hover{
color:#595959;
text-decoration:underline;
} /*メニュー・マウス上にカーソルがある時のリンク色*/

/*左メニュー------------------------------------------------*/
.category_name{
background-color:#ff0000;/*背景色-----------------*/
color:#ffffff;/*文字色-----------------*/
font-size:14px;/*字サイズ-----------------*/
font-weight:bold;/*太文字指定-----------------*/
padding:8px;
margin-bottom:10px;
}

#side ul{
list-style-type: none;
padding: 0;
margin-bottom:10px;
}

/*各左メニュー-----------------*/
#side li{
margin-bottom:10px;
}

/*左メニューにマウスをのせていないときの指定-----------------*/
#side li a{
background-color:#000;/*-------メニューの背景色----------*/
margin-bottom:4px;
text-align: center;
padding-top: 5px;
font-size: 14px;
display:block;
color:#ffffff;/*--文字の色----------*/
text-decoration:none;/*--下線なし----------*/
width:150px;
height:30px;
}

/*左メニューマウスをのせたときの指定-----------------*/
#side li a:hover{
background-color:#f5dcc5;/*-------メニューの背景色----------*/
margin-bottom:4px;
color:#444444;/*--文字の色----------*/
text-decoration:none;/*--下線なし----------*/
}

/*----CSSスプライン(サイドメニュー)---*/
#sideNav a{
display: block;/*--a要素のブロック化---*/
width: 149px;
height: 35px;/*---メニューの基本サイズを設定---*/
background: url(../images/sideNav01.png) no-repeat;/*---a要素の背景にグロナビ用画像を設定----*/
text-indent: -9999px;/*---メニューのテキストを画像の外に----*/
color: #fff;
}
/*----ここは触る時は言って ---*/
#sideNav .nav01 a{background-position: 0 0;}
#sideNav .nav02 a{background-position: -149px 0;}
#sideNav .nav03 a{background-position: -298px 0;}
#sideNav .nav04 a{background-position: -446px 0;}
#sideNav .nav05 a{background-position: -595px 0;}

#sideNav .nav01 a:hover{background-position: 0 -35px;}
#sideNav .nav02 a:hover{background-position: -149px -35px;}
#sideNav .nav03 a:hover{background-position: -298px -35px;}
#sideNav .nav04 a:hover{background-position: -446px -35px;}
#sideNav .nav05 a:hover{background-position: -595px -35px;}

.kaisoku #side .nav01 a{background-position: 0 -70px;}
.ayumi #side .nav02 a{background-position: -149px -70px;}
.contact #side .nav03 a{background-position: -298px -70px;}
.link #side .nav04 a{background-position: -446px -70px;}
.photo #side .nav05 a{background-position: -595px -70px;}

/*----カレンダー---*/
#side .calender{
padding-top: 15px;
}

#conuter{/*---- カウンターでも ---*/
margin-bottom: 5px;
padding-left: 3px;
}

/*コンテンツブロック内右エリア-------------------------------------------------*/
/*---右コンテンツ ---*/
#mainRight{
float: right;
width: 250px;
margin-top: 8px;
}

/*----情報---*/

#newsB1 h4{
width: 219px;
line-height: normal;
border: #ca4f67 1px solid;
background-color: #000;
margin: 0;
padding:3px 0;
text-align: center;
font-size: 12px;
color: #fff;
}

#newsB1{
width: 220px;
margin-bottom: 8px;
padding-top: 0px;
border: #ca4f67 1px solid;
border-radius:5px;/*---角丸---*/
background-color: #ffccff;
}

#newsB1 dt{
padding-left: 10px;
margin: 0;
}

/*会員募集*/
.kaiin{
line-height: normal;
margin-bottom: 5px;
padding-right: 5px;
color: #800080;
text-align: center;
}

/*注意事項*/
.tyui{
line-height: normal;
font-size: 10px;
margin: 10px;
padding-right: 20px;
}
/*コンテンツブロック内中央エリア-------------------------------------------------*/
#main{
width:450px;
margin-top: 2px;
padding:1px 0 0 180px;
}

#main h2{
text-align: center;
margin-top: 10px;
color: #000;
}

#main dt{/*---　中央コンテンツ題名--*/
margin: 5px 0 5px 0;
text-align: center;
padding-left: 0;
color: #000;
font-weight: bold;
border: #f5dcc5 1px solid;/*--- 囲み線 ---*/
background-color: #444444;
}

#main dd{/*--　詳細文　---*/
margin: 10px 10px;
}

#mainInfo{/*---　中央文の囲み ---*/
margin: 5px 0 5px 0;
padding-left: 0;
border: #99cc99 1px solid;/*--- 囲み線 ---*/
border-radius:5px;/*---角丸---*/
box-shadow: 2px 2px 5px #999;/*---影----*/
background-color: #f5dcc5;
}

#mainInfo h2{
text-align: center;
}

#mainInfo1{/*---　大阪オープンの囲み ---*/
margin: 5px 0 5px 0;
padding-left: 0;
text-align: center;
border: #99cc99 1px solid;/*--- 囲み線 ---*/
border-radius:5px;/*---角丸---*/
box-shadow: 2px 2px 5px #999;/*---影----*/
background-color: #f5dcc5;
}

#mainInfo1 dd{
line-height: normal;
text-align: left;
padding-left: 90px;
}

#mainInfo1 .tai{
padding-left: 95px;
}

#mainInfo1 a{
text-decoration:none;/*---アンダーバーなし---*/
color:#0000ff;
}

/*-----見出し-----*/
h3 {
background-color:#ff0000; /*----背景色--------*/
/*border-bottom:#ff0000 solid 1px;/*---下のライン-----------*/
/*border-left:#ff0000 solid 4px;/*---左の太めのライン-----------*/
padding:5px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 10px 0 10px 0;
font-weight:bold; /*----太い文字にしたい時に--------*/
font-size:16px; /*----文字サイズ--------*/
text-align: center;
color:#666666; /*----文字色--------*/
}

/*----小見出し--------*/
h4{
line-height:normal;
font-size:14px;/*---文字サイズ-----------*/
font-weight:bold;/*---文字太文字-----------*/
background-color: #ccff00;
border-bottom:#CCCCCC solid 2px;/*---下のライン-----------*/
border-right: #cccccc solid 2px;
border-left:#cccccc solid 2px;/*---左の太めのライン-----------*/
padding:6px;
margin-bottom:10px;
margin-left:0px;
color:#000;/*---文字の色-----------*/
border-radius:5px;
}


/*---ページ右下の「PAGE TOP」欄-------*/
#pagetop{
clear:both;
width:900px;
margin:0 auto;
text-align:right;
}

/*---「PAGE TOP」デザイン指定-------*/
#pagetop_but{
background:#DE8294;/*---背景色-------*/
padding:2px 8px;
text-align:center;
width:80px;/*---横幅-------*/
float:right;
font-size:11px;/*---文字サイズ-------*/
}

/*---「PAGE TOP」文字部分のリンク指定-------*/
#pagetop a:link {color:#ffffff;text-decoration:none;}
#pagetop a:visited  {color:#ffffff;text-decoration:none;}
#pagetop a:hover {color:#ffffff;text-decoration:underline;}
#pagetop a:active  {color:#ffffff;text-decoration:underline;}

/*---フッター------------------------------------------*/

#footer{
clear:both;
/*background-color:#000;/*---背景色-------*/
margin:0px auto;
background-image: url(../images/footer01.png);
background-repeat: no-repeat;
width:100%;
/*---背景色は横幅いっぱいに-------*/
}

.footerLog{
float: right;
margin: 10px 40px 0 0;
}
/*---コピーライト------------------------------------------*/
#copyright{
margin:0 auto;
padding:70px 2px 0px 2px;
width:800px;
font-size:10px;/*---文字サイズ-------*/
text-align:center;
color:#fff;/*---文字色-------*/
}