@charset "Shift_JIS";

/* ------- ブラウザリセット共通パーツの読み込み ------- */

@import "defaultReset.css";


/* ------- お年賀CSS ------- */

#lineBg #flowerBgNengaOutline{
    margin: 0 auto;
    background:url("../../nenga/images/bg_nenga.jpg") no-repeat right 540px;
    width:964px;
    }

#contents #nenga {
    margin:30px 0 60px;
}

#contents #nenga #main {
    width:750px;
    padding:20px 0 90px 20px;
    float:left;
}

#contents #nenga #main p.contaxttext{
    padding:10px 0 20px 0;

}

#contents #nenga #main div.contaxttext2{
    padding:25px 20px 20px;
    margin: 0 0 30px 0;
    background: #f6f6f6;
    width: 605px;
}

#contents #nenga #main div.contaxttext2 div.left {
    float:left;
    width: 420px;
}

#contents #nenga #main div.contaxttext2 div.right {
    float: right;
}

/* ------- 404 Not Found ------- */

#lineBg #flowerBg404Outline{
    margin: 0 auto;
    background:url("../../images/background_notfound.jpg") no-repeat left 270px;
    width:964px;
    }

#contents #notfound {
    margin:30px 0 60px;
}

#contents #notfound #main {
    width:500px;
    padding-left:270px;
    float:left;
    padding-top: 20px;
    padding-bottom:350px;
}

#contents #notfound #main p.wordtitle{
    padding:0 0 20px 0;
    font-size:110%;
    color:#0089d7;
}

#contents #notfound #main p.wordtext{
    padding:0 0 20px 0;
    line-height:1.8;
}

/* ------- 全体の設定 ------- */


#wrapper {
    width: 970px;
    margin: 0 auto;
}

#lineBg {
    margin: 0 auto;
    background: #ffffff url("../images/background_line.gif") repeat-y center;
    width: 968px;
}

#lineBg #flowerBg {
    margin: 0 auto;
    background: transparent url("../images/background.jpg") no-repeat right top;
    width: 964px;
}

#lineBg #flowerBg #wrapper {
    margin: 0 auto;
    width: 925px;
}


#header {
    margin: 0 auto;
    width: 925px;
    padding:25px 0 0 0;
}

#header #logo {
    float:left;
    margin-right: 40px;
    width:160px;
}

#header .nav {
    margin: 5px 0 0 180px;
}

*html #header .nav {
    padding: 5px 0 0 5px;
}

#header .nav li {
    display:inline;
    margin-right: 35px;
}

#worksheader {
    margin: 0 auto;
    width: 925px;
    padding:25px 0 0 0;
}

*html #worksheader {
    width: 945px;
}

#worksheader #logo {
    float:left;
    margin-right: 40px;
    width:160px;
}

*html #worksheader #logo {
    margin-right: 45px;
}

#worksheader .nav {
    margin: 5px 0 0 180px;
}

*html #worksheader .nav {
    margin: 30px 0 0 0;
}

#worksheader .nav li {
    display:inline;
    margin-right: 35px;
}

.clear{clear:both; margin: 0; padding: 0;}

/*#container_top {
        left:50%;
        margin-left:-485px;
        margin-top:-300px;
        position:absolute;
        top:50%;
        width:980px;
}*/

#container_top {/*2010.12.22 ichikawa*/
        padding:100px 0 0 6px;
        margin:0 auto;
        width:980px;
}

div#topfla{/*2010.12.22 ichikawa*/
	width:984px;
	height:558px;
}

/* ------- 共通リンク設定 ------- */

p.link{
    background:url(../images/panList.gif) no-repeat scroll left 0.4em;
    padding-left:15px;
    }

p.linkBranding{
    background:url(../images/panList.gif) no-repeat scroll left 0.4em;
    padding-left:15px;
    margin-bottom:10px;
    }

p.linkEducation{
    background:url(../images/panList.gif) no-repeat scroll left 0.4em;
    padding-left:15px;
    margin-bottom:25px;
}

p.link2{
    background:url(../images/panList.gif) no-repeat scroll left 0.8em;
    padding-left:15px;
    }

p.newmark{
    /*background:url(../images/new_mark.gif) no-repeat scroll left 0.2em;*//*---2010.12.21 ichikawa--*/
    background:url(../images/new_mark2011.gif) no-repeat scroll left 0.2em;
    padding-left:25px;
    }

p.caption{
        color:#F00;
        padding:0 0 15px 0;
}

p.imagerleft{
    float:left;
    padding:0 20px 30px 0;
}

/* ------- h2 ------- */


h2.topTitle{
    margin:53px 0 15px 0;
    }

/* ------- ビレット ------- */

.billetlink {
    padding:0 0 6px 0;
    margin-right:6px;
}

.billetlink2 {
    margin-right:6px;
}

/* ------- データリスト ------- */

dl.datalist dt{
    color:#438BBE;
}

dl.datalist dd{
    margin:0 0 0 12em;
}

dl dd{
    vertical-align: top;
    padding: 0 0 5px 1.5em;
}

dl dt.last,dl dd.last{
    padding-bottom: 0;
}


/*---dl---*/

dd{
    margin-bottom:1em;
}

dl.features dd{
    margin: 0 0 0.4em 0.8em;
}


dl.datalist dt,dl.datalist dd{
    line-height:2.5;
}

dl.datalist dt{
    white-space: nowrap;
    vertical-align: top;
    clear:both;
    float:left;
}

/* ------- リンク色の設定 ------- */

a {
    text-decoration:none;
    color:#999999;
    }

a:active { color: #999999; }
a:hover { color: #333333; text-decoration:underline;}
a:link { color: #999999; }
a:visited { color: #999999; }


/* ------- ヒストリーCSS ------- */


#flowerBghistoryOutline{
    margin: 0 auto;
    background: url("../../profile/images/background_history.jpg") no-repeat right 380px;
    width: 964px;
    }


/* ------- 会社概要CSS ------- */


#flowerBgProfileOutline{
    margin: 0 auto;
    background: url("../../profile/images/background_profile.jpg") no-repeat right 400px;
    width: 964px;
    }

#contents #profile {
    margin:30px 0 60px;
}

#contents #profile #main {
    width:600px;
    float:left;
    padding:20px 0 0 120px;
}

#contents #profile #sidebar {
    width:150px;
    float:right;
    margin-top: 20px;
}

#contents #profile #sidebar img {
    margin:0 0 3px 0;
}

#contents #profile #sidebar ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.2em;
    padding-left:15px;
    margin:5px 0 18px 0;
}

/* ------- 沿革CSS ------- */

#contents #history {
    margin:30px 0 60px;
}

#contents #history #main {
    width:600px;
    float:left;
    padding:20px 0 300px 120px;
}

#contents #history #sidebar {
    width:150px;
    float:right;
    margin-top: 20px;
}

#contents #history #sidebar img {
    margin:0 0 3px 0;
}

#contents #history #sidebar ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.2em;
    padding-left:15px;
    margin:5px 0 18px 0;
}

/* ------- メッセージCSS ------- */

#flowerBgMessageOutline{
    margin: 0 auto;
    background: url("../../profile/images/background_message.jpg") no-repeat left 250px;
    width: 964px;

    }


#contents #message {
    margin:30px 0 60px;
}

#contents #message #main {
    width:525px;
    padding-left: 240px;
    float:left;
    padding-top: 20px;
}

#contents #message #main p{
    color:#365178;
    line-height:2.5;

}

#contents #message #sidebar {
    width:150px;
    float:right;
    margin-top: 20px;
}

#contents #message #sidebar img {
    margin:0 0 3px 0;
}

#contents #message #sidebar ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.2em;
    padding-left:15px;
    margin:5px 0 18px 0;
    }

#contents #message #main #artlink{
        width:420px;
        border: 2px #CCC solid;
        padding:13px;
        margin-top:40px;
        font-size:85%;
        line-height:1.7;
}

/* ------- クリエイティブCSS ------- */

#flowerBgcreativeOutline{
    margin: 0 auto;
    width: 964px;
    }


#contents #creative {
    margin:30px 0 60px;
}

#contents #creative #main {
    width:700px;
    float:left;
    padding-top: 20px;
}

#contents #creative #main p{
    line-height:1.5;

}

#contents #creative #sidebar {
    width:150px;
    float:right;
    margin-top: 20px;
}

#contents #creative #sidebar img {
    margin:0 0 3px 0;
}

#contents #creative #sidebar ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.2em;
    padding-left:15px;
    margin:5px 0 18px 0;
    }

#contents #creativeOutline {
    margin-bottom:20px;
}

/* ------- アクセスCSS ------- */

#flowerBgaccessOutline{
    margin: 0 auto;
    background: url("../../profile/images/background_accees.jpg") no-repeat left 220px;
    width: 964px;
    }


#contents #access {
    margin:30px 0 60px;
}

#contents #access #main {
    width:550px;
    padding-left: 200px;
    float:left;
    padding-top: 20px;
}

#contents #access #main p{
    line-height:1.5;

}

#contents #access #sidebar {
    width:150px;
    float:right;
    margin-top: 20px;
}

#contents #access #sidebar img {
    margin:0 0 3px 0;
}

#contents #access #sidebar ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.2em;
    padding-left:15px;
    margin:5px 0 18px 0;
    }

/* ------- サービストップCSS ------- */

#lineBg #flowerBgServiceTop {
    margin: 0 auto;
    background: url("../../service/images/background_service_top.jpg") no-repeat right top;
    width: 964px;
}

#contents #serviceTop {
    margin:70px 0 0 0;
}

#contents #serviceTopSubTitle {
    margin-top: 50px;
}

#contents #serviceOutline {
    margin-top: 40px;
}

#contents #serviceTop #main {
    width:700px;
    float:left;
}

#contents #serviceTop #main ul{
    padding: 0 2px 10px 22px;
}

#contents #serviceTop #main ul li{
    padding: 0 0 0 20px;
    background:url(../images/listmark.gif) no-repeat scroll left 0.1em;
}

#contents #serviceTop #main .fenceRow {

}

#contents #serviceTop #main .fenceLeft {
    float: left;
    width: 310px;
    margin: 0 20px 30px 0;
}

#contents #serviceTop #main .fenceRight {
    float: right;
    width: 310px;
    margin: 0 20px 30px 0;
}

#contents #serviceTop #main .fenceTop {
    background: #ffffff url("../../service/images/service_linetop.gif") no-repeat left;
    padding:9px 0 0 0;
}

#contents #serviceTop #main .fenceContent {
    padding-top: 10px;
    background: #ffffff url("../../service/images/service_lineside.gif") repeat-y left;
}

#contents #serviceTop #main .fenceContent img {
    vertical-align: top;
}

#contents #serviceTop #main .fenceBottom {
    background: #ffffff url("../../service/images/service_linebottom.gif") no-repeat left;
    padding-top:9px;
}

#contents #serviceTop #main .fenceContent .fenceOutline {
    margin: 0 30px 0 25px;
    padding-bottom: 20px;
}

#contents #serviceTop #sidebar {
    width:190px;
    float:right;
}

#contents #serviceTop #sidebar img {
    margin:0 0 3px 0;
}

#contents #serviceTop #sidebar ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.2em;
    padding-left:15px;
    margin:0 0 18px 0;
}


/* ------- サービステンプレート ------- */

#lineBg #flowerBgeducationOutline{
    margin: 0 auto;
    background:url("../../service/images/background_education.jpg") no-repeat left 270px;
    width:964px;
    }

#lineBg #flowerBgbrandingOutline{
    margin: 0 auto;
    background:url("../../service/images/background_branding.jpg") no-repeat left 270px;
    width:964px;
    }

#lineBg #flowerBgcmsOutline{
    margin: 0 auto;
    background:url("../../service/images/background_cms.jpg") no-repeat left 270px;
    width:964px;
    }

#lineBg #flowerBgmobileOutline{
    margin: 0 auto;
    background:url("../../service/images/background_mobile.jpg") no-repeat left 270px;
    width:964px;
    }

#lineBg #flowerBginterfaceOutline{
    margin: 0 auto;
    background:url("../../service/images/background_interface.jpg") no-repeat left 270px;
    width:964px;
    }

#lineBg #flowerBgblogOutline{
    margin: 0 auto;
    background:url("../../service/images/background_blog.jpg") no-repeat left 270px;
    width:964px;
    }

#contents #service #main {
    width:460px;
    padding-left: 260px;
    float:left;
    padding-top: 20px;
}

#contents #service #main p.maintext{
    padding:45px 0 40px 0;
    line-height:1.8;

}

div.winner{
    width:400px;
    padding:8px;
    border:1px solid #d3d3d3;
    background:#f3f6f7;
}

div.winner .titlemargin{
    padding:10px 0 20px 0;
    }

div.winner ul{
    padding:0 0 0 18px;
}

div.winner ul li{
    background: url(../images/list_dot.gif) no-repeat scroll 1px 0.6em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:2px 0 7px 10px
}

div.answerarea{
    padding:8px;
    margin:20px 0 0 0;
}

div.answerarea .titlemargin{
    padding:10px 0 20px 0;
    }

div.answerarea ul{
    padding:0 0 0 18px;
}

div.answerarea ul li{
    background: url(../images/list_dot.gif) no-repeat scroll 1px 0.6em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:2px 0 7px 10px
}

div.workflow{
    width:400px;
    padding:8px;
    margin:20px 0 0 0;
}

div.workflow .titlemargin{
    padding:10px 0 20px 0;
    }

div.relation_service{
    width:706px;
    padding:8px;
    border:1px solid #e3e7e9;
    background:#f2f3f3;
    float:right;
    margin:50px 10px 0 0;
}

div.relation_image{
    margin: 0 auto;
    width:690px;
    }

div.relation_service .titlemargin{
    padding:10px 0 20px 0;
    }

div.relation_service .worksThumbnail {
    float:left;
    margin:10px 30px;
    text-align:center;
    width:160px;
}

div.relation_service .worksThumbnail ul{
    margin:6px 0 0 3px;
}

div.relation_service .worksThumbnail ul li {
    background:url(../images/panList.gif) no-repeat scroll left 0.4em;
    padding-left:15px;
    }


#contents #service #sidebar ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.2em;
    padding-left:15px;
    margin:0 0 18px 0;
}

#contents #service #sidebar {
    width:170px;
    float:right;
    margin-top: 20px;

}

/* ------- ニュースCSS ------- */

#lineBg #flowerBgnewsOutline{
    margin: 0 auto;
    background:url("../../profile/images/background_history.jpg") no-repeat right 270px;
    width:964px;
    }

#contents #news {
    margin:30px 0 60px;
}

#contents #news #main {
    width:700px;
    padding-left:20px;
    float:left;
    padding-top: 20px;
}

#contents #news #sidebar {
    width:150px;
    float:right;
    margin-top: 20px;
}

#contents #news #sidebar img {
    margin:0 0 3px 0;
}

#contents #news #sidebar ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.2em;
    padding-left:15px;
    margin:0 0 18px 0;
    }

/* ------- データリスト ------- */

dl.datalistnews dt{
    color:#666666;
    padding:0 0 10px 0;
}

dl.datalistnews dd{
    margin:0 0 0 0;
}

dl.datalistnews dd.newsitem{
    margin:0 0 25px 0;
}

dl dd{
    vertical-align: top;
    padding: 0 0 5px 0;
}

    /*---dl---*/

        dl.datalistnews dd{
            line-height:1.5;
        }

        dl.datalistnews dt{
            vertical-align: top;
            clear:both;
        }

/* ------- リクルートCSS ------- */

#lineBg #flowerBgrecruitOutline{
    margin: 0 auto;
    background:url("../../recruit/images/background_recruit.jpg") no-repeat left 240px;
    width:964px;
    }

#contents #recruit {
    margin:30px 0 60px;
}

#contents #recruit #main {
    width:600px;
    padding-left:270px;
    float:left;
    padding-top: 20px;
}

#contents #recruit #main p.recruitcopy{
    padding:0 0 20px 0;
}

/* ------- コンタクトCSS ------- */

#lineBg #flowerBginquiryOutline{
    margin: 0 auto;
    background:url("../../contact/images/background_contact.jpg") no-repeat right 220px;
    width:964px;
    }

#contents #inquiry {
    margin:30px 0 60px;
}

#contents #inquiry #main {
    width:750px;
    padding:20px 0 90px 20px;
    float:left;
}

#contents #inquiry #main p.contaxttext{
    padding:10px 0 20px 0;

}

/* ------- データリスト ------- */

dl.datalistinquiry dt{
    width:230px;
    color:#438BBE;
    padding:0 0 10px 0;
}

dl.datalistinquiry dd{
    margin:0 0 15px 300px;
}

dl.datalistinquiry dd.datalistinquiry{
    margin:0 0 15px 0;
}

dl dd{
    vertical-align: top;
    padding: 0 0 5px 0;
}

    /*---dl---*/

        dl.datalistinquiry dd{
            line-height:1.5;
        }

        dl.datalistinquiry dt{
            vertical-align: top;
            clear:both;
            float:left;
        }

/* ------- サイトマップCSS ------- */

#lineBg #flowerBgsitemapOutline{
    margin: 0 auto;
    background:url("../../sitemap/images/background_sitemap.jpg") no-repeat right 210px;
    width:964px;
    }

#contents #sitemap {
    margin:30px 0 60px;
}

#contents #sitemap #main {
    width:700px;
    padding-left:20px;
    float:left;
    padding-top: 20px;
}

#contents #sitemap #main #leftarea{
    width:300px;
    float:left;
}

#contents #sitemap #main #rightarea{
    width:300px;
    float:left;
    padding:0 0 0 40px;
}

#contents #sitemap #main p.upline{
    width:270px;
    border-top:1px dotted #CCC;
    padding:20px 0 0 0;
}

#contents #sitemap #main ul{
    padding:10px 0 20px 10px;
}

#contents #sitemap #main ul li{
    background: url(../images/list_dot.gif) no-repeat scroll 1px 0.6em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:2px 0 7px 10px
}


/* ------- 用語説明CSS ------- */

#lineBg #flowerBgwordOutline{
    margin: 0 auto;
    background:url("../../terms/images/background_word.jpg") no-repeat left 240px;
    width:964px;
    }

#contents #word {
    margin:30px 0 60px;
}

#contents #word #main {
    width:420px;
    padding-left:270px;
    float:left;
    padding-top: 20px;
    padding-bottom:150px;
}

#contents #word #main p.wordtitle{
    padding:0 0 20px 0;
    font-size:120%;
}

#contents #word #main p.wordtext{
    padding:0 0 20px 0;
    line-height:1.8;
}


/* ------- 回り込み解除のための設定 ------- */

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

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* ------- works一覧CSS ------- */

#lineBg #flowerBgWorksList {
}

#WorksListbg{
    background: url(../../works/images/background_workList.jpg) no-repeat right 3px;
    width:955px;
    margin: 0 auto;

}

#listContents {
    margin: 20px 0 0 10px;
}

#listContents #topicPath{
    padding:20px 0 10px 0;
}

#listContents #topicPath img{
    vertical-align: middle;
    margin:0 10px 0 10px;
}

#listContents #topicPathlist{
    padding:20px 0 10px 10px;
}

#listContents #topicPathlist img{
    vertical-align: middle;
    margin:0 10px 0 10px;
}

#listContents #topTitle{
    margin-top: 57px;
}

#listContents #topTitlelist{
    margin-top: 57px;
    margin-left:10px;
}

#listContents #listWrapper {
    margin: 0 0 0 13px;
}

#listContents #listWrapper #categoryTab {
    width:941px;
}

#categoryTab{
    padding:60px 0 0 13px;
}

#categoryTab #exeBtn {
    cursor:pointer;
}

#categoryTab #exeBtn2 {
    cursor:pointer;
}

#listContents #listWrapper #worksList {
    width:941px;
    background:url(../../works/images/bg_list.png) repeat;
}

#listContents #listWrapper #worksList .listRow {
    width: 940px;
    padding: 35px 0 0 0;
}

#listContents #listWrapper #worksList .listRow .list {
    width:290px;
    padding: 0 30px 0 0;
    float:left;
}

#listContents #listWrapper #worksList .listRow .list ul li{
    list-style:url(../images/panList.gif);
    padding: 0;
    margin: 5px 0 0 1.5em;
}

#listContents #listWrapper #worksList .listRow .listRight {
    width:290px;
    padding: 0 10px 0 0;
    float:left;
}

#listContents #listWrapper #worksList .listRow .listRight ul li{
    list-style:url(../images/panList.gif);
    padding: 0;
    margin: 5px 0 0 1.5em;
}


#listContents #contact {
    float: right;
    width:445px;
    margin: 55px 10px 55px 0;
}

#listContents #contact #contactLineTop {
    background: #ffffff url("../images/contact_linetop.gif") no-repeat right;
    padding:8px 0 0 0;
}

#listContents #contact #contactContents {
    padding: 10px 0 10px 10px;
    background: #ffffff url("../images/contact_lineside.gif") repeat-y right;
}

#listContents #contact #contactContents #mailcontact{
        float:left;
        margin:10px 0 10px 5px;
}

#listContents #contact #contactContents #mailcontact img{
    padding:0 0 8px 0;
}

#listContents #contact #contactContents #telcontact{
        float:left;
        margin:10px 0 10px 25px;
}

#listContents #contact #contactContents #telcontact img{
    padding:0 0 8px 0;
}



#listContents #contact #contactLineBottom {
    background: #ffffff url("../images/contact_linebottom.gif") no-repeat right;
    padding:8px 0 0 0;
}

#listContents #pageTop {
    float: right;
    margin:10px 10px 0 0;
}

#listContents #toList {
    padding:10px 0 15px 0;
}

/* ------- works詳細CSS ------- */

* html #flowerBgWorksDetail{
    margin:0 0 0 20px;
    }

#portfoliobg{
    background:url("../../common/images/background.jpg") no-repeat right 40px;
    width:944px;
    margin: 0 auto;
    }

* html #portfoliobg{
    background:url("../../common/images/background.jpg") no-repeat 600px 30px;

    }


#contents {
    margin: 20px auto 0;
    width: 925px;

}

#contents #topicPath{
    padding:20px 0 10px 0;
}


#contents #topicPath img{
    vertical-align: middle;
    margin:0 10px 0 10px;
}

#contents #worksTitle {
    margin-top: 57px;
}

#contents #projectTitle {
    margin-top: 40px;
}

#contents #viewSite {
    margin-top: 25px;
}

#contents #techTag {
    margin-top: 25px;
}

#contents #techTag img {
    padding-right: 2px;
}

#contents #topImage {
    margin-top: 10px;
}

#contents #outlineArticle {
    margin-top: 25px;

}

#contents #outlineArticle #outline {
    width: 600px;
    float:left;
}

#contents #outlineArticle #outline .conclusion {
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 120%;
    color:#333333;

}

#contents #outlineArticle #outline .sentence {
    line-height: 1.8;
}

#contents #outlineArticle #mediaHistory {
    width: 300px;
    float: right;
    margin-left: 15px;
    background-color: #f4f4f4;
    border: #d7d7d7 solid 1px;
}

#contents #outlineArticle #mediaHistory #mediacontents {
    margin:10px;
}

#contents #outlineArticle #mediaHistory #mediacontents p{
    margin:5px 0 5px 0;
}
#contents #outlineArticle #mediaHistory #mediacontents ul li {
    background: url(../images/list_dot.gif) no-repeat scroll 1px 0.6em;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:2px 0 0 10px
}

#contents #phaseContents {
    margin: 60px 0 50px;

}

#contents #phaseContents #planContents {
    float: left;
    width: 250px;
}

#contents #phaseContents #planContents .conclusion {
    margin-top: 25px;
    color:#333333;
}

#contents #phaseContents #planContents .sentence {
    margin-top: 10px;
    line-height: 1.8;
}

#contents #phaseContents .next {
    float:left;
    width:90px;
    margin-top: 70px;
    vertical-align: top;
    text-align: center;
}

#contents #phaseContents #productContents {
    float: left;
    width: 240px;
}

#contents #phaseContents #productContents .conclusion {
    margin-top: 25px;
    color:#333333;

}

#contents #phaseContents #productContents .sentence {
    margin-top: 10px;
    line-height: 1.8;
}

#contents #phaseContents #operateContents {
    float: right;
    width: 250px;
}

#contents #phaseContents #operateContents .conclusion {
    margin-top: 25px;
    color:#333333;

}

#contents #phaseContents #operateContents .sentence {
    margin-top: 10px;
    line-height: 1.8;
}

#contents #phaseContents #planContentsNoOperate {
    float: left;
    width: 415px;
}

#contents #phaseContents .nextNoOperate {
    float:left;
    width:95px;
    margin-top: 70px;
    vertical-align: top;
    text-align: center;
}

#contents #phaseContents #planContentsNoOperate .conclusion {
    margin-top: 25px;
    color:#333333;

}

#contents #phaseContents #planContentsNoOperate .sentence {
    margin-top: 10px;
    line-height: 1.8;
}

#contents #phaseContents #productContentsNoOperate {
    float: left;
    width: 415px;
}

#contents #phaseContents #productContentsNoOperate .conclusion {
    margin-top: 25px;
    color:#333333;

}

#contents #phaseContents #productContentsNoOperate .sentence {
    margin-top: 10px;
    line-height: 1.8;
}

#contents #dotBg {
    height:1px;
    background: #ffffff url("../images/dot_bg.gif") repeat-x;
}

#contents .pointLeftImage {
    margin: 60px 0 25px;
}
#contents .pointLeftImage .pointImage {
    float: left;
    width: 450px;
}

#contents .pointLeftImage .pointContents {
    float: right;
    margin-left: 20px;
    width: 450px;
}


#contents .pointLeftImage .pointContents .sentence {
    margin-top: 20px;
    line-height: 1.8;
}

#contents .pointRightImage {
    margin: 55px 0 25px;
}

#contents .pointRightImage .pointContents {
    float: left;
    width: 450px;
}

#contents .pointLeftImage .pointContents .conclusion{
    color:#333333;
}

#contents .pointRightImage .pointContents .conclusion{
    color:#333333;
}

#contents .pointRightImage .pointImage {
    float: right;
    margin-left: 20px;
    width: 450px;
}

#contents .pointRightImage .pointContents .sentence {
    margin-top: 20px;
    line-height: 1.8;
}

#contents .pointNoImage {
    margin: 55px 0 25px;
}

#contents .pointNoImage .pointContents .conclusion{
    color:#333333;
}

#contents .pointNoImage .pointContents .sentence {
    margin-top: 20px;
    line-height: 1.8;
}

#contents #service {
    margin-top: 5px;
}

#contents #service #relateService {
    float:left;
    width:410px;
    margin: 55px 0 55px 0;
}

#contents #service #relateService #relateContents {
    margin: 10px 0 40px 30px;
}

#contents #service #relateService ul {
    padding-left:15px;
    margin:10px 0 18px 0;

}

#contents #service #relateService ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.4em;
    padding-left:15px;
    margin:0 0 18px 0;
}

#contact {
    float: right;
    width:445px;
    margin: 55px 0 55px 0;
}

#contact #contactLineTop {
    background: #ffffff url("../images/contact_linetop.gif") no-repeat right;
    padding:8px 0 0 0;
}

#contact #contactContents {
    padding: 10px 0 10px 10px;
    background: #ffffff url("../images/contact_lineside.gif") repeat-y right;
}

#contact #contactContents #mailcontact{
        float:left;
        margin:10px 0 10px 5px;
}

#contact #contactContents #mailcontact img{
    padding:0 0 8px 0;
}

#contact #contactContents #telcontact{
        float:left;
        margin:10px 0 10px 25px;
}

#contact #contactContents #telcontact img{
    padding:0 0 8px 0;
}



#contact #contactLineBottom {
    background: #ffffff url("../images/contact_linebottom.gif") no-repeat right;
    padding:8px 0 0 0;
}

#contents #otherWorks {
    margin: 0 0 20px;
    background-color: #f4f4f4;
    border: #ececec 1px solid;

}

#contents #otherWorks #worksMargin {
    margin: 0 30px 15px;
    padding-top: 15px;
}

#contents #otherWorks #worksMargin img {
    margin-bottom: 5px;
}

#contents #otherWorks #worksThumbnailList {
    width: 800px;
    margin: auto;
}

#contents #otherWorks #worksThumbnailList .worksThumbnail {
    float: left;
    width: 160px;
    margin: 0 20px;
    text-align: center;
    display:inline;
}

#contents #otherWorks #worksThumbnailList .worksThumbnail img {
    margin: auto;
}

#contents #otherWorks #worksThumbnailList ul{
    margin:6px 0 0 0;

}

#contents #otherWorks #worksThumbnailList ul li{
    background:url(../images/panList.gif) no-repeat scroll left 0.4em;
    padding-left:15px;
    margin:0 0 18px 0;
}

#contents #pageTop {
    float: right;
    margin:10px 0 0 0;
}

#contents #toList {
    padding:10px 0 15px 0;
}

#lineBgBottom {
    background: #ffffff url("../images/background_bottomline.gif") no-repeat;
    width: 968px;
    height: 2px;

}



/* ------- フッターCSS ------- */


#footer {
    margin: 10px 25px 0;
}

#footer #navigation {
    margin-top: 10px;
    color: #bbbbbb;
    font-size:85%;
}

#footer #navigation ul{
}

#footer #navigation ul li{
    display:inline;
    border-right:1px dotted #CCC;
    padding:0 3px 0 3px;
}

#footer #navigation ul li.first{
    padding:0 3px 0 0;
}

#footer #navigation ul li.last{
    border-right:none;
}

#footer #copylight {
    margin-top: 3px;
    padding-bottom: 15px;
}

/* ------- トップ用CSS ------- */

#topNewsarea{
    float:left;
    font-size:85%;
    padding:0 0 0 10px;
}


#footertop {
    margin: 0 0 0 0;
}

#footertop #navigation {
    color: #bbbbbb;
}

#footertop #navigation ul{
    text-align:right;
}

#footertop #navigation ul li{
    display:inline;
    padding:0 3px 0 3px;
    font-size:85%;
}

#footertop #navigation ul li.first{
    padding:0 3px 0 0;
}

#footertop #navigation ul li.last{
    border-right:none;
}

#footertop #copylight {
    text-align:right;
    padding-bottom: 15px;
}

/*--------2010.12.21 ichikawa--------*/

.bg_container{
    background-color:#000000;
    background-image:url(../images/topbg1_2011.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    margin: 0px;
    padding: 0px;
}



/*--------2010.12.21 ichikawa END--------*/


/* ------- IE6透過PNG用CSS ------- */
.iepngfix {
    behavior: expression(IEPNGFIX.fix(this));
}