﻿@charset "utf-8";

/* ================================
    Default styles FOR infoDNN
   ================================ */
body{
	margin: 0;
	padding: 0;
	text-align:center;
}
p{
	margin:0;
	padding:0;
}
#header{
	width: 100%;
	min-width: 1360px;
	height: 107px;
	margin: 0 0 0px;
	background: #f7f7f7;
	padding: 0 0;
	position: fixed;
	z-index: 30;
	background : url(header_bg.png) 0px 0px / auto auto repeat-x scroll padding-box border-box transparent;
}
@media print {
    #header{
		display:none;
    }
}
.header_logo{
	margin:19px 0 0 16px;
	width:452px;
	height:65px;
}
.header_r{
	margin: 8px 32px 0 0;
	width: 500px;
	height: 92px;
}
.header_box01{
	margin: 12px 0 0;
	width: 500px;
	height: 25px;
	font-size:84%;
}
.search_box{
	width: 222px;
	height: 25px;
}
.search_box form{
	margin:0;
	padding:0;
}
.search_box form .text{
	width: 160px;
	height: 23px;
	top:0;
	margin:0;
	padding:0;
}
.search_box form .button{
	width: 49px;
	height: 25px;
	margin:0;
	padding:0;
	border-style: none;
	text-indent:-9999px;
	overflow:hidden;
	cursor: pointer;
	background : url(search_btn.jpg) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
}


/* ===== お知らせ Info ===== */

.info_area{
	width:1114px;
	position:relative;

	background : url(info_title.jpg) 142px 50% / auto auto no-repeat scroll padding-box border-box #f3f3f3;
	
}
.info_areaL{
	width:362px;
	height:168px;
	/*background-color:#f3f3f3;*/
	
}
.info_areaR{
	width:654px;
	background-color:#f3f3f3;
	font-size:95%;
}
.info_areaR dl{
	margin:20px 0 10px;
}
.info_areaR dt{
	padding:4px 0 4px 110px;
	float:left;
	clear : both;
}
.info_areaR dd{
	padding:4px 0 4px ;
	margin-left:203px;
}
.info_areaR dt.info_icon01{
	background : url(info_icon01.jpg) 0px 50% / auto auto no-repeat scroll padding-box border-box transparent;
}
.info_areaR dt.info_icon02{
	background : url(info_icon02.jpg) 0px 50% / auto auto no-repeat scroll padding-box border-box transparent;
}
.info_areaR dt.info_icon03{
	background : url(info_icon03.jpg) 0px 50% / auto auto no-repeat scroll padding-box border-box transparent;
}

.info_btn{
	/*margin:129px 0 0;*/
	width: 63px;
	height: 17px;
	
	position: absolute;
	bottom: 20px;
	left:1016px;
}


/* ===== top btn area ===== */
.topBtn_area{
	width:1114px;
}
.topBtn_04{
	padding:210px 0 0 191px;
	width:170px;
	height:53px;
	background : url(topbtn_img04.jpg) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
}

.topBtn_05{
	padding:210px 0 0 191px;
	width:170px;
	height:53px;
	background : url(topbtn_img05.jpg) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
}
.topBtn_04 .topbtn001 a,
.topBtn_05 .topbtn001 a{
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	cursor: pointer;
	width:127px;
	height:23px;
	background : url(kuwashiku.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

.topBtn_04 .topbtn001 a:hover,
.topBtn_04 .topbtn001.active a,
.topBtn_05 .topbtn001 a:hover,
.topBtn_05 .topbtn001.active a{
	background-position:0 -23px;
}

.topBtn_06{
	padding:131px 0 0 35px;
	width:327px;
	height:132px;
	background : url(topbtn_img06.jpg) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
}
.topBtn_06 .topbtn002 a{
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	cursor: pointer;
	width:108px;
	height:18px;
	background : url(kitei_btn01.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
.topBtn_06 .topbtn003 a{
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	cursor: pointer;
	width:190px;
	height:18px;
	background : url(kitei_btn02.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}
.topBtn_06 .topbtn004 a{
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	cursor: pointer;
	width:220px;
	height:18px;
	background : url(kitei_btn03.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

.topBtn_06 .topbtn002 a:hover,
.topBtn_06 .topbtn002.active a,
.topBtn_06 .topbtn003 a:hover,
.topBtn_06 .topbtn003.active a,
.topBtn_06 .topbtn004 a:hover,
.topBtn_06 .topbtn004.active a{
	background-position:0 -18px;
}

.to_top{
	width:978px;
	padding:28px 136px 28px 0;
}
.Breadcrumb_list{
	margin:40px;
	
}


/* ===== footer ===== */
.footer_area{
	width: 100%;
	margin: 0 0;
	background-color: #f7f7f7;
}

.footer_area a,
.footer_area a:link,
.footer_area a:visited{
	color:#000; text-decoration: none;
}
.footer_area a:hover,
.footer_area a:active{
	color:#330003; text-decoration:underline;
}

.footer_menu01{
	width: 1114px;
	padding: 22px 0 18px;
	background : url(footer_line02.jpg) 0px 0px / auto auto repeat-y scroll padding-box border-box transparent;
	margin: 0 auto;
}
.footer_menu02{
	width: 1114px;
	/*padding:32px 0 24px;*/
	margin: 32px auto 12px;
	display: block;
	text-align: center;
	font-size: 85%;
}
.footer_line{
	width: 100%;
	padding: 1px 0 0 0;
	background : url(footer_line01.jpg) 0px 0px / auto auto repeat-x scroll padding-box border-box transparent;
}
.footer_inner{
	width:1114px;
	padding:18px 0;
}
.footer_title{
	font-size:110%;
	margin-bottom:20px;
}

.footer_inner_box01{
	width:310px;
	margin-left:60px;
}
.footer_inner_box01 ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size: 85%;
}
.footer_inner_box01 ul li.Tab001{
	margin:0 0 12px;
	padding:0 0 0 14px;
	background : url(arrow01.png) 0px 50% / auto auto no-repeat scroll padding-box border-box transparent;
}
.footer_inner_box01 ul li.Tab002{
	margin:0 0 12px;
	padding:0 0 0 14px;
	background : url(arrow02.png) 0px 50% / auto auto no-repeat scroll padding-box border-box transparent;
}
.footer_inner_box01 ul li.Tab003{
	margin:0 0 12px;
	padding:0 0 0 14px;
	background : url(arrow03.png) 0px 50% / auto auto no-repeat scroll padding-box border-box transparent;
}

.footer_copy{
	padding: 0 0 55px;
	display: block;
	text-align: center;
	font-size: 85%;
}



/* ===== Float ===== */
.floatleft{
	display:block; float:left;
}
.floatright{
	display:block; float:right;
}

/* ===== Align ===== */
.alignleft{
	text-align:left;
}
.alignright{
	text-align:right;
}
.aligncenter{
	display:block; text-align:center;
}

/* ===== clearfix ===== */
.clearfix:after{
	content:"."; display: block; height: 0; clear: both; visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/**/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/**/

.mb10{
	margin-bottom: 10px;
}
.mb13{
	margin-bottom: 13px;
}
.mb17{
	margin-bottom: 17px;
}
.mb30{
	margin-bottom: 30px;
}
.mb36{
	margin-bottom: 36px;
}
.mb76{
	margin-bottom: 76px;
}
.ml10{
	margin-left: 10px;
}
.mr2{
	margin-right: 2px;
}
.mr10{
	margin-right: 10px;
}
.mr15{
	margin-right: 15px;
}
.mr16{
	margin-right: 16px;
}
.mr20{
	margin-right: 20px;
}
.mr45{
	margin-right: 45px;
}
.mr55{
	margin-right: 55px;
}
.mr75{
	margin-right: 75px;
}
.mr76{
	margin-right: 76px;
}
.mt10{
	margin-top: 10px;
}
.mt4{
	margin-top: 4px;
}
