@charset "utf-8";

@import url("css/import.css");



/* Containers
----------------------------------------------------------------------------------------------------*/

html{
	background:url(images/body_bg.gif);
}
body {
	text-align:center;
	line-height:1.8;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 1px;
}

.wrapper{
	width:980px;
	text-align:left;
	margin:0 auto;
}


/* header
----------------------------------------------------------------------------------------------------*/
header{
	
}
header .line{
	width:100%;
	height:4px;
	background:#00752f;
}
header h1 {
	float:left;
	width:329px;
}
header h1 img{
	margin-top:12px;
}
header .center{
	width:340px;
	float:left;
}
header .center ul {
	margin-top:13px;
	margin-bottom:5px;
	margin-left:0px;
	_zoom:1;
	overflow:hidden;
	margin-right:-18px;

}
header .center ul li{
	float:left;
	margin-right:15px;
	font-size:11px;
}
header .center ul li a{
	text-decoration:none;
	color:#040309;
}
header .center ul li a:hover{
	text-decoration:underline;
	color:#00752f;
}
header .center ul li.privacy{
	background:url(images/icon_privacy.gif) no-repeat 0 1px;
	padding-left:18px;
}
header .center ul li.link{
	background:url(images/icon_link.gif) no-repeat 0 2px;
	padding-left:18px;
}
header .center ul li.sitemap{
	background:url(images/icon_sitemap.gif) no-repeat 0 1px;
	padding-left:18px;
}

header .right{
	width:311px;
	float:left;
	text-align:left;
	color:#040309;
	padding-top:11px;
	font-weight:bold;
}
header .right address{
	text-align:right;
	padding-bottom:3px;
}
header .right p.tel{
	text-align:right;
	font-weight:normal;	
	line-height:1.6;

}
header .right .time{
	color:#df0b08;
	font-weight:bold;
}
header .right .message{
	color:#192ba7;

	font-weight:bold;
}

/* navi
----------------------------------------------------------------------------------------------------*/

nav.header {
	background:url(images/header_nav_bg.jpg) repeat-x;
	height:69px;
	width:100%;
}

nav.header ul li {
	float:left;
}
.subpage nav.header {
	margin-top:15px;
}

/* main_img , title
----------------------------------------------------------------------------------------------------*/
#subpage_title{
	background:url(images/page_title.jpg) no-repeat top center;
	width:100%;
	height:100px;
	margin-top:0px;
	margin-bottom:25px;
}
#subpage_title h2{
	font-size:28px;
	color:#363636;
	padding:28px 0 20px 40px;
}
/* main_contents
----------------------------------------------------------------------------------------------------*/
#contents_bg{

}

/* contents
----------------------------------------------------------------------------------------------------*/
#contents{
	width:680px;
	margin-right:30px;
	float:left;
	font-size:108%;
}
#contents p{
	margin:0 0px 1em;
}
#contents section{
	margin-bottom:30px;	
}
/* sidebar
----------------------------------------------------------------------------------------------------*/

#sidebar {
	width:270px;
	float:left;
	margin-bottom:20px;
}
#sidebar .contact{
	margin-bottom:10px;
	border:5px solid #00752f;
}
#sidebar .contact .center{
	padding:0px 15px 5px;
}
#sidebar .place{
	margin-bottom:20px;
}
#sidebar .place h3{
	margin-bottom:10px;
}
#sidebar .place ul li{

	padding-bottom:5px;
	margin-bottom:7px;
	border-bottom:1px dashed #666;
	text-align:center;
}
#sidebar .place ul li.title{
	font-size:14px;
	line-height:1.5;
}
iframe{
	border:1px solid #999;
}
#sidebar .bunner p{
	margin-bottom:10px;
	box-shadow: 0 6px 10px -6px rgba(0,0,0,.3);
}


/* footer
----------------------------------------------------------------------------------------------------*/


section.other_link{
	background:#f2f2f2;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:0px;
	text-align:center;

	
}
section.other_link .wrapper{
	text-align:center;
}
section.other_link ul{
	xdisplay:inline;
	text-align:left;
	
}
section.other_link ul li{
	display:inline-block;
	margin-bottom:20px;
	padding:0 15px;
	margin:0 0 25px;
	
}

/* footer */
footer{
	width:100%;
	border-top:3px solid #00752f;
}
footer .pagetop a{
	float:right;
	padding:6px 5px 5px 15px;
	width:80px;
	display:block;
	text-decoration:none;
	color:#fff;
	margin-top:-32px;
	margin-bottom:20px;
	font-size:85%;
	background:#00752f;
}
footer .pagetop a:hover{
	background:#19964b;
	color:#fff;
}

footer .left {
	float:left;
	width:400px;
	color:#040309;
	font-size:93%;
}
footer .left h2{
	padding-bottom:10px;
}
footer .left p{
	padding-bottom:10px;
	padding-left:3px;
}

footer .right {
	float:right;
}
footer .right ul {
	float:left;
	background:url(images/footer_line.gif) repeat-y;
	height:80px;
}
footer .right .last_line{
	background:url(images/footer_line.gif) repeat-y;
	height:80px;
	width:1px;
	float:left;
}

footer .right ul li{
	padding:0px 20px 5px 25px;
}
footer .right ul li a{
	color:#3c0b00;
	text-decoration:none;
	font-size:85%;
	background:url(images/footer_li_mark.gif) no-repeat 0 6px;
	padding-left:10px;
}
footer .right ul li a:hover{
	color:#e10b0b;
	text-decoration:underline;
}
footer .copy{
	clear:both;
	text-align:center;
	padding:7px 0 5px;
	background:#00752f;
	width:100%;
	color:#fff;
}

/* 共通箇所
----------------------------------------------------------------------------------------------------*/
a{
	color:#e10b0b;
}
a:link{
	color:#e10b0b;
}
a:visited{
	color:#e10b0b;
}
hr{
	height:1px;
	background:#ddd;
	border:none;
	margin:0;
}

#pan {
	margin:0 0px 0px;
	padding: 15px 0 12px 10px;
	font-size:85%;
}
/* 見出し共通 */
#contents h3.line{
	margin:0px 0px 15px;
	color:#fff;
	padding:4px 0 0px 20px;
	background:url(images/h3_bg.jpg) no-repeat;
	font-size:131%;
	width:680px;
	height:37px;
}
h3.line a{
	color:#fff;
}
/* テーブル */
table.style1{
	margin:0 0px 20px;
	border: 1px solid #bbb;
	width:100%;
}
table.style1 th{
	color: #333;
	text-align:center;
  border-bottom: 1px solid #bbb;
  background:#f0f0f0;
  padding:10px 15px 8px;
  	border-right: 1px dashed #bbb;
}
table.style1 td{
	border-right: 1px dashed #bbb;
  border-bottom: 1px solid #bbb;
	padding:10px 15px;
}
/* index.html
----------------------------------------------------------------------------------------------------*/

#index #main_img{
	height:328px;
	width:100%;
	background:url(images/main_image.jpg) top center;
}

/* 送迎 */
#index .transport {
	margin-bottom:25px;
	position:relative;
}
#index .transport p{
	position: absolute;
	top: 75px;
	left: 188px;
	font-size: 14px;
}
#index .transport a{
	color:#000;
	text-decoration:none;
}
#index div.shien{
	border:2px solid #00A99D;
	padding: 15px 15px 0;
	background: #fff;
}
#index div.shien h3{
	font-size:20px;
	color: #00A99D;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
#index div.shien p{
	font-size:13px;
}

/* ABCについて */
#about_abc{
	margin-bottom:30px;
}
#about_abc .abc{
	background:url(images/about_abc.jpg) no-repeat;
	width:680px;
	height:320px;
	position:relative;
	margin-bottom:30px;
}
#about_abc .abc .text{
	position:absolute;
	top:112px;
	left:23px;
	width:460px;
	line-height: 1.6;
}
#about_abc .abc .text p{
	margin-bottom:10px;
}
#about_abc .doremi{
	background:url(images/about_doremi.jpg) no-repeat;
	width:680px;
	height:280px;
	position:relative;
}
#about_abc .doremi .text{
	position:absolute;
	top:120px;
	left:23px;
	width:500px;	

}
/*
#index #about h3{
	margin-bottom:15px;
}
#index #about p{
	margin:0 0 0 15px;
}
#index #about{
	background:url(images/index_about_bg.jpg) no-repeat 470px 60px;
}
#index #about ul{
	margin:10px 15px 40px;
	background:#ebffe4;
	padding:15px 10px 10px 20px;
	width:400px;
	list-style-type:none;
}
#index #about ul li{
	background:url(images/icon_circle.png) no-repeat 0 7px;
	padding-left:20px;
	list-style-type:none;
	margin-bottom:2px;
	font-size:100%;
}
#index #about h4{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	margin:30px 15px 30px;
	letter-spacing:2px;
}
#index #about .t2{
	background:url(images/index_about_bg2.jpg) no-repeat -40px 10px;
}
#index #about .t2 p{
	padding-left:180px;
}
*/

/* 名前の由来 */
#index #yurai{
	background:url(images/index_yurai_bg.jpg) no-repeat 0px 0px;
	width:680px;
	height:296px;
	position:relative;
	margin-bottom:35px;
}
#index #yurai p{
	position:absolute;
	top:88px;
	left:35px;
}

/* 行事予定 */
#index #event{
	margin-bottom:20px;
}
#index #event h3{
	margin-bottom:15px;
}
#index #event .left{
	float:left;	
}
#index #event .right{
	float:left;	
}


/* 北区役所前相談室 */
.soudan_bnr{
	background:url(images/bnr_soudan.jpg) no-repeat;
	height:292px;
	position:relative;
	margin-bottom:30px;
}
.soudan_bnr p.text{
	width:460px;
	position:absolute;
	top:105px;
	left:35px;
	line-height:1.8;
}
.soudan_bnr p.address{
	width:470px;
	position:absolute;
	top:223px;
	left:25px;
	font-size:18px;
	color:#fff;
}
.soudan_bnr p.tel{
	width:470px;
	position:absolute;
	top:219px;
	left:400px;
	font-size:30px;
	color:#fff;
}
.soudan_bnr p.uketsuke{
	width:470px;
	position:absolute;
	top:262px;
	left:357px;
	font-size:14px;
	color:#fff;
}

/* company.html
----------------------------------------------------------------------------------------------------*/

#company table th{
	width:120px;	
}
#company table td ol li{
	margin:0 5px 0 30px;
	list-style:decimal;
}



/* flow.html
----------------------------------------------------------------------------------------------------*/
#flow #contents dl{
	margin-left:10px;
}
#flow #contents .flow_bg1{
	background:#fff url(images/flow_bg1.jpg) 490px 140px no-repeat;
}
#flow #contents dl dt{
	margin-left:25px;
	margin:0 0px 10px;
	color:#db0601;
	font-size:108%;
	padding-left:30px;
}
#flow #contents dl dt.no1{
	background:url(images/mark_no1.gif) no-repeat;	
}
#flow #contents dl dt.no2{
	background:url(images/mark_no2.gif) no-repeat;	
}
#flow #contents dl dt.no3{
	background:url(images/mark_no3.gif) no-repeat;	
}
#flow #contents dl dt.no4{
	background:url(images/mark_no4.gif) no-repeat;	
}
#flow #contents dl dt.no5{
	background:url(images/mark_no5.gif) no-repeat;	
}
#flow #contents dl dt.no6{
	background:url(images/mark_no6.gif) no-repeat;	
}
#flow #contents dl dt.no7{
	background:url(images/mark_no7.gif) no-repeat;	
}

#flow #contents dl dd {
	margin:5px 30px 15px;
}
#flow #contents .flow_bg{
	width:680px;
	height:439px;
	background:url(images/flow_bg.jpg) no-repeat;
	position:relative;
	line-height:1.5;
}
#flow #contents .flow_bg .t1{
	position:absolute;
	top:36px;
	left:335px;
}
#flow #contents .flow_bg .t2{
	position:absolute;
	top:113px;
	left:335px;
}
#flow #contents .flow_bg .t3{
	position:absolute;
	top:192px;
	left:335px;
}
#flow #contents .flow_bg .t4{
	position:absolute;
	top:268px;
	left:335px;
}
#flow #contents .flow_bg .t5{
	position:absolute;
	top:362px;
	left:335px;
}
/* about.html
----------------------------------------------------------------------------------------------------*/
#about .about_photo{
	padding-bottom:0px;
}
#about .about_photo .left{
	width:300px;
	float:left;
	padding-left:20px;
}
#about .about_photo .right{
	width:300px;
	float:left;
}
#about #contents .transport{
	background:#fff url(images/about_sougei.jpg) 450px 65px no-repeat;
}
#about #contents .box{
	border:1px solid #ccc;
	width:270px;
	padding:10px 10px 10px 30px;
	margin:20px auto 0px;
	background:#f5f5f5;
}

/* faq.html
----------------------------------------------------------------------------------------------------*/

#faq #contents dl{
	margin-left:10px;
	border:3px solid #5bb54a;
	margin-bottom:20px;
	border-radius:5px;
}
#faq #contents dl dt{
	background:#5bb54a;
	color:#fff;
	font-weight:bold;
	padding:5px 0 4px 15px;
	font-size:131%;
}

#faq #contents dl dd{
	padding:20px 15px 20px 22px;
	font-size:109%;
	line-height:1.7;
}


/* introduction.html
----------------------------------------------------------------------------------------------------*/
#introduction #contents p {
	margin:0 20px 30px;
}
#introduction #wrapper_c #contents {
}

#introduction #wrapper_c #contents ul{
	margin:0 20px 20px;
}
#introduction #wrapper_c #contents ul li{
	padding:2px 0;
}
#introduction dl{
	margin:0 15px 15px;
}
#introduction dl dt{
	background:url(images/mark_h4.gif) 3px 7px no-repeat;
	padding-left:26px;
	color:#e00b0b;
	margin:0 0 5px 0;
	font-size:116%;
}
#introduction dl dd{
	padding-left:2em;
}
#introduction dl dd table{
	margin:10px 0 10px;
}
#introduction dl dd p{
	margin:0;
	padding:0;
}


/* contact.html
----------------------------------------------------------------------------------------------------*/
#contact #wrapper_c #contents ul {
	margin-left:20px;
}
#contact #contents table{
	xwidth:600px;	
	margin:10px 20px 20px;
}
#contact #contents table th,
#contact #contents table td{
	border-left:none;
	border-right:none;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:10px 15px;
	
}

#contact #contents table th{
	background:#f6f6f6;
	width:180px;
	text-align:right;
}
#contact #contents p{
	margin:0 20px 10px;
}
#contact #contents input,
#contact #contents textarea{
	padding:4px; 
	font-size:108%; 
	font-family:Arial, sans-serif; 
	color:#121212; 
	border:solid 1px #ccc; 
}
#contact #contents input:focus,
#contact #contents textarea:focus{
    border:solid 1px #eb9496;
}

#contact #contents input[type=submit]{
	border:none;
   height:40px;
   padding:0 50px;
   cursor:pointer;
   font-weight:bold;
	color:#fff;
	background:#fa6a69;
	margin-bottom:40px;
}
#contact #contents input[type=submit]:hover{
	background:#d90706;
}
#contact #contents p.btn{
	text-align:center;
}


/* privacy.html
----------------------------------------------------------------------------------------------------*/
#privacy #wrapper_c #contents p {
	margin:0 20px 15px;
}

/* sitemap.html
----------------------------------------------------------------------------------------------------*/
#sitemap #contents ul.left {
	margin:10px 20px 0px 30px;
	padding:3px 30px 0px 5px;
	float:left;
}
#sitemap #contents ul.right {
	margin:10px 20px 0px;
	padding:3px 5px 0px;
	float:left;
}

#sitemap #contents ul li {
	background:url(images/mark_list.gif) no-repeat 5px 7px;
	padding-left:20px;
	margin-bottom:15px;
	font-size:108%;
}


/* link.html
----------------------------------------------------------------------------------------------------*/
#link contents h3{
	margin-left:4px;
	margin-bottom:20px;
}


#link #contents dl{
	margin:10px 20px;
	border-bottom:dotted 1px #999;
	padding:3px 5px 5px;
}


#link #contents dl dt{
	background:url(images/list_mark.gif) no-repeat 0px 1px;
	padding-left:20px;
	margin-right:20px;
}
#link #contents dl dd{
	padding-left:20px;
	padding-bottom:8px;
}