@charset "UTF-8";

/*--------------------------------------

	header - index only

--------------------------------------*/

#index_header_bg{
	background:url(../images/top/header_bg_roop.png) left top repeat-x;
} 
#index_header_inner{
	background:url(../images/top/header_bg.png) center top no-repeat;
}
#index_header{
	width:1000px;
	margin:0 auto;
}
#index_logo{
	float:left;
	width:143px;
	padding:11px 0 0 0;
	margin:0;
}
#index_header_right{
	float:right;
	width:846px;
	padding:20px 0 0 0;
	margin:0;
}
#index_header_right h1{
	float:left;
	width:510px;
	/*
	width:526px;
	*/
	font-size:86%;
	color:#fff;
	line-height:130%;
	height:62px;
}
#index_header_link{
	float:right;
	width:320px;
	font-size:14px !important;
	height:62px;
}
#index_header_link ul{
	padding:0;
	margin:0;
}
#index_header_link ul li{
	float:left;
	padding:0;
	margin:0;
	height:23px !important;
}
#index_header_link ul li img{
	vertical-align:middle !important;
	display:block !important; /* 均等にpaddingを実現 */
}
#index_header_link ul li.text01{
	width:60px;
	padding:5px 20px 0 0;
}
#index_header_link ul li.font_middle{
	width:23px;
	padding:0 5px 0 0;
}
#index_header_link ul li.font_big{
	width:23px;
	padding:0 18px 0 0;
}
#index_header_link ul li.text02{
	width:57px;
	padding:5px 13px 0 0;
}
#index_header_link ul li.text03{
	width:100px;
	padding:5px 0 0 0;
}

#index_header_contact{
	float:right;
	width:496px;
	padding:0;
	margin:-6px;
}
#index_header_contact ul{
	padding:0;
	margin:0;
}
#index_header_contact ul li{
	float:left;
	padding:0;
	margin:0;
}
#index_header_contact ul li.contact_text{
	width:302px;
	text-align:left;
}
#index_header_contact ul li.contact_btn{
	width:248px;
}


#index_header_contact2 ul li{
	float:right;
	padding:0;
	margin:0;
}

#index_header_contact2{
	float:right;
	width:550px;
	padding:0;
	margin:0;
}
#index_header_contact2 ul{
	padding:0;
	margin:0;
}

#index_header_contact2 ul li.contact_text{
	width:302px;
	text-align:left;
}
#index_header_contact2 ul li.contact_btn{
	width:248px;
}

/*--------------------------------------

	mainv

--------------------------------------*/

#index_main_bg{
	background:url(../images/top/top_bg_01.jpg) left top repeat;
}


#topmainvisual_bg{
	background:url(../images/top/top_mainvisual_bg.png) center top no-repeat;
	height:612px;
	font-size:14px;
	padding:0 0 24px 0;
	margin:6px 0 0 0;
}

#slider_wrap{
	width:994px;
	margin:0 auto;
	padding:5px 0 0 0;
}
#slider_wrap ul li{
	width:994px;
}
#carousel_wrap{
	width:860px;
	margin:20px auto 0 auto !important;
	padding:0 !important;
}
*+html #carousel_wrap{
	width:860px;
	margin:15px auto 0 auto !important;
	padding:0 !important;
}

#carousel_wrap ul.slides li{
	width:263px !important;
	height:128px !important;
	padding:0 12px !important;
	margin:0 !important;
}
#carousel_wrap ul.slides li img{
	width:256px !important;
	height:119px !important;
}

.flex-direction-nav .flex-next{
	text-decoration:-9999px !important;
}


/*--------------------------------------

	contents inner

--------------------------------------*/


#top_contents_inner{
	width:1000px;
	margin:0 auto;
	padding:0;
}
#top_contents_inner #top_contents{
	float:right;
	width:720px;
}

#top_contents_inner #top_sidecontents{
	float:left;
	width:240px;
	padding:20px 0 0 0;
}
#top_contents_inner #top_sidecontents a:link, #top_contents_inner #top_sidecontents a:visited{
	color:#555;
	text-decoration:none;
}
#top_contents_inner #top_sidecontents a:hover{
	color:#ff7533;
	text-decoration:none;
}

/*--------------------------------------

	top_contents

--------------------------------------*/

#top_contents h2{
	margin:40px 0 0 0;
	padding:0;
}
.top_contents{
	width:680px;
	margin:0 auto;
}
.top_contents_bg_middle_01{
	background:url(../images/top/top_contents_bg_middle.gif) left top repeat-y;
}
.top_contents_bg_bottom_01{
	background:url(../images/top/top_contents_bg_bottom.gif) left bottom no-repeat;
}
.top_contents_bg_middle_02{
	background:url(../images/top/top_contents_bg_middle03.gif) left top repeat-y;
}
.top_contents_bg_bottom_02{
	background:url(../images/top/top_contents_bg_bottom03.gif) left bottom no-repeat;
}

/*--------------------

	 contents01 

--------------------*/

.top_contents01_map{
	width:680px;
	margin:0 auto;
	padding: 0 0 160px 0;
	/*padding:0 0 35px 0;*/
	position:relative;
	background:url(../images/top/top_contents01_bg.jpg) left top no-repeat;
	height:490px;
	/*
	height:433px;
	*/
}
.top_contents01_map .image01{
	width:59px;
	height:46px;
	position:absolute;
	top:111px;
	left:-31px;
}
.top_contents01_map .left_text{
	/*
	float:left;
	*/
	position:absolute;
	top:0px;
	left:0px;
	width:383px;
}
.top_contents01_map .left_text p{
	width:315px;
	padding:23px 0 0 65px;
	margin:0;
	font-size:93%;
}
.top_contents01_map .map_menu{
	/*
	float:right;
	*/
	position:absolute;
	/*
	top:39px;
	*/
	top:20px;
	right:14px;
	width:192px;
	background:url(../images/top/top_contents01_image02.png) right top no-repeat;
	padding:40px 0 0 0;
	margin:0 0 0 0;
}
.top_contents01_map .map_menu .title{
	background:#116f9d;
}
.top_contents01_map .map_menu .title p{
	padding:6px 0;
	text-align:center;
	color:#fff;
	font-size:108%;
	font-weight:bold;
}
.top_contents01_map .map_menu .menu_contents{
	border-left:1px solid #8bbed5;
	border-right:1px solid #8bbed5;
	border-bottom:1px solid #8bbed5;
	background:#fff;
}
.top_contents01_map .map_menu .menu_contents ul.main{
	width:190px;
	margin:0 auto;
	padding:0;
}
.top_contents01_map .map_menu .menu_contents ul.main li{
	padding:5px 0;
	border-bottom:1px dotted #b3b2b2;
}
.top_contents01_map .map_menu .menu_contents ul.main li a{
	background:url(../images/common/common_icon02.png) left 5px no-repeat;
	display:block;
	padding:0 0 0 18px;
	margin:0;
}
.top_contents01_map .map_menu .menu_contents ul.other{
	width:190px;
	margin:0 auto;
	padding:4px 0 0 0;
}
.top_contents01_map .map_menu .menu_contents ul.other li{
	padding:5px 0;
	border-top:1px dotted #b3b2b2;
}
.top_contents01_map .map_menu .menu_contents ul.other li a{
	background:url(../images/common/common_icon02.png) left 5px no-repeat;
	display:block;
	padding:0 0 0 18px;
	margin:0;
}
.top_contents01_map .map_menu .menu_contents dl{
	padding:0 0 0 10px;
	margin:0;
	width:180px;
}
.top_contents01_map .map_menu .menu_contents dl dt{
	/*
	margin-bottom: 12px;
	*/
	width: 125px;
	float: left;
	clear: both;
}
.top_contents01_map .map_menu .menu_contents dl dd{
	padding: 0 0 0 132px;
	color:#116f9d;
}


/* mouseover style */

.contents01_box_sapporo{
	display:none;
	position:absolute;
	width:321px;
	height:329px;
	/*
	top:94px;
	*/
	top:148px;
	left:191px;
	background:url(../images/top/top_contents01_box01_bg.png) left top no-repeat;
}
#sapporo_area_btn:hover {
	cursor: pointer;
	display:block;
}
.contents01_box_sapporo .title{
	padding:10px 0 9px 86px;
	margin:0;
}
.contents01_box_sapporo .btn_area{
	width:321px;
	height:274px;
	position:relative;
}
.contents01_box_sapporo .btn_area .teine{
	position:absolute;
	width:110px;
	height:36px;
	top:52px;
	left:34px;
}
.contents01_box_sapporo .btn_area .nishi{
	position:absolute;
	width:110px;
	height:36px;
	top:98px;
	left:50px;
}
.contents01_box_sapporo .btn_area .higashi{
	position:absolute;
	width:110px;
	height:36px;
	top:62px;
	right:14px;
}
.contents01_box_sapporo .btn_area .chuou{
	position:absolute;
	width:110px;
	height:36px;
	bottom:95px;
	left:112px;
}
.contents01_box_sapporo .btn_area .kiyota{
	position:absolute;
	width:117px;
	height:36px;
	bottom:23px;
	right:15px;
}


/*--------------------

	 contents02 

--------------------*/

.contents02_text{
	width:680px;
	margin:0 auto;
	padding:0;
}
.contents02_list{
	width:700px;
	margin:0 auto;
	padding:0;
}
.contents02_list li{
	padding:0;
	margin:20px 10px 0 10px;
	width:330px;
	float:left;
	background:url(../images/top/top_contents_bg_bottom02.gif) left bottom no-repeat;
}
.contents02_list li .contents02_main_box{
	padding:0 0 0 0;
	margin:0 0 8px 0;
	/*
	border-left:1px solid #cad2d6;
	border-right:1px solid #cad2d6;
	border-bottom:1px solid #cad2d6;
	border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
	*/
}
.contents02_list li .contents02_main_box h3{
	padding:0;
	margin:0;
}
.contents02_list li .contents02_main_box p{
	width:298px;
	margin:0 auto;
	padding:14px 0 8px 0;
}
.contents02_list li .contents02_main_box p span{
	background:#fffa73;
}
.contents02_list li .contents02_main_box .image{
	width:298px;
	margin:0 auto;
	padding:14px 0 0 0;
}



/*--------------------

	 contents03 

--------------------*/

.top_contents03_title{
	background:url(../images/top/top_contents_border01.gif) left bottom no-repeat;
	margin:40px 0 15px 0;
	padding:0 0 13px 0;
}
.top_contents03_title h2{
	width:140px;
	float:left;
	padding:0 0 0 20px !important;
	margin:0 !important;
}
.top_contents03_title .detail_link{
	float:right;
	width:130px;
}
.top_contents03_title .detail_link p{
	padding:12px 0 0 0;
	margin:0;
}
.top_contents03_title .detail_link p a{
	background:url(../images/common/common_icon01.png) left 2px no-repeat;
	padding:0 0 0 24px;
	display:block;
}
.top_contnets03_info_inner{
	background:url(../images/top/top_contents_border02.gif) left bottom no-repeat;
}

dl.top_contents03_info {
	width:680px;
	margin:0 auto;
	padding:0 0 5px 0;
	zoom: 1;
}
dl.top_contents03_info dt {
	margin-bottom: 12px;
	width: 80px;
	float: left;
	clear: both;
	color:#999999;
}
dl.top_contents03_info dd {
	padding: 0 0 12px 100px;
	color:#005178;
}
dl.top_contents03_info dd a:link, dl.top_contents03_info dd a:visited{
	color:#005178;
	text-decoration:underline;
}
dl.top_contents03_info dd a:hover{
	color:#ff7533;
	text-decoration:none;
}



/*--------------------

	 contents04 

--------------------*/

.top_contnets04_inner{
	background:url(../images/top/top_contents_border02.gif) left bottom no-repeat;
	padding:10px 0;
}
.top_contnets04_bg{
	background:#fbfbf5;
	padding:20px 0;
}
.top_contnets04_main{
	width:680px;
	margin:0 auto;
}
.top_contnets04_main .image{
	width:245px;
	float:left;
}
.top_contnets04_main .top_contnets04_main_text{
	width:415px;
	float:right;
}
.top_contnets04_main .top_contnets04_main_text h3{
	color:#005178;
	font-weight:bold;
	font-size:115%;
	padding:2px 0 10px 0;
}

dl.top_contents04_detail {
	margin:0 auto;
	padding:0 0 5px 0;
	zoom: 1;
}
dl.top_contents04_detail dt {
	margin-bottom: 5px;
	width: 11%;
	float: left;
	clear: both;
	color:#fff;
}
dl.top_contents04_detail dt span{
	background:#116f9d;
	padding:0px 4px;
}
dl.top_contents04_detail dd {
	padding: 0 0 5px 11%;
	color:#333;
}
.top_contnets04_main .top_contnets04_main_text p span{
	color:#ff4761;
}

.top_contnets04_main .top_contnets04_main_text .btn{
	margin:5px 0 0 0;
}



/*--------------------

	 contents05 

--------------------*/

.top_contents05_inner{
	padding:30px 0 0 0;
}
.top_contents05_inner p{
	width:670px;
	padding:18px 0 0 0;
	margin:0 auto;
}
.top_contents05_inner p span{
	color:#ff4761;
}
.top_contents05_inner .image{
	width:718px;
	margin:0 auto;
	padding:20px 0;
}



/*--------------------------------------

	top_sidecontents

--------------------------------------*/

#top_sidecontents h2{
	margin:20px 0 0 0;
	padding:0;
}
#sp_block{
	display:none;
}



/*--------------------------------------

	top_banner_contents

--------------------------------------*/
#top_banner_contents{
	margin:15px 0 0;
	padding:0;
}
.top_banner_contents_in{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.top_banner_contents_in .title{
	background:url(../images/top/top_banner_contents_back.png) no-repeat bottom center;
	height:61px;
	width:1000px;
	text-align:center;
}
.top_banner_contents_in .title img{
	padding:10px 0 0;
}
.top_banner_contents_in ul{
	background:#ecf6ff;
	border:1px dotted #b2b2b2;
	border-radius:10px;
	padding:12px;
}
.top_banner_contents_in ul li{
	float:left;
	margin-right:11px;
}
.top_banner_contents_in ul li:last-child{
	margin-right:0;
	float:right;
}
.top_banner_contents_in ul li a:hover{
	opacity:0.6;
}



.top_mainv{
  width: 1002px;
  margin: 0 auto;
  padding: 6px 0 45px 0;
}