@charset "utf-8";

/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top; }

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;} /* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;} /* End hide from IE-mac */

/* IE7でpadding指定 */ 
*:first-child+html body #middle,*:first-child+html body #footer_city { 
padding-left: 1px; 
} 

/*****************************************************************************
 BASICS
 *****************************************************************************/

html, body, #wrapper {height:100%;}


body{
     padding: 0;  
     margin: 0 auto;     
     display:block;
     width:100%;
     color:#333;
     background:#fff;
	}

a:link { color: #f19500;}
a:visited { color: #f19500;}
a:focus,a:hover { color: #ffab1a; text-decoration: none;}
a:active { color: #c57c05; text-decoration: none;}


#all {width:100%; display:block;clear:both;margin:0 auto;}
#all:after{content:"";display:block;height:0;clear:both;}



/*ヘッダ*/

#header{
	display:block;
	position:relative;
	height:150px;
	margin:0 auto;
	background:#fff;
	}

h1#name {
	display:block;
	margin-bottom:0px;
	padding-top:27px;
	}

h1#name img{
	display:block;
	border:0;
	margin:0 auto;
	vertical-align:top;
	text-align:center;
	}

.toiawase {
	display:block;
	clear:both;
	height:20px;
	width:550px;
	margin:-15px auto 0;
	}

.toiawase a {
	width:110px;
	float:right;
	height:20px;
	text-indent:-9999px;
	background:url(../image/botan.png) no-repeat 0 0;
	display:block;
	}

.toiawase a:hover {background-position:0 -20px;}

ul .bxslider img{
	display:block;
	margin:0 auto;
	text-align:center;
	width:1280px;
	height:465px;
	padding-bottom:15px;
	}

ul.bxslider li {height:313px!important; text-indent:-9999px;}

ul.bxslider li.slider1{
	background:url(../image/peropero.png) no-repeat 50% 50%;
	}
ul.bxslider li.slider2{
	background:url(../image/kunkun.png) no-repeat 50% 50%;
	}
ul.bxslider li.slider3{
	background:url(../image/uekara.png) no-repeat 50% 50%;
	}


/*スライダー下めにゅー*/

#menum{
	width:960px;
	height:55px;
	padding-bottom:42px;
	display:block;
	text-align:center;
	padding-top:15px;
	background:#fff;
	margin:0 auto;
	}

ul #menu li{
	margin:0;
	width:160px;
	height:47px;
	list-style-type:none;
	display:block;
	float:left;
	overflow:hidden;
	}

#menu li a{
	float:left;
	display:block;
	width:160px;
	height:47px;	
        text-indent:-9999px;
        background-image: url(../image/menu1.png);
        background-repeat:        no-repeat;
	}


a.menu1{
        background-position:        0px 0px;
        }              
a.menu1:hover{
        background-position:        0px -47px;
       }

a.menu2{
        background-position:        -160px 0px;
        }              
a.menu2:hover{
        background-position:        -160px -47px;
       }
a.menu3{
        background-position:        -320px 0px;
        }              
a.menu3:hover{
        background-position:        -320px -47px;
       }
a.menu4{
        background-position:        -480px 0px;
        }              
a.menu4:hover{
        background-position:        -480px -47px;
       }
a.menu5{
        background-position:        -640px 0px;
        }              
a.menu5:hover{
        background-position:        -640px -47px;
       }
a.menu6{
        background-position:        -800px 0px;
        }              
a.menu6:hover{
        background-position:        -800px -47px;
       }

/* ふったー　*/

#footer{
	display:block;
	inline-height:1.2;
	padding-top:32px;
	font-size:12px;
	letter-spacing:0.06em;
	height:352px;
	background:#fff;
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:left;
	}

#footer a:hover { color: #f19500; }

#footer .wrapper{
	clear:both;
	display:block;
	position:relative;
	width:960px;
	height:352px;
	margin:0 auto;
	}

#footer .col{
	float:left;
	width:310px;
	padding-bottom:10px;
	margin-right:30px;
	}

#footer ul{
	display:inline-block;
	list-style:none;
	width:100%;
	margin:0;
	}

#footer li{
	margin-bottom:10px;
	}

#footer h2{
	margin-bottom:12px;
	padding-top:5px;
	padding-bottom:8px;
	border-bottom:1px dotted #999;
	font-weight:bold;
	}

#footer a{
	color:#555;
	text-decoration:none;
	transition:color o.5s linear 0;
	}

#footer ul li{
	margin-bottom:10px;
	}

#footer li li{
	padding-left:10px;
	background:url(../image/arrow2.gif) no-repeat left 4px;
	}

#footer .mb20{
	margin-bottom:20px!important;
	height:28px;
	}

div.col{
	float:left;
	width:200px;

	}

#footer .col-mr0{
	float:left;
	width:200px;
	}

#help{
	display:block;
	position:relative;
	float:right;
	width:240px;
	padding:20px 20px 15px 20px;
	background:#f7f5f1;
	}

#help h2{
	position:absolute;
	top:-16px;
	width:240px;
	height:34px;
	background:url(../image/h2-helpguide.gif) no-repeat center top;
	border:none;
	text-indent:-9999px;
	}

#help dl{
	margin-bottom:0px;
	display:block;
	width:240px;
	}

#help dt{
	margin-bottom:12px;
	padding-top:5px;
	padding-bottom:8px;
	border-bottom:1px dotted #999;
	font-weight: bold;
	}



#help dd{
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #999;
	}


#help dd ul{display:block;clear:both;}

#help dd li{
	float:left;
	width:108px;
	margin-bottom:0;
	padding-bottom:0;
	border:none;
	}

#help dd a{
	display:inline-block;
	padding-left:10px;
	background:url(../image/arrow2.gif) no-repeat left 7px;
	}




/* ふったばー　*/

#footerbar{
	display:block;
	position:relative;
	clear:both;
	line-height:50px;
	margin-top:20px;
	background:#f19500;
	color:#fff;
	font-size:13px;
	text-align:center;
	}

#footerbar .copyright{
	margin:0;
	}

#pagetop{
	position:absolute;
	top:0px;
	right:0px;
	}

#pagetop a{
	display:block;
	width:50px;
	height:50px;
	background:url(../image/nav-pagetop.gif)no-repeat left top;
	text-indent:-9999em;
	}