/* main_style */

/*----------------------
CSS information

Site URL:	http://www.job-contact.com/
File Name:	main style.css
Summary:	main style
Crated:		2008/07/08
Last update:	2008/09/30 by Kyoko Sato
Author:		Kyoko Sato
Copyright:	(c)2007 YOUWA Co.,LTD

-----------------------*/

body{
	background-position:top center;
        text-align:center;
	font-family:メイリオ,Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color:#333333;
	background-color:#ffffff; 
	margin:0;
	padding:0;      
}

.tag{
  	margin-bottom:0;
	color:#999999;
 	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", Osaka, "MS UI Gothic",  "・ｭ・ｳ ・ｰ		繧ｴ繧ｷ繝・け", Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans	-serif;
	font-size: 17px;
 	font-weight: bold;
 	text-transform: capitalize;
}

.more{
	font-size: 13px;
 	font-weight: 900;
	margin-top:0;
	border-bottom:solid 1px #999999;
}


/*-----------------------
__container
-------------------------*/
#container{
  	position: relative;
  	width: 800px;
  	height: auto;
  	margin: 0 auto;
  	padding: 0 0 10px 0;
  	color: #333333;
  	text-align: left;
	border:solid 1px #cccccc;
	border-top:solid 8px #5A5E66;
}


/*-----------------------
__header
-------------------------*/
#header{
        width:800px;
        height:89px;  
        background:url(../gif/image_rogo01.gif) no-repeat;
        margin:0;
        padding:0;   
}

#header a{
	display:block;
	width:250px;
	height:110px;
}

#sitepolicy{
	display:block;	
	position:absolute;
	top:10px;
	right:20px;
	width:200px;
	height:0 0 1em 0;
	text-align:right;	
}

#sitepolicy li{
	display:block;	
	float:right;
	font-size:12px;
	text-transform:lowercase;	
}

#sitepolicy a{
	display:block;	
	width:auto;
	height:auto;
	padding:0 10px;
	border-right:1px solid #c0c0c0;	
	color:#333333;
}

#sitepolicy a:hover, #sitepolicy a:active {
  	color: #ffcc00;
}

#sitemap{
	margin-right:0;
	padding-right:0;
}

#sitemap a{
	border-right:none;
}

#mainNavi {
  	display: block;
  	width: auto;
  	height: auto;
  	margin-bottom: 0;
	position:absolute;
	top:85px;
  	margin-left: 10px;
}
#mainNavi li {
  	display: inline;
  	float: left;
  	font-size: 10px;
  	text-transform: uppercase;
}

#mainNavi a {
  	display:block;
  	width: auto;
  	height: auto;
  	background-color: #5A5E66;
  	padding: 2px 15px;
  	border-right: 1px solid #ffffff;
}
#mainNavi a:link, #mainNavi a:visited {
  	color: #ffffff;
}
#mainNavi a:hover, #mainNavi a:active {
  	color: #ffcc00;
}


/*-----------------------
__sitebanner
-------------------------*/
#sitebanner{
	width:800px;
	height:236px;
	margin:0;	
	background-image:url(../gif/youwa_top_img.gif);	
	background-repeat:no-repeat;
	border:solid 3px #c0c0c0;
	text-indent:-9999px;		
}


/*-----------------------
__main
-------------------------*/
#mainContents {
	 width:800px;
	 height:auto;
	 float:left;
}


/*-----------------------
__main left
-------------------------*/
#main_left{
  	width: 320px;
	height:auto;
	float:left;
  	background-color: #ffffff;
  	padding: 20px;
}


#main_left h1{
   	color: #333333;
   	font-family: Times, "Times New Roman", Garamond, serif;
	font-size: 22px;
  	font-weight: normal;
   	text-transform: capitalize;
	text-align:center;
	margin-bottom:10px;
	border:solid 1px #cccccc;
  	background-color: #E4E5ED;
}


#main_left h2{
   	color: #333333;
   	font-family: Times, "Times New Roman", Garamond, serif;
	font-size: 22px;
  	font-weight: normal;
   	text-transform: capitalize;
	text-align:center;
	margin-top:40px;
	margin-bottom:5px;
	border:solid 1px #cccccc;
  	background-color: #E4E5ED;
}

#main_left h3{
   	color: #333333;
   	font-family: Times, "Times New Roman", Garamond, serif;
	font-size: 22px;
  	font-weight: normal;
   	text-transform: capitalize;
	text-align:center;
	margin-top:40px;
	margin-bottom:5px;
	border:solid 1px #cccccc;
  	background-color: #E4E5ED;
}

.left_box{
  	width: 280px;
	padding-top:0;
	height:220px;
	overflow:auto;
}


.left_box table{
  	width: 255px;
	margin:0;
	padding:0;
}

.td{
  	width: 280px;
	font-weight:normal;
        font-size:13px;
	border-bottom: 1px solid #cccccc;   
        text-align:left;
        line-height:16px;  
}

#main_left p{
   	font-size:13px;
	margin-top:3px;
        line-height:18px;
	padding-bottom:0;
	color:#333333;
}

#main_left a:link, #main_left a:visited {
  	color: #333333;
	font-size: 13px;
 	font-weight: 900;
}

#main_left a:hover, #main_left a:active {
  	color: #ffcc00;
	font-size: 13px;
 	font-weight: 900;
}

#main_left a{
	text-decoration:none;
}
/*-----------------------
__main center
-------------------------*/
#main_center{
  	width: 240px;
	height:auto;
	float:left;
  	padding: 20px;
	margin:0;
}

#main_center h4{
   	color: #333333;
   	font-family: Times, "Times New Roman", Garamond, serif;
	font-size: 22px;
  	font-weight: normal;
   	text-transform: capitalize;
	text-align:center;
	margin-bottom:10px;
	border:solid 1px #cccccc;
  	background-color: #E4E5ED;
}

#center_box{
  	width: 200px;
	marigin-top:0;
	border:solid 1px #cccccc;
}

.td1{
  	width: 180px;
	font-weight:normal;
        font-size:13px;
	border-bottom: 1px dotted #999999;   
        text-align:left;
	color:#333333;
        line-height:20px;  
}

.td2{
  	width: 180px;
        text-align:center;
	color:#333333;
        line-height:20px;  
	font-size: 14px;
 	font-weight: 800;
	margin-top:0;
}


#main_center p{
   	font-size:13px;
	padding:0;
}

.main_box{
  	width: 100px;
	height:75px;
	float:left;
	margin-bottom:5px;
}

.date{
  	margin-bottom:0;
	color:#f77b00;
 	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", Osaka, "MS UI Gothic",  "・ｭ・ｳ ・ｰ		繧ｴ繧ｷ繝・け", Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans	-serif;
	font-size: 16px;
 	font-weight: bold;
 	text-transform: capitalize;
}

.job{
  	margin-bottom:0;
	color:#0000ff;	
	font-size:13px;
	font-weight:normal;
 	text-transform: capitalize;
}

.new{
  	margin-bottom:0;
	color:#ff0000;	
	font-size:13px;
	font-weight:normal;
 	text-transform: capitalize;
}

#main_center a:link, #main_center a:visited {
	color:#333333;
}

#main_center a:hover, #main_center:active {
  	color: #ffcc00;
}

#main_qr {
   	color: #333333;
   	font-family: Times, "Times New Roman", Garamond, serif;
	font-size: 22px;
  	font-weight: normal;
   	text-transform: capitalize;
	text-align:center;
	margin-top:40px;
	margin-bottom:5px;
	border:solid 1px #cccccc;
  	background-color: #E4E5ED;
}

/*-----------------------
__main right
-------------------------*/
#main_right {
  	width: 240px;
	height:auto;
  	padding: 20px;
  	background-color: #ffffff;
	float:left;
	margin-left:0;
}

#main_right h5{
   	color: #333333;
   	font-family: Times, "Times New Roman", Garamond, serif;
	font-size: 22px;
  	font-weight: normal;
   	text-transform: capitalize;
	text-align:center;
	margin-bottom:5px;
	border:solid 1px #cccccc;
  	background-color: #E4E5ED;
}

#main_right h6{
   	color: #333333;
   	font-family: Times, "Times New Roman", Garamond, serif;
	font-size: 22px;
  	font-weight: normal;
   	text-transform: capitalize;
	text-align:center;
	margin-top:30px;
	margin-bottom:5px;
	border:solid 1px #cccccc;
  	background-color: #E4E5ED;
}


a#navi_photo01{
  	width: 200px;
	height:111px;
	margin-bottom:10px;
        display:block;
        text-indent:-9999px;
	background-image:url(../gif/youwa_top_navi01.jpg);
	background-repeat:no-repeat;  

}


a#navi_photo02{
  	width: 200px;
	height:111px;
	margin-bottom:10px;
        display:block;
        text-indent:-9999px;
	background-image:url(../gif/youwa_top_navi02.jpg);
	background-repeat:no-repeat; 

}

a#navi_photo01:hover{
        text-indent:-9999px;
	background-image:url(../gif/youwa_top_navi01hover.jpg);
	background-repeat:no-repeat; 

}

a#navi_photo02:hover{
        text-indent:-9999px;
	background-image:url(../gif/youwa_top_navi02hover.jpg);
	background-repeat:no-repeat; 

}


#main_right  a:link, #main_right a:visited {
  	color: #333333;
}

#main_right a:hover, #main_right a:active {
  	color: #ffcc00;


#main_right_content{
  	width: 200px;
}

#main_right_content ul{
	margin:0;
	list-style-type:none;	
}

#main_right_content li{
        line-height:25px;
	font-size:14px;	
	margin:0;
}

#main_right p{
   	font-size:13px;
	margin-top:5px;
	color:#333333;
}

#right_box{
  	width: 200px;
	height:150px;
	margin-bottom:5px;
}

.bloc{
	border-left:solid 15px #f77b00;
	padding-left:0;
}

#main_right  a{
	text-decoration:none;
}


/*-----------------------
__footer
-------------------------*/

#siteFooter {
  	clear: both;
  	margin: 0;
	padding:0;
  	font-size: 80%;
  	text-align: center;
	color:ffffff;
   	border: 1px solid #cccccc;
  	background-color:#5A5E66;
}


a#cocoro_burner{
  	width: 200px;
	height:110px;
	margin-bottom:10px;
        display:block;
        text-indent:-9999px;
	background-image:url(../gif/cocoro_burner.gif);
	background-repeat:no-repeat;  

}