@charset "shift_jis";

/*---------------------------------------------------
	Title: index.css
	Description:index.asp用CSS定義ファイル
----------------------------------------------------*/

br{
	clear:none;
}


a:link,
a:visited,
a:active,
a:hover {
	color:#3C5B71;
}

.border{
	display:block;
	border-top:1px solid #CCCCCC;
	height:1px;
	font-size:1px;
	line-height:0;
}

h3{
	line-height:1;
}



/*************************************************************/
/* main */

#main{
	background: url(../imgs/main_bg.jpg) repeat-x top left;
	padding:16px 0px 0 25px;
	zoom:1;
}

#main #index_main{
	background: url(../imgs/index_main_bg.gif) no-repeat bottom right;
	overflow:hidden;
}


/*----------------------------------------------------------*/
/* update */

#main p.update{
	letter-spacing:1px;
	margin-bottom:4px;
	text-align:right;
	font-size:10px;
}

/*----------------------------------------------------------*/
/* new */

#main .new{
	background: url(../imgs/icon_new.gif) no-repeat 0 0;
	padding-left:28px;
	zoom:1;
	display:inline-block;
}





/*************************************************************/
/* main_column */

#main_column{
	margin:0 10px 0px 0;
	padding-bottom:5px;
	width:450px;
	float:left;
	zoom:1;
}

#main_column #pict_index{
	/*background: url(../imgs/pict_index.gif) no-repeat top left;
	width:450px;
	height:350px;
	margin-top:0px;
	margin-bottom:0px;
	display:block;*/
}

#main_column #pict_index a{
	width:450px;
	height:350px;
	display:block;
}


/*=============================================================*/
/* exelounge_banner */

#main_column .exelounge_banner{
	background: url(../imgs/exelounge_banner.jpg) no-repeat top left;
	width:455px;
	height:40px;
	/*margin-bottom:10px;*/
	margin:4px 0 10px 0;
}

#main_column .exelounge_banner a{
	width:455px;
	height:40px;
	display:block;
}

#main_column .slideText{
	border-left:1px dotted #8E8E8E;
	border-right:1px dotted #8E8E8E;
	padding:0 10px;
	margin:10px 0 7px;
}

/*=============================================================*/
/* slideText */

#main_column .slideText marquee span{
	background: url(../imgs/text_head.gif) no-repeat top left;
	padding-left:8px;
}

#main_column .slideText marquee span a{
	color:#C5474A;
	font-size:13px;
}




#main_column .text-s{
	font-size:10px;
}

/*==========================================================*/
/* 記事一覧：共通 */


#main_column .image{
	position:absolute;
	top:0;
	left:0;
}

#main_column h3{
	background: url(../imgs/view_tit.gif) no-repeat top left;
	width:455px;
	height:34px;
	margin-bottom:10px;
}


#main_column .viewBox01 p a,
#main_column .viewBox02 p a{
	font-size:12px;
	font-weight:bold;
}

#main_column .viewBox01 p a span,
#main_column .viewBox02 p a span{
	font-size:14px;
}


#main_column .viewBox01 p a strong,
#main_column .viewBox02 p a strong {
	font-size:16px;
}

#main_column p.name{
	text-align:right;
	margin:-2.4em 0 0 0;
}

#main_column p.name a{
	font-size:18px;
}


/*==========================================================*/
/* 記事一覧：viewBox01 */

#main_column .viewBox01{
	position:relative;
	padding-left:130px;
	padding-bottom:10px;
	border-bottom:1px dotted #B3B3B3;
	margin-bottom:10px;
	zoom:1;
	font-size:10px;
	
	min-height:80px;
}

* html #main_column .viewBox01{
	height:80px;
}


#main_column .viewBox01 .image,
#main_column .viewBox01 .image a{
	width:120px;
	height:80px;
	display:block;
}

/*#main_column .viewBox01 .update{
	font-size:10px;
}*/

/*==========================================================*/
/* 記事一覧：viewBox02 */


#main_column .viewBox02{
	position:relative;
	padding-left:70px;
	padding-bottom:10px;
	border-bottom:1px dotted #B3B3B3;
	margin-bottom:10px;
	zoom:1;
	font-size:10px;
	min-height:60px;
}


* html #main_column .viewBox02{
	height:60px;
}


#main_column .viewBox02 .image,
#main_column .viewBox02 .image a{
	width:60px;
	height:60px;
	display:block;
}


/*----------------------------------------------------------*/
/* feature01 */


#main_column #feature01 .image{
	background: url(../imgs/feature01_image.jpg) no-repeat top left;
}

#main_column #feature01 p.update{
	background: url(../imgs/icon_feature.gif) no-repeat top left;
}

/*
#main_column #feature01 p.update strong{
	color:#5C83A4;
}
*/

/*----------------------------------------------------------*/
/* feature02 */

#main_column #feature02 .image{
	background: url(../imgs/feature02_image.jpg) no-repeat top left;
}

#main_column #feature02 p.update{
	background: url(../imgs/icon_news.gif) no-repeat top left;
}

/*----------------------------------------------------------*/
/* feature03 */

#main_column #feature03 .image{
	background: url(../imgs/feature03_image.jpg) no-repeat top left;
}

#main_column #feature03 p.update{
	background: url(../imgs/icon_feature.gif) no-repeat top left;
}


/*----------------------------------------------------------*/
/* exelunge */

#main_column #exelounge .image{
	background: url(../imgs/exe_image.jpg) no-repeat top left;
}

#main_column #exelounge p.update{
	background: url(../imgs/icon_exe.gif) no-repeat top left;
}

/*----------------------------------------------------------*/
/* activism */


#main_column #activism .image{
	background: url(../imgs/activism_image.jpg) no-repeat top left;
}

#main_column #activism p.update{
	background: url(../imgs/icon_activism.gif) no-repeat top left;
}


/*----------------------------------------------------------*/
/* 元気印 */

#main_column #genki .image{
	background: url(../imgs/genki_image.jpg) no-repeat top left;

}

#main_column #genki p.update{
	background: url(../imgs/icon_genki.gif) no-repeat top left;
}


/*----------------------------------------------------------*/
/* コムピック */


#main_column .pu p.update{
	background: url(../imgs/icon_pu.gif) no-repeat top left;
}


#main_column #pu01 .image{
	background: url(../imgs/pu01_image.jpg) no-repeat top left;
}

#main_column #pu01 p.update{
	background: url(../imgs/icon_pu.gif) no-repeat top left;
}

#main_column #pu02 .image{
	background: url(../imgs/pu02_image.jpg) no-repeat top left;
}

#main_column #pu03 .image{
	background: url(../imgs/pu03_image.jpg) no-repeat top left;
}

/*==========================================================*/
/* board */

#main_column #history{
	background:#AED1E4 url(../imgs/board_history_btm.gif) no-repeat bottom left;
	padding:0 0 5px;
	position:relative;
}

#main_column #history h4{
	background: url(../imgs/borad_history_title.gif) no-repeat top left;
	width:450px;
	height:25px;
}

#main_column #history .update{
	position:absolute;
	top:0px;
	right:0px;
}

#main_column #history dl{
	background:#fff;
	border:1px solid #7D98B6;
	margin:0 4px;
	padding:0 14px 0 8px;
	zoom:1;
	overflow:hidden;
}

#main_column #history dl dt{
	margin:-1px 0 0 0;
	border-top:1px dotted #45628E;	
	padding:7px 0 0px;
}

#main_column #history dl dd{
	margin:-1.5em 0 4px 0;
	padding:0 0 0 5.9em;
}

#main_column #history dl dd .newwin{
	background: url(../imgs/icon_newwin.gif) no-repeat top right;
	padding:0 19px 0 0;
	zoom:1;
	display:inline-block;
}


/*************************************************************/
/* side_column */

#side_column{
	width:245px;
	float:left;
	padding-bottom:23px;
}


#side_column .box{
	background: url(../imgs/side_box_bg.gif) repeat-y top left;
	position:relative;
}

#side_column .box h3{
	margin-bottom:3px;
}


#side_column .box .body{
	background: url(../imgs/side_box_b.gif) no-repeat bottom left;
	padding:0 0 10px 0;
	zoom:1;
}


#side_column .box .update{
	margin:0 14px;
	background: url(../imgs/side_box_line.gif) repeat-x bottom left;
	padding-bottom:3px;
}


#side_column .box ul{
	margin:0 0 -6px 0;
	overflow:hidden;
	zoom:1;
}

#side_column .box ul li{
	background: url(../imgs/li_tria_cp.gif) no-repeat 0 5px;
	padding:6px 0 0 15px;
	border-top:1px dotted #B3B3B3;
	margin:-1px 14px 6px 14px;
	zoom:1;
}

#side_column .box ul li.cpg{
	background: url(../imgs/li_tria_cpg.gif) no-repeat 0 5px;
}


#side_column .box ul li span{
	font-size:10px;
	letter-spacing:-1px;
}



#side_column .box ul li span.bling{
	background: url(../imgs/update_blink.gif) no-repeat 0 2px;
	width:39px;
	height:15px;
	display:inline-block;
	zoom:1;
	text-indent:-9999px;
}

#side_column .box ul li span.spacing{
	letter-spacing:1px;
}




/*==========================================================*/
/* compost */

#compost{
	margin:0 0 5px 0;
}

#compost h3{
	background: url(../imgs/compost_title.jpg) no-repeat top left;
	width:245px;
	height:31px;
}

#compost p.cp_how{
	position:absolute;
	top:12px;
	right:11px;
	font-size:10px;
}

#compost p.cp_how span{
	background: url(../imgs/head_white.gif) no-repeat top left;
	padding-left:10px;
}

#compost p.cp_how a{
	color:#fff;
}


/*.info_cp{
	background: url(../imgs/info_cp.gif) no-repeat top left;
	width:245px;
	height:56px;
	margin:4px 0 5px 0;
}

.info_cp a{
	width:245px;
	height:56px;
	display:block;
}
*/
/*==========================================================*/
/* compost2 */

#compost2{
	margin:0 0 5px 0;
}

#compost2 h3{
	background: url(../imgs/comring2_title.jpg) no-repeat top left;
	width:245px;
	height:31px;
}

#compost2 p.cp_how{
	position:absolute;
	top:12px;
	right:11px;
	font-size:10px;
}

#compost2 p.cp_how span{
	background: url(../imgs/head_white.gif) no-repeat top left;
	padding-left:10px;
}

#compost2 p.cp_how a{
	color:#fff;
}


/*.info_cp{
	background: url(../imgs/info_cp.gif) no-repeat top left;
	width:245px;
	height:56px;
	margin:4px 0 5px 0;
}

.info_cp a{
	width:245px;
	height:56px;
	display:block;
}
*/
/*==========================================================*/
/* compost3 */

#compost3{
	margin:0 0 5px 0;
}

#compost3 h3{
	background: url(../imgs/comring_title.jpg) no-repeat top left;
	width:245px;
	height:31px;
}

#compost3 p.cp_how{
	position:absolute;
	top:12px;
	right:11px;
	font-size:10px;
}

#compost3 p.cp_how span{
	background: url(../imgs/head_white.gif) no-repeat top left;
	padding-left:10px;
}

#compost3 p.cp_how a{
	color:#fff;
}


/*.info_cp{
	background: url(../imgs/info_cp.gif) no-repeat top left;
	width:245px;
	height:56px;
	margin:4px 0 5px 0;
}

.info_cp a{
	width:245px;
	height:56px;
	display:block;
}
*/

/*==========================================================*/
/* comring */


#comring h3{
	background: url(../imgs/comring_title.jpg) no-repeat top left;
	width:245px;
	height:31px;
	margin-bottom:10px;
}



#side_column #comring ul li{
	padding-left:0;
	padding-top:10px;
	margin-bottom:10px;
	background:none;
	zoom:1;
}

#comring ul li:after{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

#comring ul li .image{
	width:40px;
	height:40px;
	float:left;
	margin-right:7px;
}

#comring ul li#comring01 .image{
	background: url(../imgs/comring_photo01.jpg) no-repeat top left;
}

#comring ul li#comring02 .image{
	background: url(../imgs/comring_photo02.jpg) no-repeat top left;
}

#comring ul li#comring03 .image{
	background: url(../imgs/comring_photo03.jpg) no-repeat top left;
}

#comring ul li .image a{
	width:40px;
	height:40px;
	display:block;
	text-decoration:none;
}

#comring ul li p span{
	font-size:10px;
}




/*==========================================================*/
/* 三字熟語 */

#at0608{
	margin-top:10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #B3B3B3;
}

#at0608 h3{
	background: url(../imgs/at0608_image.jpg) no-repeat top left;
	width:245px;
	height:50px;
}

#at0608 h3 a{
	width:245px;
	height:50px;
	display:block;
}


/*==========================================================*/
/* SNS */

#sns_box{
	margin-top:2px;
	padding-bottom:2px;
	border-bottom: 1px dotted #B3B3B3;
}

#sns_box h3{
	background: url(../imgs/sns_image.jpg) no-repeat top left;
	width:245px;
	height:32px;
}

#sns_box h3 a{
	width:245px;
	height:32px;
	display:block;
}


/*==========================================================*/
/* SNS2 */

#sns_box2{
	margin-top:2px;
	padding-bottom:2px;
	border-bottom: 1px dotted #B3B3B3;
}

#sns_box2 h3{
	background: url(../imgs/sakushinsc_QR.bmp) no-repeat top left;
	width:150px;
	height:130px;
}

#sns_box2 h3 a{
	width:150px;
	height:130px;
	display:block;
}

/*==========================================================*/
/* SNS3 */

#sns_box3{
	margin-top:0px;
	padding-bottom:0px;
	border-bottom: 0px dotted #B3B3B3;
}

#sns_box3 h3{
	background: url(../imgs/icon_pu02.gif) no-repeat top left;
	width:138px;
	height:27px;
}

#sns_box3 h3 a{
	width:138px;
	height:27px;
	display:block;
}




/*==========================================================*/
/* attention */

#attention {
	margin-top:10px;
}

#attention h3{
	background: url(../imgs/banner_attention.gif) no-repeat top left;
	width:245px;
	height:32px;
}

#attention h3 a{
	width:245px;
	height:32px;
	display:block;
}