@charset "UTF-8";
@import "base.css";
/*============CONTENT COLOR SCHEME=================*/
/*                                                 */
/*    a:Link Color    - Gray          #666666      */
/*    a:Visited Color - Light Gray    #999999      */
/*    a:Hover Color   - Dark blue     #82141B      */
/*    a:Active Color  - Dark blue     #82141B      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css                         */
/*============CONTENT COLOR SCHEME-END=============*/

/*============NAVI COLOR SCHEME====================*/
/*                                                 */
/*    a:Link Color    - Gray          #0000FF      */
/*    a:Visited Color - Light Gray    #0000FF      */
/*    a:Hover Color   - Dark blue     #556677      */
/*    a:Active Color  - Dark blue     #556677      */
/*    Font Color      - Gray          #666666      */
/*                                                 */
/*    bacs.css                         */
/*============NAVI COLOR SCHEME-END================*/

/*============tHgTCY=======================*/
/*                                                 */
/*    10px      1.0em                              */
/*    11px      1.1em                              */
/*    12px      1.2em                              */
/*    13px      1.3em                              */
/*    14px      1.4em                              */
/*    15px      1.5em                              */
/*    16px      1.6em                              */
/*                                                 */
/*============tHgTCY-END===================*/

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



/*---------- 02  Container -----------*/


body {
	background: url(../images/hanatemari/back-bg.gif) top repeat-x;
	text-align:center;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#main {
	width:950px;
	margin:0 5px 0 5px;
}
#content {
	width: 910px;
	margin: 10px 20px 0 20px;
}
#footer {
	width:950px;
	height:40px;
}
table {
	width:900px;
	margin:0 auto;
	border:hidden;
	border-color:#FFFFFF;
	border-top-style:none;
}
*html table {
	margin:0 10px;
}
/*---------- 03  Header -----------*/

#header {
	position:relative;
	height:80px;
	margin:0 0 0 5px;
}
#header h1 {
	position:absolute;
	width:300px;
	height:80px;
	text-indent:-9999px;
}
#header h1 a {
	background: url(../images/hanatemari/site-title.jpg) 10px 0 no-repeat;
	display:block;
	width:300px;
	height:80px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden;/**/
}

#header #twitter {
	position:absolute;
	width:40px;
	height:40px;
	top: 0px;
	text-indent:-9999px;
	left:630px;
	top:20px;
}
#header #twitter {
	background:url(../images/twitter.jpg) 0 0 no-repeat;
	width:40px;
	height:40px;
}
#header #twitter a {
	background: url(../images/twitter.jpg) 0 0 no-repeat;
	display:block;
	width:40px;
	height:40px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden;/**/
}

#header #instagram {
	position:absolute;
	width:40px;
	height:40px;
	top: 0px;
	text-indent:-9999px;
	left:680px;
	top:20px;
}
#header #instagram {
	background:url(../images/instagram.jpg) 0 0 no-repeat;
	width:40px;
	height:40px;
}
#header #instagram a {
	background: url(../images/instagram.jpg) 0 0 no-repeat;
	display:block;
	width:40px;
	height:40px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden;/**/
}
#header #facebook {
	position:absolute;
	width:40px;
	height:40px;
	top: 0px;
	text-indent:-9999px;
	left:730px;
	top:20px;
}
#header #facebook {
	background:url(../images/facebook.jpg) 0 0 no-repeat;
	width:40px;
	height:40px;
}
#header #facebook a {
	background: url(../images/facebook.jpg) 0 0 no-repeat;
	display:block;
	width:40px;
	height:40px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden;/**/
}


#header h2 {
	font-size:1.0em;
}
#header #contac {
	position:absolute;
	width:145px;
	height:40px;
	top: 0px;
	text-indent:-9999px;
	left:780px;
	top:20px;
}
#header #contac {
	background:url(../images/contact.jpg) 0 0 no-repeat;
	width:145px;
	height:40px;
}
#header #contac a {
	background: url(../images/contact.jpg) 0 0 no-repeat;
	display:block;
	width:145px;
	height:40px;
	text-decoration:none;
	/*\*/ 
	overflow: hidden;/**/
}

#header #sougei {
	position:absolute;
	background:url(../images/sougei.jpg) 0 0 no-repeat;
	width:100px;
	height:60px;
	top: 0px;
	text-indent:-9999px;
	left:680px;
	top:20px;
}

/*---------- 04  main_img -----------*/
#topimg {
	margin: 0 20px;
	width:910px;
}
#topimg h2 {
	margin-top:2px;
	line-height:1;
}
/*---------- 05  Navi -----------*/
#navi {
	clear: both;
	padding:0;
	width:920px;
	margin:10px 20px 0 20px;
}
#navi ul li {
	float: left;
	height:56px;
	padding:0 8px 0 0;
}
/*---------- 06  content -----------*/

#news {
	width:910px;
	height:180px;
	background:url(../images/news_bg02.jpg) 0 0 no-repeat;
}
#news #textbox {
	width:890px;
	height:150px;
	padding:20px;
}
#news #textbox dl {
	width:870px;
	font-size:12px;
	color:#000066;
	height:30px;
}
#news #textbox dt {
	width:150px;
	float:left;
	border-bottom:#999999 dashed 1px;
	font-weight:bold;
}
#news #textbox dd {
	width:720px;
	float:left;
	border-bottom:#999999 dashed 1px;
}

#news a{
	margin:10 5px;
	color:#990000;
}


.section {
	margin-bottom:10px;
}
.section2 {
	width:49%;
}
#content h4 {
	font-size: 16px;
}
#content p {
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;/*--text-align: justify;
	text-justify: inter-ideograph;
	? [?w?E--*/
}
#content table {
	font-size:1.0em;
}
#content table, #content table tr, #content table td, #content table th {
	border:1px solid #999999;
	line-height:18px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#content table th {
	font-weight:bold;
	background:#cccccc;
	color:#FFFFFF;
	padding:5px;
}
#content table td {
	padding:5px;
}
#content .pagetop {
	float:right;
}
#title {
	width:910px;
	height:35px;
}
/*---------- 07  Footer -----------*/

#foot {background:url(../images/footer.jpg) repeat-x;
}

#footer {
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
	clear: both;
	padding: 15px 0 5px 0;
	font-size: 1.0em;
	text-align: center;
}
* html #footer {
	background:url(../images/footer.jpg) 0 0 repeat-x;
	margin:0 0 0 15px;
	position:relative;
	top:0;
	left:0;
}


#footer ul { 
	line-height:6px;
	list-style: none;
	margin: 10px 0;
	}

#footer li {
	font-size:12px;
	display: inline;
	color:#CCCCCC;	
	}

#footer li a{
	margin:10 5px;
	color:#CCCCCC;
}

#footer address {
	height:15px;
	color:#FF6600;
	font-size:12px;
}


/*---------- 08  index -----------*/

.service01 {
	width:455px;
	height:288px;
	float:left;
	margin-top:10px;
}
.service01 a {
	display:block;
	width:455px;
	height:288px;
}
.service02 {
	width:455px;
	height:288px;
	float:left;
	margin-top:10px;
}
.service02 a {
	display:block;
	width:455px;
	height:288px;
}

#title01 {
	background-image:url(../images/home_01.jpg);
	width:910px;
	height:76px;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:-10px;
}

.omoi {
	background-image:url(../images/service.jpg);
	width:910px;
	height:199px;
	text-indent:-9999px;
	margin-top:10px;
}

#title02 {
	background-image:url(../images/home_02.jpg);
	width:910px;
	height:76px;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:-10px;
}

.kodomokan {
	background-image:url(../images/home_04.jpg);
	width:910px;
	height:240px;
	text-indent:-9999px;
	margin-top:10px;
}

#title03 {
	background-image:url(../images/home_05.jpg);
	width:910px;
	height:76px;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:-10px;
}

.kodomotachi {
	background-image:url(../images/home_06.jpg);
	width:910px;
	height:596px;
	text-indent:-9999px;
	margin-top:10px;
}

#title04 {
	background-image:url(../images/home_08.jpg);
	width:910px;
	height:76px;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:-10px;
}

.program {
	background-image:url(../images/home_07.jpg);
	width:910px;
	height:288px;
	text-indent:-9999px;
	margin-top:10px;
}

#message p {
	background-image:url(../images/message.jpg);
	width:910px;
    height:285px;
	margin-top:10px;
	text-indent:-9999px;
}


/*---------- 9  health -----------*/

#topimg {
	margin: 0 20px;
	width:910px;
}
#topimg h2 {
	margin-top:2px;
	line-height:1;
}

.service04 {
	width:425px;
	height:336px;
	float:left;
	margin-top:10px;
	margin-left:20px;
}
.service04 a {
	display:block;
	width:425px;
	height:336px;
}
.service05 {
	width:425px;
	height:336px;
	float:left;
	margin-top:10px;
	margin-left:20px;
}
.service05 a {
	display:block;
	width:425px;
	height:336px;
}
.service06 {
	width:425px;
	height:363px;
	float:left;
	margin-top:10px;
	margin-left:20px;
}
.service06 a {
	display:block;
	width:425px;
	height:363px;
}

.service07 {
	width:425px;
	height:363px;
	float:left;
	margin-top:10px;
	margin-left:20px;
}
.service07 a {
	display:block;
	width:425px;
	height:363px;
}

.address_mt {
	margin-top:50px;
}

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























/*---------- 12  maker -----------*/
#maker #content {
	height:700px;
}	

/*---------- 13  contact -----------*/
#contact table {
	width:800px;
}
/*---------- 14  kye -----------*/


/*---------- 15  privacy -----------*/
.bb {
	color:#000066;
	font-weight:bold;
	font-size:16px;
}
#privacy p {
	font-size:14px;
	line-height:20px;
}
#privacy dl {
	width:910px;
	font-size:14px;
	line-height:20px;
	color:#666666;
}
#privacy dt {
	width:30px;
	float:left;
}
#privacy dd {
	width:870px;
	float:left;
}