@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
  margin: 0px;
  padding: 0px;
  float: left;
  clear: none;
  width: auto; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanels2 {
  padding: 0px;
  float: left;
  clear: none;
  width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
  margin-top: -5px;
}

* html .TabbedPanels2 { margin-top: -20px;  /* for WinIE6*/ }



/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
  position: relative;
  top: 1px;
  float: left;
  padding: 7px 10px 3px;
  margin: 0px 1px 0px 0px;
  list-style: none;
  border-left: 1px #CCC;
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px #999;
  border-right: 1px solid #999;
  -moz-user-select: none;
  -khtml-user-select: none;
  cursor: pointer;
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  font-weight: bold;
  height: 16px;
  background: url(../images/tab-bg1.jpg) repeat-x bottom;
}

* html .TabbedPanelsTab { letter-spacing: 0.04em;  /* for WinIE6*/ }

.TabbedPanelsTabHover {
  color: #999999;
  background: url(../images/tab-bg2.jpg) repeat-x bottom;
}

.TabbedPanelsTabSelected {
  border-bottom: 1px solid #EEE;
  background: url(../images/tab-bg3.jpg) repeat-x bottom;
  color: #FF6600;
}






.TabbedPanelsTab2 {
  position: relative;
  top: 1px;
  float: left;
  padding: 7px 10px 3px;
  margin: 0px 1px 0px 0px;
  list-style: none;
  border-left: 1px #CCC;
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px #999;
  border-right: 1px solid #999;
  -moz-user-select: none;
  -khtml-user-select: none;
  cursor: pointer;
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  font-weight: bold;
  height: 16px;
  background: url(../images/tab-bg1.jpg) repeat-x bottom;
  color: #666666;
}

* html .TabbedPanelsTab2 { letter-spacing: 0.04em;  /* for WinIE6*/ }

.TabbedPanelsTab2Hover {
  color: #999999;
  background: url(../images/tab-bg2.jpg) repeat-x bottom;
}

.TabbedPanelsTab2Selected {
  border-bottom: 1px solid #EEE;
  background: url(../images/tab-bg4.jpg) repeat-x bottom;
  color: #FF0000;
}





.TabbedPanelsTabnon {
  position: relative;
  top: 1px;
  float: left;
  padding: 7px 10px 3px;
  margin: 0px 1px 0px 0px;
  list-style: none;
  border-left: 1px #CCC;
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px #999;
  border-right: 1px solid #999;
  -moz-user-select: none;
  -khtml-user-select: none;
  cursor: pointer;
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  font-weight: bold;
  height: 16px;
  background: url(../images/tab-bg1.jpg) repeat-x bottom;
  color: #CCCCCC;
}

* html .TabbedPanelsTabnon { letter-spacing: 0.04em;  /* for WinIE6*/ }


/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */



/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */




/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
  clear: both;
  border-left: 1px #CCC;
  border-bottom: 1px solid #999;
  border-top: 1px #CCC;
  border-right: 1px solid #999;
  background-color: #EEE;
}


.TabbedPanelsContentGroup2 {
  clear: both;
  border-left: 1px #CCC;
  border-bottom: 1px solid #999;
  border-top: 1px #CCC;
  border-right: 1px solid #999;
  background: #FFFFFF url(../images/tab-bg4.jpg) repeat-x top;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent { padding: 10px; }

.TabbedPanelsContent_news {
  height: 100px;
  overflow: auto;
}

.TabbedPanelsContent_data {
  overflow: auto;
  height: 100%;
}

/* カレンダー　*/
.calendar {
  width: 246px;
  text-align: center;
}

.calendar p {
  text-decoration: none;
  font-size: small;
  padding-top: 10px;
}

.calendar a {
  color: #666666;
  text-decoration: none;
}

.calendar span {
  color: #CC3300;
  text-decoration: none;
}

.calendar a:hover {
  filter: Alpha(Opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}


.TabbedPanelsContent  ul {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  font-size: small;
  line-height: 2em;
  padding-left: 10px;
}


/* ブログ　*/
.blog {
  background: #E4E4E4;
  width: 93%;
  margin-left: -10px;
  padding-left: 10px;
}

.TabbedPanelsContent li a {
  text-decoration: none;
  color: #666666;
  background: url(../images/sankaku.gif) no-repeat left 0.5em;
  padding-left: 12px;
  display: block;
  height: 26px;
  width: 93%;
}

* html .TabbedPanelsContent li a {
  /* for WinIE6*/
  width: 270px;
}

.TabbedPanelsContent li a span { font-size: smaller; 
}

.TabbedPanelsContent li a:hover {
  text-decoration: none;
  color: #CCCCCC;
}

.TabbedPanelsContent  dl {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  padding-left: 10px;
}

.TabbedPanelsContent dt {
  color: #CC6600;
  background: url(../images/sankaku.gif) no-repeat left 3px;
  padding-left: 12px;
  font-size: smaller;
}
.TabbedPanelsContent  dt  span {
  color: #666666;
  font-size: small;
}


.TabbedPanelsContent dd {
  color: #666666;
  padding-left: 12px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
.TabbedPanelsContent  dd  span {
  color: #666666;
  font-weight: bold;
}

.TabbedPanelsContent dd a {
  text-decoration: none;
  color: #666666;
}

.TabbedPanelsContent dd a:hover { color: #CCCCCC; }


/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


/* 理事長紹介 */
.president {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 35px 20px 20px 25px;
  text-align: left;
}
* html .president {
  /* for WinIE6*/
  letter-spacing: 0.2em;
  padding-top: 20px;
}

.president dl {
}

.president dt {
  color: #993333;
  font-size: small;
}

.president dd {
  padding-left: 90px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1em;
  margin-top: -18px;
}

.president ul { padding-top: 20px; }

.president li {
  font-size: 1em;
  line-height: 1.4em;
  vertical-align: middle;
  display: block;
  background: url(../images/sankaku.gif) no-repeat left 3px;
  padding-left: 20px;
}


.president dd a {
  color: #FF6600;
  text-decoration: none;
}
.president dd a:hover { color: #FF9966; }

/* 理事長所信 */

.president h2 {
  font-size: 2.1em;
  color: #333333;
  line-height: 1.8em;
}

.president h3 {
  font-size: 1.2em;
  color: #9966CC;
}

.president h4 {
  font-size: 1.4em;
  color: #993333;
  line-height: 2.2em;
}

.president h5 {
  font-size: 1.3em;
  color: #333333;
  line-height: 1.4em;
  text-align: left;
}

.president h6 {
  font-size: 0.8em;
  color: #0033CC;
  line-height: 1.2em;
  text-align: left;
}

.president p {
  font-size: 1em;
  color: #666666;
  line-height: 1.4em;
}
.president span {
  font-size: 1.2em;
  color: #3366FF;
  line-height: 2.6em;
  font-weight: bold;
  letter-spacing: normal;
}

.president a {
  color: #3399FF;
  text-decoration: none;
}
.president a:hover { color: #A4CCFF; }


#line {
  padding-left: 70px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
}



/* 委員会紹介 */
.iinkai {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 16px 20px 20px 25px;
  text-align: left;
}
* html .iinkai {
  /* for WinIE6*/
  letter-spacing: 0.2em;
}

.iinkai h2 {
  font-size: 2.1em;
  color: #333333;
  line-height: 1.8em;
}

.iinkai h3 {
  font-size: 1.4em;
  color: #666666;
}

.iinkai h4 {
  font-size: 1.2em;
  color: #CC6600;
  line-height: 2.2em;
  background: url(../images/sankaku.gif) no-repeat 14px;
  padding-left: 26px;
  padding-top: 10px;
}


.iinkai h5 {
  font-size: 1.4em;
  color: #CC6600;
  line-height: 1.2em;
  padding-left: 12px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.iinkai h6 {
  font-size: 1em;
  color: #FF3300;
  letter-spacing: normal;
}


.iinkai p {
  font-size: 1em;
  color: #666666;
  line-height: 1.4em;
  padding-left: 26px;
}

.iinkai p a {
  color: #CC6600;
  background: url(../images/sankaku.gif) no-repeat;
  padding-left: 16px;
  font-size: 1.2em;
}


.iinkai ul {
  list-style: disc;
  padding-left: 46px;
  font-size: 1em;
  line-height: 1.4em;
}

.iinkai a {
  color: #3399FF;
  text-decoration: none;
}
.iinkai a:hover { color: #A4CCFF; }


/* 出向者一覧 */
.syukkoh {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 16px 20px 20px 25px;
  text-align: left;
}
* html .syukkoh {
  /* for WinIE6*/
  letter-spacing: 0.2em;
}

.syukkoh dl {
}

.syukkoh dt {
  color: #333333;
  font-size: small;
}

.syukkoh dd {
  padding-left: 420px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
}
.syukkoh dd span { font-size: x-small; }

.syukkoh h3 {
  color: #993300;
  font-size: medium;
  padding-bottom: 20px;
}

.syukkoh h2 {
  font-size: 2.1em;
  color: #333333;
  line-height: 1.2em;
}

.syukkoh span {
  font-size: 0.6em;
  color: #666666;
  letter-spacing: normal;
}

.syukkoh p {
  font-size: 2.1em;
  color: #FF0000;
  line-height: 1em;
}


/* リンク */
.link {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 16px 20px 20px 25px;
  text-align: left;
}

.link dt a {
  color: #3366CC;
  display: block;
  height: 26px;
  width: 715px;
  text-decoration: none;
  padding-top: 8px;
}
.link  dt a:hover { color: #A5C9FF; }

.link dl {
}

.link dt {
  color: #000066;
  font-size: small;
}

.link dd {
  padding-left: 350px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1em;
  margin-top: -27px;
  }
  
  * html .link dd {
  /* for WinIE6*/
  margin-top: -24px;
}


/* 事業報告 */
.report {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 16px 20px 20px 25px;
  text-align: left;
}
* html .report {
  /* for WinIE6*/
  letter-spacing: 0.2em;
}

.report h2 {
  font-size: 0.8em;
  color: #333333;
  padding-top: 20px;
  margin-bottom: 5px;
  padding-left: 10px;
}

.report h2 span {
  font-size: 0.6em;
  color: #333333;
}

.report h3 {
  font-size: 1.2em;
  color: #666666;
  text-align: right;
  border-bottom: 1px groove #999999;
  margin-top: -35px;
  padding-right: 10px;
  padding-bottom: 5px;
}

.report h4 {
  font-size: 1.2em;
  color: #CC6600;
  line-height: 2.2em;
  background: url(../images/sankaku.gif) no-repeat 14px;
  padding-left: 26px;
}


.report p {
  font-size: 1.2em;
  color: #666666;
  line-height: 1.4em;
  padding: 20px 30px;
}

.report ul {
  list-style: disc url(none);
  padding-left: 46px;
  font-size: 1.1em;
  line-height: 1.4em;
}

.report a {
  color: #3399FF;
  text-decoration: none;
}
.report a:hover { color: #A4CCFF; }


/* 写真エリア */
#photo-area {
  width: 100%;
  margin-bottom: 20px;
}

#photo-box {
  width: 206px;
  background: #FFFFFF;
  padding: 5px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-left: 1px solid #CCCCCC;
  float: left;
  margin: 10px;
}
* html #photo-box { margin: 10px 8px; }

#photo-cmt {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  font-size: 1em;
  color: #666666;
  text-align: center;
  padding-top: 3px;
  letter-spacing: 0em;
}

/* コラムエリア */
#column-area {
  width: 67%;
  float: left;
}

/* アイテムエリア */
#item-area {
  width: 30%;
  float: right;
  padding-right: 20px;
}
* html #item-area {
  /* for WinIE6*/
  padding-right: 0px;
}

#eco-cmt {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  font-size: 1em;
  color: #666666;
  letter-spacing: 0em;
  padding: 8px;
}



/* アンケート */
.result {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 16px 20px 20px 25px;
  text-align: left;
}
* html .result {
  /* for WinIE6*/
  letter-spacing: 0.2em;
}

.result h5 {
  font-size: 1.2em;
  margin-top: -28px;
  text-align: right;
  padding-right: 100px;
}
* html .result h5 {
  /* for WinIE6*/
  margin-bottom: 5px;
  margin-top: -32px;
}
*:first-child+html .result h5 {
  /* for WinIE7*/
  margin-bottom: 5px;
  margin-top: -32px;
}
.result dl {
}

.result dt {
  color: #993333;
  font-size: 1.4em;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-top: 20px;
  border-top: 1px dotted #999999;
  line-height: 1.3em;
}

.result dd {
  padding-left: 30px;
  font-size: 1.3em;
  padding-top: 10px;
}
* html .result dd {
  /* for WinIE6*/
  margin-bottom: 5px;
}
*:first-child+html .result dd {
  /* for WinIE7*/
  margin-bottom: 5px;
}

.result ul { }

.result li {
  font-size: 1.1em;
  line-height: 1.4em;
  vertical-align: middle;
  display: block;
  background: url(../images/sankaku.gif) no-repeat left 6px;
  padding-left: 20px;
}

.result dd a {
  color: #FF6600;
  text-decoration: none;
}
.result dd a:hover { color: #FF9966; }


/* ロゴ募集 */
.logobosyu {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 16px 20px 20px 25px;
  text-align: left;
}
* html .logobosyu {
  /* for WinIE6*/
  letter-spacing: 0.2em;
}

.logobosyu h3 {
  font-size: 1.9em;
  font-weight: bold;
  color: #009966;
  line-height: 1.5em;
  padding-bottom: 10px;
  padding-top: 10px;
}

.logobosyu p {
  font-size: 1.2em;
  color: #666666;
  line-height: 1.4em;
  padding: 20px 30px;
}

.logobosyu ul {
  list-style: none;
  padding-left: 46px;
  font-size: 1.2em;
  line-height: 1.4em;
}

.logobosyu a {
  color: #3399FF;
  text-decoration: none;
}
.logobosyu a:hover { color: #A4CCFF; }






/* JC杯 */
.jccup {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.2em;
  letter-spacing: 0.1em;
  padding: 16px 20px 10px 25px;
  text-align: left;
}
* html .jccup {
  /* for WinIE6*/
  letter-spacing: 0.2em;
}

.jccup-none { display: none; }


/* 藤枝大会 */

#jcfc-gaiyou { margin-top: ; }


.jcfc {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 16px 20px 10px 25px;
  text-align: left;
  background: #C3E5B6;
}
* html .jccup {
  /* for WinIE6*/
  letter-spacing: 0.2em;
}

.jcfc h3 {
  font-size: 1.9em;
  font-weight: bold;
  color: #0066CC;
  line-height: 1.5em;
  padding-bottom: 20px;
  padding-top: 10px;
}


.jccup h3 {
  font-size: 1.9em;
  font-weight: bold;
  color: #0066CC;
  line-height: 1.5em;
  padding-bottom: 20px;
  padding-top: 10px;
}

.jccup h3 span {
	font-size: small;
	color: #999999;
}

.jccup h4 {
  font-size: 1.4em;
  font-weight: bold;
  color: #666666;
  padding-bottom: 20px;
  padding-top: 10px;
  padding-left: 20px;
}

.jccup p {
  font-size: 1.2em;
  color: #666666;
  line-height: 1.4em;
  padding: 0px 30px 20px;
}

.jccup ul {
  list-style: none;
  padding-left: 46px;
  font-size: 1.2em;
  line-height: 1.4em;
}

.jccup a {
  color: #3399FF;
  text-decoration: none;
}
.jccup a:hover { color: #A4CCFF; }



/* 左エリア */

#left-area {
  width: 50%;
  float: left;
}

#left-area70 {
  width: 70%;
  float: left;
}

#left-area70 a { color: #666666; }

#left-area70 a:hover { color: #CCCCCC; }

#left-area70 dd {
  padding-left: 50px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
}

#left-area50 {
  width: 50%;
  float: left;
}

#left-area50 a { color: #666666; }

#left-area50 a:hover { color: #CCCCCC; }

#left-area50 dd {
  padding-left: 50px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
}

#left-area50 dd span {
  font-size: 0.8em;
  color: #666666;
}

/* 右エリア */

#right-area {
  width: 50%;
  float: right;
}

#right-area30 {
  width: 30%;
  float: right;
  background: #FFFFFF;
}

#right-area40 {
  width: 40%;
  float: right;
  background: #FFFFFF;
}

#right-area40 a { color: #666666; }

#right-area40 a:hover { color: #CCCCCC; }

#right-area40 dd {
  padding-left: 50px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
}

#right-area40s {
  width: 40%;
  float: right;
  background: #FFF2A6;
  border: medium solid #FF0000;
  margin-bottom: 20px;
}

#right-area40s a { color: #666666; }

#right-area40s a:hover { color: #CCCCCC; }

#right-area40s dd {
  padding-left: 50px;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
}
#right-area40s P {
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFF00;
  background: #FF0000;
  width: 100%;
  padding: 5px 0px;
}

.jccup dl { padding-left: 20px; }

.jccup dt {
  color: #009966;
  font-size: small;
}

.jccup dd {
  padding-left: 85px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
  line-height: 1.4em;
}

.jccup ul {
  font-size: 1em;
  list-style: circle;
}


/* 参加チーム */
.teamlist {
}

.teamlist dl { padding-left: 20px; }

.teamlist dt {
  color: #009966;
  font-size: small;
}

.teamlist dd {
  padding-left: 30px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
  color: #003366;
}
.teamlist dd span {
  font-size: 0.8em;
  padding-left: 20px;
  color: #666666;
}


/* 日程・結果 */
#nittei {
  width: 640px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}

#nittei table {
  font-size: 1.3em;
  width: 640px;
  margin-bottom: 30px;
  background: #FFFFFF;
}

.bg-shiro { background: #ECECEC; }

#nittei td { padding: 8px; }


.league {
  font-weight: bold;
  color: #FFFFFF;
  background: #009900;
}

.league2 {
  font-weight: bold;
  color: #FFFFFF;
  background: #6666FF;
}

.league3 {
  font-weight: bold;
  color: #FFFFFF;
  background: #CC3333;
}

.league4 {
  font-weight: bold;
  color: #FFFFFF;
  background: #990099;
}

.ground {
  font-weight: bold;
  color: #FFFFFF;
  background: #666666;
  text-align: right;
}
.ground span { font-size: 0.8em; }

.time {
  width: 60px;
  text-align: center;
}
.team {
  width: 250px;
  text-align: right;
}

.team2 {
  width: 250px;
  text-align: left;
}
.score {
  width: 80px;
  text-align: center;
}

.shinsyutu {
  font-size: 0.9em;
  color: #FF6633;
  text-align: center;
}

.komoku {
  background: #E4E0FF;
  text-align: center;
  border-bottom: 1px solid #666666;
  font-size: 0.8em;
}

.komoku2 { width: 60px; }

#nittei h3 span{
  font-size: 0.6em;
  color: #FF0000;
}


/* 順位表 */
.ranking {
}

.ranking dl { padding-left: 20px; }

.ranking dt {
  color: #FF0000;
  font-size: small;
}

.ranking dd {
  padding-left: 50px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
  color: #003366;
}
.ranking dd span {
  font-size: 0.8em;
  padding-left: 20px;
  color: #666666;
}

/* ＭＶＰ */
.mvp {
}

.mvp dl { padding-left: 20px; }

.mvp dt {
  color: #003366;
  font-size: medium;
}

.mvp dd {
  padding-left: 100px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
  color: #666666;
}
.mvp dd span {
  font-size: 0.8em;
  padding-left: 20px;
  color: #666666;
}

/* ＪＣ写真館 */
#photo-btn {
  margin-bottom: 20px;
  margin-left: 50px;
}

#photo-btn a {
}

#photo-btn a:hover {
  filter: Alpha(Opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
  display: block;
  height: 50px;
   }
   
#uketsuke-btn {
  margin-bottom: 20px;
  margin-left: 35px;
}

#uketsuke-btn a {
}

#uketsuke-btn a:hover {
  filter: Alpha(Opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
  display: block;
  height: 140px;
   }


/* 藤枝JC */
.mottainai {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  padding: 16px 20px 10px 25px;
  text-align: left;
}
* html .mottainai {
  /* for WinIE6*/
  letter-spacing: 0.2em;
}

.mottainai h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #0066CC;
  padding-top: 10px;
}

.mottainai h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #0066CC;
  padding-top: 10px;
}

.mottainai p {
  font-size: 1.2em;
  color: #666666;
  line-height: 1.4em;
  padding: 20px 30px;
}

.mottainai p span {
  font-size: 1em;
  color: #666666;
  padding: -100px 30px 20px;
  margin-top: -100px;
}

.mottainai ul {
  list-style: none;
  padding-left: 46px;
  font-size: 1.2em;
  line-height: 1.4em;
}

.mottainai a {
  color: #3399FF;
  text-decoration: none;
}
.mottainai a:hover { color: #A4CCFF; }

.mottainai dl { padding-left: 20px; }

.mottainai dt {
  color: #009966;
  font-size: small;
}

.mottainai dt2 {
  display: none;
}

.mottainai dd {
  padding-left: 85px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
}
.mottainai dd2 {
  display: none;
}

.mottainai dd a {
  display: block;
  height: 50px;
  width: 150px;
}
.mottainai dd a:hover {
  filter: Alpha(Opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
   }

.mottainai dd span { font-size: 0.8em; }





#nichiji {
  width: 100%;
  float: right;
}

#nichiji dl { padding-left: 20px; }

#nichiji dt {
  color: #009966;
  font-size: small;
}

#nichiji dd {
	padding-left: 150px;
	border-bottom: 1px dotted #999999;
	/* [disabled]padding-bottom: 12px; */
	margin-bottom: 14px;
	font-size: 1.2em;
	margin-top: -18px;
}






#right-area-logo {
  width: 30%;
  float: right;
  background: #FFFFFF;
  text-align: center;
}

#right-area-logo p {
  text-align: left;
  font-size: 1em;
}

#right-area-logo a:hover {
   filter: Alpha(Opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}

#left-area-logo {
  width: 70%;
  float: left;
}

/* 2011.10月例会「富士山静岡空港」 */
.kuukou {
  font-family: "メイリオ", "ヒラギノ丸ゴ Pro W4", Osaka;
  text-align: left;
  line-height: 1.6em;
}
* html .kuukou {
  /* for WinIE6*/
  letter-spacing: 0.2em;
}

.kuukou p {
  padding: 30px 30px 20px;
}

.kuukou h3 {
  font-size: 1.9em;
  font-weight: bold;
  color: #0066CC;
  line-height: 1.5em;
  padding-bottom: 20px;
  padding-top: 10px;
}

.kuukou h4 {
  font-size: 1.4em;
  font-weight: bold;
  color: #666666;
  padding-bottom: 20px;
  padding-top: 10px;
  padding-left: 20px;
}

.kuukou h5 {
  font-size: 1.3em;
  color: #FF6600;
  line-height: 1.4em;
}

.kuukou h6 {
  font-size: 1.2em;
  color: #666666;
  padding: 20px 30px;
  line-height: 1.4em;
}


.kuukou ul {
  list-style: none;
  padding-left: 46px;
  font-size: 1.2em;
  line-height: 1.4em;
}

.kuukou a {
  color: #3399FF;
  text-decoration: none;
}
.kuukou a:hover { color: #A4CCFF; }




.kuukou dl { padding-left: 20px; }

.kuukou dt {
  color: #009966;
  font-size: small;
}

.kuukou dd {
  padding-left: 85px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 12px;
  margin-bottom: 14px;
  font-size: 1.2em;
  margin-top: -18px;
  padding-right: 15px;
}

.kuukou dd span { font-size: small; }

.kuukou li { font-size: small; }

.kuukou ul {
  font-size: 1em;
  list-style: circle;
}