@charset "utf-8";
/*
----- すべての要素 -----
*/

* {
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
line-height: 100%;
}

/*
----- スクロールバー(firefox対応) -----
*/

html {
overflow-y: scroll;  
}  

/*
----- float解除 -----
*/

div.clear {
clear: both;
}

div.clear hr {
display: none;
}

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

a {
color: #0099cc;
background: transparent;
text-decoration: none;
}

a img {
border: none;
}

a:hover {
color: #006699;
background: transparent;
text-decoration: underline;
}

/*
----- ボディ -----
*/

body {
color: #666666;
background: #FFF url(../img/bodybg_ceiling.png) repeat-x 0% 0%;
text-align: center;
}

div#body-inner {
background: transparent url(../img/bodybg_bottom.png) repeat-x 0% 100%;
}

/*
----- メインコンテナ -----
*/

div#main-container {
width: 950px;
background: transparent;
margin: 0 auto;
text-align: left;
}

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

div#header {
height: 65px;
background: transparent;
color: #FFF;
}

div#header-left {
width: 417px;
float: left;
background: transparent;
}

div#header-leftupper {
height: 22px;
background: transparent;
padding: 20px 45px 0px 13px;
}

div#header-leftbottom {
height: 23px;
font-size: 68%;
padding: 10px 0px 0px 58px;
}

div#header-right {
width: 471px;
float: right;
}

div#header-rightupper {
height: 22px;
text-align: right;
font-size: 63%;
padding: 8px 4px 0px 0px;
}

div#header-rightupper img {
vertical-align: middle;
}

div#header-rightupper span{
vertical-align:middle;
}

div#header-rightbottom {
height: 20px;
text-align: right;
font-size: 68%;
padding: 15px 4px 0px 0px;
}

div#header-rightbottom img {
vertical-align: middle;
}

div#header-rightbottom span{
vertical-align: middle;
}

/*
----- コンテナ -----
*/

div#container {
height: 450px;
background: transparent url(../img/container-bg.png) repeat-x 0% 0%;
}

/*
----- バナー -----
*/

div#banner {
height: 50px;
background: transparent;
padding: 30px 0px 0px 40px;
}

/*
----- メインメニュー -----
*/

div#mainmenu {
height: 70px;
padding: 0px 0px 0px 28px;
}

div#mainmenu ul li {
display: inline;
}

div#mainmenu ul li a {
display: block
padding: 0px 0px 0px 0px;
width: 128px;
line-height: 70px;
text-indent: -9000px;
float: left;
text-align: center;
}

div#mainmenu ul li a:hover {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent;
border-right: 0px solid #cad5e0;
}

div#mainmenu ul li a#website {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-website.png) no-repeat 0% 0%;
}

div#mainmenu ul li a#website:hover {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-website.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#website-selected {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-website.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#cms {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-cms.png) no-repeat 0% 0%;
}

div#mainmenu ul li a#cms:hover {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-cms.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#cms-selected {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-cms.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#process {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-process.png) no-repeat 0% 0%;
}

div#mainmenu ul li a#process:hover {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-process.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#process-selected {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-process.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#seo {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-seo.png) no-repeat 0% 0%;
}

div#mainmenu ul li a#seo:hover {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-seo.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#seo-selected {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-seo.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#flash {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-flash.png) no-repeat 0% 0%;
}

div#mainmenu ul li a#flash:hover {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-flash.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#flash-selected {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-flash.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#estimation {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-estimation.png) no-repeat 0% 0%;
}

div#mainmenu ul li a#estimation:hover {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-estimation.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#estimation-selected {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-estimation.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#contact {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-contact.png) no-repeat 0% 0%;
}

div#mainmenu ul li a#contact:hover {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-contact.png) no-repeat 0% 100%;
}

div#mainmenu ul li a#contact-selected {
display: block
width: 128px;
line-height: 70px;
float: left;
background: transparent url(../img/menu-contact.png) no-repeat 0% 100%;
}

/*
----- （コンテナ）コンテンツ・内部ペイン -----
*/

div#contents {
height: 300px;
}

div#contents p {
line-height: 1.6;
font-size: 80%;
}

div#contents-title {
height: 44px;
width: 220px;
float: left;
padding: 6px 0px 0px 40px;
}

div#contents-description {
height: 50px;
width: 610px;
float: right;
line-height: 50px;
font-size: 72%;
padding: 0px 40px 0px 40px;
}

div#contents-table {
height: 250px;
padding: 0px 40px 0px 40px;
}

div#table-menu {
height: 19px;
width: 870px;
border-bottom: 1px solid #224859;
}

div#contents-table-article {
height: 200px;
width: 790px;
padding: 30px 40px 0px 40px;
background: #FFFFFF;
}

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

div#footer {
height: 450px;
background: transparent url(../img/current_footer.png) no-repeat 0% 0%;
}

/*
----- （フッター）コンテンツ・内部ペイン -----
*/

div#footer-contents {
height: 375px;
}

div#footer-contents p {
line-height: 1.6;
font-size: 80%;
}

div#footer-table {
height: 375px;
width: 870px;
padding: 0px 40px 0px 40px;
}

div#footer-table-article {
height: 295px;
width: 790px;
padding: 0px 40px 30px 40px;
background: #FFFFFF;
}

div#footer-addition {
height: 50px;
width: 870px;
background: transparent;
}

div#footer-footer {
height: 75px;
width: 950px;
}

/*
----- 以下個別ＣＳＳ -----
*/

/*
----- 一般ページ・テーブルメニュー -----
*/

div#table-menu ul li {
display: inline;
}

div#table-menu ul li a {
display: block
padding: 0px 0px 0px 0px;
width: 174px;
line-height: 19px;
text-indent: -9000px;
float: left;
text-align: center;
}

div#table-menu ul li a:hover {
display: block
width: 174px;
line-height: 190px;
float: left;
background: transparent;
border-right: 0px solid #cad5e0;
}

div#table-menu ul li a#t-contact {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-contact.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-contact:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-contact.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-contact-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-contact.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-visit {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-visit.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-visit:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-visit.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-visit-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-visit.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-estimation {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-estimation.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-estimation:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-estimation.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-estimation-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-estimation.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-direction {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-direction.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-direction:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-direction.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-direction-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-direction.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-designtable {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-designtable.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-designtable:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-designtable.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-designtable-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-designtable.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-seo {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-seo.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-seo:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-seo.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-seo-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-seo.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-cms {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-cms.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-cms:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-cms.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-cms-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-cms.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-flash {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-flash.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-flash:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-flash.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-flash-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-flash.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-design {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-design.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-design:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-design.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-design-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-design.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-cost {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-cost.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-cost:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-cost.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-cost-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-cost.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-aboutus {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-aboutus.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-aboutus:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-aboutus.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-aboutus-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-aboutus.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-privacy {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-privacy.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-privacy:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-privacy.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-privacy-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-privacy.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-sitemap {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-sitemap.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-sitemap:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-sitemap.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-sitemap-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-sitemap.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-sltop {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-sltop.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-sltop:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-sltop.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-sltop-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-sltop.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-shinano {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-shinano.jpg) no-repeat 0% 0%;
}

div#table-menu ul li a#t-shinano:hover {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-shinano.jpg) no-repeat 0% 100%;
}

div#table-menu ul li a#t-shinano-selected {
display: block
width: 174px;
line-height: 19px;
float: left;
background: transparent url(../img/t-shinano.jpg) no-repeat 0% 100%;
}

/*
----- トップページ・コンテンツ -----
*/

div#top-footercontents {
width: 950px;
height: 400px;
background: transparent;
}

div#top-footerleft {
width: 470px;
height: 360px;
float: left;
background: transparent url() no-repeat 0% 0%;
padding: 20px 20px 20px 40px;
}

div#top-info {
width: 430px;
height: 90px;
background: transparent url(../img/top-info.png) no-repeat 0% 0%;
padding: 0px 20px 20px 20px;
}

div#top-info ul li {
display: block;
font-size: 70%;
line-height: 1.4;
}

div#top-policy {
width: 430px;
height: 250px;
background: transparent url(../img/top-policy.png) no-repeat 0% 0%;
padding: 0px 20px 0px 20px;
}

div#top-policy p {
font-size: 80%;
line-height: 1.6;
}

div#top-footerright {
width: 360px;
height: 340px;
float: left;
background: transparent url() no-repeat 0% 0%;
padding: 40px 40px 20px 20px;
}

div#top-hp {
width: 320px;
height: 195px;
background: transparent url(../img/top-hp.png) no-repeat 0% 0%;
padding: 5px 20px 0px 20px;
}

div#top-hp p {
font-size: 70%;
line-height: 1.6;
}

div#top-sl {
width: 230px;
height: 135px;
background: transparent url(../img/top-sl.png) no-repeat 0% 0%;
padding: 5px 110px 0px 20px;
}

div#top-sl p{
font-size: 70%;
line-height: 1.6;
}

div#top-footer {
width: 950px;
height: 50px;
background: transparent url() no-repeat 0% 0%;
}

/*
----- ページ中央・内容の４分割 （メールフォーム）-----
*/

div.inner {
font-size: 80%;
line-height: 1.6;
}

div.inner span {
color: red;
}


div.inner-estimation {
font-size: 70%;
line-height: 1.3;
}

div.inner-estimation span {
color: red;
}

/*
----- ページ中央・内容の４分割 -----
*/

div#contents-article-left {
height: 200px;
width: 395px;
float: left;
}

div#contents-article-right {
height: 200px;
width: 395px;
float: right;
}

div.contents-article-rightsltop {
padding: 0px 0px 0px 40px;
}

div.contents-article-rightsltop p {
font-size: 88%;
line-height: 1.6;
}





div#footer-article-left {
height: 295px;
width: 395px;
float: left;
}

div#footer-article-leftsltop {
padding: 40px 0px 0px 0px; 
}

div#footer-article-right {
height: 295px;
width: 395px;
float: right;
}

div#footer-article-rightsltop {
padding: 40px 0px 0px 40px;
}

div#footer-article-rightsltop p {
font-size: 80%;
line-height: 1.6;
}

div#top-footer {
font-size: 80%;
line-height: 1.6;
}

div#top-footer a {
color: #fff;
background-color: transparent;
}

div#top-footer a:hover , a:active {
color: yellow;
}