@charset "utf-8";


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

@font-face{
	font-family:"ぼくたちのゴシック";
	src:url("../fonts/bokutachi.otf") format("opentype");
}
@font-face{
	font-family:"ぽいフォント";
	src:url("../fonts/JNRfont.ttf") format("truetype");
}

.body {
	background:url(../images/bg_body.png) #fffded;
	clear:both;
}

.wrap{
	clear:both;
	position:relative;
}

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

.header{
	background:url(../images/bg_header.png) top center repeat-x;
}

.header-inner{
	width:1025px;
	height:105px;
	margin:0 auto;
	position:relative;
	text-align:center;
}

.header li{
	float:left;
	width:145px;
	margin:0;
}

.header .logo{
	position:absolute;
	top:25px;
	right:0;
	left:0;
	margin:auto;
	width:131px;
	z-index:1;
}

.header .global-navigation{
}

.header .left-navigation{
	height:60px;
	position:absolute;
	top:25px;
	left:0;
}

.header .right-navigation{
	height:60px;
	position:absolute;
	top:25px;
	right:0;
}

.keyvisual-top{
	position:absolute;
	top:160px;
	right:0;
	bottom:-67px;
	left:0;
	margin:auto;
	width:136px;
	z-index:1;
}

.keyvisual{
	background:url(../images/bg_keyvisual02.png) top -100px center no-repeat;
	background-size:auto;
}

.keyvisual .slider{
	background:url(../images/bg_keyvisual.png) top center no-repeat;
	padding:14px 0 4px;
}


/* ---------------------------------------------
　container
------------------------------------------------ */

.container{
	width:1100px;
	margin:0 auto;
}

/* ------ title -------------------------------- */

.page-title h1{
	font-family:"ぼくたちのゴシック";
	font-size:30px;
	letter-spacing:2px;
	margin:25px 0 0;
}

.page-title h1 span{
	font-size:16px;
	letter-spacing:1px;
	text-transform:uppercase;
	display:block;
}

/* ------ topic-path --------------------------- */

.topic-path {
	width:1100px;
	margin:25px auto 0;
	text-align:left;
}

.topic-path ul{
}

.topic-path li{
	float:left;
}

.topic-path span{
}

.topic-path a{
	background:url(../images/icon_arrow_topicpath.png) right 7px center no-repeat;
	padding:0 23px 0 0;
	display:block;
}
.topic-path li:last-child a{ background:none; }

.topic-path .link-home{
	background:url(../images/icon_topicpath_home.png) 0 0 no-repeat;
	text-indent:-9999px;
}

.topic-path .link-home a{
	width:22px;
}

.topic-path a,
.topic-path a:link,
.topic-path a:hover,
.topic-path a:visited,
.topic-path a:active {
	color:#333;
	text-decoration:none;
}


/* ------ pagetop ------------------------------ */

.pagetop{
	width: 980px;
	margin: 10px auto;
	text-align:right;
	font-size:78%;
}

.pagetop a,
.pagetop a:link,
.pagetop a:hover,
.pagetop a:visited,
.pagetop a:active {
	text-decoration:none;
	color:#666;
	padding:5px 10px 5px 15px;
}

/* content
------------------------------------------------ */

.content {
	width:100%;
	text-align:left;
}

/*.content {
	width:720px;
	float:left;
	text-align:left;
	background: #fff;
	padding: 20px;
	border: 1px solid #ddd;
}
*/

/* sidebar
------------------------------------------------ */

.sidebar{
	width:230px;
	float:right;
	text-align:left;
}


/* ------ local-navigation --------------------- */

.sidebar .local-navigation{
	margin-bottom:20px;
}

.sidebar .local-navigation h2{
	margin:0;
	background:#eceae3;
	padding:10px 15px;
	font-family:"ぼくたちのゴシック";
	font-size:18px;
	font-weight:bold;
	border-radius:10px 10px 0 0;
}

.sidebar .local-navigation ul{
}

.sidebar .local-navigation ul span{
	font-size:78%;
}

.sidebar .local-navigation ul li{
	border-bottom:1px solid #d3d1cc;
}
.sidebar .local-navigation ul li:last-child{
	border:none;
}

.sidebar .local-navigation li a{
	background:#fff;
	color:#585b5e;
	padding:25px 15px;
	display:block;
}
.sidebar .local-navigation li:last-child a{ border-radius:0 0 10px 10px; }

.sidebar .local-navigation li a:link,
.sidebar .local-navigation li a:visited,
.sidebar .local-navigation li a:hover,
.sidebar .local-navigation li a:active{
	text-decoration:none;
}



.content .local-navigation{
	background-image:url(../images/bg_line.png), url(../images/bg_line.png);
	background-position:top left, bottom left;
	background-repeat:repeat-x, repeat-x;
	padding:17px 0;
	margin:80px 0 0;
}

.content .local-navigation p{
	background-image:url(../images/bg_title_h3.png), url(../images/bg_title_h3.png);
	background-position:center left 20px, center right 20px;
	background-repeat:no-repeat;
	margin:0;
	padding:0 50px;
	font-family:"あおぞら明朝 Bold";
	float:left;
}

.content .local-navigation ul{
	margin:0;
	float:left;
}

.content .local-navigation ul li{
	background:url(../images/icon_sep.png) no-repeat top 3px right;
	padding:0 25px 0 10px;
	font-size:14px;
	display:inline;
}

.content .local-navigation li ul{
	display:inline;
	float:none;
}

.content .local-navigation li li{
	background:url(../images/icon_arrow02.png) no-repeat top 4px left 10px;
	font-size:12px;
	display:inline;
	padding:0 0 0 20px;
}

.content .local-navigation a:link,
.content .local-navigation a:visited{
	color:#4e483b;
	text-decoration:none;
}
.content .local-navigation a:hover,
.content .local-navigation a:active{
	text-decoration:underline;
}

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

.sidebar .banner{
	margin-top:0;
}

.sidebar .banner li{
	margin-bottom:10px;
}



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

.footer{
	background:url(../images/bg_footer.png) bottom 290px center no-repeat;
	margin:100px 0 0;
	clear:both;
}

.footer .footer-inner{
	background:url(../images/bg_footer_copyright.png) bottom -105px center no-repeat #ed7795;
	padding-bottom:55px;
}

.footer-logo{
}

.footer-address{ margin:20px 0 75px; }

.footer-contact{
	width:540px;
	margin:0 auto;
}

.footer-number{ float:left; }
.footer-mail{ float:right; }

.footer-navigation{
	text-align:center;
	padding:35px 0 0;
	font-size:0;
	clear:both;
	letter-spacing:1px;
}

.footer-navigation li{
	display:inline-block;
	font-size:19px;
	line-height:1.2;
	color:#fff;
	padding:0 30px;
	border-right:1px solid #fff;
}
.footer-navigation li:last-child{ border:none; }

.utility-navigation{
	margin:20px 0 0;
	font-size:0;
	letter-spacing:1px;
}

.utility-navigation li{
	display:inline-block;
	font-size:16px;
	line-height:1.1;
	color:#fff;
	padding:0 15px;
	border-right:1px solid #fff;
}
.utility-navigation li:last-child{ border:none; }

.footer a,
.footer a:link,
.footer a:hover,
.footer a:visited,
.footer a:active {
	color:#fff;
	text-decoration:none;
}

.footer .anchor-ex{
	background:url(../images/icon_new_window03.png) center right no-repeat;
	padding-right:18px;
}

.copyright{
	background:url(../images/bg_copyright.png) repeat #888573;
	text-align:center;
	color:#fff;
	padding:20px 0;
	margin:0;
}

.bg-footer-copyright{
	background:url(../images/bg_footer_copyright.png) top center no-repeat;
	background-size:cover;
}
@media screen and (min-width:1600px){
}