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

/* ## grid ############################################################ */
#topGridWrap{ position:relative; overflow:hidden; display: block; width:auto; min-width:790px;}


/* ## topimg ############################################################ */
.gridTopimg{ width:560px; padding:10px; background-color:#FFF; margin:0 5px 5px 0;}


/* ## PointCatd ############################################################ */
.gridPoint{ width:190px; background-color:#FFF; margin:0 5px 5px 0;}
.gridPoint a{ width:170px; border:solid 2px #FFFFFF; padding:8px; display:block;}
.gridPoint a:hover{ border:solid 2px #654420;}


/* ## Ticket ############################################################ */
.gridTicket{ width:190px; background-color:#FFF; margin:0 5px 5px 0;}
.gridTicket a{ width:170px; border:solid 2px #FFFFFF; padding:8px; display:block;}
.gridTicket a:hover{ border:solid 2px #ADC600;}


/* ## Mailmagazine ############################################################ */
.gridMailmagazine{ width:190px; background-color:#FFF; margin:0 5px 5px 0;}
.gridMailmagazine a{ width:170px; border:solid 2px #FFFFFF; padding:8px; display:block;}
.gridMailmagazine a:hover{ border:solid 2px #333333;}


/* ## SOList ############################################################ */
.gridSolist{ width:385px; background-color:#FFF; margin:0 5px 5px 0;}
.gridSolist a{ width:365px; border:solid 2px #FFFFFF; padding:8px; display:block;}
.gridSolist a:hover{ border:solid 2px #CC6699;}


/* ## SOL Lesson ############################################################ */
.gridLesson{ width:190px; background-color:#FFF; margin:0 5px 5px 0; position:relative;}
.gridLesson a{ width:170px; border:solid 2px #FFFFFF; padding:8px 8px 27px 8px; display:block;}
.gridLesson a:hover{ border:solid 2px #54A4D3;}
.gridLesson .icon{ position:absolute; bottom:10px; right:0px;}


/* ## News ############################################################ */
.gridNews{ width:365px; background-color:#FFF; margin:0 5px 5px 0; padding:10px;}
.gridNews .newsTitle{ width:55px; height:15px; margin:3px 0 18px 0;}
.gridNews .newsTitle p{ width:55px; height:15px; background:url(../../img/title_news.gif) no-repeat; text-indent:-9999px;}
.flexcroll{width:365px; height:120px; overflow:auto; position:relative;}
dl#news{width:350px;}
dl#news dt{width:100%;font-size:10px; line-height:130%; color:#333; font-weight:bold; font-style:italic; font-family: Tahoma, Geneva, sans-serif; margin:0 0 2px 0;}
dl#news dd a{ width:100%; font-size:11px; line-height:130%; color:#333; font-style:italic; display:block; background:url(../img/dot_side.gif) repeat-x bottom left; padding:0 0 3px 0; margin:0 0 10px 0;}


/* ## scroll ############################################################ */
.scrollgeneric { line-height:1px;	font-size:1px;	position:absolute;	top:0;	left:0;}
/* 縦スクロール範囲 */
.vscrollerbase {	width:2px;	background-color:#E5E5E5;}
/* 縦スクロールバー */
.vscrollerbar {	width:2px;	background-color:#000;}


/* ## Blog ############################################################ */
.gridBlog{ width:190px; background-color:#FFF; margin:0 5px 5px 0; position:relative;}
.gridBlog a{ width:170px; border:solid 2px #FFFFFF; padding:8px 8px 27px 8px; display:block;}
.gridBlog a:hover{ border:solid 2px #7CA94B;}
.gridBlog .icon{ position:absolute; bottom:10px; right:0px;}


/* ## text ############################################################ */
.gridDate{ width:100%; padding:6px 0 0 0;}
.gridDate p{ font-size:10px; line-height:130%; color:#333; font-weight:bold; font-style:italic; font-family: Tahoma, Geneva, sans-serif;}
.gridTitle{ width:100%; padding:4px 0 0 0;}
.gridTitle p{ font-size:12px; line-height:130%; color:#333; font-weight:bold; font-style:italic;}
.gridText{ width:100%; padding:5px 0 0 0;}
.gridText p{ font-size:11px; line-height:130%; color:#333; font-weight:normal; font-style:italic;}
.gridShop{ width:100%; padding:6px 0 0 0;}
.gridShop p{ font-size:10px; line-height:130%; color:#7CA94B; font-weight:bold; font-style:italic;}