@charset "utf-8";

/*----------------------------------------------------
	Reset
----------------------------------------------------*/

html {
	overflow-y: scroll;
	height: 100%;/**/
}

* html ,* html body {  
    height: 100%;  
    overflow-y: hidden;  
    overflow-x: auto;  
}/**/

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;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

/*caption,th {
	text-align: left;
}*/

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
	vertical-align:bottom;
	line-height:1.0;
}

/*li {
	list-style-type: none;
}*/



/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	background:#ffffff;
	color: #333333;
	font-size: 12px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	/*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;*/
	line-height: 1.5;
	/*text-align: center;*/
	height: 100%;/**/
}


/* -----------------------------------------------------------
CSS Information

 File name:      popstyle.css
 Style Info:     スタイル指定
----------------------------------------------------------- */
.fr {
    float: right;
	margin: 0;
}

.fl {
    float: left;
	margin: 0;
}
.to_10 {
	padding-top: 10px;}
/*----------------------------------------------------
	#page
----------------------------------------------------*/

.page {
	text-align: left;
}

* html .page {  
    overflow: auto;  
    position: relative;  
    width: 100%;  
    height: 100%;  
}

/*.area {
	width: 960px;
	margin: 0 auto;
	clear:both;
}*/

/*----------------------------------------------------
	#header
----------------------------------------------------*/

.header {
	margin:0 auto;}
.header_area {
	width:700px;
	margin:0 auto;
	padding-bottom:10px;}
h1 {
	padding-top:5px;
	/*padding-bottom:29px;
	_padding-bottom:27px;*/}
h2 {
	font-weight:normal;
	color:#333;
	font-size:10px;
	padding-top:10px;}
.hd_tel {
	float: right;
	padding-top:12px;
	width:318px;/*90%*/
	height:53px;/*90%*/}


/*----------------------------------------------------
	#title
----------------------------------------------------*/

h3 {
	visibility:hidden;
	float:left;
	clear:both;
	padding: 8px 0 8px 10px;
	margin: 10px 0 0 0;
	font-weight:bold;
	font-size:14px;
	color:#39454B;
	text-align:left;
	width:700px;
	/*display:list-item;
	list-style-image: url(../img/pop_h3_bg.gif);
	list-style-position: inside;*/
}
.map_h3 { background-color:#093388; color:#FFF;}

/*display:list-item;
	list-style-image: url(../img/pop_h3_bg.gif);
	list-style-position: inside;*/


h5 {
	font-size:24px;
	color:#222B2D;
	font-weight:normal;
	margin: 20px 0 10px 0;}



/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents_wrapper {
	margin:0 auto;
	background-color:#FFF;
	background:url(../img/pop_bg.png) repeat-x;
}
#contents {
	width:700px;
	margin:0 auto;
	padding-top:20px;
}


/*文字段落_共通*/
.pg {
	font-size:14px;
	line-height:1.8;}
.pg2 {
	font-size:18px;
	line-height:1.8;}
/*option*/
.pg2 span {font-size:14px;}



.pop_link {margin:15px 0 10px 0;}
.pop_close { visibility:hidden; text-align:right; margin:10px 0;}



/*----------------------------------------------------
	map
----------------------------------------------------*/

/*map*/
.map01 { visibility:hidden; height:1px; /*width:420px; margin:0 auto; text-align:left; padding-bottom:15px;*/}
.map02 { visibility:hidden; height:1px;  /*width:500px; margin:0 auto; text-align:left; padding-bottom:15px;*/}

.mapw { padding-bottom:10px;}


/*metro markなし*/
.map_min {
	padding: 5px 0 3px 0;
	text-align:left;}

/*----------------------------------------------------
	ボタン
----------------------------------------------------*/


button.graybutton {
	visibility:hidden;
	height:1px;
	font-size: 12px;
	color: #525252;
	padding: 8px 11px;
	background: #ffffff;
	background: -moz-linear-gradient(top,#ffffff 0%,#ebebeb 50%,#dbdbdb 50%,#d6d6d6); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.50, #ebebeb),color-stop(0.50, #dbdbdb),to(#d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #ebebeb 50%, #dbdbdb 50%, #d6d6d6); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%, #ebebeb 50%, #dbdbdb 50%, #d6d6d6); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%, #ebebeb 50%, #dbdbdb 50%, #d6d6d6); /* IE10+ */
    background: linear-gradient(to bottom, #FFFFFF 0%, #ebebeb 50%, #dbdbdb 50%, #d6d6d6); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#d6d6d6', GradientType=0); /* IE7,8,9 */	
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c9c9c9;
	border-top: 1px solid #c9c9c9\9;
	*border-top: 1px solid #c9c9c9;	
	-moz-box-shadow:0px 1px 1px rgba(000,000,000,0.1),inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:	0px 1px 1px rgba(000,000,000,0.1),inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:	0px 1px 1px rgba(000,000,000,0.1),inset 0px 0px 2px rgba(255,255,255,1);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=180, strength=2, enabled=true);
	text-shadow:0px -1px 9px rgba(000,000,000,0.2),	0px 1px 0px rgba(255,255,255,1);
	behavior: url(./PIE.htc);
	position:relative;
	z-index: 1;
	zoom : 1;
}
a:hover button.graybutton {
	background: #0099CC; color:#ffffff; text-shadow:none;
	}



/*----------------------------------------------------
	address
----------------------------------------------------*/

address {
	background-color:#AEB5B8;
	padding: 5px 0;
	text-align:center;
	font-size:10px;
	color:#FFF;
}