@charset "shift_jis";

/*
Common CSS
*/

* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}
body {
	text-align: center;
	background-color: #F60;
	/*font-family: Georgia, "Times New Roman", Times, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', serif;*/
	font-family: "Times New Roman", Times, Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', serif;
}
img {
	border: none;
}
a {
	color: #03C;
}
a:hover {
	color: #F06F0F;
}
strong {
	font-weight: bold;
}
hr, #footer .totop, .ktai, .nocss, #navi h2 {
	display: none;
}

/*
clearfix
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.totop {
	width: 540px;
	clear: both;
	text-align: right;
	margin: 20px 0px 20px 0px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #930;
}
.totop a {
	background-image: url(/img/arrow_u.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 16px;
}
.totop a:hover {
	text-decoration: none;
}

#container {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-image: url(/img/bg_header.gif);
	background-repeat: repeat-x;
}
#header {
	width: 770px;
	height: 139px;
	margin-bottom: 20px;
}
#header h1 {
	background-image: url(/img/bg_h1.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#header h1 img {
	margin-top: 18px;
}
#main {
	width: 770px;
	background-color: #FFF;
}

/*
Common
*/
#contents {
	padding: 20px 20px 33px 20px;
}
h2 {
	width: 770px;
	height: 130px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
}
h3 {
	color: #369;
	font-size: 90%;
	font-weight: bold;
}
h4 {
}
h5 {
}

p {
	font-size: 80%;
	line-height: 1.5em;
}
ul.entrylist {
	margin: 10px 20px 20px;
	list-style-type: none;
}
ul.entrylist li a {
	padding-left: 15px;
	background-image: url(/img/arrow_r.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
li .date {
	padding-left: 10px;
	color: #03C;
}
a.next {
	padding-left: 10px;
	background-image: url(/img/arrow_r.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/*
blog list
*/
#bloglist {
	width: 170px;
	position: absolute;
	left: 580px;
	top: 309px;
}
#bloglist ul {
	list-style-type: none;
}
#bloglist ul li {
	display: inline;
}
#bloglist ul li a {
	display: block;
	height: 53px;
	width: 170px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	margin: 19px 0 10px;
	border: 1px solid #666;
}
#bloglist ul li a:hover {
	background-position: 0 -53px;
}
#bloglist li#sp_guest a {
	background-image: url(/img/bloglist_spguest.jpg);
}
#bloglist li#staff01 a {
	background-image: url(/img/bloglist_staff01.jpg);
}
#bloglist li#staff02 a {
	background-image: url(/img/bloglist_staff02.jpg);
}
#bloglist li#staff03 a {
	background-image: url(/img/bloglist_staff03.jpg);
}
#bloglist li#staff07 a {
	background-image: url(/img/bloglist_staff07.jpg);
}
#bloglist li#staff08 a {
	background-image: url(/img/bloglist_staff08.jpg);
}
#bloglist li#staff09 a {
	background-image: url(/img/bloglist_staff09.jpg);
}
#bloglist li#staff10 a {
	background-image: url(/img/bloglist_staff10.jpg);
}
#bloglist li#staff11 a {
	background-image: url(/img/bloglist_staff11.jpg);
}
#bloglist li#staff14 a {
	background-image: url(/img/bloglist_staff14.jpg);
}
#bloglist li#staff15 a {
	background-image: url(/img/bloglist_staff15.jpg);
}
#bloglist li#staff16 a {
	background-image: url(/img/bloglist_staff16.jpg);
}

/*
Navigation
*/
#navi {
}
#navi ul {
	list-style-type: none;
}
#navi ul li {
	display: inline;
}
#navi a {
	display: block;
	width: 75px;
	height: 31px;
	background-image: url(/img/navi.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 60px;
	left: 450px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#navi #mhome a {
	background-position: 0px 0px;
	left: 453px;
}
#navi #mtopics a {
	background-position: -74px 0px;
	left: 527px;
}
#navi #mabout a {
	background-position: -148px 0px;
	left: 601px;
}
#navi #mrecruit a {
	background-position: -223px 0px;
	left: 675px;
}

#navi #mhome a:hover, .home #navi #mhome a {
	background-position: 0px -31px;
}
#navi #mtopics a:hover, .mtcat1 #navi #mtopics a {
	background-position: -74px -31px;
}
#navi #mabout a:hover, .about #navi #mabout a {
	background-position: -148px -31px;
}
#navi #mrecruit a:hover, .recruit #navi #mrecruit a {
	background-position: -223px -31px;
}

/*
Prev - Next Button
*/
ul.prevnext {
	width: 540px;
	height: 2em;
	list-style-type: none;
	clear: both;
}
ul.prevnext li {
	display: inline;
}
ul.prevnext li a {
	background-repeat: no-repeat;
	padding: 3px 10px;
	text-align: center;
	color: #00F;
	font-size: 80%;
}
ul.prevnext li.prev a {
	float: left;
	background-image: url(/img/arrow_l.gif);
	background-position: left center;
}
ul.prevnext li.next a {
	float: right;
	background-image: url(/img/arrow_r.gif);
	background-position: right center;
}
ul.prevnext li a:hover {
	text-decoration: none;
}

/*
Company Information
*/
#companyinfo {
	clear: both;
	width: 730px;
	margin-top: 20px;
}
#companyinfo strong {
	display: block;
}

/*
Footer
*/
#footer {
	background-color: #F60;
	padding: 15px;
}

/*
Address
*/
address {
	font-size: 80%;
	color: #FFF;
	text-align: center;
}

address a, address a:hover {
	color: #FFF;
	text-decoration: none;
}