@charset "utf-8";
/* CSS Document */

/*----------common----------*/
#title1 {
width: 100%;  /* これにより、幅がブラウザの幅の 100% のコンテナが設定されます */
height:125px;
background:url(../img/title_bg.gif) repeat-x;
margin: 0 auto; 
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#title2 {
width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
background:url(../img/title_bg.gif) repeat-x;
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
/*text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

#t_about {
background:url(../about/img/t_about.gif) no-repeat;
width:800px;
height:125px;
}

#t_company {
background:url(../company/img/t_company.gif) no-repeat;
width:800px;
height:125px;
}

#t_works {
background:url(../works/img/t_works.jpg) no-repeat;
width:800px;
height:125px;
}

#t_policy{
background:url(../img/t_policy.gif) no-repeat;
width:800px;
height:125px;
}

#t_sitemap{
background:url(../img/t_sitemap.gif) no-repeat;
width:800px;
height:125px;
}


#pankuzu {
height:16px;
text-align:left;
}




/*----------会社概要----------*/
.table {
width: 800px; /* テーブルの横幅 */
border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #cccccc solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

.table TD {
border: 1px #cccccc solid; /* セルの枠線（太さ・色・スタイル） */
padding: 10px; /* セル内の余白 */
}

td.color {
background-color: #d9eefa;
font-size:12px;
width:100px;
} 


/*----------事業内容----------*/
#works {
height:130px;
padding-bottom:20px;
}

#works li {
display:block;
float:left;
text-indent:-9999px;
padding-top:20px;
}

#works li a {
display:block;
text-decoration:none;
}

#works li#cc a {
height:130px;
width:200px;
background:url(../works/img/con_01.jpg);
}

#works li#cc a:hover {
height:130px;
width:200px;
background:url(../works/img/con_01.jpg);
}

#works li#dc a {
height:130px;
width:200px;
background:url(../works/img/con_02.jpg);
}

#works li#dc a:hover {
height:130px;
width:200px;
background:url(../works/img/con_02.jpg);
}
#works li#pr a {
height:130px;
width:200px;
background:url(../works/img/con_03.jpg);
}

#works li#pr a:hover {
height:130px;
width:200px;
background:url(../works/img/con_03.jpg);
}
#works li#widgets a {
height:130px;
width:200px;
background:url(../works/img/con_04.jpg);
}

#works li#widgets a:hover {
height:130px;
width:200px;
background:url(../works/img/con_04.jpg);
}

#works_main {
height:360px;
width:800px;
}

/*----------事業内容/iPhone----------*/
#iPhone_p1 {
padding:0px 0px 15px 25px}

#iPhone {
width:760px;
padding-left:20px;
}


/*----------事業内容/デジタルコンテンツ----------*/

#d_contents2 {
float:right;
width:460px;
height:350px;
}

#d_contents1 {
float:left;
width:290px;
height:auto;
}

#d_contents {
height:360px;
width:760px;
padding-left:20px;
}

#d_contents3 {
width:760px;
padding-left:20px;
}


/*----------事業内容/PR素材----------*/

#pr2 {
float:right;
width:510px;
height:302px;
}

#pr1 {
float:left;
width:250px;
height:auto;
}

#pr {
height:400px;
width:760px;
padding-left:20px;
}


/*----------事業内容/PR素材----------*/
.blog_p {
padding-right:11px;}

#blog {
width:760px;
padding-left:20px;}


/*----------サイトマップ----------*/
.sitemap {
width: 800px; /* テーブルの横幅 */
}

.sitemap TD {
padding: 10px; /* セル内の余白 */
}

td.sitemap {
font-size:12px;
width:200px;
}