@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(../../../images/header/header_bg.png) 0 0 repeat-x;
}
.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(../../../images/header/search_btn.jpg) no-repeat 0 0;
}


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

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

	background:url(../../images/top/info_title.jpg) no-repeat 142px 50% #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(../../images/top/info_icon01.jpg) no-repeat 0 50%;
}
.info_areaR dt.info_icon02{
	background:url(../../images/top/info_icon02.jpg) no-repeat 0 50%;
}
.info_areaR dt.info_icon03{
	background:url(../../images/top/info_icon03.jpg) no-repeat 0 50%;
}

.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(../../images/top/topbtn_img04.jpg) no-repeat 0 0;
}

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

.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(../../images/top/topbtn_img06.jpg) no-repeat 0 0;
}
.topBtn_06 .topbtn002 a {
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	cursor: pointer;
	width:108px;
	height:18px;
	background:url(../../images/top/kitei_btn01.png) no-repeat;
}
.topBtn_06 .topbtn003 a {
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	cursor: pointer;
	width:190px;
	height:18px;
	background:url(../../images/top/kitei_btn02.png) no-repeat;
}
.topBtn_06 .topbtn004 a {
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	cursor: pointer;
	width:220px;
	height:18px;
	background:url(../../images/top/kitei_btn03.png) no-repeat;
}

.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:1088px;
	padding:28px 76px 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(../../../images/footer/footer_line02.jpg) 0 0 repeat-y;
	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(../../../images/footer/footer_line01.jpg) 0 0 repeat-x;
}
.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(../../../images/footer/arrow01.png) no-repeat 0 50%;
}
.footer_inner_box01 ul li.Tab002{
	margin:0 0 12px;
	padding:0 0 0 14px;
	background:url(../../../images/footer/arrow01.png) no-repeat 0 4px;
}
.footer_inner_box01 ul li.Tab003{
	margin:0 0 12px;
	padding:0 0 0 14px;
	background:url(../../../images/footer/arrow03.png) no-repeat 0 50%;
}

.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; }
.mb100 { margin-bottom: 100px; }
.mb200 { margin-bottom: 200px; }
.ml10 { margin-left: 10px; }
.mr2 { margin-right: 2px; }
.mr10 { margin-right: 10px; }
.mr16 { margin-right: 16px; }
.mr35 { margin-right: 35px; }
.mr45 { margin-right: 45px; }
.mr55 { margin-right: 55px; }
.mr75 { margin-right: 75px; }
.mr76 { margin-right: 76px; }
.mt10 { margin-top: 10px; }
.mt4 { margin-top: 4px; }