@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/*------------------ for Windows IE bugs ------------------*/
* html  {
	height:1%;
	font-size:75%;
}
/*------------------ End Windows IE bugs ------------------*/

/*------- StandartStyle -------*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

body {
	font: 12px Verdana, Arial, Helvetica, sans-serif, Osaka, 'MS P ゴシック';
	background: url(../img/common/inbg.gif);
}

p,strong {
	line-height: 150%;
}

img {
	border-style: none;
}

ul {
	list-style: none;
}

/*------- Link Color  -------*/
a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #006699;
	text-decoration: none
}

a:hover {
	color: #FF6600;
	text-decoration:underline
}

a:active {
	color: #FF6600;
	text-decoration: underline
}

/*------- Wrapper -------*/
#wrapper {
	background: url(../img/wrap/cnt_wrap.gif) repeat-y center;
	height: auto;
	width: 810px;
	margin: 0px auto;
}

#wrapper-in      {
	padding-right: 5px;
	padding-left: 5px;
}

/*------- Headder -------*/
#headder #head-bar {
	background: #333333;
	height: 10px;
}

#headder h1 {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#headder  #head-side {
	float: right;
	height: 85px;
	width: 400px;
}

#headder  div#head-link {
	text-align: right;
	padding: 5px 10px;
}

#headder     div#head-link    a  {
	color: #333333;
}

#headder     div#concept {
	line-height: 150%;
	margin: 10px 20px;
}

/*------- Global-NAVI -------*/
#top-navi {
	margin-top: 10px;
	width: 802px;
	margin-right: auto;
	margin-left: auto;
	height: 46px;

}
#top-navi   li {
	margin-left: 0px;
	float: left;
	display: inline;
}


/*------- Logo -------*/
#logo-box {
	margin-top: 10px;
}
#logo-box #logo {
	width: 545px;
	float: left;
	display: inline;
	margin-left: 10px;
}
#logo-box #logo-side {
	width: 240px;
	float: right;
}
#logo-box  #logo-side #search-h {
	height: 85px;
	width: 230px;
}
#logo-box   #logo-side #search-b {
	background: url(../img/wrap/search_body.gif) repeat-y center;
	width: 230px;
}
#logo-box   #logo-side   #search-b div.button {
	margin-right: 20px;
	margin-left: 20px;
}

div.button {
	text-align: right;
	padding-top: 10px;
}

#logo-box  #logo-side #search-f {
	background: url(../img/wrap/search_foot.gif) no-repeat center;
	width: 230px;
	height: 12px;
}
#logo-box     #logo-side   #itadaki {
	margin-top: 10px;

}


/*------- Blog -------*/
#blog {
	background: url(../img/wrap/cnt_blog_body.gif) repeat-y;
	width: 800px;
	margin-top: 10px;
}
#blog h2 {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline;
}
#blog h3 {
	margin: 6px;

}
#blog ul {
	margin: 6px;
}
#blog li {
	background: url(../img/common/list_003_b-trans.png) no-repeat left center;
	padding-left: 15px;
	margin: 15px 6px;
}
#blog li a {
	color: #80AA00;
	font-weight: bold;

}
#blog  li a:visited {
	color: #80AA00;
}
#blog li a:hover {
	color: #99CC00;
	text-decoration:underline
}
#blog li a:active {
	color: #99CC00;
	text-decoration: underline
}

#blog     p.blog-title {
	margin: 6px;
	font-size: 150%;
	font-weight: bold;
}
#blog p.blog-date {
	margin: 6px;
	text-align: right;
}
#blog  p.blog-description {
	margin: 6px;
	width: 80%;
	float: right;
	display: inline;
}
#blog   p.blog-description img {
	margin: 10px 6px;
	float: right;
}

#blog #blog-main {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 388px;
	background: #FFFFFF url(../img/bk_blog.gif) no-repeat 1px bottom;
	border: 1px solid #CCCCCC;
	display: inline;
	margin-left: 10px;
	height: 230px;
}
#blog #blog-backno {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 188px;
	background: #ffffff url(../img/bk_bno.gif) no-repeat 95% 98%;
	border: 1px solid #CCCCCC;
	display: inline;
	margin-right: 10px;
	height: 230px;

}


/*------- Menu-Layout -------*/
#main {
	height: 1%;
	padding: 10px;
	background: #FFFFFF url(../img/common/bg.gif);
}
.contents   {
	background: #FFFFFF;
}
#main .contents h2 {
	margin: 10px;

}
#main .contents h3 {
	margin: 10px;
}
.menu-harf         {
	width: 230px;
	float: left;
	display: inline;
	margin-left: 10px;
	background: #FFFFFF url(../img/wrap/menu_harf_body.gif) no-repeat center bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.menu-full   {
	background: #FFFFFF url(../img/wrap/menu_fill_body.gif) no-repeat center bottom;
	width: 470px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.menu-harf     li,.menu-full   li   {
	margin: 3px 15px;
	background: url(../img/common/list_006_c-trans.png) no-repeat 3px center;
	padding: 0px 5px 3px 18px;
	border-bottom: 1px dotted #CCCCCC;
}

/*------- #content-1 : "about" and "voice" -------*/
#main    #content-1   {
	width: 780px;
	margin-bottom: 10px;
}
#main     #content-1  #left  {
	width: 490px;
	float: left;
}
#main   #content-1   #right {
	width: 280px;
	float: right;
}
#main  #content-1  #right h3 {
	margin-left: 0px;

}
#main   #content-1   #right li {
	margin: 10px 0px;
}
#main   #content-1   #right   div#voice-foot {
	background: url(../img/wrap/voice_foot.gif) no-repeat center center;
	height: 25px;
	width: 270px;
	margin-top: 5px;
}

/*------- #content-2 : "sikaku" -------*/
#main   #bottom-left {
	float: left;
	width: 490px;
}
#main #bottom-right {
	float: right;
	width: 280px;
}
#main #content-2 {
	float: left;
	width: 490px;
	margin-bottom: 10px;
}
#main #content-2 #sikaku-text {
	line-height: 150%;
	margin: 0px 10px 10px;
	padding: 2px 5px;
	background: #eeeeee;
	border: 1px solid #FFFFFF;
}

/*------- #content-3 : "work" -------*/
#main    #content-3  {
	float: left;
	width: 490px;
}
#content-3 #working-message {
	margin: 20px 20px 0px;
	line-height: 160%;
	background: #f5f5f5;
	border: 1px dotted #CCCCCC;
	padding: 5px 10px 10px;
}
#content-3 #bh {
	margin-top: 10px;
}

#content-3    #bh    #bh-left   {
	float: left;
	width: 195px;
}

#content-3      #bh #bh-right {
	float: right;
	width: 210px;
	background: #FFF2DF;
	border-top: 1px solid #FF9900;
	border-right: 2px solid #FF6600;
	border-bottom: 2px solid #FF6600;
	border-left: 1px solid #FF9900;
}
#content-3  #bh  #bh-right h3 {
	color: #FF6600;
	border-bottom: 2px solid #FF6600;
	margin-top: 10px;
	padding-bottom: 3px;
}

#content-3     #bh  #bh-right li  {
	background: url(../img/ico_bullet_dot.gif) no-repeat left center;
	padding-left: 15px;
	margin: 5px 5px 5px 20px;
}

#content-3 #new-worklist {
	background: #FFFFFF url(../img/wrap/worklist_body.gif) no-repeat center bottom;
	width: 470px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #FFFFFF;
	margin: 0px 0px 10px 10px;
}
#content-3  #new-worklist h3 {
	font-size: 120%;
	background: url(../img/common/list_008_d-trans.png) no-repeat left center;
	padding-left: 20px;
}
#content-3  #new-worklist  h3 span.little {
	font-size: 90%;
	font-weight: normal;
}
#content-3    #new-worklist li {
	background: url(../img/common/dot_darkgray.gif) repeat-x center top;
	margin: 5px 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}

/*------- #content-etc : "link,etc..." -------*/
#main #content-etc {
	float: right;
	width: 280px;
}

#main #content-etc div.side-contents {
	margin: 10px;
}

#link-h {
	height: 61px;
	width: 260px;
	background: url(../img/wrap/link_head.gif) no-repeat center bottom;
}
#link-b {
	width: 260px;
	background: url(../img/wrap/link_body.gif) repeat-y center;
}
#link-b     li     div.link-box {
	text-align: right;
	line-height: 150%;
	color: #666666;
	width: 202px;
	margin-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#link-f {
	background: url(../img/wrap/link_foot.gif) repeat-y center top;
	width: 260px;
	height: 10px;
}

/*------- Footer -------*/
#footer {
	color: #FFFFFF;
	background: #333333;
	padding: 10px;
}
#footer a {
	color: #FFFFFF;
}

#footer div#footlink {
	text-align: right;
	line-height: 150%;
}

#footer div#copyright {
	text-align: right;
	line-height: 150%;
}


/*------- etc common-class -------*/
div.gotop  {
	float: right;
	background: url(../img/common/list_008_b-trans.png) no-repeat left center;
	padding-left: 20px;
	height: 16px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: both;
}

.hot-job {
	color: #D81818;
}

a.hot-job  {
	color: #D81818;
	font-weight: bold;
}

.clear {
	clear: both;
	visibility: hidden;
}