/* 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:ƒƒCƒŠƒI,Meiryo,"‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
	color:#333333;
	background-color:#ffffff; 
	margin:0;
	padding:0;      
}

.tag{
  	margin-bottom:0;
	color:#0000ff;
 	font-family: "ヒãƒĐã‚ŪãƒŽč§’ã‚ī Pro W3", Osaka, "MS UI Gothic",  "E­Eģ E°		ã‚īシチE‚Ŋ", Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans	-serif;
	font-size: 15px;
 	font-weight: bold;
 	text-transform: capitalize;
	
}

.left_p{
   	font-size:14px;
	margin-bottom:0;	
}

.right_p{
   	font-size:14px;
	margin-bottom:0;
        line-height:20px;
   	font-weight:900;
	padding-left:10px; 
}


/*-----------------------
__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; 	
}


/*-----------------------
__header
-------------------------*/
#header{
	width:800px;
	height:90px;
	background-image:url(../gif/cocoro_rogo.gif);
	background-repeat:no-repeat;
  	background-color:#ffff00;
	background-position:center;
}

#header h1{
	text-indent:-9999px;
}

#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:#666666;
}

#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:90px;
  	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: #000000;
  	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:200px;
	margin:0;	
	background-image:url(../gif/cocoro_img.jpg);	
	background-repeat:no-repeat;
	border:solid 1px #c0c0c0;
	text-indent:-9999px;		
}


/*-----------------------
__main
-------------------------*/
#mainContents {
	 width:800;
	 height:auto;
 	 margin: 0 0 1em 0;
 	 background-color: #ffffff;
	 background-image:url(../gif/cocorotop_body.gif); 
}


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


#main_left h2{
   	margin-bottom: 0.9em;
   	color: #ff0000;
   	font-family: Times, "Times New Roman", Garamond, serif;
   	font-size: 18px;
   	font-weight:900;
   	text-transform: capitalize;
	text-align:left;
   	border-bottom: 3px dotted #ff00cc;
}


#main_left_service{
  	width: 280px;
	height:295px;

}

#main_left p{
   	font-size:14px;
	margin-top:3px;
	margin-bottom:3px;
}

#main_left ul{
	margin-top:0;
}

#main_left li{
        font-size:12px;
	margin-top:0;
}

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

#main_center h3{
   	margin-bottom: 0.6em;
   	color: #ff0000;
   	font-family: Times, "Times New Roman", Garamond, serif;
   	font-size: 18px;
   	font-weight:900;
   	text-transform: capitalize;
	text-align:left;
   	border-bottom: 3px dotted #ff00cc;
}

#main_center p{
   	font-size:14px;
}

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



/*-----------------------
__main right
-------------------------*/
#main_right {
  	position: relative;
  	width: 240px;
	height:auto;
	float:left;
  	padding: 20px;
}

#main_right h4{
   	margin-bottom: 0.6em;
   	color: #ff0000;
   	font-family: Times, "Times New Roman", Garamond, serif;
   	font-size: 18px;
   	font-weight:900;
   	text-transform: capitalize;
	text-align:left;
   	border-bottom: 3px dotted #ff00cc;
}

#main_right p{
   	font-size:14px;
	margin-bottom:3px;
}

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

#mainContents dt {
  	font-size: 100%;
  	font-weight: bold;
}

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

#main_right ul{
	margin-top:0;
}

#main_right li{
        font-size:12px;
	margin-top:0;
}
/*-----------------------
__mainContents
-------------------------*/

#mainContents a:link, #mainContents a:visited {
  	color: #000000;
}

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


p.cClear {
  	clear: both;
  	height: 0;
  	margin: 0;
  	padding: 0;
}

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

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