/*リセットCSS*/
@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

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

input, textarea {
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}
a{
	text-decoration: none;
	}

/* 基本フォント */
body.body_n,td,th,h1,h2,h3,h4,h5,h6 {
	color: #59493f;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	}
input,textarea,select {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", Osaka, "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	padding:3px !important;
	}

/* 基本テキストリンク */
a:link {
	color: #000;
	}
a:visited {
	color: #000;
	}
a:hover {
	color: #000;
	text-decoration: none;
	}
a:active {
	color: #000;
	text-decoration: none;
	}

/*clearfix*/
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*共通スタイル*/
.f_left{float: left !important;}
.f_right{float: right !important;}

.t_alignleft{text-align: left !important;}
.t_alignright{text-align: right !important;}
.t_aligncenter{text-align: center !important;}

.m_0{margin: 0 !important;}
.p_0{padding: 0 !important;}

.m_top10{margin-top: 10px !important;}
.m_top15{margin-top: 15px !important;}
.m_top20{margin-top: 20px !important;}
.m_top30{margin-top: 30px !important;}
.m_top40{margin-top: 40px !important;}
.m_top50{margin-top: 50px !important;}
.m_top60{margin-top: 60px !important;}
.m_top90{margin-top: 90px !important;}

.m_bottom1{margin-bottom: 1px !important;}
.m_bottom10{margin-bottom: 10px !important;}
.m_bottom15{margin-bottom: 15px !important;}
.m_bottom20{margin-bottom: 20px !important;}
.m_bottom30{margin-bottom: 30px !important;}
.m_bottom40{margin-bottom: 40px !important;}
.m_bottom50{margin-bottom: 50px !important;}
.m_bottom60{margin-bottom: 60px !important;}

.m_right10{margin-right: 10px !important;}
.m_right15{margin-right: 15px !important;}
.m_right20{margin-right: 20px !important;}
.m_right30{margin-right: 30px !important;}
.m_right40{margin-right: 40px !important;}
.m_right50{margin-right: 50px !important;}
.m_right60{margin-right: 60px !important;}

.m_left10{margin-left: 10px !important;}
.m_left15{margin-left: 15px !important;}
.m_left20{margin-left: 20px !important;}
.m_left30{margin-left: 30px !important;}
.m_left40{margin-left: 40px !important;}
.m_left50{margin-left: 50px !important;}
.m_left60{margin-left: 60px !important;}
.m_left70{margin-left: 70px !important;}
.m_left80{margin-left: 80px !important;}
.m_left90{margin-left: 90px !important;}

.p_top10{padding-top: 10px !important;}
.p_top15{padding-top: 15px !important;}
.p_top20{padding-top: 20px !important;}
.p_top30{padding-top: 30px !important;}
.p_top40{padding-top: 40px !important;}
.p_top50{padding-top: 50px !important;}
.p_top60{padding-top: 60px !important;}

.p_bottom10{padding-bottom: 10px !important;}
.p_bottom15{padding-bottom: 15px !important;}
.p_bottom20{padding-bottom: 20px !important;}
.p_bottom30{padding-bottom: 30px !important;}
.p_bottom40{padding-bottom: 40px !important;}
.p_bottom50{padding-bottom: 50px !important;}
.p_bottom60{padding-bottom: 60px !important;}

.p_left10{padding-left: 10px !important;}
.p_left15{padding-left: 15px !important;}
.p_left20{padding-left: 20px !important;}
.p_left30{padding-left: 30px !important;}
.p_left40{padding-left: 40px !important;}
.p_left50{padding-left: 50px !important;}
.p_left60{padding-left: 60px !important;}

.p_right10{padding-right: 10px !important;}
.p_right15{padding-right: 15px !important;}
.p_right20{padding-right: 20px !important;}
.p_right30{padding-right: 30px !important;}
.p_right40{padding-right: 40px !important;}
.p_right50{padding-right: 50px !important;}
.p_right60{padding-right: 60px !important;}

.v_align_m{vertical-align: middle !important;}
.v_align_t{vertical-align: top !important;}
.v_align_b{vertical-align: bottom !important;}

.fo_12{font-size: 12px !important;}
.fo_14{font-size: 14px !important;}
.fo_16{font-size: 16px !important;}
.fo_bold{font-weight: bold;}

.po_relative{position: relative !important;}
/*body*/
body.body_n{
	font-size: 12px;
	}
/*header --------------------------------------------------------------------------------------------------------*/
#header_n{
	height: 30px;
	position: relative;
		text-align: right;
	}
	#header_n h1{
		line-height:30px;
		position: absolute;
		left:0;
		top:0;
		color: #fff;
		text-align: left;
		}
	#header_n a,
	#header_n span{
		display:inline-block;
		line-height:30px;
		color: #fff;
		padding: 0 10px;
		}
	#header_n span,
	#header_n a:hover{
		background-color: #4d4d4d;
		}
.head2{
	position: relative;
	height: 104px;
	}
	/*h1ロゴ*/
	#logo{
		width: 193px;
		height: 49px;
		position: absolute;
		top: 27px;
		left: 0;
		}
		#logo a{
			display: block;
			}
	/*メニュー系*/
	.head2 ul li{
		float: left;
		}
		/*メインメニュー*/
		.head2 ul.menu_1{
			position: absolute;
			top: 39px;
			left: 247px;
			}
		.head2 ul.menu_1 li{
			margin-right: 40px;
			}
			.head2 ul.menu_1 li a{
				display:block;
				height: 30px;
				}
			.head2 ul.menu_1 li.menu01{
				margin-right: 50px;
				}
			.head2 ul.menu_1 li.menu01 a{
				width: 128px;
				}
			.head2 ul.menu_1 li.menu02{
				margin-right: 60px;
				}
			.head2 ul.menu_1 li.menu02 a{
				width: 105px;
				}
			.head2 ul.menu_1 li.menu03 a{
				width: 110px;
				}
		/*お問い合わせ関連*/
		.head2 ul.menu_2{
			position: absolute;
			top: 15px;
			right: 0;
			}
		.head2 ul.menu_2 li a{
			height: 70px;
			width: 105px;
			}
/*共通ボタン*/
.btn_b{
	display: block;
	width: 200px ;
	height: 30px;
	background: url(http://www.hara-koushu.com/images/base/bg_btn.png) 0 0 no-repeat;
	text-indent: 15px;
	line-height:30px;
	color: #fff !important;
	letter-spacing:0.1em;
	}
.mainimage{
	position: relative;
	}

/*サイドバー --------------------------------------------------------------------------------------------------------*/
#rightbox_n img{
	vertical-align:bottom;
}

/*各サイト*/
.btn_gogatsu,
.btn_hina,
.btn_bon,
.btn_syogatu{
	border-top: 1px solid #e3e3e3;
	padding-top: 29px;
		}
.btn_hina{
	border-top: 2px solid #e3e3e3;
		}
	.btn_gogatsu a,
	.btn_hina a,
	.btn_bon a,
	.btn_syogatu a{
		display: block;
		width: 210px;
		}
#rightbox_n a.img_hina{
	padding:23px 0 0 0;
}
/*faq*/
.btn_faq a{
	display: block;
	width: 210px;
	height: 40px;
	background: url(http://www.hara-koushu.com/images/base/btn_faq.gif) 0 0 no-repeat;
	}
	.btn_faq a span{display: none;}
/*店舗*/
.shop{
	padding-top: 28px;
	border-top: 2px solid #e3e3e3;
	}
	.shop h3{
		width: 210px;
		height: 16px;
		padding-bottom: 12px;
		border-bottom: 1px solid #e3e3e3;
		}
	.shop ul li a{
		display: block;
		padding: 7px 0 7px 12px;
		background: url(http://www.hara-koushu.com/images/base/side_listmark.png) right 50% no-repeat;
		border-bottom: 1px solid #e3e3e3;
		}
		

/*3D*/
.btn_3d a{
	display: block;
	width: 210px;
	height: 105px;
	background: url(http://www.hara-koushu.com/images/base/btn_3d.gif) 0 0 no-repeat;
	}
	.btn_3d a span{display: none;}

/*授乳室*/
.btn_jyunyu{
	border-bottom: 2px solid #e3e3e3;
	padding:5px 0 30px 0;
	}
	.btn_jyunyu a{
		display: block;
		width: 210px;
		background: url("http://www.hara-koushu.com/images/base/bg_jyunyu3.gif") 0 0 repeat-y;
		}
	.btn_jyunyu img{
		display: block;
		}
	.btn_jyunyu span{
		letter-spacing:0.1em;
		display: block;
		padding:5px 15px 15px 15px;
		background: url("http://www.hara-koushu.com/images/base/bg_jyunyu2.gif") left bottom no-repeat;
		}

.b_top_n{
	border-top: 0;
	}
.b_bottom{
	border-bottom: 1px solid #e3e3e3;
	}
/*facebook.blog*/
.blog{
	border-top: 1px solid #e3e3e3;
	}

.facebook h3,
.column h3,
.blog h3{
	height: 16px;
	background: url(http://www.hara-koushu.com/images/base/side_listmark.png) right 50% no-repeat;
	}
.facebook h3 a,
.column h3 a,
.blog h3 a{
	display: block;
	height: 16px;
	}
.btn_facebook a{
	display: block;
	width: 210px;
	height: 50px;
	}
	.btn_facebook a span{display: none;}
.btn_blog a{
	display: block;
	width: 210px;
	height: 50px;
	}
	.btn_blog a span{display: none;}
.blog ul li{
	padding: 5px 0;
	border-bottom: 1px solid #e3e3e3;
	color: #d2623b;
	}
	.blog ul li a{
		color: #d2623b;
		text-decoration: underline;
		}
		.blog ul li a:hover{
			text-decoration: none;
			}
	.blog a.t_blog{
		font-size:10px;
		}



.btn_column a{
	display: block;
	width: 210px;
	height: 50px;
	}
	.btn_column a span{display: none;}
.btn_column a{
	display: block;
	width: 210px;
	height: 50px;
	}

.column ul li{
	padding: 5px 0;
	border-bottom: 1px solid #e3e3e3;
	color: #d2623b;
	}
	.column ul li a{
		color: #d2623b;
		text-decoration: underline;
		}
		.column ul li a:hover{
			text-decoration: none;
			}
	.column a.column{
		font-size:10px;
		}


/*ページトップ*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	}
	#page-top a {
		display: block;
		width :198px;
		height: 22px;
		padding: 8px 0 0 12px;
		background: url("http://www.hara-koushu.com/images/base/btn_pagetop.png") 0 0 no-repeat;
		}
/*footer*/
#footer1{
	padding: 5px;
	background: #e9e6de;
	color: #ccc5b4;
	font-size: 14px;
	line-height:160%;
	letter-spacing:0.1em;
	}
	#footer1 a{
		font-size: 12px;
		padding: 0 5px;
		}
#footer2{
	width:100%;
	padding: 30px 0 50px 0;
	background: #000;
	color: #fff;
	}
	#footer2 span{
		color:#aaa;
		font-size:11px;
		display:block;
		letter-spacing:0.1em;
		padding-top:5px;
	}
/*パンくずリスト*/
.pankuz{
	width: 708px;
	height: 24px;
	background: url(..http://www.hara-koushu.com/images/base/bg_pankuz.gif) 0 0 no-repeat;
	padding: 5px 0 0 12px;
	}
	.pankuz a{
		color: #cf582e;
		text-decoration: underline;
		}
	.pankuz a:hover{
		text-decoration: none;
		}