@charset "utf-8";



/* #Base styles
================================================== */
body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 15px; 
    line-height: 1.5;
    background: none ;
}
.ie7 footer ,
.ie7 #container ,
.ie7 #main{
    top : 0 ;
}

/* link
***************************************************************************/
a{
    color : #00f ;
	text-decoration: underline;
    cursor: pointer;
}

a:hover {
	text-decoration: none;   
}

/* header
***************************************************************************/
header{
    z-index : 99 ;
    position : relative ;
    background: #fff;
    border-top : 5px #393 solid ;
    border-bottom : 20px #fc6 solid ; 
}
/* main
***************************************************************************/
#main{
    color : #8c6640 ;
    border-top : 3px #eeddbe solid ;     
    border-bottom : 1px #eeddbe solid ;
    background: #fbf8f1;
    padding : 20px 0 ;
    margin : 0 ;
}

#main h2{
    font-weight : normal ;
    line-height : 30px ;
    font-size: 24px;
    float : left ;   
}

#main span{
    display : inline-block  ;
    float : right ;
}

#main span a{
    padding : 5px 10px 5px 25px ;
    color : #93704e ;
    display : inline-block  ;
    border-left : 1px #eeddbe solid ; 
    border-right : 1px #eeddbe solid ; 

	text-decoration: none;
    background: url(../images/arrow_link_s.png) 10px center no-repeat;
}
#main span a:hover{
    background:#f3ead7 url(../images/arrow_link_s.png) 10px center no-repeat;
}


/* container
***************************************************************************/


/* column-top
***************************/
#column-top{
    margin : 20px 0  ;
}



#column-top h3{
    color : #444 ;
	letter-spacing: 0.1em;
    font-size: 30px;
    font-weight : bold ;
    border-left : 10px #fc6 solid ;
    background: #fbf8f1;
    padding : 10px ;
}


table,th,td{
    border : none ; /*リセット*/
    background : none ;/*リセット*/
}

table{
    margin-top : 20px ;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px 0px;
    border-top: #eee 1px solid; 
}

th,
td{
    text-align: left;
    vertical-align: top;
    padding: 5px 0 ;
    border-bottom: #eee 1px solid;     
}

th{
    font-weight : normal ;
    white-space : nowrap ;
    padding-right : 10px ; 
}


th span{
    display : block ;
    color : #fff ;
    padding: 1px 6px ;
    background: #93704e ;
}

#column-top p{
    margin-top : 20px ;
    background: #fbf8f1;
    padding : 5px ;
    font-size: 90%; 
}

/* column-left
***************************/

#column-left{
    width : 650px ;
    margin-bottom : 20px ;
    float : left ;  
}

ul.result{
    text-align : left ;
    border-top : 1px #eeddbe solid ;
    font-weight : bold ;
}
ul.result li{
    border-bottom : 1px #eeddbe solid ; 
}

ul.result li a{
    padding : 15px 30px 15px 10px ;
    color : #93704e ;
    display : block  ;
	text-decoration: none;
    background: url(../images/map_link.png) right center no-repeat;
}

ul.result li a:hover{
    background:#fbf8f1 url(../images/map_link.png) right center no-repeat;
}

.form{
    padding : 0px 10px ;
}

.short_msg{
    padding : 10px 30px 15px 30px ;
}

#column-left p.notes{
    margin-top : 20px ;
    background: #ffffff;
    padding : 5px ;
    font-size: 90%; 
}


/* GoogleMap表示用 
***************************/
.mapwrapper{
    width: 100%;
    height: 500px;
    text-align:center; 
}


/* ボタン型リンク */

#buttonimage{
    width: 100%;
    text-align:center;
    margin : 20px auto ;
}


#buttonimage ul li{
    list-style-type : none ;
    margin : 0 10px 20px ;
	display: inline-block; 

 }
 
    
#buttonimage ul li span{          
	display: inline-block; 
    border:1px solid #ddd;
    width:160px;
    font-size:16px;
    font-family:arial,helvetica,sans-serif;
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 4px;
    /*margin: 5px auto 15px auto;*/

	/* 角丸 */
    -webkit-border-radius: 5px; /* Chrome, Safari */
    -moz-border-radius: 5px; /* firefox */
    border-radius: 5px; /* android, iOS */
	/* グラデーション */
    background-color: #ddd;
     
}  


a.buttonimage span,
#buttonimage ul li a.buttonimage span{
    border:1px solid #ffaf46;
    width:160px;
    font-size:16px;
    font-family:arial,helvetica,sans-serif;
    font-weight:bold;
    text-align: center;
    color: #FFFFFF;

	/* 影 */
    -webkit-box-shadow: #B56B3A 1px 1px 1px; /* android, iOS, Chrome, Safari */
    -moz-box-shadow: #B56B3A 1px 1px 1px; /* firefox */
    box-shadow: #B56B3A 1px 1x 1px; /* CSS3 */
	/* 角丸 */
    -webkit-border-radius: 5px; /* Chrome, Safari */
    -moz-border-radius: 5px; /* firefox */
    border-radius: 5px; /* android, iOS */
	/* グラデーション */
    background-color: #ffaf46;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#FA7E5F)); /* android, iOS */
	background: -webkit-linear-gradient(top, #ffaf46, #FA7E5F); /* Chrome, Safari */
	background: -moz-linear-gradient(top, #ffaf46, #FA7E5F); /* firefox */
	background: -o-linear-gradient(top, #ffaf46, #FA7E5F); /* Opera */
	background: linear-gradient(top, #ffaf46, #FA7E5F); /* CSS3 */
    -pie-background: linear-gradient(#ffaf46, #FA7E5F);
}



a.buttonimage:link,
#buttonimage ul li a:link {
    text-decoration: none;
}
#buttonimage ul li a.buttonimage span:hover{
	border:1px solid #ffaf46; 
	background-color: #ffc579;    
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23)); /* android, iOS */
	background: -webkit-linear-gradient(top, #ffc579, #fb9d23); /* Chrome, Safari */
	background: -moz-linear-gradient(top, #ffc579, #fb9d23); /* firefox */
	background: -o-linear-gradient(top, #ffc579, #fb9d23); /* Opera */
	background: linear-gradient(top, #ffc579, #fb9d23); /* CSS3 */
    -pie-background: linear-gradient(#ffc579, #fb9d23);
}



#buttonimage ul li a:visited {
    text-decoration: none;
}

a.minibutton span{
	display: inline-block;
    font-size:0.9em;
    width: 60px;
    margin:-10px 0 0 5px;
    padding: 4px 0 2px 0;
}

.ie a.minibutton span{
	position: absolute;
    margin:0 0 0 5px;
}



/* column-right
***************************/

#column-right{
    width : 300px ;
    float : right ;
    text-align : center ; 
    margin-bottom : 20px ;
    font-weight : bold ;
}

.okpi a{
    text-align : left ;
    padding : 10px 30px 10px 10px ;
    font-size: 12px; 
    color : #93704e ;
    border : 1px #eeddbe solid ; 
    display : block  ;
	text-decoration: none;
    background: url(../images/arrowR.png) right center no-repeat;
    margin-bottom : 20px ;
}

.okpi a:hover{ho
    background: #fbf8f1  url(../images/arrowR.png) right center no-repeat;
}

#column-right ul{
    text-align : left ;
    border-top : 1px #eeddbe solid ; 
    margin-bottom : 20px ;
}

#column-right ul li{
    border-bottom : 1px #eeddbe solid ; 
}

#column-right ul li span{
    color : #ddd ;
    display : block  ; 
    padding : 15px 0 15px 50px ;
}

#column-right ul li a span{
    color : #93704e ;
    display : block  ;
    background: url(../images/map_link.png) right center no-repeat;
}

#column-right ul li a{
    display : block  ; 
	text-decoration: none;
}

#icon01 span{background: url(../images/map_icon01_non.png) 10px center no-repeat;}
#icon02 span{background: url(../images/map_icon02_non.png) 10px center no-repeat;}
#icon03 span{background: url(../images/map_icon03_non.png) 10px center no-repeat;}
#icon04 span{background: url(../images/map_icon04_non.png) 10px center no-repeat;}
#icon05 span{background: url(../images/map_icon05_non.png) 10px center no-repeat;}
#icon06 span{background: url(../images/map_icon06_non.png) 10px center no-repeat;}

#icon01 a{background: url(../images/map_icon01.png) 10px center no-repeat;}
#icon02 a{background: url(../images/map_icon02.png) 10px center no-repeat;}
#icon03 a{background: url(../images/map_icon03.png) 10px center no-repeat;}
#icon04 a{background: url(../images/map_icon04.png) 10px center no-repeat;}
#icon05 a{background: url(../images/map_icon05.png) 10px center no-repeat;}
#icon06 a{background: url(../images/map_icon06.png) 10px center no-repeat;}

#icon01 a:hover{background:#fbf8f1 url(../images/map_icon01.png) 10px center no-repeat;}
#icon02 a:hover{background:#fbf8f1 url(../images/map_icon02.png) 10px center no-repeat;}
#icon03 a:hover{background:#fbf8f1 url(../images/map_icon03.png) 10px center no-repeat;}
#icon04 a:hover{background:#fbf8f1 url(../images/map_icon04.png) 10px center no-repeat;}
#icon05 a:hover{background:#fbf8f1 url(../images/map_icon05.png) 10px center no-repeat;}
#icon06 a:hover{background:#fbf8f1 url(../images/map_icon06.png) 10px center no-repeat;}

#column-right .bnr{
    line-height : 0 ;
}




/* column-bottom
***************************/
#column-bottom{
    margin-bottom : 20px  ;
    text-align:center ;
}
#title ,
#title img{
    margin-top : 20px ;
    line-height : 0 ;    
}


#pagenav{
    padding : 10px ;
    margin-bottom : 20px ;
    border-top : 1px #eeddbe solid ; 
    border-bottom : 1px #eeddbe solid ; 
    background: #fbf8f1;
    font-size: 13px;
}

#pagenav ul{
    margin : 5px 0 ;
}

#pagenav ul li{
    display : inline-block ;
    text-align:center ;
    border-right : 1px #eeddbe solid ;
}

#pagenav ul li:first-child{
    border-left : 1px #eeddbe solid ; 
}


#pagenav ul li a{
    display : inline-block ;
    padding : 5px 10px ;
	text-decoration: none;
    color : #93704e ;
}


#pagenav a:hover{
    background: #f3ead7;
}



#pagenav ul li a.select{
    background: #93704e;
    color : #fff ;
}

#searchbox{
    padding : 15px ;
    background:#ffe6c6 ;
    margin-bottom : 20px ;
}

input[type="text"]{
	width:50%;
    padding : 5px ;
}

.return a{
    font-weight : bold ;
    padding : 15px 15px 15px 40px ;
    color : #93704e ;
    border : 1px #eeddbe solid ; 
    display : inline-block  ;
	text-decoration: none;
    background: url(../images/arrowL.png) left center no-repeat;
}

.return a:hover{
    background: #fbf8f1  url(../images/arrowL.png) left center no-repeat;
}