@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


.pcnone{
	display: none;
}



/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 14px;
	line-height: 24px;
}

body {
	color:#000000;
	background-color:#ffffff;
	   font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* font
===============================================================*/
a {
	color:#000000;
	text-decoration:none;
}

a:visited {
	color:#000000;
	text-decoration:none;
}

a:hover {
	color:#ff6600;
	text-decoration: underline;
}

a:active {
	color:#ff6600;
	text-decoration: underline;
}


/* Contents
===============================================================*/
div#AllBox{
}

div#Contents {
	width:960px;
	margin:0 auto;
	/* padding:0 0 100px 0; */
}

div#Top_Contents {
	padding:57px 0 0 0;
}

div#Top_Contents div#Main {
	width:960px;
	margin:0 auto;
}

div#Contents div#Main {
	width:720px;
	float:right;
}

div#Contents div#SideBar {
	width:204px;
	float:left;
}

div#Contents div#Main2 {
	width:820px;
	margin: 0 auto;
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
	width:960px;
	padding:8px 0 0 0;
	margin: 0px auto;
	position: relative;
}

div#HeaderBox .header_top {
/*
	width:126px;
	padding:0 0 7px 0;
	margin-top: 30px;
	float:right;
*/
	position: absolute;
	top:30px;
	right: 0;
}

div#HeaderBox .header_top ul li {
	float:left;
	line-height:1px;
}

div#HeaderBox .header_bottom {
	clear:both;
}


div#HeaderBox .header_bottom h1 {
/* 	width:204px; */
	float:left;
}

div#HeaderBox div.header_bottom.cf h1.logo2017{
	float: none;
	text-align: center;
	margin-top: 0px;
	margin-left: 30px;
}


/* Navigation
===============================================================*/
div#Navigation ul li {
	float:left;
}


/* FooterBox
===============================================================*/
div#FooterBox .side_con {
	position:fixed;
	top:210px;
	right:0;
	z-index: 20;
}

div#FooterBox .side_con p {
	padding:0 0 1px 0;
}

div#FooterBox .side_con p.pd {
	padding:0 0 28px 0;
}

div#FooterBox .info {
	width:914px;
	padding:0 0 12px 46px;
	margin: 0px auto;
}

div#FooterBox .info h2 {
	padding:0 46px 0 0;
	text-align:center;
}

div#FooterBox .info ul.m li {
	width:265px;
	padding:0 34px 13px 0;
	float:left;
}

div#FooterBox .info ul.cf {
	padding:0 52px 0 0;
}

div#FooterBox .footer_wrapper {
	width:100%;
	min-width:960px;
	height:200px;
	padding:88px 0 0 0;
	background:url(../images/common/img_bg_01.jpg) no-repeat center top;
}

div#FooterBox .footer_wrapper .inner {
	width:960px;
	height:200px;
	margin:0 auto;
	position:relative;
}

div#FooterBox .footer_wrapper .inner .list {
	height:111px;
}

div#FooterBox .footer_wrapper .inner .list ul {
	float:left;
}

div#FooterBox .footer_wrapper .inner .list ul.n01 {
	width:117px;
}

div#FooterBox .footer_wrapper .inner .list ul.n02 {
	width:169px;
}

div#FooterBox .footer_wrapper .inner .list ul.n03 {
	width:192px;
}

div#FooterBox .footer_wrapper .inner .list ul.n04 {
	width:150px;
}

div#FooterBox .footer_wrapper .inner .list ul.n05 {
	width:175px;
}

div#FooterBox .footer_wrapper .inner .list ul li {
	padding:0 0 0 8px;
	background:url(../images/common/img_ar_01.gif) no-repeat 0 9px;
}

div#FooterBox .footer_wrapper .address p.logo {
	float:left;
}

div#FooterBox .footer_wrapper .address p.name {
	float:left;
	padding:13px 0 0 10px;
}

div#FooterBox .footer_wrapper .address p.add {
	clear:both;
	font-size:10px;
}

div#FooterBox .footer_wrapper p.txt {
	position:absolute;
	bottom:1px;
	left:0;
	color:#ffffff;
	font-size:10px;
}

/* main_tit
===============================================================*/
.main_tit {
	width:100%;
	height:123px;
	margin:0 0 14px 0;
	background:url(../images/common/img_bg_02.jpg) no-repeat center top;
}

.main_tit h2 {
	width:960px;
	margin:0 auto;
}


/* topic_path
===============================================================*/
.topic_path {
	width:955px;
	padding:0 0 0 5px;
	margin:0 auto 20px auto;
}

.topic_path ul li {
	font-size:10px;
	padding:0 0 0 13px;
	background:url(../images/common/img_ar_01.gif) no-repeat 6px 9px;
	float:left;
}

.topic_path ul li.home {
	padding:0;
	background:none;
}

.topic_path ul li a {
	text-decoration:underline;
}


/* SideBar
===============================================================*/
div#SideBar .side_box {
	margin:0 0 20px 0;
}

div#SideBar .side_box ul li {
	border-bottom:#ffffff 1px solid;
	background-color: #ececec;
}

div#SideBar .side_box ul li {
	border-bottom:#ffffff 1px solid;
}

div#SideBar .side_box ul li a {
	display:block;
	font-size:14px;
	line-height:20px;
	padding:10px 35px 9px 15px;
	background:url(../images/news/img_bg_03.gif) no-repeat 0 0;
}

div#SideBar .side_box ul li a.here ,
div#SideBar .side_box ul li a:hover {
	text-decoration:none;
	color:#000000;
	background:url(../images/news/img_bg_04.gif) no-repeat 0 0;
}

div#SideBar .side_box ul.entry li a {
	display:block;
	font-size:14px;
	padding:6px 35px 6px 15px;
	background:url(../images/news/img_bg_01.gif) no-repeat 0 0;
}

div#SideBar .side_box ul.entry li a.here ,
div#SideBar .side_box ul.entry li a:hover {
	background:url(../images/news/img_bg_02.gif) no-repeat 0 0;
}

div#SideBar .side_box ul.entry li a span {
	display:block;
	font-size:12px;
	line-height:16px;
}


/* pager
===============================================================*/
div.pager {
	padding:20px 5px 50px 5px;
	margin:0 0 20px 0;
}

div.pager ul {
	text-align:center;
	letter-spacing:-0.4em;
}

div.pager p img {
	position:absolute;
	top:0;
	left:0;
}

div.pager li {
	display:inline-block;
	*display: inline;
	letter-spacing:normal;
	margin:0 8px 0 0;
	*zoom: 1;
}

div.pager li.img {
	width:169px;
	height:20px;
	font-size:1px;
	line-height:1px;
	position:relative;
}

div.pager li.img img {
	position:absolute;
	top:0;
	left:0;
}

div.pager li.img img.hover {
	z-index:2;
}


div.pager li a {
	display:block;
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
	line-height:14px;
	padding:10px 14px;
	background-color:#000000;
}

div.pager li a:hover {
	display:block;
	color:#ffffff;
	line-height:14px;
	background-color:#ed6f00;
	padding:10px 14px;
}

div.pager li.img a ,
div.pager li.img a:hover {
	padding:0;
	background:none;
}


div.pager li a.back {
	padding:2px 25px;
}

div.pager li span {
	display:block;
	color:#ffffff;
	font-size:14px;
	line-height:14px;
	background-color:#ed6f00;
	padding:10px 14px;
}