/*  基本スタイル
=======================================================*/
body {
    background: #616060 url("../images/background.gif") repeat-y 0px 0px;
    margin: 0 0 30px 10px;
    padding: 0;
    color: #231815;
    font-size: 75%;
    line-height: 150%;
    font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

a img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

a {
    color: #ff0099;
}

a:link, a:visited {
    text-decoration: none;
}

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

.auralText {
    display: none;
}

p {
    padding: 0;
    margin: 0;
    font-size: 100%;
}

body:first-of-type p{ font-size: 88%; }



/* for safari */


pre {
    font-size: 100%;
}

.clearer {
    clear: both;
}

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

/*  ヘッダ
=======================================================*/
#header {
    width: 756px;
    padding-top: 14px;
    background: #fff url("../images/header_line.gif") no-repeat 0px 0px;
}

#header .inquiry {
    float: right;
    width: 93px;
    height: 16px;
}

#header .inquiry a {
    display: block;
    width: 93px;
    height: 16px;
    background: transparent url("../images/header_inquiry.gif") no-repeat 0px 0px;
}

#header .inquiry a:hover {
    background-position: 0px -16px;
}

h1 {
    clear: both;
    width: 248px;
    height: 40px;
}

h1 a {
    width: 248px;
    height: 40px;
    background: transparent url("../images/logo.gif") no-repeat 0px 0px;
    display: block;
}

#header .home {
    float: right;
    width: 59px;
    height: 15px;
    margin-top:7px;
    margin-bottom: 7px;
}

#header .home a {
    display: block;
    width: 59px;
    height: 15px;
    background: transparent url("../images/header_home.gif") no-repeat 0px 0px;
}

#header .home a:hover {
    background-position: 0px -15px;
}

/*
#header .pageBack {
    float: right;
    margin-left: 10px;
    width: 59px;
    height: 15px;
    margin-top:7px;
    margin-bottom: 7px;
}

#header .pageBack a {
    display: block;
    width: 59px;
    height: 15px;
    background: transparent url("../images/header_back.gif") no-repeat 0px 0px;
}

#header .pageBack a:hover {
    background-position: 0px -15px;
}
*/

/*  フッタ
=======================================================*/
#footer {
    clear: both;
    width: 757px;
    height: 55px;
    background: #fff url("../images/footer_background.gif") no-repeat 0px 0px;
}

#footer ul, #footer li {
    margin: 0;
    padding: 0;
}

#footer ul {
    height: 55px;
    width: 735px;
    padding-left: 15px;
    background: transparent url("../images/footer_logo.gif") no-repeat right center;
}

#footer li {
    float: left;
    list-style: none;
    margin: 18px 15px 0 0;
    padding-top: 4px;
    height: 22px;
}

#footer li.privacy, #footer li.terms {
    padding-right: 15px;
    background: transparent url("../images/footer_dot_line.gif") no-repeat right top;
}

#footer a {
    display: block;
    height: 13px;
}

#footer li.privacy a {
    width: 111px;
    background: transparent url("../images/footer_privacy.gif") no-repeat 0px -13px;
}

#footer li.terms a {
    width: 139px;
    background: transparent url("../images/footer_terms.gif") no-repeat 0px -13px;
}

#footer li.inquiry a {
    width: 86px;
    background: transparent url("../images/footer_inquiry.gif") no-repeat 0px -13px;
}

#footer li a:hover {
    background-position: 0px 0px;
}


/*  コピーライト
=======================================================*/
#copyright {
    width: 756px;
    margin-top: 5px;
    text-align:right;
    height: 12px;
    /*background: transparent url("../images/copyright.gif") no-repeat right top;*/
}

/*  メニュー
=======================================================*/
ul#menu {
    clear: both;
    width: 153px;
    padding: 0;
    margin: 0;
    float: left;
    margin-right: 40px;
    margin-bottom: 35px;
}

#menu li {
    padding: 0;
    margin: 0;
    width: 153px;
    height: 55px;
    margin-bottom: 5px;
    list-style: none;
    background-color: #ccc;
}

#menu li a {
    display: block;
    width: 153px;
    height: 55px;
}

/*  ご挨拶  */
#menu .about a {
    background: transparent url("../images/menu_about.gif") no-repeat 0px -110px;
}

#about #menu .about a {
    background-position: 0px 0px;
}

/*  会社概要  */
#menu .corporate a {
    background: transparent url("../images/menu_corporate.gif") no-repeat 0px -110px;
}

#corporate #menu .corporate a {
    background-position: 0px 0px;
}

/*  Our Works  */
#menu .works a {
    background: transparent url("../images/menu_works.gif") no-repeat 0px -110px;
}

#works #menu .works a {
    background-position: 0px 0px;
}

/*  ニュースリリース  */
#menu .news a {
    background: transparent url("../images/menu_news.gif") no-repeat 0px -110px;
}

#news #menu .news a {
    background-position: 0px 0px;
}

/*  求人情報  */
#menu .recruit a {
    background: transparent url("../images/menu_recruit.gif") no-repeat 0px -110px;
}

#recruit #menu .recruit a {
    background-position: 0px 0px;
}

/*  関係サイトリンク  */
#menu .links a {
    background: transparent url("../images/menu_links.gif") no-repeat 0px -110px;
}

#links #menu .links a {
    background-position: 0px 0px;
}



#menu li a:hover {
    background-position: 0px -55px;
}


/*  コンテンツエリア
=======================================================*/
#main {
    float: left;
    width: 563px;
    margin-bottom: 10px;
    background-color: #fff;
}

.subTitle {
    margin-bottom: 20px;
}

.subHead {
    font-weight: bold;
}

.textBody {
    margin-top: 20px;
    padding-left: 40px;
}

.textBody p {
    margin-bottom: 2em;
}

#bottomPageUtil {
    clear: both;
    padding-top: 30px;
    height: 15px;
    width: 563px;
}

.toPageTop {
    float: right;
    height: 15px;
    width: 59px;
    margin-left: 10px;
}

.toPageTop a {
    display: block;
    width: 59px;
    height: 15px;
    background: transparent url("../images/to_top.gif") no-repeat 0px 0px;
}

.toPageTop a:hover {
    background-position: 0px -15px;
}

.pageBack {
    float: right;
    width: 53px;
    height: 15px;
}

.pageBack a {
    display: block;
    width: 53px;
    height: 15px;
    background: transparent url("../images/button_back.gif") no-repeat 0px 0px;
}

.pageBack a:hover {
    background-position: 0px -15px;
}

.link {
	background: transparent url("../images/link_circle.gif") no-repeat 0% center;
	padding-left:20px;
}

.link span {
    font-weight: bold;
    margin-right: 10px;
}

.dotlineContainer {
    background: transparent url("/images/dot_line.gif") no-repeat 0px 0px;
    padding-top: 20px;
}




/*  コンテンツタイトル
=======================================================*/
h2 {
    width: 564px;
    height: 74px;
    margin-bottom: 12px;
}

#about h2 {
    background: transparent url("../about/images/title.gif") no-repeat 0px 0px;
}

#corporate h2 {
    background: transparent url("../corporate/images/title.gif") no-repeat 0px 0px;
}

#works h2 {
    background: transparent url("../works/images/title.gif") no-repeat 0px 0px;
}

#news h2 {
    background: transparent url("../news/images/title.gif") no-repeat 0px 0px;
}

#recruit h2 {
    background: transparent url("../recruit/images/title.gif") no-repeat 0px 0px;
}

#links h2 {
    background: transparent url("../links/images/title.gif") no-repeat 0px 0px;
}


/*  コンテンツタイトル(フッタコンテンツ)
=======================================================*/

#inquiry h2 {
    height: 55px;
    background: transparent url("../inquiry/images/title.gif") no-repeat 0px 0px;
}

#terms h2 {
    height: 55px;
    background: transparent url("../terms/images/title.gif") no-repeat 0px 0px;
}

/*  セクションタイトル
=======================================================*/

h4 {
    margin-bottom: 20px;
    font-weight: bold;
    height: 43px;
}

.sectionTitle {
    padding-left: 40px;
    line-height: 43px;
    background: transparent url("../images/section_title_bar.gif") no-repeat 0px 0px;
}