@charset "UTF-8";
/* CSS Document */

/* #############################

   LAST UP DATE : 2009.09.25

   ############################# */
   
/* ------- CSS INDEX -------
   01. Standard class
   02. Container
   03. Information Bar = Fixed
   04. Navigation
   05. Main Column Title
   06. Main Contents
   07. List Design
   8. Table Variation
   9. Other
*/

/* -----------------------------------
   YUI Fonts CSS
   FontSize(Declare this percent)
   10px = 77%
   11px = 85% 
   12px = 93%
   13px = 100%
   14px = 108%
   15px = 116%
   16px = 123.1%
   17px = 131%
   18px = 138.5%
   19px = 146.5%
   20px = 153.9%
   ----------------------------------- */


/* -----------------------------------
   01. Standard class
   ----------------------------------- */
body,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif !important;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; /*for ie6*/
}
body,
td,
th {
	color: #000;
	line-height: 1.4;
}
body {
	background-color: #F3F3F3;
	padding-bottom: 20px;
}
strong {
	font-size: 123.1%;
	font-weight: bold;
}
a:link {
	color: #00F;
}
a:visited {
	color: #800080;
}
a:hover {
	color: #F60;
}
a:active {
	color: #F00;
}
.clear {
	clear: both;
	display: block;
}
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}
.textSmall {
	font-size: 85%;
}
.textWhite {
	color: #FFF;
}
.textRed {
	color: #F00;
}
.textBlue {
	color: #00F;
}
.textYellow {
	color: #FF0;
}
.textDarkYellow {
	color: #990;
}
.textPink {
	color: #F0F;
}
.textOrange {
	color: #F90;
}
.textGreen {
	color: #090;
}
/* --- Float Clear ------------- */
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.clearfix {
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */


/* -----------------------------------
   02. Container
 * ----------------------------------- */
#wrapper {
	width: 950px;
	margin: 0 auto 0px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-align: justify;
	background-color: #FFF;
	text-justify: inter-ideograph;
}
#mainContainer {
	padding: 10px 20px 20px;
}
#mainColumn {
	float: left;
	width: 530px;
	margin-left: 20px;
}


/* -----------------------------------
   03. Head Contents
 * ----------------------------------- */
#header {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
h1 {
	float: left;
	padding-top: 4px;
}
#headLink li {
	float: right;ｓ
	margin-top: 15px;
	border-right-color: #999;
	border-right-style: solid;
	border-right-width: 1px;
	font-size: 93%;
	line-height: 1.1;
	display: block;
}
#headLink li.headLinkEnd {
	border-right-style: none;
}
#headLink li a {
	padding: 5px;
	color: #666;
	text-decoration: none;
}
#headLink li a:hover {
	color: #F60;
}
#headImage {
	padding-bottom: 10px;
	line-height: 0;
	background-image: url(../images/bg_headimage.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}


/* -----------------------------------
   04. Navigation
 * ----------------------------------- */
#lectureNavi {
	float: left;
	width: 200px;
}
#lectureNavi h2 {
	height: 22px;
	width: 200px;
	padding-top: 8px;
	font-size: 116%;
	color: #FFF;
	line-height: 1;
	text-align: center;
	background-image: url(../images/bg_link_h2.gif);
	background-repeat: no-repeat;
}
#lectureNavi h2.naviBenesse {
	height: 28px;
	padding-top: 2px;
}
#lectureNavi ul {
	margin-top: 5px;
	margin-bottom: 15px;
}
#lectureNavi li {
	font-size: 93%;
	line-height: 0;
}
#lectureNavi a,
#lectureNavi li.naviSelected {
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
	border: 1px solid #DDD;
	color: #000;
	line-height: 1;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #E7E7E7;
	background-image: url(../images/bg_link_gray.gif);
	background-repeat: repeat-x;
}
#lectureNavi a:hover,
#lectureNavi li.naviSelected {
	border: 1px solid #BBB;
	color: #FFF;
	background-color: #C30;
	background-image: url(../images/bg_link_gray_hover.gif);
}
#section3 {
	margin-top: 30px;
}

/* ---------------------------------- */

#fixedLink {
	float: right;
	width: 140px;
}
#fixedLink ul {
	padding-top: 5px;
	padding-bottom: 15px;
}
#wrapper  {
	padding-bottom: 2px;
}
#fixedLink li img {
	vertical-align: top;
}
#fixedLink li a {
	display: block;
	background-image: url(../images/bg_fixedlink_gray.gif);
	background-repeat: no-repeat;
}
#fixedLink li a:hover,
#fixedLink li.fxLinkSelected {
	background-image: url(../images/bg_fixedlink_gray_hover.gif);
	background-repeat: no-repeat;
}
#fixedLink li#linkToWeb {
	margin-top: 15px;
}



/* -----------------------------------
   05. Main Column Title
 * ----------------------------------- */
#mainColumn h3 {
	margin-bottom: 20px;
}
#mainColumn h4 {
	padding: 7px 220px 4px 18px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #00C;
	font-size: 108%;
	font-weight: bold;
	color: #00C;
	line-height: 1.1;
	background-image: url(../images/bg_h3_back_blue.gif);
	background-repeat: no-repeat;
}
#mainColumn h4.titleBlueLong {
	padding-right: 120px;
	background-image: url(../images/bg_h3_back_blue_long.gif);
}
#mainColumn h5 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 108%;
	line-height: 1.2;
	background-image: url(../images/bg_h4_head.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
}
#mainColumn h6 {
	padding: 2px 2px 2px 4px;
	margin-top: 15px;
	margin-bottom: 5px;
	border-left-color: #F60;
	border-left-style: solid;
	border-left-width: 12px;
	font-weight: bold;
	color: #F60;
	background-color: #F2F2F2;
}
#mainColumn .titleImportant {
	padding: 5px 2px 3px;
	margin-top: 20px;
	margin-bottom: 10px;
	border: 0px none #FFF;
	font-size: 116%;
	font-weight: normal;
	color: #000;
	line-height: 1;
	text-align: center;
	background-color: #9C0;
	background-image: none;
}
.catchCopy {
	font-size: 138.5%;
	line-height: 1.3;
}
.noticeBlock {
	width: 250px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 15px;
	margin-bottom: 20px;
	border: 1px solid #000;
	font-size: 108%;
	line-height: 1.1;
	text-align: center;
	background-color: #9C0;
}


/* -----------------------------------
   06. Main Contents
 * ----------------------------------- */
#pageMove {
	padding: 0px 0px 10px;
	display: block;
	padding-right: 20px;
}
#pageMove li {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5px;
}
#pageMove li.pageMoveTitle {
	color: #999;
	text-align: right;
}
#pageMove li.currentPage,
#pageMove li a {
	width: 1.5em;
	padding: 3px 1px 2px;
	border: 1px solid #999;
	color: #999;
	line-height: 1;
	text-align: center;
	display: block;
	background-image: none;
	list-style-image: none;
	list-style-position: inside;
}
#pageMove li a {
	border: 1px solid #00F;
	color: #00F;
	text-decoration: none;
}
#pageMove li a:hover {
	border: 1px solid #F60;
	color: #F60;
}
#mainColumn p {
	margin-bottom: 10px;
}
#mainColumn .linkBlock {
	margin-top: 20px;
	margin-bottom: 20px;
}
#mainColumn .linkBlock a,
#footLinkArea a {
	width: 240px;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #FFF;
}
#mainColumn .linkBlock a.noBoder {
	width: 100%;
	border: 1px solid #FFF;
}
#mainColumn .linkBlock a.figureLink {
	width: 528px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#mainColumn .linkBlock a:hover,
#footLinkArea a:hover {
	border: 1px solid #F60;
	color: #F60;
	background-color: #FFF;
	background-image: url(../images/bg_hover_back.gif);
	background-repeat: repeat;
}
#footLinkArea {
	clear: both;
	padding-top: 30px;
	display: block;
}
#footLinkArea p.nextPrevPage a {
	margin-right: 0px;
	margin-left: auto;
	border: 1px solid #00F;
	background-color: #FCFFE7;
}
#footLinkArea p.nextPrevPage a:hover {
	background-color: #FFF;
}
#mainColumn p.linkSeasonFee {
	margin-top: 20px;
	margin-bottom: 20px;
}
#mainColumn p.linkSeasonFee a {
	width: 300px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 123.1%;
	color: #FFF;
	line-height: 1.2;
	text-decoration: underline;
	background-color: #F00;
}
#mainColumn p.linkSeasonFee a:hover {
	font-size: 123.1%;
	color: #FFF;
	line-height: 1.2;
	background-color: #F60;
	background-image: none;
}


/* -----------------------------------
   07. List Design
 * ----------------------------------- */
ul.mainTextList {
	margin-top: 20px;
	margin-bottom: 20px;
}
ul.mainTextList li,
p.mainTextList {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 11px;
	background-image: url(../images/bg_maintext_list_head.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}
ul.mainTextList li li {
	background-image: none;
}
.captionNotice {
	padding-top: 3px;
	padding-bottom: 10px;
	line-height: 1.3em;
}
.captionNotice li,
p.captionNotice {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 11px;
	background-image: url(../images/bg_notice_list.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}
p.captionNotice {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #F00;
}
ul.mainTextList2 {
	margin-top: 20px;
	margin-bottom: 20px;
}
ul.mainTextList2 li {
	padding-top: 1px;
	padding-bottom: 1px;
	text-indent: -1em;
	margin-bottom: 5px;
	margin-left: 1em;
}


/* -----------------------------------------
   8. Table Variation
 * ----------------------------------------- */
.tableTdLeft,
.tableTdCenter,
.tableTdRight {
	width: 100%;
	margin-bottom: 5px;
}
.tableTdLeft th,
.tableTdCenter th,
.tableTdRight th {
	padding: 4px 2px 3px;
	border: 1px solid #999;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	background-color: #E7E7E7;
	font-size: 93%;
}
.tableTdLeft td,
.tableTdCenter td,
.tableTdRight td {
	padding: 4px 2px 3px;
	border: 1px solid #999;
	line-height: 1.2;
	text-align: left;
	font-size: 93%;
}
.tableTdCenter td {
	text-align: center;
}
.tableTdRight td {
	text-align: right;
}
th.tableTextCenter,
td.tableTextCenter, {
	text-align: center;
}
td.textJustify {
	text-align: justify;
}
.tableTdLeft tr:hover,
.tableTdCenter tr:hover,
.tableTdRight tr:hover {
	background-color: #F3F3F3;
}
td.bgGray {
	color: #FFFFFF;
	background-color: #999999;
}
td.importantCell,
#mainColumn th.importantCell {
	font-size: 100%;
	font-weight: bold;
	color: #F00;
}


/* -----------------------------------
   9. Other
 * ----------------------------------- */
#mainContainer .marginTop0px {
	margin-top: 0px;
}
#mainContainer .marginTop10px {
	margin-top: 10px;
}
#mainContainer .marginTop20px {
	margin-top: 20px;
}
#mainContainer .marginTop30px {
	margin-top: 30px;
}

/* ----------------------------------- */

.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.textSuper {
	font-size: 8px;
	vertical-align: text-top;
	text-align: center;
}

/* ----------------------------------- */

p.imageRight  {
	padding-top: 20px;
	text-align: right;
}
p.image-left  {
	padding-top: 20px;
	text-align: left;
}

/* ----------------------------------- */

.topMidashi {
	font-size: 116%;
	color: #FFF;
	background-color: #666;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
}


/* -----------------------------------
   10. 
 * ----------------------------------- */
#mainColumnFlow {
	padding-right: 230px;
	background-image: url(../images/figure_tanni.gif);
	background-repeat: no-repeat;
	background-position: 230px 0px;
}

#mainColumnFlow ul,
#mainColumnFlow p.mainTextList {
	width: 250px;
}
#mainColumnFlow p.mainTextList {
	padding-left: 21px;
	background-image: url(../images/bg_maintext_list_head.gif);
	background-position: 10px 13px;
	background-repeat: no-repeat;
}
#mainColumnFlow p img {
	margin-right: auto;
	margin-left: auto;
}
#mainColumnFlow .titleIBig {
	font-size: 123.1%;
	color: #FFF;
	background-color: #000;
	text-align: center;
}
#telNo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 138.5%;
	font-weight: bold;
	color: #00F;
}