@charset "utf-8";
/***  メインコンテンツ  ***/
#oyak00 {
	width:92%;
	margin:0 auto;
	text-align:center;
	padding:0;
}

/** タブエリア **/
#oyak00 .all_area { overflow:hidden; margin-top:3em; }
#oyak00 .all_area .tab_area li{ width:100%; margin:0; display:block; cursor: pointer; margin-bottom:1em; }
#oyak00 .all_area .tab_area li#tab1 { background:url(../img/oyakudachi/oyakudachi_woman_s_tabon.png); background-size:100% 100%; }
#oyak00 .all_area .tab_area li#tab2 { background:url(../img/oyakudachi/oyakudachi_man_s_tabon.png); background-size:100% 100%; }
#oyak00 .all_area .tab_area li#tab3 { background:url(../img/oyakudachi/oyakudachi_work_s_tabon.png); background-size:100% 100%; }
#oyak00 .tab_area li.select img { width:100%; visibility:hidden; }
#oyak00 .hide{display:none;}

/***  女性のため　＆　男性のため　＆　事業所のため  共通  ***/
.oyak00_01 h3 { font-size:140%; font-weight:bold; color:#4762AC; }
.oyak00_01 { width:100%; padding-bottom:0.7em; border-bottom:#B7B7B7 dotted 1px; }


/***  女性のため  ***/
#oyak01 { width:100%; padding-bottom:3em; }
.oyak01_01 { background:#FF648C; padding:0.5em 3% 0.2em; font-size:190%; color:#FFFFFF; letter-spacing:0.5em; border-bottom:#FFA2BE solid 8px; 
	border-top-right-radius: 15px;  
	-webkit-border-top-right-radius: 15px;  
	-mos-border-top-right-radius: 15px;  
	-o-border-top-right-radius: 15px;  
}
.oyak01_01 h3 { background:none; width:100%; padding:0; line-height:1.3em; }
.oyak01_02 li { background:url(../img/oyakudachi/oyakudachi_woman_arro.png) no-repeat 1% 0; 
	width:93%; margin-left:0; padding-left:7%; text-align:left; padding-bottom:0.7em; font-size:120%; }
.oyak01_02 li a,
.oyak01_02 li a:hover { color:#4762AC; } 
.oyak01_03 h4 { background:#FF648C; padding:0.3em 2%; width:96%; color:#FFFFFF; font-size:120%; margin-bottom:1em; }
.oyak01_03 li { width:100%; padding-right:0; float:left; }
.oyak01_03 dl { padding:1em 0; border-bottom:#777777 dotted 1px; }
.oyak01_03 dt { background:url(../img/oyakudachi/oyakudachi_arro.png) no-repeat 1% 0; width:84%; padding:0.2em 4% 0.2em 12%; line-height:1.3em; font-size:120%; }
.oyak01_03 dt a,
.oyak01_03 dt a:hover { color:#FF648C; }


/***  男性のため  ***/
#oyak02 { width:100%; padding-bottom:3em; }
.oyak02_01 { background:#3A81C4; padding:0.5em 3% 0.2em; font-size:190%; color:#FFFFFF; letter-spacing:0.5em; border-bottom:#93C0EC solid 8px; 
	border-top-right-radius: 15px;  
	-webkit-border-top-right-radius: 15px;  
	-mos-border-top-right-radius: 15px;  
	-o-border-top-right-radius: 15px;  
}
.oyak02_01 h3 { background:none; width:100%; padding:0; line-height:1.3em; }
.oyak02_02 li { background:url(../img/oyakudachi/oyakudachi_man_arro.png) no-repeat 1% 0; 
	width:93%; margin-left:0; padding-left:7%; text-align:left; padding-bottom:0.7em; font-size:120%; }
.oyak02_02 li a,
.oyak02_02 li a:hover { color:#4762AC; } 
.oyak02_03 h4 { background:#3A81C4; padding:0.3em 2%; width:96%; color:#FFFFFF; font-size:120%; margin-bottom:1em; }
.oyak02_03 li { width:100%; padding-right:0; float:left; }
.oyak02_03 dl { padding:1em 0; border-bottom:#777777 dotted 1px; }
.oyak02_03 dt { background:url(../img/oyakudachi/oyakudachi_arro.png) no-repeat 1% 0; width:84%; padding:0.2em 4% 0.2em 12%; line-height:1.3em; font-size:120%; }
.oyak02_03 dt a,
.oyak02_03 dt a:hover { color:#FF648C; }


/***  事業所のため  ***/
#oyak03 { width:100%; padding-bottom:3em; }
.oyak03_01 { background:#008F45; padding:0.5em 3% 0.2em; font-size:190%; color:#FFFFFF; letter-spacing:0.5em; border-bottom:#A5CE69 solid 8px; 
	border-top-right-radius: 15px;  
	-webkit-border-top-right-radius: 15px;  
	-mos-border-top-right-radius: 15px;  
	-o-border-top-right-radius: 15px;  
}
.oyak03_01 h3 { background:none; width:100%; padding:0; line-height:1.3em; }
.oyak03_01 h3 br { display:block; }
.oyak03_02 li { background:url(../img/oyakudachi/oyakudachi_work_arro.png) no-repeat 1% 0; 
	width:93%; margin-left:0; padding-left:7%; text-align:left; padding-bottom:0.7em; font-size:120%; }
.oyak03_02 li a,
.oyak03_02 li a:hover { color:#4762AC; } 
.oyak03_03 h4 { background:#008F45; padding:0.3em 2%; width:96%; color:#FFFFFF; font-size:120%; margin-bottom:1em; }
.oyak03_03 li { width:100%; padding-right:0; float:left; }
.oyak03_03 dl { padding:1em 0; border-bottom:#777777 dotted 1px; }
.oyak03_03 dt { background:url(../img/oyakudachi/oyakudachi_arro.png) no-repeat 1% 0; width:84%; padding:0.2em 4% 0.2em 12%; line-height:1.3em; font-size:120%; }
.oyak03_03 dt a,
.oyak03_03 dt a:hover { color:#FF648C; }

/***  スマホサイト固定メニューの為の調整  ***/
#oyak_woman_01,
#oyak_woman_02,
#oyak_woman_03,
#oyak_woman_04,
#oyak_woman_05,
#oyak_woman_06,
#oyak_woman_07,
#oyak_woman_08,
#oyak_woman_09,
#oyak_woman_10,
#oyak_woman_11,
#oyak_man_01,
#oyak_man_02,
#oyak_man_03,
#oyak_man_04,
#oyak_man_05,
#oyak_man_06,
#oyak_man_07,
#oyak_man_08,
#oyak_man_09,
#oyak_work_01,
#oyak_work_02,
#oyak_work_03,
#oyak_work_04,
#oyak_work_05,
#oyak_work_06,
#oyak_work_07,
#oyak_work_08 { margin-top:-7em; padding-top:7em; }
/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media print, screen and (min-width : 768px) {

/***  メインコンテンツ  ***/
#oyak00 { width:100%; }

/** タブエリア **/
#oyak00 .all_area .tab_area li{ width:31.2500%; margin:0 1.0416%; float:left; }
#oyak00 .all_area .tab_area li#tab1 { background:url(../img/oyakudachi/oyakudachi_woman_tabon.png); background-size:100% 100%; }
#oyak00 .all_area .tab_area li#tab2 { background:url(../img/oyakudachi/oyakudachi_man_tabon.png); background-size:100% 100%; }
#oyak00 .all_area .tab_area li#tab3 { background:url(../img/oyakudachi/oyakudachi_work_tabon.png); background-size:100% 100%; }


/***  女性のため  ***/
.oyak01_01 h3 { background:url(../img/oyakudachi/oyakudachi_woman_01.png) no-repeat 1% 0; width:94%; padding:0 0 0 6%; text-align:left; }
.oyak01_02 li { background-position: 1% 0.4em; }
.oyak01_03 li { width:47%; padding-right:3%; }
.oyak01_03 dt { width:86%; padding:0.2em 4% 0.2em 10%; }

/***  男性のため  ***/
.oyak02_01 h3 { background:url(../img/oyakudachi/oyakudachi_man_02.png) no-repeat 1% 0; width:94%; padding:0 0 0 6%; text-align:left; }
.oyak02_02 li { background-position: 1% 0.4em; }
.oyak02_03 li { width:47%; padding-right:3%; }
.oyak02_03 dt { width:86%; padding:0.2em 4% 0.2em 10%; }

/***  事業所のため  ***/
.oyak03_01 h3 { background:url(../img/oyakudachi/oyakudachi_work_03.png) no-repeat 1% 0; width:94%; padding:0 0 0 6%; text-align:left; }
.oyak03_02 li { background-position: 1% 0.4em; }
.oyak03_03 li { width:47%; padding-right:3%; }
.oyak03_03 dt { width:86%; padding:0.2em 4% 0.2em 10%; }


/***  スマホサイト固定メニューの為の調整  ***/
#oyak_woman_01,
#oyak_woman_02,
#oyak_woman_03,
#oyak_woman_04,
#oyak_woman_05,
#oyak_woman_06,
#oyak_woman_07,
#oyak_woman_08,
#oyak_woman_09,
#oyak_woman_10,
#oyak_woman_11,
#oyak_man_01,
#oyak_man_02,
#oyak_man_03,
#oyak_man_04,
#oyak_man_05,
#oyak_man_06,
#oyak_man_07,
#oyak_man_08,
#oyak_man_09,
#oyak_work_01,
#oyak_work_02,
#oyak_work_03,
#oyak_work_04,
#oyak_work_05,
#oyak_work_06,
#oyak_work_07,
#oyak_work_08 { margin-top:0; padding-top:0; }
}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media print, screen and (min-width : 1200px) {
/***  メインコンテンツ  ***/
#oyak00 { width:1200px; padding:0; }

}