@charset "utf-8";


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


#head_logo{
	text-align:center;
	padding:15px 0 15px 0;
	width:320px;
	margin:0 auto;
	position: relative;
}


#header{
	max-width:1100px;
}

#header #gnav ul{
	text-align:center;
}

#header #gnav ul li{
	display: inline;
	color:#ddd;
	padding:0 12px;
	font-size:1.3em;
}

#header #gnav ul li:first-child{
}

#contents_bg{
	background: #fff;
}


.top_bn{
	width: 1000px;
	margin:0 auto;
	text-align:center;
	padding:25px 0 25px 0;
	border-bottom:solid 1px #bbb;
}


#topic{
	width: 1000px;
	padding: 10px 0 10px 0;
	margin: 0 auto 0;
}

p#topicpath{
	float: left;
	margin: 0 0 0 5px;
}

p.date{
	float: right;
	margin: 0 5px 0 0;
}

.widebnr{
	padding: 18px 0 18px 0;
	background:#fdfdfd;
}


#twt_block{
	margin:5px 0 0 0;
	padding:4px 8px 4px 8px;
	background: #ffffff;
	border:solid 1px #e0e0e0;
	
	/*
	box-shadow: 0 0 6px 0 rgba(204, 204, 204, 0.5);	
	*/
}

h2{
	width: 1000px;
	margin: 0 auto 15px auto;
	font-size: 200%;
	font-weight: bold;
	text-align:left;
}

ul.icon_block{
	width: 1000px;
	margin: 0 auto 10px auto;
	text-align:left;
}

ul.icon_block li{
	width:30px;
	height:30px;
	display:inline-block;
	margin:0 6px 0 0;
}


ul.header_sns{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	text-align:right;
}

ul.header_sns li{
	width:23px;
	height:23px;
	padding:2px;
	display:inline-block;
}

ul.footer_sns{
	width:1000px;
	margin:0 auto;
	text-align:left;
}

ul.footer_sns li{
	width:23px;
	height:23px;
	padding:2px;
	display:inline-block;
}



/* ---------------------------------------*/
/* container 共通 */
/* ---------------------------------------*/
#container{
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding:0;
}


#container:after{  
  content: ".";   
  display: block;   
  clear: both;   
  visibility: hidden;  
}  
 
#container .contents{
	text-align: left;
	font-size: 15px;
}

#container .contents #left-column{
	float: left;
	width: 670px;
}


#container .contents #left-column .column p.img{
	margin-bottom: 15px;
	text-align:center;
}

#container .contents #left-column .column p.txt{
	margin-bottom: 15px;
}

#container .contents #left-column .column .pager{
	border-top: 1px solid #f1f1f1; 
	border-bottom: 1px solid #f1f1f1;
	padding: 10px;
}

#container .contents #left-column .column .pager p.left{
	float: left;
}

#container .contents #left-column .column .pager p.right{
	float: right;
}

#container .contents #left-column .attention{
	margin: 0 0 20px 0;
	padding: 20px 15px;
	background: #ffffff;
	box-shadow: 0 0 6px 0 rgba(204, 204, 204, 0.5);
}

#container .contents #left-column .attention p.ttl{
	border-bottom: 1px dotted #CCC;
	margin: 0 0 5px 0;
}

#container .contents #left-column .attention ul.list{
	list-style: disc;
	margin: 0 0 10px 0;
}

#container .contents #left-column .attention ul.list li{
	color: #004d99;
    text-decoration: underline;
	display: inline;
	margin: 0 10px 0 0;
}

#container .contents #right-column{
	float: right;
	width: 300px;
}

#container .contents #right-column .bnr{
	margin: 0 10px 20px;
}

#container .contents #right-column .news{
	margin: 0 0 15px 0;
	background: #eee;
}

#container .contents #right-column .news ul{
	padding: 10px 15px;
}

#container .contents #right-column .news p.ttl{
	background-color:#333;
	color:#eee;
	padding: 5px 10px 5px 10px;
}

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

#footer_bg{
	background: #fafafa;
}

#footer_top{
	background: #f5f5f5;
	border-bottom:solid 1px #eee;
	padding:3px 0;
}

#footer{
	width: 1000px;
	margin: 0 auto;
	padding: 10px 20px;
	color: #666;
}

#footer ul{
	margin: 0 0 10px 0;
}

#footer ul li{
	display: inline;
}

#footer p.txt{
	margin: 0 0 20px 0;
	
}

#footer .copyright{

}