/*----------------------------------------------------------------*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　高尾ライオンズクラブホームページ　http://takaolions.org/　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　　　　　　　　　　　共通用 CSS　2008.07.10　　　　　　　　　　*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*----------------------------------------------------------------*/


body{
 font-family : "メイリオ", "Verdana", "Helvetica", "ＭＳ ゴシック", "Osaka－等幅";
 color : #444;
 margin : 0;
 line-height : 150%;
 background : url(top_im/bg.gif) center repeat-y;
 background-color : #f3f8fa;
}

/*背景1px調整　IE7*/
*+html body{
 padding-left: 1px;
}

/*同じくIE6以前*/
* html body{
 padding-left: 1px;
}

a{
 color : #004d2e;
 text-decoration : underline;
 }

a:hover{
 color : #f03;
 text-decoration : none;
 }


h1,h2,h3,h4{
 margin : 0;
 padding : 0;
}

img{
 border : 0;
 margin : 0;
 padding : 0;
}

em{
 visibility : hidden;
}

.title{
 display : none;
}

/*ヘッダー---------------------------------------*/

#header{
 width : 840px;
 height : 139px;
 margin : 0 auto;
 background : url(top_im/hed_bg.png) no-repeat;
}

#header h2 a{
 float : left;
 width : 466px;
 height : 135px;
 display : block;
 margin : 5px 0;
}

#mainnavi{
 clear : both;
 width : 840px;
 height : 34px;
 margin : 0 auto;
}

#mainnavi ul{
 margin : 0;
 padding : 0;
}

#mainnavi li{
 float : left;
 margin : 0;
 padding : 0;
 list-style-type : none;
}

#mainnavia a{
 width : 112px;
 height : 34px;
 display : block;
 background : url(top_im/hed_navi.png) 0 0;
 overflow : hidden;
 text-decoration : none;
}

#mainnavia a:hover{
 background-position : 0 -34px;
}

#mainnavib a{
 width : 197px;
 height : 34px;
 display : block;
 background : url(top_im/hed_navi.png) -112px 0;
 overflow : hidden;
 text-decoration : none;
}

#mainnavib a:hover{
 background-position : -112px -34px;
}

#mainnavic a{
 width : 105px;
 height : 34px;
 display : block;
 background : url(top_im/hed_navi.png) -309px 0;
 overflow : hidden;
 text-decoration : none;
}

#mainnavic a:hover{
 background-position : -309px -34px;
}

#mainnavig a{
 width : 106px;
 height : 34px;
 display : block;
 background : url(top_im/hed_navi.png) -414px 0;
 overflow : hidden;
 text-decoration : none;
}

#mainnavig a:hover{
 background-position : -414px -34px;
}



#mainnavid a{
 width : 109px;
 height : 34px;
 display : block;
 background : url(top_im/hed_navi.png) -520px 0;
 overflow : hidden;
 text-decoration : none;
}

#mainnavid a:hover{
 background-position : -520px -34px;
}

#mainnavie a{
 width : 89px;
 height : 34px;
 display : block;
 background : url(top_im/hed_navi.png) -629px 0;
 overflow : hidden;
 text-decoration : none;
}

#mainnavie a:hover{
 background-position : -629px -34px;
}

#mainnavif a{
 width : 122px;
 height : 34px;
 display : block;
 background : url(top_im/hed_navi.png) -718px 0;
 overflow : hidden;
 text-decoration : none;
}

#mainnavif a:hover{
 background-position : -718px -34px;
}

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

#footnavi{
 clear : both;
 width : 840px;
 height : 34px;
 margin : 0 auto;
 background : url(top_im/footnavibg.gif) repeat-x;
}

#footnavi ul{
 margin : 0;
 padding : 5px 0 0 0;
 text-indent : 25px;
}

#footnavi li{
 display : inline;
 margin : 0 15px 0 0;
 padding : 0 15px 0 0;
 border-right : 1px solid #888;
 font-size : 80%;
}


#footer{
 clear : both;
 width : 800px;
 margin : 10px auto;
 background : url(top_im/logo.gif) right top no-repeat;
}

#footer h4{
 font-size : 90%;
}

#footer p{
 margin : 3px 0;
 font-size : 80%;
 line-height : 150%;
}

#copyright{
 width : 800px;
 margin : 0 auto;
 text-align : right;
 font-size : 70%;
}

/*共通-------------------------------------------*/

#conteiner{
 width : 840px;
 margin : 0 auto;
}

#main{
 float :left;
 width : 540px;
}

#sub{
 float : right;
 width : 280px;
 border-left : 1px solid #bbb;
}

#sub p{
 width : 260px;
 margin : 8px auto;
 font-size : 80%;
}


/*トップページ-------------------------------------*/

#mainimg{
 clear : both;
 width : 840px;
 height : 210px;
 margin : 0 auto;
}

#tohatit{
 width : 280px;
 height : 59px;
 background : url(top_im/lionstoha.png);
}


#jimutit{
 width : 280px;
 height : 59px;
 background : url(top_im/jimukyoku.png);
}

.tr{
 margin-left : 60px;
}

.yajihidari{
 background : url(top_im/akayaji.gif) no-repeat 3px 4px;
 text-indent : 15px;
}

.topnaka{
 width : 530px;
 margin : 10px 0 20px 10px;
}

.topictit{
 width : 524px;
 height : 39px;
 background : url(top_im/topicstit.png) no-repeat;
}


/*トップページ活動報告タイトル表示部分--------------------------*/

.rss-item{
 list-style-type : none;
 line-height : 200%;
 margin : 10px 0 15px 0;
}

.rss-item a{
 font-weight : normal;
 background : url(top_im/newspoint.gif) no-repeat 0 6px;
 padding-left : 15px;
 font-size : 100%;
}

.rss-items{
 margin : 0;
 padding : 0 15px;
 font-size : 100%;
}

.rss-date{
 font-size : 80%;
 margin-left : 20px;
}




/*下層共通--------------------------------------------------*/

.subnaka{
 width : 800px;
 margin : 20px auto;
 font-size : 80%;
}

.nakahidari{
 width : 550px;
 float : left;
}

.nakamigi{
 width : 200px;
 float : right;
}

.nakamigi img{
 margin-bottom : 20px;
}

.nakahidari table{
 border-collapse: collapse;
 width : 550px;
 margin : 0 0 20px 0;
}

.nakahidari th{
 width : 9em;
 text-align : left;
 font-weight : bold;
 border : 1px solid #bbb;
 padding : 5px;
 background-color : #ffffdf;
}

.nakahidari td{
 border : 1px solid #bbb;
 padding : 5px;
}

/*東京八王子高尾ライオンズクラブとは？-------------------------------*/

#thatit{
 width : 800px;
 height : 80px;
 background : url(profile/im/title.gif);
 margin : 0 0 40px 0;
 overflow : hidden;
}

.kaityoaisatu{
 width : 141px;
 height : 25px;
 background : url(profile/im/aisatu.gif);
 margin-bottom : 30px;
 overflow : hidden;
}

.kaityohousin{
 width : 141px;
 height : 25px;
 background : url(profile/im/housin.gif);
 margin-bottom : 10px;
 overflow : hidden;
 margin-top : 25px;
}

.aisatubun img{
 float : left;
 margin : 0 20px 0 0;
}

.kaineme{
 font-size : 150%;
}

.kaisro{
 font-size : 80%;
 color : #555;
}

.gaiyoutit{
 clear : both;
 width : 161px;
 height : 25px;
 background : url(profile/im/gaiyou.gif);
 margin-bottom : 30px;
 overflow : hidden;
}

.surotit{
 clear : both;
 width : 222px;
 height : 25px;
 background : url(profile/im/surogan.gif);
 margin-bottom : 30px;
 overflow : hidden;
}

#srobun{
 font-size : 150%;
 font-weight : bolder;
 color : #00A562;
 margin : 20px 0 0 0;
}

.sosikizutit{
 clear : both;
 width : 427px;
 height : 25px;
 background : url(profile/im/sosikihyo.gif);
 margin : 30px 0;
 overflow : hidden;
}

.housinti{
 font-size : 120%;
 font-weight : bolder;
 color : #00A562;
 margin : 20px 0 0 0;
}



/*東京八王子高尾ライオンズクラブのあゆみ-------------------------------*/

#ayumitit{
 width : 800px;
 height : 80px;
 background : url(ayumi/im/title.gif);
 margin : 0 0 40px 0;
 overflow : hidden;
}

.tuduru{
 clear : both;
 width : 305px;
 height : 25px;
 background : url(ayumi/im/tuduru.gif);
 margin : 30px 0;
 overflow : hidden;
}

.photowaku{
 width : 260px;
 height : 290px;
 float : left;
 margin : 0 4px 20px 0;
 background-color : #333;
}

.photoin{
 width : 250px;
 height : 185px;
 margin : 5px auto;
}

.photocom{
 font-size : 11px;
 color : #fff;
 width : 250px;
 margin : 3px auto;
 line-height : 150%;
}


/*東京八王子高尾ライオンズクラブの活動報告-------------------------------*/

#houkokutit{
 width : 800px;
 height : 80px;
 background : url(http://topics.takaolions.org/im/title.gif);
 margin : 0 0 40px 0;
 overflow : hidden;
}

.storytitle{
 height : 40px;
 border-bottom : 1px solid #bbb;
 background : url(http://topics.takaolions.org/im/titlepoint.gif) 0 43px no-repeat;
 text-indent : 65px;
 font-size : 140%;
 padding-top : 45px;
}

.storycontent{
 margin : 0 0 0 25px;
 font-size : 120%;
}

.redate{
 width : 95%;
 margin : 10px 0 10px 0;
 text-align : right;
}

.navigation{
 width : 95%;
 margin : 10px 0 10px 0;
 text-align : center;
}


/*リンク----------------------------------------------------------*/

#linktit{
 width : 800px;
 height : 80px;
 background : url(link/im/title.gif);
 margin : 0 0 40px 0;
 overflow : hidden;
}

.menberlink{
 width : 500px;
 height : 25px;
 background : url(link/im/member.gif) no-repeat left;
 margin-bottom : 30px;
 overflow : hidden;
}

.lionslink{
 width : 400px;
 height : 25px;
 background : url(link/im/lions.gif) no-repeat left;
 margin-bottom : 30px;
 overflow : hidden;
}

.hatiolink{
 width : 400px;
 height : 25px;
 background : url(link/im/hatio.gif) no-repeat left;
 margin-bottom : 30px;
 overflow : hidden;
}


/*----リンク暫定公開使用------------------*/
.linknaka{
 width : 800px;
 margin : 0 0 40px 10px;
}

.linknaka th{
 width : 300px;
 padding : 6px;
 text-align : left;
 font-weight : normal;
 font-size : 120%;
}

.linknaka td{
 padding : 6px;
 font-size : 120%;
}




/*---------リンク正式決定後使用
.linknaka{
 width : 800px;
 margin : 0 0 40px 10px;
}

.linknaka dt{
 border-left : 5px solid #004787;
 text-indent : 15px;
 font-size : 120%;
}

.linknaka dd a{
 margin-right : 20px;
}

.linknaka dd{
 margin : 5px 0 30px 20px;
}------------------------------------*/





/*問い合わせ----------------------------------------------------------*/

#inquirytit{
 width : 800px;
 height : 80px;
 background : url(inquiry/im/title.gif);
 margin : 0 0 40px 0;
 overflow : hidden;
}

#toi table{
 width : 100%;
 border-collapse: collapse;
}

#toi th{
 border : 1px solid #e5e5e5;
 padding : 15px;
 background-color : #fbfaf8;
 width : 200px;
 font-size : 110%;
}

#toi td{
 border : 1px solid #e5e5e5;
 padding : 10px;
 background-color : #fefefe;
 font-size : 110%;
}

.hissu{
 color : red;
 font-size : 80%;
 margin-left : 10px;
}

.redmoji{
 color : red;
 font-weight : bold;
}

.teltoi{
 width : 258px;
 height : 25px;
 background : url(inquiry/im/teltoi.gif);
 margin-bottom : 30px;
 overflow : hidden;
}

.mailtoi{
 width : 278px;
 height : 25px;
 background : url(inquiry/im/mailtoi.gif);
 margin-bottom : 30px;
 overflow : hidden;
}


/*行事予定----------------------------------------------------------*/

#yoteitit{
 width : 800px;
 height : 80px;
 background : url(yotei/im/title.gif);
 margin : 0 0 40px 0;
 overflow : hidden;
}

table#yoteitb caption{
 font-size : 120%;
 text-align : left;
}


table#yoteitb{
 width : 800px;
 border : 1px #e3e3e3 solid;
 border-spacing : 0;
 background: #d5f0f0 url(yotei/im/bgtd.gif) repeat-x 0 100%;
}

table#yoteitb th{
 padding : 5px;
 border : #98dcdc solid;
 border-width : 0 0 1px 1px;
 background : #94bdd9 url(yotei/im/bgth.gif) repeat-x 0 100%;
 color : #4444;
 font-weight : bold;
 line-height : 120%;
 text-align : center;
}

table#yoteitb td{
 padding : 5px;
 border-style : solid;
 border-width : 1px;
 border-color : #fff #8ed9d9 #8ed9d9 #fff;
 color : #1a4444;
 text-align : center;
 xwhite-space : nowrap;
 line-height : 150%;
}

table#yoteitb td.biko{
 text-align : left;
}