@charset "UTF-8";

/* ******************************************* _

	タイトル：top.css
	
	概要：TOPページ用 CSSファイル
	制作日：2009.12.15
	変更日：2010.01.21

_ ******************************************* */

/*============================================
/* link
========================================== */
#contentsL a:link{ color: #313131; text-decoration:underline; }
#contentsL a:visited{ color: #313131; text-decoration:underline; }
#contentsL a:hover{ color: #339933; text-decoration:underline;}
#contentsL a:active{ color: #339933; text-decoration:underline; }

/*	mainFlashArea
---------------------------------------------------------------------------- */
#mainFlashArea{
background:url(/newimg/dummy_topflash.jpg) left top no-repeat;
}
@media print{ 
body #mainFlashArea{
display:list-item;
list-style-position: inside;
list-style-image:url(/newimg/dummy_topflash.jpg);
}
}
#mainFlashArea .KVbtn{
position:absolute;
top:29px;
right:62px;
}

/* main contents style
---------------------------------------------------------------------------- */
#contentsL .h2title{
clear:both;
padding-top:5px;
background: url(/common/newimg/prt_h2_01.gif) top left no-repeat;
margin-bottom:10px;
font-size:117%;
}
#contentsL .h2title h2{
font-weight:bold;
padding-left:19px;
padding-right:20px;
line-height:1.2;
}
#contentsL #h2title img{
display:block;
}
.contentsBox{
margin-bottom:40px;
}
.contentsBox p{
margin-bottom:16px;
}
.contentsBox .pickup{
margin-left:20px;
width:697px;
}
.contentsBox .pickupBox{
width:697px;
}
.contentsBox .pickupBox dl{
float:left;
margin-top:-7px;
}
.contentsBox .pickupBox dt{
margin-bottom:7px;
}
.contentsBox .pickupBox dd{
}
.contentsBox .pickupBox dl strong{
color:#339933;
display:block;
margin-bottom:4px;
}
.contentsBox .pickupBox dl.yutori{
width:341px;
margin-right:6px;
}
.contentsBox .pickupBox dl.seityo{
width:330px;
}
.contentsBox .yutori div.moreInfo{
clear:both;
margin-top:8px;
margin-right:10px;
text-align:right;
font-size:8pt;
}



.contentsBox .pickupBox dl.ojt{
margin-top:8px;
padding-top:21px;
background:url(/common/newimg/lin_table_gray.gif) left top repeat-x;
}
.contentsBox .pickupBox dl.ojt dt{
float:left;
margin:0 17px 0 0;
line-height:0;
font-size:0;
}
.contentsBox .pickupBox dl.ojt dd{
width:330px;
margin-left:347px;
padding-top:3px;
}
.contentsBox .ojt div.moreInfo{
clear:none;
}



.freeseminar{
margin-left:20px;
width:697px;
}
table.seminarProgram{
margin-bottom:9px;
}
table.seminarProgram th{
background:#e6f0ea;
}
table.seminarProgram td{
padding-top:7px;
padding-bottom:7px;
}
table.seminarProgram td.first{
padding-left:10px;
}
table.seminarProgram th span.txt1{
padding:5px 10px;
display:block;
}
table.seminarProgram th span.txt2{
padding:5px 0px;
display:block;
}
table.seminarProgram td span.txt3{
padding:0px 10px;
display:block;
}
table.seminarProgram th.bgL{
background:url(/newimg/bg_table_th_L.gif) top left no-repeat;
}
table.seminarProgram th.bgL div{
background:url(/newimg/bg_table_th_L2.gif) bottom left no-repeat;
}
table.seminarProgram th.bgR{
background:url(/newimg/bg_table_th_R.gif) top Right no-repeat;
}
table.seminarProgram th.bgR div{
background:url(/newimg/bg_table_th_R2.gif) bottom Right no-repeat;
}
table.seminarProgram td.bgLine{
background:url(/common/newimg/lin_table_gray.gif) left bottom repeat-x;
}
.programSeach{
float:left;
padding-bottom:10px;
}
.programSeach p{
padding:0 0 5px 19px;
}
.programSeach ul{
float:left;
padding-left:20px;
padding-bottom:10px;
width:697px;
font-size:0;
line-height:0;
}
.programSeach ul li{
float:left;
}
#programList{
clear:both;
float:left;
width:686px;
padding-top:3px;
padding-left:20px;
}
#programList .details{
width:334px;
margin-right:9px;
padding:6px 0;
float:left;
border-top:solid 1px #ffffff;
border-bottom:solid 10px #ffffff;
}
#programList .forcus{
border-top:solid 1px #bfdbb9;
border-bottom:solid 10px #ffffff;
background:url(/newimg/bg_programList.gif) left bottom no-repeat;
}
#programList .details img{
margin-left:10px;
float:left;
}
#programList .details dl{
width:223px;
float:right;
padding-right:10px;
padding-top:1px;
}
*:first-child+html #programList .details dl dt{
line-height:1.3;
}
#programList .details dl dt{
margin-bottom:5px;
}
#programList .details dl dt a{
background:transparent url(/common/newimg/icn_grn_arw.gif) left 0.4em no-repeat;
padding-left:11px;
display:block;
}
#programList .details dl dd{
line-height:1.2;
*line-height:1.4;
margin-bottom:-3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#programList .details dl dt.saf_ls_minus {letter-spacing:-1px;white-space: nowrap;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
#programList .details dl dd {font-size:90%;}
}
.program_txtnavi{
clear:both;
padding:4px 0 3px 10px;
margin:0 20px;
*width:671px;
background:url(/common/newimg/lin_table_gray.gif) left top repeat-x;
font-size:0;
line-height:0;
}
.program_txtnavi li{
float:left;
padding-top:6px;
margin-right:27px;
}
.menuList{
margin-left:20px;
padding-top:30px;
width:697px;
}
.menuItemL{
width:330px;
float:left;
margin-right:17px;
}
.menuItemR{
width:330px;
float:left;
}
.menuBox{
margin-bottom:16px;
}
.menuBoxLast{
margin-bottom:0px;
}
.menuItemL img,.menuItemR img{
float:left;
margin-right:10px;
}
.menuItemL dl,.menuItemR dl{
width:255px;
float:right;
}
.menuItemL dl dt,.menuItemR dl dt{
line-height:1.2;
margin-left:3px;
margin-top:-2px;
}
.menuItemL dl dd,.menuItemR dl dd{
margin-top:4px;
}