@charset "Shift_JIS";

/* =======================================================================

   TOPページ（共通）
   
======================================================================= */

/* -----------------------------------------------------------
　カレンダー
----------------------------------------------------------- */

.contents_inner .calendar{
	width:220px;
	margin-right:25px;
	float:left;
}

/* カレンダー／タイトル */
.contents_inner .calendar h3{
	width:220px;
	height:118px;
	background: transparent url("../../common/img/calendar_head.gif") no-repeat;
	text-indent:-9999px;
	font-size:0px;.tp
	line-height:0%;
	text-decoration:none;
}

/* リード文 */
.contents_inner .calendar .lead{
	font-size:14px;
	line-height:150%;
	color:#845600;
	margin-bottom:8px;
	border:1px solid #F7D897;
	background-color:#FBEDD1;
	padding:7px;
}

.contents_inner .calendar .calendar_body{
	width:200px;
	border:2px solid #CFC196;
	padding:0 8px 10px;
	border-top:none;
	border-bottom:none;
}

.contents_inner .calendar .calendar_foot{
	width:220px;
	height:7px;
	background: transparent url("../../common/img/calendar_foot.gif") no-repeat;
	text-indent:-9999px;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
	margin-bottom:15px;
}

.contents_inner .calendar .calendar_body .month01,
.contents_inner .calendar .calendar_body .month02,
.contents_inner .calendar .calendar_body .month03{
	background: transparent url("../../common/img/calendar_monthbg.gif") repeat-y;
}

/* 月見出し */
.contents_inner .calendar .calendar_body .month01 strong,
.contents_inner .calendar .calendar_body .month02 strong,
.contents_inner .calendar .calendar_body .month03 strong{
	display:block;
	width:200px;
	height:24px;
	padding:14px 0 6px 0;
	text-align:center;
	font-weight:bold;
	line-height:110%;
	color:#fff;
}

.contents_inner .calendar .calendar_body .month01 strong{
	background: transparent url("../../common/img/calendar_monthtitle01.gif") no-repeat 0 6px;
	background-color:#fff;
}
.contents_inner .calendar .calendar_body .month02 strong{
	background: transparent url("../../common/img/calendar_monthtitle02.gif") no-repeat 0 6px;
	background-color:#fff;
}
.contents_inner .calendar .calendar_body .month03 strong{
	background: transparent url("../../common/img/calendar_monthtitle03.gif") no-repeat 0 6px;
	background-color:#fff;
}


.contents_inner .calendar .calendar_body .month01 dl dd p{
	padding-left:25px;
	line-height:160%;
	background: transparent url("../../common/img/calendar_monthicon01.gif") no-repeat 5px 5px;
}
.contents_inner .calendar .calendar_body .month02 dl dd p{
	padding-left:25px;
	line-height:160%;
	background: transparent url("../../common/img/calendar_monthicon02.gif") no-repeat 5px 5px;
}
.contents_inner .calendar .calendar_body .month03 dl dd p{
	padding-left:25px;
	line-height:160%;
	background: transparent url("../../common/img/calendar_monthicon02.gif") no-repeat 5px 5px;
}

.contents_inner .calendar .calendar_body .month02 dl dd p span{
	font-size:80%;
	color:#000;
	line-height:120%;
}

.contents_inner .calendar .calendar_body dl dd{
	width:170px;
	float:right;
}

.contents_inner .calendar .calendar_body dl dd p{
	margin-bottom:10px;
}

.contents_inner .calendar .calendar_body dl{
	border-top:1px dotted #C48D3C;
	padding-top:10px;
	margin-top:10px;
}

.contents_inner .calendar .calendar_body dl.firstItem{
	border-top:none;
	padding-top:8px;
	margin-top:0px;
}


.contents_inner .calendar .calendar_body dl dt{
	width:30px;
	float: left;
	text-align:center;
	font-weight:bold;
}

/* NEWアイコン */
.contents_inner .calendar .calendar_body dl dd .new{
	padding-left:5px;
	margin-bottom:5px;
	vertical-align:bottom;
}

/* ご予約締め済み */
.contents_inner .calendar .calendar_body dl dd .reserve{
	margin-top:5px;
	margin-bottom:5px;
	vertical-align:bottom;
}

/* カレンダーをもっと見るボタン */
.contents_inner .calendar .calendar_body .btn_more{
	margin-top:15px;
}
.contents_inner .calendar .calendar_body .btn_more p{
	margin-top:5px;
	text-align:center;
}

/* バナー */
.contents_inner .calendar .bnr{
	margin-bottom:10px;
}

.contents_inner .calendar .bnr p{
	margin-top:5px;
	line-height:150%;
}
.contents_inner .calendar .bnr dl{
	border-bottom:1px dotted #cccccc;
	font-size:12px;
}
.contents_inner .calendar .bnr dt{
	font-weight:bold;
	color:#0000ff;
}
.contents_inner .calendar .bnr dd{line-height:1.4;}
.contents_inner .calendar .bnr dd span{color:#0000ff;}

/* =======================================================================

   TOPページ（ログアウト）用
   
======================================================================= */

/* 中身 */
.top_logout{
	width:900px;
	margin:0 auto;
	padding:25px 0 30px;
}

/* タイトル */
.top_logout .title_box{
	width:900px;
	height:249px;
	margin-bottom:22px;
	background: transparent url("../../common/img_top_logout/title.jpg") no-repeat;
	position:relative;
}

.top_logout .title_box h2{
	display:none;
}


/* -----------------------------------------------------------
　ログインエリア
----------------------------------------------------------- */

.top_logout .login_box{
	width:225px;
	padding:20px 18px 0 17px;
	height:229px;
	position:absolute;
	left:640px;
}

.top_logout .login_box .form01,
.top_logout .login_box .form02{
	margin-bottom:8px;
}

.top_logout .login_box .form03{
	padding-left:52px;
	margin-bottom:13px;
}

.top_logout .login_box strong{
	width:113px;
	height:19px;
	margin:0 auto 14px;
	display:block;
	text-indent:-9999px;
	background: transparent url("../../common/img_top_logout/login_box_title.gif") no-repeat;
}

.top_logout .login_box .textbox{
	width:153px;
	height:21px;
	padding:3px 3px 0 3px;
	border: 0;
	background: transparent url("../../common/img_top_logout/login_box_textbox.gif") no-repeat;
	float:left;
	font-size:12px;
	display:block;
}

.top_logout .login_box .userid{
	width:66px;
	height:24px;
	text-indent:-9999px;
	display:block;
	border: 0;
	background: transparent url("../../common/img_top_logout/login_box_userid.gif") no-repeat;
	float:left;
}

.top_logout .login_box .password{
	width:66px;
	height:24px;
	text-indent:-9999px;
	display:block;
	border: 0;
	background: transparent url("../../common/img_top_logout/login_box_password.gif") no-repeat;
	float:left;
}

.top_logout .login_box .autocheck{
	float:left;
	position:relative;
	top:-3px;
}

.top_logout .login_box .auto{
	width:138px;
	height:13px;
	text-indent:-9999px;
	display:block;
	border: 0;
	background: transparent url("../../common/img_top_logout/login_box_auto.gif") no-repeat;
	float:left;
}

.top_logout .login_box .submit{
	width:168px;
	height:47px;
	margin:0 auto;
	text-indent:-9999px;
	display:block;
	border: 0;
	text-align:center;
	cursor:pointer;
	outline:0;
}

.top_logout .login_box .forgot{
	text-align:center;
	font-size:12px;
	line-height:150%;
}

.top_logout .contents_inner{
	width:900px;
}


/* -----------------------------------------------------------
　ポイント
----------------------------------------------------------- */

.top_logout .pointbox{
	width:455px;
	margin-right:25px;
	float:left;
	padding-top:27px;
}


/* キャンペーンバナー */
.top_logout .pointbox .infobnr{
	width:455px;
	margin-bottom:25px;
}
.top_logout .pointbox .infobnr img{
	vertical-align:bottom;
}	
.top_logout .pointbox .infobnr dl{
	font-size:12px;
	background:url(../img_top_logout/bnr_frame_btm.jpg) left bottom no-repeat;
}

.top_logout .pointbox .infobnr dt{
	padding:5px 15px 0;
	color:#FAAA3E;
	font-weight:bold;
}
.top_logout .pointbox .infobnr dd{
	padding:0 15px 10px;
	line-height:1.5;	
}	

.top_logout .pointbox .bnr_mini{
	width:455px;
	margin-bottom:15px;
}


/* お酒屋さんサポートネットとは？ */
.top_logout .why{
	width:455px;
	height:272px;
	margin-bottom:25px;
	background: transparent url("../../common/img_top_logout/why_bg.jpg") no-repeat;
	text-align:center;
}

.top_logout .why h3,
.top_logout .why p{
	display:none;
}
.top_logout .why ul{padding:150px 0 0 0;}

/* ポイント */
.top_logout .point .point01{
	margin-bottom:25px;
}

.top_logout .point .point02{
	margin-bottom:25px;
}

.top_logout .point .point03{
	margin-bottom:25px;
}

.top_logout .point .point04{
	margin-bottom:10px;
}

.top_logout .point dl dt{
	margin-bottom:13px;
}

.top_logout .point dl img{
	vertical-align:bottom;
}

.top_logout .point .cap{
	text-align:center;
	color:#CC0000;
	margin-bottom:20px;
}


/* メール */
.top_logout .mail{
	width:455px;
	height:164px;
	background: transparent url("../../common/img_top_logout/mail_bg.gif") no-repeat;
	position:relative;
}

.top_logout .mail a{
	width:190px;
	height:42px;
	display:block;
	background: transparent url("../../common/img_top_logout/mail_icon.gif") no-repeat;
	padding:0 0 0 65px;
	font-size:14px;
	line-height:150%;
	position:absolute;
	top:108px;
	left:128px;
}

.top_logout .mail p{
	display:none;
}

/* -----------------------------------------------------------
　賞品紹介
----------------------------------------------------------- */
.top_logout .infoBox{
	float:right;
	width:175px;
	padding-bottom:8px;
	background:	url(../img_top_logout/bg_infoBox_btm.jpg) no-repeat 0 bottom;
}
.top_logout .infoBox .inner{
	padding-top:43px;
	background:url(../img_top_logout/bg_infoBox_top.gif) no-repeat 0 0;
}
.top_logout .infoBox .mid{
	padding:15px 15px 0;
	background:url(../img_top_logout/bg_infoBox_mid.gif) repeat-y 0 0;
	font-size:83%;
}
.top_logout .infoBox .mid li{
	padding-bottom:15px;
	line-height:1.6;
}
.top_logout .infoBox span{
	display:block;
	padding-left:10px;
	background:url(../img_top_logout/icn_arr.gif) no-repeat 0 center;
	font-size:124%;
}

/* -----------------------------------------------------------
　会員登録の流れ
----------------------------------------------------------- */

.top_logout .flow{
	width:175px;
	height:356px;
	margin-top:20px;
	background: transparent url("../../common/img_top_logout/flow_bg_s.gif") no-repeat 0 0;
	float:right;
}

.top_logout .flow h3,.top_logout .flow p{
	display:none;
}


/* -----------------------------------------------------------
　お試しPOP用　101008追記
----------------------------------------------------------- */

.tryBox .ttl{margin-bottom:5px;}

.tryBox .sttl{margin-bottom:15px;}

.tryBox .popArea{
	margin-bottom:32px;
	padding-bottom:6px;
	background:url(../img_top_logout/try_bg_btm.gif) no-repeat 0 bottom;
}
.tryBox .popArea .inner{
	padding-top:6px;
	background:url(../img_top_logout/try_bg_top.gif) no-repeat 0 0;
}

.tryBox .pop_list{
	padding:10px 0 10px 30px;
	background:#fef2f1;
	border-right:2px solid #f1b3af;
	border-left:2px solid #f1b3af;
}

/* 1件分 */
.tryBox .pop_list dl{
	width:123px;
	float:left;
	margin-right:10px;
}

.tryBox .pop_list dl dt{
	width:121px;
	height:115px;
	padding:1px 0 0 1px;
}

.tryBox .pop_list dl dt img{
	border:1px solid #EBA31E;
}

.tryBox .pop_list dl dd .arrow{
	text-align:center;
}

.tryBox .pop_list dl dd .copy{
	width:108px;
	_width:108px;
	border:1px solid #EBA31D;
	background-color:#fff;
	padding:5px;
	font-size:12px;
	line-height:150%;
	margin-bottom:7px;
}

/* NEWアイコン */
.tryBox .pop_list dl dd .copy .new{
	padding-left:5px;
	margin-bottom:5px;
	position:relative;
	top:2px;
	vertical-align:bottom;
}

/* PDFダウンロード */
.tryBox .pop_list dl dd .pdfdown{
	font-size:12px;
	line-height:150%;
	color:#0070CB;
}
.tryBox .pop_list li{
	float:left;
	width:191px;
	margin-right:10px;
	font-size:10px;
}


/* =======================================================================

   TOPページ（ログイン）用
   
======================================================================= */

/* 中身 */
.top_login{
	width:900px;
	margin:0 auto;
	padding:25px 0 30px;
}

/* タイトル */
.top_login .title_box{
	width:220px;
	height:136px;
	margin-bottom:15px;
	background: transparent url("../../common/img_top_login/title.jpg") no-repeat;
}

.top_login .title_box h2{
	display:none;
}

.top_login .contents_inner{
	width:900px;
}
.top_login .infobnr{
	width:220px;
	margin-bottom:25px;
}
.top_login .infobnr img{
	vertical-align:bottom;
}	
.top_login .infobnr dl{
	font-size:12px;
	background:url(../img_top_login/bnr_frame_btm.jpg) left bottom no-repeat;
}

.top_login .infobnr dt{
	padding:5px 15px 0;
	color:#FAAA3E;
	font-weight:bold;
	border-right:4px solid #FAAA3E;
	border-left:4px solid #FAAA3E;
}
.top_login .infobnr dd{
	padding:0 15px 10px;
	line-height:1.5;	
}	
/* -----------------------------------------------------------
　賞品紹介
----------------------------------------------------------- */
.top_login .infoBox{
	float:right;
	width:218px;
	margin-bottom:25px;
	padding-bottom:8px;
	background:	url(../img/bg_infoBox_btm.gif) no-repeat 0 bottom;
}
.top_login .infoBox .inner{
	padding-top:43px;
	background:url(../img/bg_infoBox_top.gif) no-repeat 0 0;
}
.top_login .infoBox .mid{
	padding:15px 15px 0;
	background:url(../img/bg_infoBox_mid.gif) repeat-y 0 0;
	font-size:83%;
}
.top_login .infoBox .mid li{
	padding-bottom:15px;
	line-height:1.6;
}
.top_login .infoBox span{
	display:block;
	padding-left:10px;
	background:url(../img/icn_arr.gif) no-repeat 0 center;
	font-size:124%;
}



/* -----------------------------------------------------------
　今月のトピック
----------------------------------------------------------- */

.top_login .page{
	width:655px;
	float:right;
}

.top_login .topic{
	width:655px;
	margin-bottom:5px;
}

.top_login .topic h3{
	width:655px;
	height:110px;
	background: transparent url("../../common/img_top_login/topic_head_bg.jpg") no-repeat;
	position:relative;
}
.top_login .topic h3.bn{background: transparent url("../../common/img_top_login/topic_head_bn_bg.jpg") no-repeat;}
.top_login .topic h4{
	margin-bottom:10px;
}	



/* ここから120731index　*/

.top_login .topic .scroll{
	width: 655px;
	height: 87px;
	position: relative;
	background-color: transparent;
	background-image: url(../img_top_login/topic_head_bg_scrl_1.gif);
	background-repeat: no-repeat;
}

.top_login .topic .scroll_2{
	width: 655px;
	height: 248px;
	position: relative;
	background-color: transparent;
	background-image: url(../img_top_login/topic_head_bg_scrl_2.gif);
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

.top_login .topic .scroll_br{
	width: 625px;
	height: 225px;
	overflow: auto;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
}

.top_login .topic .scroll_br .date02{
	background-image: url(../img_top_login/log_in_top_scrol_03.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 580px;
	padding-bottom: 10px;
	color:#511d00;
	font-weight:bold;
	padding-left:25px;
}

.top_login .topic .scroll_br .date02_new{
	background-image: url(../img_top_login/log_in_top_scrol_03.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 580px;
	padding-bottom: 10px;
	color:#511d00;
	font-weight:bold;
	padding-left:25px;
	line-height:15px ; 
	padding-top:5px ;
}

.top_login .topic .scroll_br .date02_new img{
	vertical-align:top ;
	padding-left:5px ;
}



.top_login .topic .scroll_br table th{
	vertical-align: top;
	padding-top: 2px;
}

.top_login .topic .scroll_br table td{
	font-size: 85%;
	padding-left: 8px;
	width: 520px;
	padding-bottom: 5px;
}

.top_login .topic .date03{
	background-image: url(../img_top_login/log_in_top_date.gif);
	height: 34px;
	width: 655px;
	margin-bottom: 13px;
}

.scroll_br table {
	margin-bottom:15px;
}

/* 120731indexここまで　*/

.top_login .topic h3 .date{
	position:absolute;
	top:24px;
	left:50px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", sans-serif;
	color:#511D00;
	width:220px;
	font-size:14px;
	line-height:110%;
}

/* 1件分 */
.top_login .topic .column{
	width:655px;
	margin:0 auto;
	padding-bottom:15px;
}

.top_login .topic .column .column_head{
	width:655px;
	height:12px;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}

.top_login .topic .column .column_body{
	width:615px;
	padding:0 25px 0 15px;
}

.top_login .topic .column .column_foot{
	width:655px;
	height:32px;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}

/* 写真 */
.top_login .topic .column .photo{
	width:167px;
	float:left;
	text-align:right;
}
.top_login .topic .column .photo .image img{
	border:2px solid #ccc;
}

.top_login .topic .column .photo .icon{
	margin-bottom:5px;
}

/* 説明文 */
.top_login .topic .column .copy{
	width:430px;
	padding-top:12px;
	float:right;
}


/* 詳しくはこちら */
.top_login .topic .column .copy .detail{
	text-align:right;
	margin-top:5px;
}


/* 見出し */
.top_login .topic .column .copy h4{
	display:block;
	font-size:16px;
	line-height:150%;
	font-weight:bold;
	padding:15px 0 0;
	margin-bottom:10px;
}

.top_login .topic .column .copy h4 span{
	padding:0 13px 15px;
	display:block;
	outline:0;
}

.top_login .topic .column .copy h4 a:hover{
	color:#ff9900;
}

.top_login .topic .column .copy span.redtxt{
	color:#C00;
	display:block;
	margin-top:8px;
	font-size:85%;
}



/* 黄色色トーンパターンの場合 */
.top_login .topic .yellow .column_head{
	background: transparent url("../../common/img_top_login/topic_column_head_yellow.gif") no-repeat;
}
.top_login .topic .yellow .column_body{
	background: transparent url("../../common/img_top_login/topic_column_body_yellow.gif") repeat-y;
}
.top_login .topic .yellow .column_foot{
	background: transparent url("../../common/img_top_login/topic_column_foot_yellow.gif") no-repeat;
}
.top_login .topic .yellow .copy h4{
	color:#845600;
	background: transparent url("../../common/img_top_login/topic_column_title_head_yellow.gif") no-repeat;
	background-color:#FFE179;
}
.top_login .topic .yellow .copy h4 span{
	background: transparent url("../../common/img_top_login/topic_column_title_foot_yellow.gif") no-repeat center bottom;
	background-color:#FFE179;
	color:#845600;
}
.top_login .topic .yellow .copy h4 a{
	color:#845600;
}

/* 赤色トーンパターンの場合 */
.top_login .topic .red .column_head{
	background: transparent url("../../common/img_top_login/topic_column_head_red.gif") no-repeat;
}
.top_login .topic .red .column_body{
	background: transparent url("../../common/img_top_login/topic_column_body_red.gif") repeat-y;
}
.top_login .topic .red .column_foot{
	background: transparent url("../../common/img_top_login/topic_column_foot_red.gif") no-repeat;
}
.top_login .topic .red .copy h4{
	color:#D93E3E;
	background: transparent url("../../common/img_top_login/topic_column_title_head_red.gif") no-repeat;
	background-color:#FFCFCA;
}
.top_login .topic .red .copy h4 span{
	background: transparent url("../../common/img_top_login/topic_column_title_foot_red.gif") no-repeat center bottom;
	background-color:#FFCFCA;
	color:#D93E3E;
}
.top_login .topic .red .copy h4 a{
	color:#D93E3E;
}

/* 青色トーンパターンの場合 */
.top_login .topic .blue .column_head{
	background: transparent url("../../common/img_top_login/topic_column_head_blue.gif") no-repeat;
}
.top_login .topic .blue .column_body{
	background: transparent url("../../common/img_top_login/topic_column_body_blue.gif") repeat-y;
}
.top_login .topic .blue .column_foot{
	background: transparent url("../../common/img_top_login/topic_column_foot_blue.gif") no-repeat;
}
.top_login .topic .blue .copy h4{
	color:#0A6AA3;
	background: transparent url("../../common/img_top_login/topic_column_title_head_blue.gif") no-repeat;
	background-color:#B9E7FF;
}
.top_login .topic .blue .copy h4 span{
	background: transparent url("../../common/img_top_login/topic_column_title_foot_blue.gif") no-repeat center bottom;
	background-color:#B9E7FF;
}
.top_login .topic .blue .copy h4 a{
	color:#0A6AA3;
}

/* ピンク色トーンパターンの場合 */
.top_login .topic .pink .column_head{
	background: transparent url("../../common/img_top_login/topic_column_head_pink.gif") no-repeat;
}
.top_login .topic .pink .column_body{
	background: transparent url("../../common/img_top_login/topic_column_body_pink.gif") repeat-y;
}
.top_login .topic .pink .column_foot{
	background: transparent url("../../common/img_top_login/topic_column_foot_pink.gif") no-repeat;
}
.top_login .topic .pink .copy h4{
	color:#B6234F;
	background: transparent url("../../common/img_top_login/topic_column_title_head_pink.gif") no-repeat;
	background-color:#FFC4E0;
}
.top_login .topic .pink .copy h4 span{
	background: transparent url("../../common/img_top_login/topic_column_title_foot_pink.gif") no-repeat center bottom;
	background-color:#FFC4E0;
	color:#B6234F;
}
.top_login .topic .pink .copy h4 a{
	color:#B6234F;
}

/* 緑色トーンパターンの場合 */
.top_login .topic .green .column_head{
	background: transparent url("../../common/img_top_login/topic_column_head_green.gif") no-repeat;
}
.top_login .topic .green .column_body{
	background: transparent url("../../common/img_top_login/topic_column_body_green.gif") repeat-y;
}
.top_login .topic .green .column_foot{
	background: transparent url("../../common/img_top_login/topic_column_foot_green.gif") no-repeat;
}
.top_login .topic .green .copy h4{
	color:#3E7018;
	background: transparent url("../../common/img_top_login/topic_column_title_head_green.gif") no-repeat;
	background-color:#BFE8AC;
}
.top_login .topic .green .copy h4 span{
	background: transparent url("../../common/img_top_login/topic_column_title_foot_green.gif") no-repeat center bottom;
	background-color:#BFE8AC;
	color:#3E7018;
}
.top_login .topic .green .copy h4 a{
	color:#3E7018;
}

/* 紫色トーンパターンの場合 */
.top_login .topic .purple .column_head{
	background: transparent url("../../common/img_top_login/topic_column_head_purple.gif") no-repeat;
}
.top_login .topic .purple .column_body{
	background: transparent url("../../common/img_top_login/topic_column_body_purple.gif") repeat-y;
}
.top_login .topic .purple .column_foot{
	background: transparent url("../../common/img_top_login/topic_column_foot_purple.gif") no-repeat;
}
.top_login .topic .purple .copy h4{
	color:#5A42B0;
	background: transparent url("../../common/img_top_login/topic_column_title_head_purple.gif") no-repeat;
	background-color:#D1C4F0;
}
.top_login .topic .purple .copy h4 span{
	background: transparent url("../../common/img_top_login/topic_column_title_foot_purple.gif") no-repeat center bottom;
	background-color:#D1C4F0;
	color:#purple;
}
.top_login .topic .purple .copy h4 a{
	color:#purple;
}

/* 業界トレンド */
.trendCol{
	width:655px;
	margin-bottom:25px;
}
.trendCol h4{
	margin-bottom:10px;
}	

/* タイトル */
.trendCol h3{
	width:655px;
	margin-bottom:5px;
}


/* 業界トレンド */
.trendCol .trend_head{
	width:655px;
	height:7px;
	text-indent:-9999px;
	background: transparent url("../../common/img/trend_head.gif") no-repeat;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}

.trendCol .trend_body{
	border:2px solid #E99109;
	border-top:none;
	border-bottom:none;
	background-color:#FFF5E1;
	padding:0 15px;
}

.trendCol .trend_foot{
	width:655px;
	height:7px;
	background: transparent url("../../common/img/trend_foot.gif") no-repeat;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}

.trendCol .detail{
	margin-top:10px;
	text-align:right;
}

/* 中小企業診断士のつぶやき */
.trendCol .shindanshi_head{
	width:655px;
	height:7px;
	text-indent:-9999px;
	background: transparent url("../../common/img/shindanshi_head.gif") no-repeat;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}

.trendCol .shindanshi_body{
	border:2px solid #59c756;
	border-top:none;
	border-bottom:none;
	background-color:#f1ffe6;
	padding:0 15px;
}

.trendCol .shindanshi_foot{
	width:655px;
	height:7px;
	background: transparent url("../../common/img/shindanshi_foot.gif") no-repeat;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}

.trendCol .detail{
	margin-top:10px;
	text-align:right;
}

/* 業界トレンドニュース */
.trendCol .trendnews_head{
	width:655px;
	height:7px;
	text-indent:-9999px;
	background: transparent url("../../common/img/trendnews_head.gif") no-repeat;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}

.trendCol .trendnews_body{
	border:2px solid #91e38e;
	border-top:none;
	border-bottom:none;
	background-color:#f7fff0;
	padding:0 15px;
}

.trendCol .trendnews_foot{
	width:655px;
	height:7px;
	background: transparent url("../../common/img/trendnews_foot.gif") no-repeat;
	font-size:0px;
	line-height:0%;
	text-decoration:none;
}

.trendCol .trendnews_body .source{
	font-size:12px;
}
.trendCol .trendnews_body .section{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #666666;
	overflow:hidden;
	zoom:1;
}
.trendCol .trendnews_body .title{
	margin-bottom:10px;
	font-weight:bold;
	text-align:center;
}
.trendCol .trendnews_body .stitle{
	margin-bottom:5px;
	font-weight:bold;
}
.trendCol .trendnews_body .indent{
	padding:0;
	text-indent:1em;
}
	



.trendCol .detail{
	margin-top:10px;
	text-align:right;
}

.trendCol .trendTbl{
	float:right;
	width:320px;
	margin-left:15px;
	font-size:12px;
}
.trendCol .trendTbl table{
	border-collapse:collapse;
}
.trendCol .trendTbl th,
.trendCol .trendTbl td{
	padding:0 5px;
	border:1px solid #333333;
}
.trendCol .trendTbl th{
	background:#6666cc;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}
.trendCol .trendTbl td.nobb{border-bottom:none;}
.trendCol .trendTbl td.nobt{border-top:none;　}

.trendCol .trendTbl2 table{
	width:100%;
	background:#ffffff;
	border:1px solid #333333;
	border-collapse:collapse;
	font-size:12px;
}
.trendCol .trendTbl2 caption{text-align:right;}
.trendCol .trendTbl2 th{
	background:#6666cc;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}

.trendCol .trendTbl2 td{
	padding:0 5px;
	border:1px solid #333333;
	white-space:nowrap;
}

.trendCol .trendImg {
	 margin: 10px auto;
	
}

/* お知らせ */

.topic .info_head{
	width:655px;
	padding-top:39px;
	background:url(../img_top_login/info_head.jpg) 0 top no-repeat;
}	

.topic .info_body{
	width:655px;
	background:url(../img_top_login/info_body.jpg) 00 repeat-y;
}

.topic .info_foot{
	width:655px;
	margin:10px 0 20px;
	background:url(../img_top_login/info_foot.jpg) 0 bottom no-repeat;
	padding-bottom:12px;
}	
.topic .info_box{
	margin:0 auto;
	padding:10px 20px;
}
.info_box .info_btnArea{
	margin:10px 0;
}

/* お知らせ ログイン前 */

.logout_info{
	margin: auto;
	width:900px;
}	

.logout_info .info_head{
	width:900px;
	padding-top:39px;
	background:url(../img_top_logout/info_head_w900.gif) 0 top no-repeat;
}	

.logout_info .info_body{
	width:900px;
	background:url(../img_top_logout/info_body_w900.gif) 0 0 repeat-y;
}

.logout_info .info_foot{
	width:900px;
	margin:10px 0 20px;
	background:url(../img_top_logout/info_foot_w900.gif) 0 bottom no-repeat;
	padding-bottom:12px;
}	
.logout_info .info_box{
	margin:0 auto;
	padding:10px 20px;
}
.logout_info.info_box .info_btnArea{
	margin:10px 0;
}	

.topicIcn{margin-bottom:15px;}
.topicIcn li{display:inline;}

.lineupTbl{
	margin-bottom:10px;
	border:1px solid #cccccc;
	border-collapse:collapse;
}

.lineupTbl th{
text-align:center;}
.lineupTbl th,
.lineupTbl td{
	padding:0 3px;
	border:1px solid #cccccc;
	
}
.lineupTbl th{
	background:#f0f0f0;
	white-space:nowrap;
}

.page .topic .navbtn {
	text-align: center;
}


/* 2011/10/14 Y追加 */

.marR4 {
	margin-right:3px;
}

/* 2011/12/21 Y追加 */

.gogai {
	margin-bottom: 15px;
	border:2px solid #CC0000;
}


.gogai .ttl {
	background-color:#CC0000;
	display:inline;
	padding:0 5px;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:15px;
}
.gogai .p {
	padding:0 15px 5px 40px;
	text-indent:-25px;
}

/* トピックスアイコン */

.iconTbl_gd,
.iconTbl_sp {
	border-spacing: 0;
	border-collapse:collapse;
	}

.iconTbl_gd th,
.iconTbl_gd td,
.iconTbl_sp th,
.iconTbl_sp td {
	border-left:1px solid #ffffff;
	border-bottom:1px solid  #ffffff;
	border-collapse:collapse;
}

.iconTbl_gd {
	margin-bottom: 3px;
}

.iconTbl_sp {
	margin-bottom: 10px;
}

.iconTbl_gd td.iconTtl {
	background:#f6ae5a;
	border-left: none;
}

.iconTbl_sp td.iconTtl {
	background:#98d456;
	border-left: none;
}
.ttlS {
	margin:20px 0 10px 0;
}
