@charset "UTF-8";

/*
-----------------------------------------------
CSS file for Club-site
----------------------------------------------- */

/* Base 
----------------------------------------------- */

/* 全称セレクタ（全ての要素）に対して */
* 
{
    margin: 0; /* マージンなし */
    padding: 0; /* パディングなし */

    background-color: white; /* 背景色 */
    color: #000000; /* 文字色（前景色） */
    font-family: "ＭＳ Ｐゴシック" ,Osaka , sans-serif; /* フォントの種類 */
    text-decoration: none;  /* フォントの飾り無し */
    font-weight: normal; /* フォントの太さ */
    font-style: normal; /* フォントの表示スタイル 直立or斜体 */
    line-height: 130%;/* フォントサイズに対する、行高さの割合 */
    vertical-align: middle; /* bottom; */ /* imgとテキストの縦方向の配置を調整 */
}

body
{
     /*	background-image :url(file); */ /* 背景画像 */ 
    text-align:  center; /* ページ全体のセンタリング */ 
    font-size: 11pt; /* bodyのフォントサイズに対する％ */
}

table, caption
{
    font-family: "ＭＳ Ｐゴシック" ,Osaka , sans-serif; /* フォントの種類 */
    text-align: left; /* 文字を左寄せに */
    width: 100%;
    font-size: 100%; /* bodyのフォントサイズに対する％ */
    border-width: 0px; 
    border-collapse: collapse;

    border-color:Gray; /*    border-color:#808080;  */
    border-style: solid; /* 実線 */
    empty-cells: show;  /* 空白セルも表示 */
    background-color:White;
}

table 
{
    border-width: 1px; 
    margin-top: 2px;
    margin-bottom: 2px;
}

th
{
    text-align:center;
    padding: 5px;
    border-right: 1px solid Gray;
    border-bottom: 1px solid Gray;
    background-color: #C0C0C0;
}

td
{
    padding: 5px;
    border-right: 1px solid Gray;
    border-bottom: 1px solid Gray;
    background-color:White; 
}

a 
{
    text-decoration:underline;
}

a:link 
{
	color:blue;
}

a:visited {
	color:purple;
}

a:hover {
}


ul, dl, ol
{
    /*
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
    */
    /*
    margin-bottom: 1%;
    */
    margin-top: 2px;
    margin-bottom: 2px;
    list-style-type: none;
}

li, dd
{
    /*	text-indent :;      各段落の頭に1マス空ける 1em  */ /*	text-align :left ; */
    /*
    margin-top: 0%;
    margin-bottom: 1%;
    */
    
    margin-bottom: 1px;
}

dd
{
    margin-left: 1em; /* 先頭文字空ける 1em */
}

dt
{
}

img
{
    border-style: none; /* 枠なし */
    margin-left: 0px;
    margin-right: 0px;
}

strong
{
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

em
{
    color: #FF0000;
    text-decoration: none;
    font-weight: bold;
}

a:link.hidden_link
{
    color: black;
    text-decoration: none;
}

a:visited.hidden_link
{
    color: black;
    text-decoration: none;
}

a:hover.hidden_link
{
    color: black;
    text-decoration: none;
}

a:active.hidden_link
{
    color: black;
    text-decoration: none;
}

a:link.builtin_link
{
    color: blue; /* old */
}

a:visited.builtin_link
{
    color: blue; /* old */
}

a:hover.builtin_link
{
    color: #FFFFFF;
    background-color: #0000FF;
}

a:active.builtin_link
{
    color: blue;
}

/* body で指定したフォントサイズに対する％ */

h1
{
    font-size: 180%; /* body で指定したフォントサイズに対する％ */
    font-weight: bold;
    line-height: 1.5; /* 行送りをfont-sizeの１．５倍する */
    margin-top: 2px;
    margin-bottom: 2px;
}

h2
{
    font-size: 140%;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 1px;
    margin-bottom: 1px;
}


h3
{
    font-size: 130%;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 1px;
    margin-bottom: 1px;
}

h4
{
    font-size: 120%;
    font-weight: bold;
    line-height: 1;
    margin-top: 1px;
    margin-bottom: 1px;
}

h5
{
    font-size: 95%;
    font-weight: bold;
    line-height: 1;
    margin-top: 1px;
    margin-bottom: 1px;
}

h6
{
    font-size: 85%;
    font-weight: normal;
    line-height: 1;
    margin-top: 1px;
    margin-bottom: 1px;
}

p,label
{
    font-size: 100%;
    font-weight: normal;
    line-height: 1;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 0px;
}

p
{
/*    text-indent: 1em;*/
/*
    padding-left:1em;
    padding-right:1em;
*/
/*
    margin-left:1em;
    margin-right:1em;
*/
}

form
{
    font-size: 90%;
    margin-bottom: 1px; /* 要素と次の要素の間 */
    font-family: "ＭＳ Ｐゴシック" ,Osaka , sans-serif; /* フォントの種類 */
}

input
{
    font-size: 85%;
}

hr
{
    color: #C0C0C0;
    text-align:center;
}

/* Layout
----------------------------------------------- */
*.cl_summer
{ 
    background-color: navy; /* 背景色 */
    color: White;
    padding-left: 1em;
}


*.cl_spring
{
    background-color: green; /* 背景色 */
    color:White;
    padding-left: 1em;
}

*.cl_fall
{
    background-color: #FF6600; /* 背景色 orange */
    color:White;
    padding-left: 1em;
}

*.cl_winter
{
    border-style: solid none solid none;
    border-width: thick;
    border-color: #008000;
    background-color: #FFFFFF; /* 背景色 */
    color: #008000;
    padding-left: 1em;
}

*.cl_photo_album td
{
    width: 100%;
    text-align: center;
}

*.cl_title
{
    text-align: center;
    font-weight:bold; /* フォントの太さ */
}

*.cl_subtitle
{
    text-align: right;
}

*.cl_contents_sub_nonp
{
    font-family: "ＭＳ ゴシック" , monospace; /* フォントの種類 */
}

*.cl_no_separate
{
    width: 100%;
    text-align: left;
}

*.cl_separate2_left
{
    float: left;
    width: 49.75%;
    text-align: left;
/*	width: 42.4%; 	margin-left:0.6%; */
}

*.cl_separate2_right
{
    float: right;
/*    width: 49.75%; */
    width: 49.75%;
    text-align: left;
    margin-left:0.5%;
/*	width: 42.4%; 	margin-left:0.6%; */
}

*.cl_separate_clear
{
    clear:both;
/*    width: 60%; */
}

/* ******************************************* */
div.cl_pg
{
    width: 756px;
    text-align: center;
    margin:0 auto 0 auto; /* center on everything else */
}

div.cl_banner
{
    width: 100%; /*	text-align:center;*/
}

div.cl_ibanner
{
    width: 94%; /*	margin-left:28px;  	margin-right:28px;*/
}

div.cl_ibanner2_left
{
    float: left;
    width: 79%;
    text-align: left;
    margin-bottom: 30px;

}

div.cl_ibanner2_right
{
    float: left;
    width: 21%;
    text-align: left;
    margin-bottom: 30px;
}

div.cl_topmenu
{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

div.cl_topmenu ul
{
    padding: 0px;
    margin: 0px;
    list-style:none;
}

div.cl_topmenu li
{
    float: left;
    padding: 0px;
    margin: 0px 0px;
    background: #FFFFFF url(Common.files/BtTop_over.gif) left top no-repeat;
/* sidemenuと同じ画像を使いたかったが、floatとmargin-leftを同時に使うとIE6のバグで表示が崩れる */
/* margin分の隙間を画像にプラスして回避 */
/* margin: 0px 11px; */
/* background: #FFFFFF url(Common.files/Bt_over.gif) left top no-repeat; */
}

div.cl_topmenu li a
{
    display: block;
    width: 151px;
   	height: 34px;
    font-size: 85%;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
   	line-height: 34px;
    background: #FFFFFF url(Common.files/BtTop.gif) left top no-repeat;
/* sidemenuと同じ画像を使いたかったが、floatとmargin-leftを同時に使うとIE6のバグで表示が崩れる */
/* margin分の隙間を画像にプラスして回避 */
/* background: #FFFFFF url(Common.files/Bt.gif) left top no-repeat; */
}

div.cl_topmenu li a:link,li a:visited
{
    color:#FFFFFF;
}

div.cl_topmenu li a:hover
{
/*    background: #FFFFFF url(Common.files/Bt_over.gif) left top no-repeat; */
    background-image:none;
    background-color:Transparent;
    color: #000000;

}

div.cl_sidemenu
{
}

div.cl_sidemenu img
{
    float: left;
}

div.cl_sidemenu dl
{
    padding: 0px;
    list-style: none;
}

div.cl_sidemenu dt
{
    padding: 0px;
    margin: 0px;
    float: left;
    background: #FFFFFF url(Common.files/Bt_over.gif) left center no-repeat;
}

div.cl_sidemenu dt a
{
    display: block;
    width: 129px;
    height: 34px;
    background: #FFFFFF url(Common.files/Bt.gif) left center no-repeat;
    font-size: 85%;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
   	line-height: 34px;
}

div.cl_sidemenu dt a:link
{
    color:#FFFFFF;
}

div.cl_sidemenu dt a:visited
{
    color:#FFFFFF;
}

div.cl_sidemenu dt a:hover
{
     padding: 0px;
     margin: 0px;
/*    background: #FFFFFF url(Common.files/Bt_over.gif) left center no-repeat; */
    background-image:none;
    background-color:Transparent;
    color: #000000;   
     /* hoverをlink,visitedの下にすることで、hover時の色がvisitedの色より優先される（IEと他ブラウザの違いを吸収） */
}

div.cl_sidemenu dd
{
    padding: 0px;
    margin: 0px;
}

div.cl_contents_sub
{
    width: 96%;
    position: relative;
    left: 32%;  /*	line-height:110%; */
    top: 0px;
}


/* コンテンツのレイアウト */

div.cl_contents1
{
    width: 100%;
    text-align: left;
    clear: both;
}

div.cl_ourplans_contents1
{
    width: 90%;
    text-align: left;
    border: thick double #008080; /*    border: 5px double #008080; */ /*   padding: 30px; */ /*	margin      :0.5em 2em */
    padding: 4.4%; /*	margin      :0.5em 2em */
    clear: both;
}

div.cl_ourreports_contents1
{
    width: 90%;
    text-align: left;
    border: 5px double #008080;
    padding: 4.4%;
    font-family: "ＭＳ ゴシック" , monospace; /* フォントの種類 */
    font-weight: normal; /* フォントの太さ */
    font-style: normal;
    clear: both;
}

div.cl_icontents2a_left
{
    float: left;
    width: 51%;
    text-align: left;
}

div.cl_icontents2a_right
{
    float: left;
/*    width: 47.4%; */
    width: 48%;
    text-align: left;
    margin-left: 0.6%;
}

div.cl_icontents2b_left
{
    float: left;
/*    width: 60%; */
    width: 51%;
    text-align: left;
}

div.cl_icontents2b_right
{
    float: left;
/*    width: 47.4%; */
    width: 48%;
    text-align: left;
    margin-left: 0.6%; /*	width: 42.4%; 	margin-left:0.6%; */
}

div.cl_icontents1_post
{
    clear: left;
    text-align: left;
}

div.cl_map
{
    text-align: left;
}

div.cl_map img 
{
    text-align:  center;
    border-style: solid;
    border-width: 1px;
}

div.cl_footer
{
    width: 100%;
    text-align: center;
    font-size: 100%;
    clear: both;

}

div.cl_footer2_left
{
    width: 50%;
    float: left;
    text-align: left;
}

div.cl_footer2_right
{
    width: 50%;
    float: left;
    text-align: right; /*	margin-left:1px; */
}

div.cl_ifooter3_left
{
    width: 20%;
    float: left;
    text-align: left;
}

div.cl_ifooter3_center
{
    width: 60%;
    float: left;
    text-align: center;
}

div.cl_ifooter3_right
{
    width: 20%;
    float: left;
    text-align: right;
}