@charset "utf-8";

/*-------------------------------------------------------------------
basic style
--------------------------------------------------------------------*/
* {
	font-family:'MS PGothic', Osaka, sans-serif;
	padding:0;
	margin:0;
}a{
	text-decoration:none;
}a:link{
	color:#444444;
}a:visited{
	color:#444444;
}a:hover{
	color:#AA0000;
}
img{
	border:0;
}
/*-------------------------------------------------------------------
body id="container"
--------------------------------------------------------------------*/
body{
	color:#444444;
	font-size:12px;
	background:#EFEFEF url(../img/bg.jpg) repeat-y center top;
	text-align: center;
}div#container{
	width:800px;
	margin:0 auto;
	text-align: left;
}div#inner{
	padding:0 31px;
}
/*-------------------------------------------------------------------
id="toplink"
--------------------------------------------------------------------*/
div#toplink{
	height:18px;
	background:#00A0EA;
	border-bottom:2px solid #999;
}
/* ブロック型メニュー */
div#toplink ul{
	padding:0 !important;
	float:right;
}div#toplink ul li{
	padding:0 !important;
	list-style-type: none;
	float:left;
}div#toplink ul li a{
	color:#fff;
	display:block;

	padding:3px 5px 3px 15px;
	background:url(../img/arrow_01.jpg) no-repeat left center;
}div#toplink ul li a:hover{
	color:#FFFF00;
	background:url(../img/arrow_01.jpg) no-repeat left center;
}
/*-------------------------------------------------------------------
id="header"
--------------------------------------------------------------------*/
div#header{
	border-top:7px solid #fff;
	border-bottom:7px solid #fff;
	width:738px;
	height:111px;
	background:#fff url(../img/title.jpg) no-repeat top center;
}div#header h1{
	position:absolute;
	left:-9999px;
}div#header a{
	position:absolute;
	width:475px;
	height:88px;
	margin-top:26px;
	display:block;
}
/*-------------------------------------------------------------------
id="menu"
--------------------------------------------------------------------*/
div#menu{
	height:56px;
	background:#FFFFFF;
	padding-bottom:5px;
}
/* ブロック型メニュー */
div#menu ul{
	padding:0 !important;
}div#menu ul li{
	padding:0 !important;
	list-style-type: none;
	float:left;
}div#menu ul li a{
	display:block;
	width:183px;
	height:22px;
	padding:4px 0 0 0;
	margin:0 2px 2px 0;
	background:#00A0EA url(../img/menu_bg.jpg) repeat-x;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:16px;
}div#menu ul li a:hover{
	color:#FFFF00;
	background:#00A0EA url(../img/menu_bg.jpg) repeat-x;
}
/*-------------------------------------------------------------------
id="contents"
--------------------------------------------------------------------*/
div#contents{
	float:right;
	width:529px;
	font-size:14px;
	padding-left:12px;
	padding-top:20px;
	margin-bottom:60px;
}
/*-------------------------------------------------------------------
id="sidebar"
--------------------------------------------------------------------*/
div#sidebar{
	float:left;
	width:185px;
	padding:6px;
}div#sidebar #notice{
	border:1px solid #c7c5c9;
	background:#fff;
}div#sidebar #notice #notice_title{
	background:#00A0EA;
	color:#fff;
	text-align:center;
	padding:5px;
}div#sidebar #notice #notice_body{
	padding:7px;
}div#sidebar #linklist{
	line-height:150%;
}div#sidebar .urllink{
	padding:0 0 0 10px;
	background:url(../img/arrow_02.jpg) no-repeat left 2px;
}
/*-------------------------------------------------------------------
id="footer"
--------------------------------------------------------------------*/
div#footer{
	clear:both;
	margin-left:200px;
	margin-bottom:60px;
	text-align:center;
}
/*--------------------------------------------------------------------
text style
---------------------------------------------------------------------*/
.fc_red{color:#d66666;}
.fc_blue{color:#d66666;}
.fc_liteblue{color:#00AFEC;}
.disp_n{display:none;}
.copyright{font-size:12px;}
.fs_10{font-size:10px;}
.fs_12{font-size:12px;}
.fs_14{font-size:14px;}
.fs_16{font-size:16px;}
.fs_18{font-size:18px;}
/*-------------------------------------------------------------------
each pages style
--------------------------------------------------------------------*/
/* p00 */
div#contents #toptext{
	padding:40px 20px;
	color:#0b0e7e;
	font-size:16px;
	font-weight:bold;
	line-height:180%;
}
/* p02 */
div#contents #p02_con{
	font-size:12px;
}div#contents #p02_con a{
	text-decoration:underline;
}div#contents #p02_con .text01{
	height:18px;
	margin:10px 0 15px 0;
	padding:5px;
	color:#fff;
	font-size:18px;
	line-height:18px;
}div#contents #p02_con dl{
	margin-bottom:10px;
}div#contents #p02_con dl dt{
	width: 8em;
	height:12px;
	float: left;
	padding:5px 0;
	text-align:center;
	line-height:12px;
	color:#fff;
}div#contents #p02_con dl dd{
	margin-left: 9em;
	padding:3px 0;
	_height:1%;
	line-height:150%;
}div#contents #p02_con .comment{
	margin:20px 0;
	padding:5px;
	line-height:150%;
	border:1px solid #c7c5c9;
}div#contents #p02_con .comment .csub{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #c7c5c9;
	color:#E4007F;
}
/* p04 */
div#contents #p04_con .ques{
	color:#E4007F;
	font-size:18px;
	font-weight:bold;
	margin:30px 0 5px 0;
}div#contents #p04_con a{
	text-decoration:underline;
}
div#contents #p04_con dl{
	margin-bottom:10px;
}div#contents #p04_con dl dt{
	width: 1em;
	height:12px;
	float: left;
	margin:0;
	padding:0;
	text-align:right;
	line-height:120%;
}div#contents #p04_con dl dd{
	margin:0 0 0 1em;
	padding:0;
	_height:1%;
	line-height:120%;
}
/* p07 */
div#contents #p07_map{
	position:relative;
	width: 529px;
	height:456px;
	margin:0;
	padding:0;
	background:url(../img/07_map_01a.jpg) no-repeat;
}div#contents #p07_map div a{
	width: 100%;
	height:100%;
	display:block;
}div#contents #p07_map div a span{
	background:#FF0000;
	color:#fff;
	padding:5px;
	display:none;
}
div#contents #p07_map #area_kita{
	position:absolute;
	width: 147px;
	height:113px;
	left:146px;
	top:105px;
}div#contents #p07_map #area_kita a:hover{
	background:url(../img/07_map_01b.jpg) no-repeat;
	background-position: -146px -105px;
}
div#contents #p07_map #area_tennoji{
	position:absolute;
	width: 252px;
	height:73px;
	left:156px;
	top:310px;
}div#contents #p07_map #area_tennoji a:hover{
	background:url(../img/07_map_01b.jpg) no-repeat;
	background-position: -156px -310px;
}
div#contents #p07_map #area_minami{
	position:absolute;
	width: 142px;
	height:45px;
	left:184px;
	top:246px;
}div#contents #p07_map #area_minami a:hover{
	background:url(../img/07_map_01b.jpg) no-repeat;
	background-position: -184px -246px;
}
div#contents #p07_map #area_honmachi{
	position:absolute;
	width: 63px;
	height:26px;
	left:134px;
	top:222px;
}div#contents #p07_map #area_honmachi a:hover{
	background:url(../img/07_map_01b.jpg) no-repeat;
	background-position: -134px -222px;
}
div#contents #p07_map #area_tsuruhashi{
	position:absolute;
	width: 45px;
	height:40px;
	left:409px;
	top:258px;
}div#contents #p07_map #area_tsuruhashi a:hover{
	background:url(../img/07_map_01b.jpg) no-repeat;
	background-position: -409px -258px;
}
div#contents #p07_map #area_bay{
	position:absolute;
	width: 93px;
	height:106px;
	left:3px;
	top:235px;
}div#contents #p07_map #area_bay a:hover{
	background:url(../img/07_map_01b.jpg) no-repeat;
	background-position: -3px -235px;
}
div#contents #p07_map #area_taisho{
	position:absolute;
	width: 38px;
	height:41px;
	left:97px;
	top:264px;
}div#contents #p07_map #area_taisho a:hover{
	background:url(../img/07_map_01b.jpg) no-repeat;
	background-position: -97px -264px;
}
div#contents #p07_map #area_osakajo{
	position:absolute;
	width: 142px;
	height:107px;
	left:302px;
	top:139px;
}div#contents #p07_map #area_osakajo a:hover{
	background:url(../img/07_map_01b.jpg) no-repeat;
	background-position: -302px -139px;
}

div#contents .pdf_dl{
	width: 120px;
	height:24px;
	margin:0 10px 10px 0;
	float:left;
}div#contents .pdf_dl a{
	width: 100%;
	height:12px;
	padding-top:6px;
	padding-bottom:6px;
	line-height:12px;
	font-size:12px;
	display:block;
	text-align: center;
	border:solid 3px #00AFEC;
	color:#00AFEC;
	background-color: #fff;
	border-radius:6px;/*for CSS3*/
	-webkit-border-radius:6px;/*for Safari and chrome*/
	-moz-border-radius:6px;/*for FireFox*/
	behavior: url(css/border-radius.htc);/*for IE*/
}div#contents .pdf_dl a:hover{
	color:#F39700;
	background-color: #00AFEC;
}
div#contents .osp_sel {
	background:#FFFFCC;
	color:#333;
	font-size:22px;
	border:none;
}div#contents .osp_sel option {
	background:#eee;
	color:#777;
	font-size:22px;
}