@charset "utf-8";

/* 全部 ----------------------- */
*{
margin: 0;
padding: 0;
/*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif;*/
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif;
font-style: normal;
}

*html div#content hr {/*IE6 hack*/
display: list-item;
list-style: url(./img/line-naname-clear-ie6.gif) inside;
background: #fb86c5;
width: 0;
margin-left: -20px;
}

img{
border: 0;
vertical-align:text-bottom;
}

ul li{ list-style: none;}

.text-center {
text-align: center;
}


/* index ----------------------- */

body {
margin: 0;
padding: 0;
color: #333333;
text-align:center;
}

#wrapper {
width: 100%;
min-width: 970px;
color: #333333;
background: url(./img/bg-shadow.jpg) repeat-y center;
}

.center {
margin:0px auto 0px auto;
}

.bar {
width: 100%;
min-width: 970px;
max-width: none;
background: #ffd2ee;
clear: both;
}

.clearfix {
display: inline-block;
}

.clearfix:after {
display: block;
clear: both;
height: 0;
line-height: 0;
visibility: hidden;
content: ".";
font-size: 0.1em;
}


/* リンク ----------------------*/

a:link {
color: #189aff;
text-decoration: underline;
}

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

a:hover, a:active {
color: #fb86c5;
text-decoration: underline;
}


/* ヘッダ ----------------------*/

#header {
margin: 0 0 40px 0;
padding: 0;
}

#top-bar {
height: 35px;
width: 960px;
padding: 10px 0 4px 0;
text-align: left;
vertical-align: middle;
}

#top-lead {
position: absolute;
font-size: 10px;
line-height: 1.2em;
color: #5b6256;
width:260px;
}

#top-logo {
width: 940px;
padding: 15px 0 10px 0;
position: relative;
}

#top-logo h1 a {
margin: 0;
text-indent: -9999px;
overflow:hidden;
display: block;
width: 370px;
height: 60px;
background: url(./img/top-logo.gif) no-repeat left top;
float: left;
}

#top-entry {
height: 60px;
padding: 0 5px 0 20px;
text-align: right;
float: left;
margin-top: -7px;
}

#freedial {
position: absolute;
right: 0px;
top: 8px;
}

#top-bar ul {
margin: 6px 0 0 0;
padding: 0;
width: 960px;
text-align: right;
font-size: 10px;
line-height: 1.2em;
}

#top-bar li {
display: inline;
vertical-align: top;
color: #ffffff;
}


#top-bar a {
padding: 7px 13px 20px 13px;
color: #32392c;
background: transparent url(./img/mark-square.gif) no-repeat 0 8px;
text-decoration: none;
}

#top-bar a.top-client {
background: url(./img/bg-top-client.gif) no-repeat 3px 5px;
padding: 7px 14px 20px 13px;
}

#top-bar a:visited {
color: #32392c;
text-decoration: none;
}

#top-bar a:hover {
color: #ff6195;
text-decoration: none;
border-top: 2px solid #ff6195;
background: #ffffff;
}

#top-bar a:active {
color: #ff6195;
}

#navigation {
width: 960px;
text-align: center;
}

#navigation ul {
margin: 0;
padding: 0;
width: 960px;
height: 56px;
}

#navigation li {
float: left;
margin: 0;
padding: 0;
}

#navigation ul li a:focus {
outline: none;
}

#navigation li a {
display: block;
height: 56px;
text-indent: -9999px;
overflow: hidden;
}

#navigation li span.active {
display: block;
height: 56px;
text-indent: -9999px;
overflow: hidden;
}
#navigation li#home a {
background: url(./img/navi.gif) no-repeat 0 0;
width: 65px;
}

#navigation li#home a:hover {
background: url(./img/navi.gif) no-repeat 0 -56px;
width: 65px;
}

#navigation li#home .active {
background: url(./img/navi.gif) no-repeat 0 -112px;
width: 65px;
}

#navigation li#news a {
background: url(./img/navi.gif) no-repeat -65px 0;
width: 107px;
}

#navigation li#news a:hover {
background: url(./img/navi.gif) no-repeat -65px -56px;
width: 107px;
}

#navigation li#news .active {
background: url(./img/navi.gif) no-repeat -65px -112px;
width: 107px;
}

#navigation li#seminar a {
background: url(./img/navi.gif) no-repeat -172px 0;
width: 208px;
}

#navigation li#seminar a:hover {
background: url(./img/navi.gif) no-repeat -172px -56px;
width: 208px;
}

#navigation li#seminar .active {
background: url(./img/navi.gif) no-repeat -172px -112px;
width: 208px;
}

#navigation li#job a {
background: url(./img/navi.gif) no-repeat -380px 0;
width: 122px;
}

#navigation li#job a:hover {
background: url(./img/navi.gif) no-repeat -380px -56px;
width: 122px;
}

#navigation li#job .active {
background: url(./img/navi.gif) no-repeat -380px -112px;
width: 122px;
}

#navigation li#system a {
background: url(./img/navi.gif) no-repeat -502px 0;
width: 152px;
}

#navigation li#system a:hover {
background: url(./img/navi.gif) no-repeat -502px -56px;
width: 152px;
}

#navigation li#system .active {
background: url(./img/navi.gif) no-repeat -502px -112px;
width: 152px;
}

#navigation li#staff a {
background: url(./img/navi.gif) no-repeat -654px 0;
width: 134px;
}

#navigation li#staff a:hover {
background: url(./img/navi.gif) no-repeat -654px -56px;
width: 134px;
}

#navigation li#staff .active {
background: url(./img/navi.gif) no-repeat -654px -112px;
width: 134px;
}

#navigation li#cafe a {
background: url(./img/navi.gif) no-repeat -788px 0;
width: 172px;
}

#navigation li#cafe a:hover {
background: url(./img/navi.gif) no-repeat -788px -56px;
width: 172px;
}

#navigation li#cafe .active {
background: url(./img/navi.gif) no-repeat -788px -112px;
width: 172px;
}

/* pagebody --------------------*/

#pagebody {
width: 940px;
padding-bottom: 40px;
}

ul.pagenavi {
margin: 0 0 0 10px;
padding-bottom: 20px;
text-align: left;
}

ul.pagenavi li {
display: inline;
line-height: normal;
}

ul.pagenavi span.current_page {
padding: 3px 6px;
border: 2px solid #189aff;
background-color: #189aff;
color: #ffffff;
}

ul.pagenavi li a {
padding: 3px 6px;
border: 0 solid #d5d5d5;
background-color: #f0f0f0;
color: #000000;
text-decoration: none;
}

ul.pagenavi li a:link {
color: #000000;
}

ul.pagenavi li a:visited {
color: #000000;
}

ul.pagenavi li a:hover {
color: #000000;
background: #d5d5d5;
}

/* サイドカラム ----------------*/

#beta {
width: 200px;
float: right;
}


/* フッタ ----------------------*/

#footer {
clear: both;
width: 960px;
padding: 6px;
}

#foot-logo {
background: url(./img/foot-logo.gif) no-repeat left;
height: 37px;
width: 100%;
text-indent: -9999px;
overflow: hidden;
margin: 6px;
}

#footer p {
padding: 0px 0px 15px 15px;
color: #99868d;
text-align: left;
width: 940px;
font-size: 10px;
}