@charset "UTF-8";

/* ****************************************************
Title: pc_news.css
Created: 2011-02-02
Last Modified: 2011-02-02
***************************************************** */


/* Table Of Contents
----------------------------------------

# PC Hide Content
# Main
# Sidebar

----------------------------------------*/
/* 20150908 accordion */

/* accordion
===========================================================*/

ul.accordion { width:90%; padding:0; background:; margin:0 auto 30px;}
ul.accordion a { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; text-decoration:none; color:#333; font-weight:bold;}
ul.accordion span { display:block; padding:10px; background-position:97% center; background-repeat:no-repeat; color:#333; font-weight:bold; text-align:center;}
ul.accordion ul { display:none;}
ul.accordion > li { background: -moz-linear-gradient(top, #C6F0FE, #27BCF9); background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));}
/*ul.accordion > li > p { background: -moz-linear-gradient(top, #C6F0FE, #27BCF9); background: -webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));cursor:pointer;}*/
ul.accordion > li > ul > li { background:#FFFFFF; border-bottom:1px solid #EEE;}
ul.accordion > li > ul > li > p { background:;}
ul.accordion > li > ul > li > a { background:url(../img/go.png) no-repeat 98% center;}
ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}
ul.accordion > li > p span { background-image:url(../../../common/std/img/all/open.png);}
ul.accordion > li > p span.open { background-image:url(../../../common/std/img/all/close.png);}



/* # PC Hide Content
---------------------------------------------------------------------------- */
.button p.textLeft{
	margin-top:30px;
	text-align:left;
	padding-left:7em;
	box-sizing:border-box;
}
.button p{
	display: inline-block;
	width:95%;

    *display: inline;
	zoom: 1;
	padding: 10px 0px;
	/*margin:0;*/
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #ABE05A;
	overflow: visible;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 115%;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	/*color: #555;*/
	background-color: #DEF3BF;
	/*background-color: #ddd;*/
	background-image: linear-gradient(top, rgba(255,255,255,.3),
                     rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
	/*background-image: linear-gradient(top, rgba(255,255,255,1),
                                rgba(255,255,255,0)),
                                url(data:image/png;base64,iVBORw0KGg[...]QmCC);*/
	transition: background-color .2s ease-out;
	background-clip: padding-box; /* Fix bleeding */
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
                            0 2px 2px -1px rgba(0, 0, 0, .5),
                            0 1px 0 rgba(255, 255, 255, .3) inset;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	/*text-shadow: 0 1px 0 rgba(255,255,255, .9);*/
}
 
.button p:hover{
	text-decoration: none;
	background-color: #ABE05A;
	/*background-color: #eee;*/
	color: #fff;
	/*color: #555;*/
}
 
.button p:active{
	text-decoration: none;
	background: #ABE05A;
	/*background: #e9e9e9;*/
	position: relative;
	top: 1px;
	text-shadow: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	outline: none;
}



/* # Main
---------------------------------------------------------------------------- */

/* 
#content #mapCanvas {
	width: 700px;
	height: 500px;
}
 */
 
#content .pageList {
	width: 700px;
}

#content .pageList h2 {
	background: #DEF3BF;
	margin-bottom: 15px;
}

#content .pageList h2 a {
	background: url(../../../common/std/img/pc/page/ico_arrow_s02.gif) no-repeat 15px center;
	display: block;
	margin-bottom: 10px;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 31px;
	margin-top: 3px;
}

#content .pageList .pageListItem {
	overflow: hidden;
	zoom: 1;
}

#content .pageList .pageListItem ul li {
	background: url(../../../common/std/img/pc/page/ico_arrow_lg_r.gif) no-repeat 0 0.5em;
	margin-bottom: 7px;
	padding-left: 11px;
}

#content .pageList .subListItem ul li {
	font-size: 80%;
	margin-left: 11px;
	margin-bottom: 7px;
	background: url(../../../common/std/img/pc/page/ico_arrow_lg_r.gif) no-repeat 0 0.5em;

	padding-left: 11px;
}


/* # Sidebar
---------------------------------------------------------------------------- */

/*--------------------------------------------------
 #mapCanvas
--------------------------------------------------*/
#mapCanvas {
	width: 100%;
	height: 500px;
	margin-bottom: 20px;
}

#mapCanvas {
	width: 100%;
	height: 500px;
	margin-bottom: 20px;
}

.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
    overflow: hidden;
}
.google-map iframe,
.google-map object,
.google-map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width:767px) {

.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}
.google-map iframe,
.google-map object,
.google-map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

}
/*--------------------------------------------------