﻿/* ====================================
基本設定開始
==================================== */
body {
	margin:0;
	padding:0;
	color:#333333;
	font-size:80%;
	line-height:1.4;
	background:url(../img/body_back.jpg) repeat-x 0 0 #fffdf3;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#shadow_top{
	width:764px;
	margin:0 auto;
	background:url(../img/shadow_top.jpg) no-repeat 0 0;
	padding-top:12px;
}
#shadow{
	width:764px;
	margin:0 auto;
	background:url(../img/shadow.jpg) repeat-y 0 0;
}

/* 画像のボーダー解除、位置調整 */
img{
	border:0;
	vertical-align:bottom;
}

/* リンク */
a{
	color:#0066CC;
	text-decoration:underline;
	overflow:hidden;
}
a:hover,a:active{
	color:#0066CC;
	text-decoration:none;
}

/* テキスト寄せ */
.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

/* フロート */
.floatl{float:left;margin:0;}
.floatr{float:right;margin:0;}
.floatl10{float:left;margin:0 10px 10px 0;}
.floatr10{float:right;margin:0 0 10px 10px;}
.clear{clear:both;}

/* 詳細はこちらリンク */
.focus {text-align:right;}
.focus a{
	background:url(../img/ya1.jpg) no-repeat left center;
	padding-left:20px;
}
.focus2 a{
	background:url(../img/ya1.jpg) no-repeat left center;
	padding-left:20px;
}

/* フォントサイズのパターン */
.font200{font-size:200%;}
.font150{font-size:150%;}
.font140{font-size:140%;}
.font130{font-size:130%;}
.font120{font-size:120%;}
.font110{font-size:110%;}
.font90{font-size:90%;font-weight:normal;}
.font80{font-size:80%;font-weight:normal;}
.font70{font-size:70%;font-weight:normal;}
.font60{font-size:60%;font-weight:normal;}
.font50{font-size:50%;font-weight:normal;}

/* フォント色のパターン */
.fontred1{color:#FF0000;}
.fontred2{color:#FF3300;}
.fontorange1{color:#FF6600;}
.fontorange2{color:#FF9900;}
.fontyellow1{color:#FFcc00;}
.fontyellow2{color:#FFFF00;}
.fontblue1{color:#0000FF;}
.fontblue2{color:#3399CC;}
.fontgreen1{color:#006600;}
.fontgreen2{color:#99CC00;}
.fontbrown1{color:#993300;}
.fontbroun2{color:#CC9966;}
.fontpurple1{color:#6633CC;}
.fontpurple2{color:#9999FF;}
.fontpink1{color:#FF33CC;}
.fontpink2{color:#FF99CC;}
.fontgray1{color:#666666;}
.fontgray2{color:#999999;}

/* 汎用的な幅のパターン */
.width5{width:5%;}
.width7{width:7%;}
.width8{width:8%;}
.width10{width:10%;}
.width12{width:12%;}
.width15{width:15%;}
.width17{width:17%;}
.width18{width:18%;}
.width20{width:20%;}
.width22{width:22%;}
.width25{width:25%;}
.width27{width:27%;}
.width28{width:28%;}
.width30{width:30%;}
.width32{width:32%;}
.width35{width:35%;}
.width37{width:37%;}
.width38{width:38%;}
.width40{width:40%;}
.width42{width:42%;}
.width45{width:45%;}
.width47{width:47%;}
.width48{width:48%;}
.width50{width:50%;}
.width52{width:52%;}
.width55{width:55%;}
.width57{width:57%;}
.width58{width:58%;}
.width60{width:60%;}
.width62{width:62%;}
.width65{width:65%;}
.width67{width:67%;}
.width68{width:68%;}
.width70{width:70%;}
.width72{width:72%;}
.width75{width:75%;}
.width77{width:77%;}
.width78{width:78%;}
.width80{width:80%;}
.width82{width:82%;}
.width85{width:85%;}
.width87{width:87%;}
.width88{width:88%;}
.width90{width:90%;}
.width92{width:92%;}
.width95{width:95%;}
.width97{width:97%;}
.width98{width:98%;}
.width100{width:100%;}
/* ====================================
基本設定終了
==================================== */

/* ====================================
ヘッダー開始
==================================== */
p#summary{
	width:750px;
	margin:0 auto;
	padding:8px 0 2px;
}
#head{
	width:750px;
	height:80px;
	margin:0 auto;
	background:url(../img/head_back.jpg) repeat-x 0 0;
}
#head .inner{
	width:721px;
	padding:6px 0 0 19px;
}
#head h1{
	margin:0;
	padding:0;
	float:left;
}
#head p.logo{
	margin:0;
	padding:0;
	float:left;
}
#head .right{
	float:right;
	text-align:right;
}
#head .right p.tel{
	margin:0;
	padding:0;
}
#head .right ul.subnavi{
	margin:0;
	padding:0;
	list-style:none;
}
#head .right ul.subnavi li{
	display:inline;
	margin:0;
	padding:0;
}
/* ====================================
ヘッダー終了
==================================== */

/* ====================================
グローバルナビ開始
==================================== */
#gnavi{
	width:750px;
	margin:0 auto;
	padding:0;
}
#gnavi ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#gnavi li{
	display:inline;
	margin:0;
	padding:0;
}
#gnavi a{
	display:block;
	width:125px;
	height:50px;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
}

#gnavi li.g1 a{background:url(../img/gnavi1.jpg) no-repeat left top;}
#gnavi li.g2 a{background:url(../img/gnavi2.jpg) no-repeat left top;}
#gnavi li.g3 a{background:url(../img/gnavi3.jpg) no-repeat left top;}
#gnavi li.g4 a{background:url(../img/gnavi4.jpg) no-repeat left top;}
#gnavi li.g5 a{background:url(../img/gnavi5.jpg) no-repeat left top;}
#gnavi li.g6 a{background:url(../img/gnavi6.jpg) no-repeat left top;}

/* マウスオーバー */
#gnavi li.g1 a:hover,#gnavi li.g1 a:active{background:url(../img/gnavi1_on.jpg) no-repeat left top;}
#gnavi li.g2 a:hover,#gnavi li.g2 a:active{background:url(../img/gnavi2_on.jpg) no-repeat left top;}
#gnavi li.g3 a:hover,#gnavi li.g3 a:active{background:url(../img/gnavi3_on.jpg) no-repeat left top;}
#gnavi li.g4 a:hover,#gnavi li.g4 a:active{background:url(../img/gnavi4_on.jpg) no-repeat left top;}
#gnavi li.g5 a:hover,#gnavi li.g5 a:active{background:url(../img/gnavi5_on.jpg) no-repeat left top;}
#gnavi li.g6 a:hover,#gnavi li.g6 a:active{background:url(../img/gnavi6_on.jpg) no-repeat left top;}

/* 現在位置表示 */
#gnavi li.g1 a.now{background:url(../img/gnavi1_on.jpg) no-repeat left top;}
#gnavi li.g2 a.now{background:url(../img/gnavi2_on.jpg) no-repeat left top;}
#gnavi li.g3 a.now{background:url(../img/gnavi3_on.jpg) no-repeat left top;}
#gnavi li.g4 a.now{background:url(../img/gnavi4_on.jpg) no-repeat left top;}
#gnavi li.g5 a.now{background:url(../img/gnavi5_on.jpg) no-repeat left top;}
#gnavi li.g6 a.now{background:url(../img/gnavi6_on.jpg) no-repeat left top;}


/* ====================================
グローバルナビ終了
==================================== */

/* ====================================
サイドナビ
==================================== */
#sidenavi{
	width:175px;
	margin:7px 0 0 1px;
	text-align:center;
}
#sidenavi ul{
	margin:0;
	padding:0;
	list-style:none;
}
#sidenavi ul li{
	display:inline;
	margin:0;
	padding:0;
}
#sidenavi ul li a{
	display:block;
	width:175px;
	height:33px;
	text-indent:-9999px;
}

#sidenavi li.s1 a{background:url(../img/snavi1.jpg) no-repeat left top; height:29px;}
#sidenavi li.s2 a{background:url(../img/snavi2.jpg) no-repeat left top;}
#sidenavi li.s3 a{background:url(../img/snavi3.jpg) no-repeat left top;}
#sidenavi li.s4 a{background:url(../img/snavi4.jpg) no-repeat left top; height:34px;}
#sidenavi li.s5 a{background:url(../img/snavi5.jpg) no-repeat left top;}
#sidenavi li.s6 a{background:url(../img/snavi6.jpg) no-repeat left top;}
#sidenavi li.s7 a{background:url(../img/snavi7.jpg) no-repeat left top;}
#sidenavi li.s8 a{background:url(../img/snavi8.jpg) no-repeat left top;}
#sidenavi li.s9 a{background:url(../img/snavi9.jpg) no-repeat left top; height:37px;}

/* マウスオーバー */
#sidenavi li.s1 a:hover,#sidenavi li.s1 a:active{background:url(../img/snavi1_on.jpg) no-repeat left top;}
#sidenavi li.s2 a:hover,#sidenavi li.s2 a:active{background:url(../img/snavi2_on.jpg) no-repeat left top;}
#sidenavi li.s3 a:hover,#sidenavi li.s3 a:active{background:url(../img/snavi3_on.jpg) no-repeat left top;}
#sidenavi li.s4 a:hover,#sidenavi li.s4 a:active{background:url(../img/snavi4_on.jpg) no-repeat left top;}
#sidenavi li.s5 a:hover,#sidenavi li.s5 a:active{background:url(../img/snavi5_on.jpg) no-repeat left top;}
#sidenavi li.s6 a:hover,#sidenavi li.s6 a:active{background:url(../img/snavi6_on.jpg) no-repeat left top;}
#sidenavi li.s7 a:hover,#sidenavi li.s7 a:active{background:url(../img/snavi7_on.jpg) no-repeat left top;}
#sidenavi li.s8 a:hover,#sidenavi li.s8 a:active{background:url(../img/snavi8_on.jpg) no-repeat left top;}
#sidenavi li.s9 a:hover,#sidenavi li.s9 a:active{background:url(../img/snavi9_on.jpg) no-repeat left top;}

/* 現在位置表示 */
#sidenavi li.s1 a.now{background:url(../img/snavi1_on.jpg) no-repeat left top;}
#sidenavi li.s2 a.now{background:url(../img/snavi2_on.jpg) no-repeat left top;}
#sidenavi li.s3 a.now{background:url(../img/snavi3_on.jpg) no-repeat left top;}
#sidenavi li.s4 a.now{background:url(../img/snavi4_on.jpg) no-repeat left top;}
#sidenavi li.s5 a.now{background:url(../img/snavi5_on.jpg) no-repeat left top;}
#sidenavi li.s6 a.now{background:url(../img/snavi6_on.jpg) no-repeat left top;}
#sidenavi li.s7 a.now{background:url(../img/snavi7_on.jpg) no-repeat left top;}
#sidenavi li.s8 a.now{background:url(../img/snavi8_on.jpg) no-repeat left top;}
#sidenavi li.s8 a.now{background:url(../img/snavi8_on.jpg) no-repeat left top;}
#sidenavi li.s9 a.now{background:url(../img/snavi9_on.jpg) no-repeat left top;}

/* 3つのヘルパーサービス */
#helper_navi{
	padding-bottom:5px;
	background:url(../img/navi/helper_back.jpg) repeat-y 0 0;
}
#helper_navi p.h_title{
	margin:0;
	padding:0;
}
#helper_navi ul{
	margin-left:6px;
}
#helper_navi ul li a{
	width:162px;
	height:20px;
}
#helper_navi li.k_title a{background:url(../img/navi/kaji_title.jpg) no-repeat left top; height:47px;}
#helper_navi li.k1 a{background:url(../img/navi/kaji1.jpg) no-repeat left top;}
#helper_navi li.k2 a{background:url(../img/navi/kaji2.jpg) no-repeat left top;}
#helper_navi li.k3 a{background:url(../img/navi/kaji3.jpg) no-repeat left top;}
#helper_navi li.k4 a{background:url(../img/navi/kaji4.jpg) no-repeat left top;}
#helper_navi li.k5 a{background:url(../img/navi/kaji5.jpg) no-repeat left top;}
#helper_navi li.k6 a{background:url(../img/navi/kaji6.jpg) no-repeat left top;}
#helper_navi li.k7 a{background:url(../img/navi/kaji7.jpg) no-repeat left top; height:27px;}

#helper_navi li.m_title a{background:url(../img/navi/mother_title.jpg) no-repeat left top; height:47px;}
#helper_navi li.m1 a{background:url(../img/navi/mother1.jpg) no-repeat left top;}
#helper_navi li.m2 a{background:url(../img/navi/mother2.jpg) no-repeat left top;}
#helper_navi li.m3 a{background:url(../img/navi/mother3.jpg) no-repeat left top;}
#helper_navi li.m4 a{background:url(../img/navi/mother4.jpg) no-repeat left top;}
#helper_navi li.m5 a{background:url(../img/navi/mother5.jpg) no-repeat left top; height:27px;}

#helper_navi li.p_title a{background:url(../img/navi/personal_title.jpg) no-repeat left top; height:47px;}
#helper_navi li.p1 a{background:url(../img/navi/personal1.jpg) no-repeat left top; height:31px;}
#helper_navi li.p2 a{background:url(../img/navi/personal2.jpg) no-repeat left top;}
#helper_navi li.p3 a{background:url(../img/navi/personal3.jpg) no-repeat left top;}
#helper_navi li.p4 a{background:url(../img/navi/personal4.jpg) no-repeat left top; height:28px;}


/* マウスオーバー */
#helper_navi li.k_title a:hover,#helper_navi li.k_title a:active{background:url(../img/navi/kaji_title_on.jpg) no-repeat left top;}
#helper_navi li.k1 a:hover,#helper_navi li.k1 a:active{background:url(../img/navi/kaji1_on.jpg) no-repeat left top;}
#helper_navi li.k2 a:hover,#helper_navi li.k2 a:active{background:url(../img/navi/kaji2_on.jpg) no-repeat left top;}
#helper_navi li.k3 a:hover,#helper_navi li.k3 a:active{background:url(../img/navi/kaji3_on.jpg) no-repeat left top;}
#helper_navi li.k4 a:hover,#helper_navi li.k4 a:active{background:url(../img/navi/kaji4_on.jpg) no-repeat left top;}
#helper_navi li.k5 a:hover,#helper_navi li.k5 a:active{background:url(../img/navi/kaji5_on.jpg) no-repeat left top;}
#helper_navi li.k6 a:hover,#helper_navi li.k6 a:active{background:url(../img/navi/kaji6_on.jpg) no-repeat left top;}
#helper_navi li.k7 a:hover,#helper_navi li.k7 a:active{background:url(../img/navi/kaji7_on.jpg) no-repeat left top;}

#helper_navi li.m_title a:hover,#helper_navi li.m_title a:active{background:url(../img/navi/mother_title_on.jpg) no-repeat left top;}
#helper_navi li.m1 a:hover,#helper_navi li.m1 a:active{background:url(../img/navi/mother1_on.jpg) no-repeat left top;}
#helper_navi li.m2 a:hover,#helper_navi li.m2 a:active{background:url(../img/navi/mother2_on.jpg) no-repeat left top;}
#helper_navi li.m3 a:hover,#helper_navi li.m3 a:active{background:url(../img/navi/mother3_on.jpg) no-repeat left top;}
#helper_navi li.m4 a:hover,#helper_navi li.m4 a:active{background:url(../img/navi/mother4_on.jpg) no-repeat left top;}
#helper_navi li.m5 a:hover,#helper_navi li.m5 a:active{background:url(../img/navi/mother5_on.jpg) no-repeat left top;}

#helper_navi li.p_title a:hover,#helper_navi li.p_title a:active{background:url(../img/navi/personal_title_on.jpg) no-repeat left top;}
#helper_navi li.p1 a:hover,#helper_navi li.p1 a:active{background:url(../img/navi/personal1_on.jpg) no-repeat left top;}
#helper_navi li.p2 a:hover,#helper_navi li.p2 a:active{background:url(../img/navi/personal2_on.jpg) no-repeat left top;}
#helper_navi li.p3 a:hover,#helper_navi li.p2 a:active{background:url(../img/navi/personal3_on.jpg) no-repeat left top;}
#helper_navi li.p4 a:hover,#helper_navi li.p2 a:active{background:url(../img/navi/personal4_on.jpg) no-repeat left top;}

/* キャンペーン */
#campaign_navi{
	padding-bottom:5px;
	background:url(../img/navi/campaign_back.jpg) repeat-y 0 0;
}
#campaign_navi p.c_title{
	margin:0;
	padding:0;
}
#campaign_navi ul{
	margin-left:6px;
}
#campaign_navi ul li a{
	width:162px;
	height:49px;
}
#campaign_navi li.c1 a{background:url(../img/navi/campaign1.jpg) no-repeat left top;}
#campaign_navi li.c2 a{background:url(../img/navi/campaign2.jpg) no-repeat left top; height:50px;}

/* マウスオーバー */
#campaign_navi li.c1 a:hover,#campaign_navi li.c1 a:active{background:url(../img/navi/campaign1_on.jpg) no-repeat left top;}
#campaign_navi li.c2 a:hover,#campaign_navi li.c2 a:active{background:url(../img/navi/campaign2_on.jpg) no-repeat left top;}

/* ====================================
サイドナビ終了
==================================== */

/* ====================================
本文領域開始
==================================== */
#contwrap{
	width:742px;
	margin:5px 0 10px 9px;
	padding:0;
}

/* 左カラム */
#left{
	width:176px;
	float:left;
}

/* 対応エリア */
#left .area{
	width:176px;
	background:url(../img/area_back.jpg) repeat-y 0 0;
}
#left .area h2{
	margin:0;
	padding:0;
}
#left .area ul{
	margin:0;
	padding:8px 15px 0 15px;
	list-style-type:none;
}
#left .area ul li{
	margin:0;
	padding:0;
}
#left .area_bottom{
	width:176px;
	height:7px;
	background:url(../img/area_bottom.jpg) no-repeat 0 0;
}

/* マザーズヘルパー募集 */
#left .bosyu{
	width:169px;
	margin:6px 0 0 4px;
	background:url(../img/bosyu_back.jpg) repeat-y 0 0;
}
#left .bosyu h2{
	margin:0;
	padding:0;
}
#left .bosyu .inner{
	width:158px;
	margin-left:5px;
	padding-bottom:5px;
	background:url(../img/bosyu_back2.jpg) repeat-x 0 0 #fffdf2;
}
#left .bosyu .inner p{
	margin:0;
	padding:5px 8px 0;
}
#left .bosyu_bottom{
	width:169px;
	height:5px;
	background:url(../img/bosyu_bottom.jpg) no-repeat 0 100%;
}
/* 右カラム */
#right{
	width:557px;
	float:right;
}
#right #cont{
	width:534px;
	margin-left:11px;
}

#right h1{
	margin:0 0 10px;
	padding:6px 20px 14px 36px;
	background:url(../img/h1.jpg) no-repeat left bottom;
	font-size:140%;
}
#right h1 span{
	display:block;
	font-size:80%;
	color:#999;
	line-height:1;
}

#right h1 img{
	float:right;
}
#cont h2{
	margin:25px 0 10px;
	padding:6px 0 12px 14px;
	background:url(../img/h2.jpg) no-repeat left bottom;
	font-size:115%;
	border-top:1px solid #cccccc;
}
#right h2 span.nihongo{
	font-size:70%;
}
#right h2.price_title{
	margin:0 0 10px;
	padding:0;
	background:none;
}

#cont h3{
	margin:15px 0 10px;
	font-size:105%;
	border-bottom:1px dotted #fe6a07;
	color:#ff6500;
}
#cont h4{
	margin:15px 0 4px;
	padding:0;
	font-size:100%;
	color:#555;
}
#cont p{
	margin:0;
	padding:0 0 10px;
}

/* ページ下部のお問い合わせボックス */
#right .inqbox{
	width:528px;
	margin:0;
}
#right .inqbox .inner{
	position:relative;
	width:301px;
	height:131px;
	float:left;
	background:url(../img/inqbox_back.jpg)
}
#right .inqbox .inner ul.service_btn{
	position:absolute;
	top:11px;
	left:116px;
	list-style:none;
	margin:0;
	padding:0;
}
#right .inqbox .inner ul.service_btn li{
	margin:0;
	padding:0 0 4px;
}
#right .inqbox .inner ul.inq_btn{
	position:absolute;
	top:105px;
	left:106px;
	list-style:none;
	margin:0;
	padding:0;
}
#right .inqbox .inner ul.inq_btn li{
	display:inline;
	margin:0;
	padding:0 9px 0 0;
}
#right .inqbox .right{
	display:inline;
	width:194px;
	margin:19px 0 0;
	float:right;
}
#right .inqbox .right p.eigyo{
	margin:0;
	padding:0 0 8px;
}
#right .inqbox .right p.tel{
	margin:0;
	padding:0 0 13px 16px;
}
#right .inqbox .right p.mail_navi{
	margin:0;
	padding:0 0 8px 26px;
}
#right .inqbox .right p.mail{
	margin:0;
	padding:0;
}

/* 汎用的なボックス */
#cont .box1{
	margin:0 0 10px;
	padding:10px 15px 0;
	background:#faedd7;
}

/* 汎用的なボックス */
#cont .box2{
	margin:0 0 10px;
	padding:10px 15px 0;
	border:1px dotted #CCC;
	background:#FAFAFA;
}


/* 消費税 */
#cont p.tax{
	margin:-5px 5px 0;
	padding:0;
	text-align:right;
}
/* テーブル */
table{
	margin:0 0 10px;
	background:#FFF;
}
table th{
	background:#fee1b7;
	text-align:left;
	vertical-align:top;
}
table td{
	background:#faf3e8;
}
table th span.normal{
	font-weight:normal;
}

/* リスト */
ul,ol{
	margin:0 5px 10px 25px;
	padding:0;
}
ul li{
	margin:0;
	padding:1px 0;
}
ul.type1{
	list-style-type:none;
	list-style-image:url(../img/list1.jpg);
}

ol li{
	margin:0;
	padding:1px 0;
}
/* パンくずリスト */
#right p.path{
	margin:0;
	padding:10px 10px 5px;
}
/* ページトップへ　*/
#right p.pagetop{
	margin:0;
	padding:10px 12px;
	text-align:right;
}
/* ====================================
本文領域終了
==================================== */


/* ====================================
フッター開始
==================================== */
#foot{
	width:750px;
	margin:0 auto;
	border-top:2px solid #CCC;
	background:url(../img/foot_back.jpg) repeat-x 0 100% #FFF;
}
#foot p.name{
	margin:0;
	padding:12px 16px 0;
	font-weight:bold;
}

#foot address{
	margin:0;
	padding:0 16px 10px;
	font-style:normal;
}
p#foot_copyright{
	width:750px;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
	color:#FFF;
	background:#FF6600;
}
#shadow_bottom{
	width:764px;
	height:12px;
	margin:0 auto 10px;
	background:url(../img/shadow_bottom.jpg) no-repeat 0 0;
}
/* ====================================
フッター終了
==================================== */
