/* CSS Document */

/* 全体レイアウト */
#header {
	width:910px;
	height:110px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#container {
	width:910px;
	background-color:#FFF;
	background-image:url(../images/top_bg.gif);
	margin:0 auto;
	padding:0;
}
#left_area {
	width:780px;
	float:left;
	padding:10px 0 0 10px;
}
#left_menu {
	width:180px;
	float:left;
}
#g_navi1 {
	width:180px;
	margin:0;
	padding:0;
}
#g_navi2 {
	width:180px;
	margin-top:10px;
	padding:0;
}
#g_navi3 {
	width:180px;
	margin-top:10px;
	padding:0;
}
#left_banner {
	width:180px;
	margin-top:10px;
	padding:0;
}
#main {
	width:590px;
	text-align:left;
	float:right;
}
#recruit {
	width:100%;
	margin:8px 0 0 0;
	padding:0;
}
#contents_menu {
	width:100%;
	text-align:left;
	margin-top:20px;
}
#topics {
	width:288px;
	border:1px solid #cc9999;
	float:left;
}
#fair {
	width:290px;
	float:right;
	background-color:#FFE6E6;
	text-align:center;
	padding:2px;
}
#banner_area {
	width:100px;
	float:right;
	padding:10px 10px 0 0;
}
#footer {
	width:910px;
	margin:0 auto;
	padding:0;
}

/* 見出し */

h1 {
	background-image:url(../images/head_anime_top2.gif);
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	width:910px;
	height:300px;
	margin:0;
	padding:0;
}
h2 {
	background-image:url(../images/top_concept.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	width:590px;
	height:40px;
	margin:0;
	padding:0;
}
h3 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	text-indent:-5000px;
	overflow:hidden;
}
h4 {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	background-color:#ffdf9c;
	margin:4px 0 0 0;
	padding:2px;
	color:#7b6531;
}
h5 {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin:4px;
	padding:4px;
	background-color:#ffffcc;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	color: #ff0066;
}
h6 {
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}

/* トピックス */
#topics_txt {
	text-align:left;
	overflow:auto;
	overflow-y:scroll;
	height:70px;
	padding:4px;
}
#topics_txt li {
	font-size: 10px;
	line-height: 14px;
	color: #555555;
}

/* 左メニュー */
  
#g_navi1 li {
	display:inline;  
	list-style-type:none;
}  
#g_navi1 li a {  
	height:41px;  
	display:block;  
	float:left;  
	text-indent:-5000px;  
	text-decoration:none;  
	overflow:hidden;
} 
#g_navi1 li.g_navi01 a {
	background: url(../images/menu_5.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi01 a:hover {
	background: url(../images/menu_5_on.gif) no-repeat;
}
#g_navi1 li.g_navi02 a {
	background: url(../images/menu_sc.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi02 a:hover {
	background: url(../images/menu_sc_on.gif) no-repeat;
}
#g_navi1 li.g_navi03 a {
	background: url(../images/menu_1.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi03 a:hover {
	background: url(../images/menu_1_on.gif) no-repeat;
}
#g_navi1 li.g_navi04 a {
	background: url(../images/menu_4.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi04 a:hover {
	background: url(../images/menu_4_on.gif) no-repeat;
}
#g_navi1 li.g_navi05 a {
	background: url(../images/menu_2.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi05 a:hover {
	background: url(../images/menu_2_on.gif) no-repeat;
}
#g_navi1 li.g_navi06 a {
	background: url(../images/menu_ode.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi06 a:hover {
	background: url(../images/menu_ode_on.gif) no-repeat;
}
#g_navi1 li.g_navi07 a {
	background: url(../images/menu_3.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi07 a:hover {
	background: url(../images/menu_3_on.gif) no-repeat;
}
#g_navi1 li.g_navi08 a {
	background: url(../images/menu_soho.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi08 a:hover {
	background: url(../images/menu_soho_on.gif) no-repeat;
}
#g_navi1 li.g_navi09 a {
	background: url(../images/menu_work.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi09 a:hover {
	background: url(../images/menu_work_on.gif) no-repeat;
}
#g_navi1 li.g_navi10 a {
	background: url(../images/menu_enquete.gif) no-repeat;
	width:180px;  
}  
#g_navi1 li.g_navi10 a:hover {
	background: url(../images/menu_enquete_on.gif) no-repeat;
}

#g_navi2 li {
	margin:0;
	padding-left:32px;
	padding-top:4px;
	background: url(../images/menu_icon1.gif) left top no-repeat;
	text-align:left;
	height:36px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
}  
  
#g_navi3 li {
	margin:0;
	padding-left:32px;
	padding-top:6px;
	background: url(../images/menu_icon.gif) left top no-repeat;
	text-align:left;
	height:18px;
}
#left_menu p {
	padding-left:12px;
	text-align:left;
}

#left_banner li {
	margin:10px 0 0 0;
}

/* 右バナーエリア */

#banner_area li {
	margin:0;
	padding:0 0 10px 0;
}

/* 求人エリア */

div.bg_green {
	background-color:#caff5c;
	border-style:solid;
	border-color:#61990d;
	border-width:1px;
	padding: 0 4px 4px 4px;
	width:580px;
}

div.bg_white {
	background-color:#ffffff;
	width:100%;
}

div.left_box {
	float:left;
	text-align:left;
	padding:4px;
	
}
div.right_box {
	float:right;
	text-align:right;
	padding:4px;
	margin:0;
}
div.left_box2{
	width:380px;
	display:table;
	margin:4px;
	float:left;
}

div.left_box2 p.photo{
	padding:4px 0 4px 4px;
	margin:0;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left;
}

div.left_box2 div.text{
	padding:4px;
	display:table-cell;
	vertical-align:top;
	/zoom:1;
}
div.right_box2 {
	float:right;
	text-align:left;
	padding:8px 8px 8px 0;
	width:180px;
}
div.right_box2 table {
	text-align:left;
	padding:4px;
	border:1px solid;
	border-color:#CCC;
    border-collapse: collapse;
}
div.right_box2 td {
	text-align:left;
	padding:4px;
	border:1px solid;
	border-color:#CCC;
	font-size: 10px;
	line-height: 14px;
	color: #55555;
}

div.koyou {
	background-color:#FFFFFF;
	text-align:center;
}
ul.koyou li {
	padding:5px 0 5px 5px;
	float:left;
}
div.ninki {
	background-color:#FFFFFF;
	text-align:center;
}
ul.ninki li {
	padding:5px 0 5px 5px;
	float:left;
}

div.oubo_b a {  
	height:41px;  
	display:block;  
	float:left;  
	text-indent:-5000px;  
	text-decoration:none;  
	overflow:hidden;
	background: url(../images/oubo_bt.gif) no-repeat;
	width:580px;
	background-color:#FFF;
}  
div.oubo_b a:hover {
	background: url(../images/oubo_bt_on.gif) no-repeat;
	background-color:#FFF;
}
div.new_list a {  
	height:48px;  
	display:block;  
	float:left;  
	text-indent:-5000px;  
	text-decoration:none;  
	overflow:hidden;
	background: url(../images/new_bt.jpg) no-repeat;
	width:580px;
}  
div.new_list a:hover {
	background: url(../images/new_bt_on.jpg) no-repeat;
	background-color:#FFF;
}
ul.ninki li a {  
	height:46px;  
	display:block;  
	float:left;  
	text-indent:-5000px;  
	text-decoration:none;  
	overflow:hidden;
} 
ul.ninki li.b11 a {
	background: url(../images/top_b_11.jpg) no-repeat;
	width:186px;  
} 
ul.ninki li.b12 a {
	background: url(../images/top_b_12.jpg) no-repeat;
	width:186px;  
} 
ul.ninki li.b13 a {
	background: url(../images/top_b_13.jpg) no-repeat;
	width:186px;  
} 
ul.koyou li a {  
	height:46px;  
	display:block;  
	float:left;  
	text-indent:-5000px;  
	text-decoration:none;  
	overflow:hidden;
} 
ul.koyou li.b21 a {
	background: url(../images/top_b_21.jpg) no-repeat;
	width:110px;  
} 
ul.koyou li.b22 a {
	background: url(../images/top_b_22.jpg) no-repeat;
	width:110px;  
} 
ul.koyou li.b23 a {
	background: url(../images/top_b_23.jpg) no-repeat;
	width:110px;  
} 
ul.koyou li.b24 a {
	background: url(../images/top_b_24.jpg) no-repeat;
	width:110px;  
} 
ul.koyou li.b25 a {
	background: url(../images/top_b_25.jpg) no-repeat;
	width:110px;  
} 

/* コンテンツメニューエリア */

div.bg_yellow {
	margin:8px 0 8px 0;
	padding:4px;
	background-color:#ffffcc;
	text-align:center;
}
div.box_l {
	float:left;
	width:290px;
	margin-bottom:10px;
}
div.box_r {
	float:right;
	width:290px;
	margin-bottom:10px;
}
div.box2_l {
	float:left;
	width:390px;
	margin-bottom:10px;
}
div.box2_l_a {
	float:left;
	width:190px;
	margin-bottom:10px;
}
div.box2_l_b {
	float:right;
	width:190px;
	margin-bottom:10px;
}
div.box2_r {
	float:right;
	width:190px;
	margin-bottom:10px;
}
div.box_txt {
	text-align:left;
	border:1px #cccccc solid;
	padding:8px;
	/*height:130px;*/
	display:table;
	width:272px;
}
div.box_txt p.photo{
	padding:0;
	margin:0;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left;
}

div.box_txt div.text{
	padding-left:4px;
	display:table-cell;
	vertical-align:top;
	/zoom:1;
}
div.box_txt2 {
	text-align:left;
	border:1px #cccccc solid;
	padding:8px;
	height:110px;
}
div.box_txt2 p.photo{
	padding:0;
	margin:0;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left;
}

div.box_txt2 div.text{
	padding-left:4px;
	display:table-cell;
	vertical-align:top;
	/zoom:1;
}
div.box_txt3 {
	text-align:center;
	border:1px #cccccc solid;
	padding:8px;
	height:110px;
}
div.box2_bg {
	text-align:left;
	border:1px #cccccc solid;
	background:url(../images/main4_top_bg.gif) no-repeat;
	padding:8px;
	height:110px;
}
h3.box1 {
	background: url(../images/top_main_sc_title.gif) no-repeat;
	width:290px;
	height:30px;
}
h3.box2 {
	background: url(../images/top_main5_title.gif) no-repeat;
	width:290px;
	height:30px;
}
h3.box3 {
	background: url(../images/top_main4_title0.gif) no-repeat;
	width:290px;
	height:30px;
}
h3.box4 {
	background: url(../images/top_main4_ode_title.gif) no-repeat;
	width:290px;
	height:30px;
}
h3.box5 {
	background: url(../images/top_main3_title.gif) no-repeat;
	width:190px;
	height:30px;
}
h3.box6 {
	background: url(../images/top_main2_title.gif) no-repeat;
	width:190px;
	height:30px;
}
h3.box7 {
	background: url(../images/top_power_title.gif) no-repeat;
	width:190px;
	height:30px;
}
h3.box8 {
	background: url(../images/top_soho_title.gif) no-repeat;
	width:290px;
	height:30px;
}
h3.box9 {
	background: url(../images/top_work_title.gif) no-repeat;
	width:290px;
	height:30px;
}
h3.box10 {
	background: url(../images/top_enquete_title.gif) no-repeat;
	width:190px;
	height:30px;
}

/* 栄養コンテンツ */
#nutri {
	margin:10px 0 10px 0;
}

ul#nutri_menu {
	width:590px;
	margin:0;
	padding:0;
}

ul#nutri_menu span {
	display: none;
}

ul#nutri_menu li {
	margin:0;
	padding:0;
	text-decoration:none;
	float:left;
}
 
ul#nutri_menu li.menu01 a {
	display:block;
	width: 295px;
	height:118px;
	background: url(../images/top_nutri03.jpg) no-repeat;
}

ul#nutri_menu li.menu01 a:hover {
	background: url(../images/top_nutri03_over.jpg) no-repeat;
}

ul#nutri_menu li.menu02 a {
	display:block;
	width: 295px;
	height:118px;
	background: url(../images/top_nutri04.jpg) no-repeat;
}

ul#nutri_menu li.menu02 a:hover {
	background: url(../images/top_nutri04_over.jpg) no-repeat;
}

ul#nutri_menu li.menu03 a {
	display:block;
	width: 202px;
	height:103px;
	background: url(../images/top_nutri05.jpg) no-repeat;
}

ul#nutri_menu li.menu03 a:hover {
	background: url(../images/top_nutri05_over.jpg) no-repeat;
}


ul#nutri_menu li.menu04 a {
	display:block;
	width: 189px;
	height:103px;
	background: url(../images/top_nutri06.jpg) no-repeat;
}

ul#nutri_menu li.menu04 a:hover {
	background: url(../images/top_nutri06_over.jpg) no-repeat;
}


ul#nutri_menu li.menu05 {
	display:block;
	width: 199px;
	height:103px;
	background: url(../images/top_nutri07.jpg) no-repeat;
}