@import "common.css";

body,#SiteID,#TopCatch{
/*font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","qMmpS Pro W3",Osaka,sanserif;*/
}


#head-area h1,#h2-topic,#h2-area,#h2-information a,#h2_column_list a{font-size:1px; text-indent:-9999px;}

#h2-information a,#h2_column_list a{display:block; overflow:hidden;}

#head-area{width:960px; margin:0 auto; text-align:left;}
#head-area h1{width:745px; height:170px; float:left; background-image:url(../img/top/img-main.jpg); margin:0; padding:0;}
#head-area #thisweek{width:200px; float:right;}



#TopCatch{
padding:0px 0px 0px 20px;
font-size:12px;
line-height:120%;
color:#777;
}
#TopCatch p{
margin:0px 0px 5px 0px;
padding:0px;
color:#f60;
}

/*CR*/
#Main{
width:960px;
margin:30px auto 0px;
text-align:left;
}

/*left*/
#Main #M-Left{
width:200px;
float:left;
text-align:left;
line-height:120%;
}


/*center*/
#Main #M-Center{width:530px; float:left; margin:0 0 0 15px;}

#h2-topic{background-image:url(../img/top/h2-topic.gif); height:22px; margin:0; padding:0;}
#topic{background-color:#FFF3EC; border:1px solid #CCC; margin:0 0 30px 0; padding:10px 10px 0; list-style:none;}
#topic li{padding:0 0 10px 0; margin:0 0 10px 0; font-size:12px; background-image:url(../img/common/dotline_h.gif); background-position:0 100%; background-repeat:repeat-x; line-height:140%;}

#map{margin:0 0 30px 0;}

#h2-area{background-image:url(../img/top/h2-area.gif); height:24px; margin:0 0 10px 0; padding:0;}
.area-text{margin:0 0 10px 0; font-size:14px; padding:0 10px; line-height:140%;}

#h2-information{background-image:url(../img/top/h2-information.gif); height:26px; margin:0; padding:0;}
#h2-information a#new-information{width:480px; height:26px; float:left;}
#h2-information a#rss{width:40px; height:16px; float:right; margin:5px 10px 0 0;}
#information{border-width: 0px 1px 0px 1px; border-style:solid; border-color:#CCC; padding:10px; margin:0;}
#information p{padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #CCC; font-size:14px; line-height:140%;}
#information table th,#information table td{font-size:14px; padding:5px 10px;}
.bottom530{display:block; height:6px; margin:0; padding:0; background-image:url(../img/top/btoom-530.gif); background-repeat:no-repeat;}


/*ER*/

#Main #M-Right{width:200px; float:right; text-align:left; line-height:120%;}

#Main #M-Right #M-Right-wrap p,
#Main #M-Right #M-Right-wrap a{
padding:0px;
width:200px;
vertical-align:top;
}

#Main #M-Right #M-Right-wrap p{
margin:0px 0px 0px 0px;
padding:0px;
font-size:11px;
color:#3d3d3d;
line-height:120%;
background-repeat:no-repeat;
}

#Main #M-Right #voice{background-image:url(../img/top/Right-title_voice.gif);}
#Main #M-Right #magazine{background-image:url(../img/top/Right-title_magazine.gif);}
#Main #M-Right #coupon{background-image:url(../img/top/Right-title_coupon.gif);}
#Main #M-Right #report{background-image:url(../img/top/Right-title_report.gif);}
#Main #M-Right #organizer{background-image:url(../img/top/Right-title_organizer.gif);}

#Main #M-Right-wrap a{
display:block;
font-size:1px !important;
text-indent:-5000px;
text-decoration:none;
background-repeat:no-repeat;
}

#Main #M-Right #voice a,
#Main #M-Right #magazine a,
#Main #M-Right #coupon a,
#Main #M-Right #report a,
#Main #M-Right #organizer a{
height:33px;
margin:0px 0px 5px 0px;
background-position:0px 0px;
}

#Main #M-Right #voice a{background-image:url(../img/top/Right-title_voice.gif);}
#Main #M-Right #magazine a{background-image:url(../img/top/Right-title_magazine.gif);}
#Main #M-Right #coupon a{background-image:url(../img/top/Right-title_coupon.gif);}
#Main #M-Right #report a{background-image:url(../img/top/Right-title_report.gif);}
#Main #M-Right #organizer a{background-image:url(../img/top/Right-title_organizer.gif);}
#Main #M-Right #voice a:hover,
#Main #M-Right #magazine a:hover,
#Main #M-Right #coupon a:hover,
#Main #M-Right #report a:hover,
#Main #M-Right #organizer a:hover{
background-position:-200px 0px;
}

#Main #M-Right a.detail{
height:10px;
margin:5px 0px 20px 0px;
}
#Main #M-Right a.detail{
background-image:url(../img/top/Right-btn_detail.gif);
background-position:133px 0px;
}
#Main #M-Right a.detail:hover{
background-position:133px -10px;
}


#banner_myfriendlink{
height:200px;
background-image:url(../img/top/banner_myfriendlink.jpg);
margin:0 0 10px 0;
}


#Main #M-Right #link-seminar-friendlink{
width:200px;
height:50px;
font-size:8px;
display:block;
text-indent:-9999px;
overflow:hidden;
background-image:url(/seminar/img/common/link-banner.gif);
background-position:0 0;
background-repeat:no-repeat;
margin-top:30px;
}

#Main #M-Right div#seminar-text{
font-size:12px;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#CCC;
padding:5px;
margin-bottom:30px;
}

#Main #M-Right div#seminar-text h3{
color:#FFF;
font-size:12px;
background-color:#006699;
padding:5px;
}

#Main #M-Right div#seminar-text dl,
#Main #M-Right div#seminar-text dl dt,
#Main #M-Right div#seminar-text dl dd{padding:0; margin:0;}

#Main #M-Right div#seminar-text dl dt{
font-size:10px;
background-image:url(/seminar/img/common/icon/day.gif);
background-position:0 0;
background-repeat:no-repeat;
padding:2px 0 2px 60px;
}

#Main #M-Right div#seminar-text dl dd{margin-bottom:10px;}

#Main #M-Right div#seminar-text dl dd a{
font-size:12px !important;
width:100%;
text-indent:0 !important;
display:inline !important;
}

#Main #M-Right div#seminar-text dl dd a:hover{text-decoration:underline;}

#Foot{
margin:10px 0px 20px 0px;
}

#twitter-area h4{font-size:14px !important;}




/*
最新交流会タブ
*/

.attention-event{
	margin:0 0 30px 0;
	padding:10px 10px 5px;
	border:1px solid #FEB834;
	border-radius:0.3em;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-o-border-radius:0.3em;
	-ms-border-radius:0.3em;
	background:#FCF3EF;
}

.attention-event h3{
	margin:0 0 5px 0;
	padding:5px 10px;
	font-size:14px;
	background:#FF7500;
	color:#FFF;
	border-radius:0.3em;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-o-border-radius:0.3em;
	-ms-border-radius:0.3em;
	font-family: Lucida Grande,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Helvetica,Arial,Sans-serif;
}

.attention-event ul{
	margin:0;
	padding:0;
}

.attention-event ul li{
	margin:0 0 5px 0;
	padding:10px;
	border-radius:0.3em;
	-moz-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-o-border-radius:0.3em;
	-ms-border-radius:0.3em;
	background:#FFF;
	border:1px solid #FEB834;
	font-size:14px;
}

.attention-event ul li .date{
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #CCC;
}

.attention-event ul li a{
	font-weight:bold;
	text-decoration:none;
}


.event-attention{
	margin:0 0 20px 0;
	padding:0 0 0 100px;
	position:relative;
	background:#CC0000;
}

.event-attention h3{
	margin:0;
	padding:0;
	font-size:14px;
	position:absolute;
	top:10px;
	left:10px;
	font-family: Lucida Grande,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Helvetica,Arial,Sans-serif;
	color:#FFF;
}

.event-attention-inner{
	margin:0 auto;
	padding:10px;
	border:1px solid #CC0000;
	background:#FFF;
	overflow:hidden;
}

.event-attention-inner ul{
	width:100%;
	margin:auto;
	position:relative;
}

.event-attention-inner ul li{
	width:100%;
	font-size:13px;
	display:none;
	font-weight:bold;
}

.event-attention-inner ul li a{
	font-size:14px;
	margin:0 0 0 5px;
	text-decoration:none;
}

#event_tabs{
width:100%;
margin:0 0 20px 0;
overflow:hidden;
}


#event_tabs dl{
width:5000px;
margin:0;
padding:24px 0 0 0;
position:relative;
overflow:hidden;
}

#event_tabs dt{
width:70px;
height:25px;
margin:0;
padding:0;
overflow:hidden;
position:absolute;
top:0;
z-index:2;
}
#eventtab0{left:0;}
#eventtab1{left:70px;}
#eventtab2{left:140px;}
#eventtab3{left:210px;}
#eventtab4{left:280px;}
#eventtab5{left:350px;}
#eventtab6{left:420px;}

#event_tabs dt a{
height:25px;
margin:0 5px 0 0;
padding:0;
display:block;
font-size:12px;
font-weight:bold;
color:#fff;
line-height:25px;
text-decoration:none;
text-align:center;
text-shadow:-1px -1px 0 #A08A50;
border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border:1px solid #C8AC64;
border-bottom:1px solid #FAF5E2;
background-color:#C8AC64;
-moz-box-shadow:inset #DECDA2 0 1px 0;
-webkit-box-shadow:inset #DECDA2 0 1px 0;
box-shadow:inset #DECDA2 0 1px 0;
}

#event_tabs dt .here{
color:#000;
text-shadow:1px 1px 0 #fff;
background-color:#FAF5E2;
-moz-box-shadow:inset #fff 0 2px 0;
-webkit-box-shadow:inset #fff 0 2px 0;
box-shadow:inset #fff 0 2px 0;
}

#event_tabs dd{
width:530px;
margin:0;
padding:0;
position:relative;
z-index:1;
float:left;
}

#event_tabs dd div{
border:1px solid #C8AC64;
background-color:#FAF5E2;
}

#event_tabs ul{
margin:0;
padding:5px 10px;
list-style:none;
}

#event_tabs li{
margin:3px 0;
padding:5px;
clear:both;
overflow:hidden;
text-shadow:1px 1px 0 #fff;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #E7C792;
background-color:#F8EFA9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8EFA9',endColorstr='#FDEBA4');
background:-webkit-gradient(linear,left top,left bottom,from(#F8EFA9),to(#FDEBA4));
background:-moz-linear-gradient(top,#F8EFA9,#FDEBA4);
-moz-box-shadow:inset #fff 0 1px 0,#fff 0 1px 0;
-webkit-box-shadow:inset #fff 0 1px 0,#fff 0 1px 0;
box-shadow:inset #fff 0 1px 0,#fff 0 1px 0;
zoom:1;
}

#event_tabs li .date{
display:block;
float:left;
font-size:14px;
font-weight:bold;
line-height:120%;
color:#333;
zoom:1;
}

#event_tabs li .right{
width:390px;
display:block;
float:right;
zoom:1;
}

#event_tabs li a{
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
line-height:120%;
text-decoration:none;
}

#event_tabs li .price{
display:block;
margin:4px 0 0 0;
font-size:12px;
color:#625337;
line-height:100%;
}

#h2_column_list{margin:20px 0 10px 0; padding:0;}
#h2_column_list a{background-image:url(../img/top/h2_column_list.gif); height:45px;}

.side_column_list,.side_column_list li{list-style:none; margin:0; padding:0;}
.side_column_list li{width:260px; float:left; font-size:12px; margin:0 5px 10px 0; border-bottom:1px dotted #CCC; line-height:140%;}
.side_column_list li.gray{margin-left:0;}
.side_column_list li img.writer{float:left; border:1px solid #6CCAF9; width:50px;}
.side_column_list li div{width:200px; float:right;}
.side_column_list li div span{font-size:10px; padding:0 0 0 13px; background-image:url(https://friendlink.jp/my/img/1up/icon_day.gif); background-repeat:no-repeat; background-position:0 50%;}