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

@import "bn_list.css";

/* //////////////////////////////////
base&clear
////////////////////////////////// */


body{
	margin:0 auto;
	padding:0;
	background-image:url(images/index/bg.gif);
	font-size:12px;
	color:#5E5644;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.5;
	}
	
a{color:#f20000;}
a:hover{color:#0033cc;}
a:visited{color:#800080;}


/* clear & clearfix------------------------- */
.clearfix:after {content:".";display:block;height:0px;clear:both;visibility:hidden;}
.clearfix {zoom:1;}
.clear{clear:both;}


/* reset------------------------- */
div,h1,h2,h3,h4,h5,h6,h7,p,a,ul,ol,li,dl,dt,dd,table,tr,th,td,img{margin:0;padding:0;border:0;}
ul,ol{list-style:none;}
img{vertical-align:top;}/*画像上の隙間をなくす*/









/* //////////////////////////////////
share
////////////////////////////////// */

.dis_none{display:none;}
.txt_small{font-size:11px;}
.txt_bold{font-weight:bold;}
.txt_red{color:#ff0b15;}
.marbtm_5{margin-bottom:5px;}
.marbtm_10{margin-bottom:10px;}









/* //////////////////////////////////
rayout
////////////////////////////////// */



/* base------------------------- */

#wrap{
	width:980px;
	margin:0 auto 30px;
	}

#wrap #leftcolmn{
	width:675px;
	float:left;
	background:#FFF;
	}

#wrap #rightcolmn{
	width:300px;
	float:right;
	padding-top:5px;
	}

#wrap #main{
	padding:25px;
	}



/* header------------------------- */

#wrap #header{
	background:url(images/index/header_bg.jpg) no-repeat left top;
	padding:5px;
	height:115px;
	position:relative;
	}

#wrap #header h1{
	display:none;
	}

#wrap #header .logos{
	text-align:right;
	padding-bottom:40px;
	}

#wrap #header ul#gnav{
	margin-left:20px;
	}

#wrap #header ul#gnav li{
	float:left;
	margin-right:30px;
	}

#wrap #header .socialbtn{
	position:absolute;
	right:18px;
	top:48px;
	}


/* next------------------------- */

#wrap #main .next h2{
	background:url(images/index/next_ptit.gif) no-repeat left center;
	padding-left:265px;
	font-size:35px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1;
	color:#ff0b15;
	}

#wrap #main .next h2 span{
	font-size:15px;
	color:#5e5644;
	}

#wrap #main .program_box1{
	padding:25px;
	color:#FFF;
	margin-bottom:30px;
	border:solid 5px #ff636c;
	background:url(images/index/next_bg_red.gif) repeat left top;
	}

#wrap #main .program_box1 h3{
	text-align:center;
	border-top:dotted 2px #FFF;
	border-bottom:dotted 2px #FFF;
	padding:5px 0;
	margin:10px 0;
	color:#ffff51;
	font-size:16px;
	line-height:1.3;
	}
	
#wrap #main .program_box2{
	width:258px;
	padding:20px;
	color:#FFF;
	margin-bottom:30px;
	}

#wrap #main .program_box2 h3{
	text-align:center;
	border-top:dotted 2px #FFF;
	border-bottom:dotted 2px #FFF;
	padding:5px 0;
	margin:10px 0;
	color:#ffff51;
	font-size:14px;
	line-height:1.3;
	}

#wrap #main .p1{
	float:left;
	border:solid 5px #ff636c;
	background:url(images/index/next_bg_red.gif) repeat left top;
	}

#wrap #main .p2{
	float:right;
	border:solid 5px #5197fe;
	background:url(images/index/next_bg_blue.gif) repeat left top;
	}



/* backnumber & topics------------------------- */


#wrap #main .backnumber{
	background:#f2f2f2;
	width:365px;
	float:left;
	}

#wrap #main .backnumber dl{
	padding:15px;
	}

#wrap #main .backnumber dl dt{
	font-size:11px;
	color:#4f4a40;
	font-weight:bold;
	}

#wrap #main .backnumber dl dt span{
	color:#0064ff;
	}

#wrap #main .backnumber dl dd{
	border-bottom:dotted 1px #999999;
	padding-bottom:10px;
	margin-bottom:10px;
	}

#wrap #main .backnumber dl dd img,
#wrap #main .topics ul li img{
	border:solid 1px #CCC;
	}

#wrap #main img.floatimg{
	float:left;
	margin-right:5px;
	}

#wrap #main .topics{
	background:#f2f2f2;
	width:250px;
	float:right;
	}

#wrap #main .topics ul{
	padding:15px;
	}

#wrap #main .topics ul li{
	border-bottom:dotted 1px #999999;
	padding-bottom:10px;
	margin-bottom:10px;
	}




/* rightcolmn banner------------------------- */

#wrap #rightcolmn .rectangle,
#wrap #rightcolmn .banner_l li{
	margin-bottom:5px;
	}

#wrap #rightcolmn .banner_s{
	padding:10px 0 10px 40px;
	}

#wrap #rightcolmn .banner_s li{
	float:left;
	}




/* footer------------------------- */

#footerbg{
	border-top:1px solid #D4D0C8;
	background-color:#F2F2F2;
	width:100%;
	margin:2px auto 0 auto;
	background-image:url(images/foot_bg.gif);
	text-align:center;
	}	

#footer{
	margin:0 auto;
	padding:0 0 0 0px;
	width:770px;
	height:107px;
	text-align:center;
	}

#footer img{
	float:left;
	padding:15px;
	}