@charset "utf-8"; /*------------------------------------------------- GLOBAL PAGE LAYOUT ELEMENTS -------------------------------------------------*/ body { margin: 0px; padding: 0px; text-align: center; background: url(../images/bg_line.gif) top repeat-x; font-size: 12px; line-height: 24px; color: #222222; font-family: 'Lucida Grande', "Hiragino Kaku Gothic Pro","MS ゴシック","ＭＳ Ｐゴシック", Osaka , sans-serif; } #wrapper { margin: 0px auto; padding: 0px; width: 928px; text-align:left; background: #FFFFFF;} a:link { color: #0000cc; text-decoration: none; } a:visited { color: #551a8b; text-decoration: none; } a:hover, a:visited:hover{ color: #0000cc; text-decoration: underline; } img { border: none; } /*------------------------------------------------- Header -------------------------------------------------*/ #Header { margin: 0px; padding: 0px; width: 928px; height: 64px; text-align: right; } /*------------------------------------------------- Home_MainNavi -------------------------------------------------*/ #Home_MainNavi_Zone { clear: both; margin: 0px; padding: 0px; width: 928px; height: 32px;} #Home_MainNavi { margin: 0px; padding: 0px; width: 928px; height: 32px; position: absolute;} #Home_MainNavi li { margin: 0px; padding: 0px; list-style: none; float: left; } #Home_MainNavi li, #Home_MainNavi a { height: 32px; overflow: hidden; } #Home_MainNavi a { background-image: url(../images/navi_home.gif); display: block; text-indent: -5000px; text-decoration: none; } #Home_MainNavi_Home a { width: 128px; background-position:0 0;} #Home_MainNavi_Home a:hover { background-position: 0 -32px;} #Home_MainNavi_Home a.selected { background-position: 0 -64px;} #Home_MainNavi_Profile a { width: 128px; background-position: -256px 0;} #Home_MainNavi_Profile a:hover { background-position: -128px -32px ;} #Home_MainNavi_Profile a.selected { background-position: -128px -64px ;} #Home_MainNavi_Service a { width: 128px; background-position: -384px 0;} #Home_MainNavi_Service a:hover { background-position: -256px -32px;} #Home_MainNavi_Service a.selected { background-position: -256px -64px;} #Home_MainNavi_Works a { width: 128px; background-position: -384px 0;} #Home_MainNavi_Works a:hover { background-position: -384px -32px;} #Home_MainNavi_Works a.selected { background-position: -384px -64px;} #Home_MainNavi_Contact a { width: 128px; background-position: -512px 0;} #Home_MainNavi_Contact a:hover { background-position: -512px -32px;} #Home_MainNavi_Contact a.selected { background-position: -512px -64px;} #Home_MainNavi_Home2 a { width: 160px; background-position: -768px 0; margin: 0px 0px 0px 128px;} #Home_MainNavi_Home2 a:hover { background-position: -768px -32px; margin: 0px 0px 0px 128px;} #Home_MainNavi_Home2 a.selected { background-position: -768px -64px; margin: 0px 0px 0px 128px;} /*------------------------------------------------- Home_MainNavi -------------------------------------------------*/ #MainNavi_Zone { clear: both; margin: 0px; padding: 0px; width: 928px; height: 32px; background: url(../images/navi_bg.gif) top repeat-x;} #MainNavi { margin: 0px; padding: 0px; width: 928px; height: 32px; position: absolute;} #MainNavi li { margin: 0px; padding: 0px; list-style: none; float: left; } #MainNavi li, #MainNavi a { height: 32px; overflow: hidden; } #MainNavi a { background-image: url(../images/navi.gif); display: block; text-indent: -5000px; text-decoration: none; } #MainNavi_Home a { width: 128px; background-position:0 0;} #MainNavi_Home a:hover { background-position: 0 -32px;} #MainNavi_Home a.selected { background-position: 0 -64px;} #MainNavi_Profile a { width: 128px; background-position: -128px 0;} #MainNavi_Profile a:hover { background-position: -128px -32px ;} #MainNavi_Profile a.selected { background-position: -128px -64px ;} #MainNavi_Service a { width: 128px; background-position: -256px 0;} #MainNavi_Service a:hover { background-position: -256px -32px;} #MainNavi_Service a.selected { background-position: -256px -64px;} #MainNavi_Works a { width: 128px; background-position: -384px 0;} #MainNavi_Works a:hover { background-position: -384px -32px;} #MainNavi_Works a.selected { background-position: -384px -64px;} #MainNavi_Contact a { width: 128px; background-position: -512px 0;} #MainNavi_Contact a:hover { background-position: -512px -32px;} #MainNavi_Contact a.selected { background-position: -512px -64px;} #MainNavi_Home2 a { width: 160px; background-position: -768px 0; margin: 0px 0px 0px 128px;} #MainNavi_Home2 a:hover { background-position: -768px -32px; margin: 0px 0px 0px 128px;} #MainNavi_Home2 a.selected { background-position: -768px -64px; margin: 0px 0px 0px 128px;} /*------------------------------------------------- Home -------------------------------------------------*/ #Home_Main { width: 928px; height: 640px; margin: 0px; padding: 0px; } #Home_For_Works { width: 384px; height: 256px; margin: 256px 0px 32px 544px; padding: 0px; } /*------------------------------------------------- コンテンツ：共通 -------------------------------------------------*/ #Main_Contents { width: 928px; margin: 0px; padding: 0px;} #Pankuzu { clear: both; margin: 16px 0px 32px 0px; padding: 0px; text-align: left;} #Pankuzu ul { margin: 0px; padding: 0px;} #Pankuzu li { display: inline; padding: 0px 1.5em 0px 0px; font-size: 10px; font-weight: bold; color: #777777;} #Main_Contents h1 { margin: 0px; padding: 0px; height: 64px;} #Main_Contents h2 { margin: 0px 0px 16px 0px; font-size: 20px; line-height: 32px; font-weight: normal; color: #555555; } #Main_Contents h3 { margin: 0px 0px 16px 0px; font-size: 16px; color: #2f8b8f; } #Main_Contents p { margin: 0px 0px 32px 0px; padding: 0px; } #Main_Contents ul { padding: 0px; margin: 0px; list-style:none;} #Main_Contents li { padding: 6px 0px 0px 0px; margin: 0px; font-size: 12px; line-height: 20px; color:#555555; border: none; } /*------------------------------------------------- コンテンツ：会社概要 -------------------------------------------------*/ #Profile table { table-layout: fixed; width: 672px; margin: 0px 0px 0px 256px;} #Profile th { padding:8px 0px 0px 12px; vertical-align:top; text-align: left; border-top:1px solid #D0D2D4; width:128px; background: #F1F1F1;} #Profile td { padding:8px 0px 0px 12px; vertical-align:top; text-align: left; border-top:1px solid #D0D2D4; width:512px;} #Profile th.bottom { border-bottom: 1px solid #D0D2D4;} #Profile td.bottom { border-bottom: 1px solid #D0D2D4;} #Profile td h3 { margin: 0px 0px; font-size: 12px; color: #333333; } #Profile td .torihiki { float: left; width:256px;} #Profile td .jisseki { float: right; width:256px;} #Profile td ul { padding: 0px; margin: 0px 0px 12px 12px; list-style:none;} #Profile td li { padding: 4px 0px 0px 0px; margin: 0px; font-size: 12px; line-height: 16px; color:#222222; border: none; } /*------------------------------------------------- コンテンツ：サービス -------------------------------------------------*/ #Service_Main { float: left; width: 592px; margin: 0px 32px 0px 0px; padding: 0px;} #Service_Main p.Copy { padding: 0px 0px 32px 0px; margin: 0px; font-size: 14px; line-height: 26px; color:#2f8b8f; font-weight: bold;} #Service_Main .Img_Right { float: right; margin: 4px 0px 4px 32px;} #Service_Main .Img_Left { float: left; margin: 4px 32px 4px 0px;} #Service_Main .OrderZone { margin: 64px 0px; padding: 16px; background: #f2f9fa;} #Service_Main .OrderZone h2 { margin: 0px; padding: 0px; font-size: 18px; line-height: 22px; font-weight: normal; color: #2f8b8f; border-bottom: 1px solid #b6dcde;} #Service_Main .OrderZone h3 { margin: 16px 0px; padding: 0px; font-size: 12px; line-height: 22px; font-weight: normal; color: #2f8b8f; border:none ;} /* #Service_Main .OrderBox { margin: 32px 0px; padding: 16px; background: #fff;} #Service_Main .OrderBox h4 { margin: 0px; padding: 0px; font-size: 16px; line-height: 26px; font-weight: normal; color: #2f8b8f; border: none} #Service_Main .OrderBox h5 { margin: 16px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 20px; color: #777; border: none} #Service_Main .OrderBox ul { margin: 8px 0px 16px 32px; padding: 0px; list-style: none; } #Service_Main .OrderBox li { padding: 4px 0px 0px 0px; margin: 2px 0px; font-size: 12px; line-height: 16px; color:#555555; } #Service_Main .OrderBox { margin: 0px; padding: 0px; background: #fff; text-align: center;} #Service_Main .OrderBox h4 { background: url(../images/orderbox-h4.gif) top left no-repeat; height: 32px; margin: 0px; padding: 16px 0px 0px 16px; font-size: 16px; line-height: 26px; font-weight: normal; color: #2f8b8f; border: none;} #Service_Main .OrderBox .Box { background: url(../images/orderbox-btm.gif) bottom left no-repeat; padding: 0px 0px 32px 0px; margin: 0px; text-align: left;}} #Service_Main .OrderBox .Cnt { background: url(../images/orderbox.gif) left repeat-y; padding: 8px 0px; margin: 0px; } #Service_Main .OrderBox h5 { background: url(../images/orderbox.gif) left repeat-y; margin: 16px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 20px; color: #777; border: none} #Service_Main .OrderBox ul { background: url(../images/orderbox.gif) left repeat-y;margin: 0px; padding: 8px 0px 16px 32px; list-style: none; } #Service_Main .OrderBox li { padding: 4px 0px 0px 0px; margin: 2px 0px; font-size: 12px; line-height: 16px; color:#555555; } */ #Seminar-Form { width: 275px; padding: 0px; margin: 0px; } #Seminar-Form .box { background: url(../images/seminar-form-btm.gif) bottom left no-repeat; padding: 0px 0px 12px 0px; margin: 0px 0px 12px 0px;} #Seminar-Form .cnt { background: url(../images/seminar-form.gif) left repeat-y ;padding: 8px 0px; margin: 0px; } #Seminar-Form h2 { background: url(../images/seminar-form-h2.gif) top left no-repeat; height: 42px; text-indent:-9999px; padding: 0px; margin: 0px;} #Seminar-Form h3 { padding: 10px 16px 0 16px; margin:0px; font-size: 10px; line-height: 16px; color:#333333;} #Seminar-Form p { padding: 8px 16px 0 16px; margin:0px; font-size: 10px; line-height: 16px; color:#333333;} #Seminar-Form ul { background: url(../images/form.jpg) left repeat-y ;padding: 10px 12px 4px 12px; margin: 0px; list-style:none;} #Seminar-Form li { padding: 12px 0px 16px 0px; margin: 0px; font-size: 10px; line-height: 16px; color:#333333; border-bottom: 1px solid #C5DEC1; } #Service_Main .OrderBox table { margin: 0px; text-align: left; vertical-align: bottom; } #Service_Main .OrderBox th { padding:8px 0px 0px 12px; border-top:1px solid #f1f1f1; font-size: 12px; width:64px; font-weight: normal;} #Service_Main .OrderBox td { padding:8px 0px 0px 12px; border-top:1px solid #f1f1f1; font-size: 16px; width:256px; font-weight: bold;} #Service_Main .OrderBox .bottom { border-bottom:1px solid #f1f1f1;} #Service_BrandList { float: right; width: 288px; margin: 0px; padding: 8px; background: #f3f3f3;} #Service_BrandList h2 { margin: 0px; font-size: 16px; font-weight: normal; color: #444444; } #Service_BrandList h3 { margin: 32px 0px 8px 0px; padding: 0px 0px 2px 0px; font-size: 12px; line-height: 16px; color: #444444; border-bottom: 1px solid #d5d5d5;} #Service_BrandList ul { padding: 0px; margin: 0px; list-style:none;} #Service_BrandList li { padding: 4px 0px 0px 0px; margin: 0px; font-size: 10px; line-height: 16px; color:#555555; border-bottom: 1px solid #ffffff; } /*------------------------------------------------- コンテンツ：導入事例 -------------------------------------------------*/ #Works { margin: 16px 0px; padding: 0px; } #Works h3 { margin: 0px; padding: 32px 0px 0px 0px; font-size: 16px; font-weight: normal; color: #2f8b8f; border-bottom: 1px solid #e1e1e1;} #Works h4 { margin: 0px; padding: 16px 0px 8px 0px; font-size: 12px; font-weight: normal; color: #2f8b8f; } #Works .Works_Box { clear: both; width: 928px; margin: 16px 0px; padding: 0px; } #Works .Works_Box { width: 928px; } #Works .Works_Box ul { margin: 0px 0px; padding: 0px; list-style: none; } #Works .Works_Box li { display: inline; margin: 8px 16px 0px 0px; padding: 0px;} /*BacuUp #Works .Works_Image { float: left; width: 678px; } #Works .Works_Image ul { margin: 0px 0px; padding: 0px; list-style: none; } #Works .Works_Image li { display: inline; margin: 0px 16px 0px 0px; padding: 0px;} #Works .Works_Text { float: right; width: 218px; margin: 0px 0px 0px 16px; padding: 8px; background: #f7f7f7; } #Works .Works_Text ul { margin: 0px; padding: 0px; list-style: none; } #Works .Works_Text li { padding: 6px 0px 0px 0px; margin: 0px; font-size: 10px; line-height: 16px; color:#555555; border-bottom: 1px solid #E7E7E7; } */ /*------------------------------------------------- コンテンツ：導入事例--具体例 -------------------------------------------------*/ #Works_Sample { margin: 0px; padding: 0px; } #Works_Sample_Image { float: left; width: 678px; } #Works_Sample_Image h2 { margin: 16px 0px; padding: 0px; font-size: 24px; line-height: 32px; font-weight: normal; color: #555; border-bottom: 1px solid #e1e1e1;} #Works_Sample_Image h2 .Personal{ color: #663300;} #Works_Sample_Image h2 .Public { color: #006666;} #Works_Sample_Image h2 .Name { font-size: 10px; font-weight: normal; padding: 0px 0px 0px 16px; color: #555;} #Works_Sample_Image h3 { margin: 16px 0px 8px 0px; padding: 0px; font-size: 16px; font-weight: normal; color: #2f8b8f; border-bottom: 1px solid #b6dcde;} #Works_Sample_Image p { margin: 16px 0px 8px 0px; padding: 0px; } #Works_Sample_Image ul { margin: 0px 0px; padding: 0px; list-style: none; } #Works_Sample_Image li { display: inline; margin: 0px 0px 0px 0px; padding: 0px;} #Works_Sample_Image_Main { width: 678px; text-align: center ;} #Works_Sample_Text { float: right; width: 218px; margin: 0px 0px 0px 16px; padding: 8px; background: #f7f7f7; } #Works_Sample_Text h4 { margin: 0px; padding: 0px 0px 8px 0px; font-size: 12px; font-weight: normal; color: #444444; } #Works_Sample_Text ul { margin: 0px; padding: 0px; list-style: none; } #Works_Sample_Text li { padding: 6px 0px 0px 0px; margin: 2px 0px; font-size: 10px; line-height: 16px; color:#555555; border-bottom: 1px solid #E7E7E7; } /*------------------------------------------------- コンテンツ：連絡先 -------------------------------------------------*/ #Contact_Address { float: left; width: 320px; } #Contact_Address table { table-layout: fixed; margin: 0px;} #Contact_Address th { padding:6px 0px 0px 8px; vertical-align:top; text-align: left; border-top:1px solid #D0D2D4; width:64px; background: #F1F1F1;} #Contact_Address td { padding:6px 0px 0px 8px; vertical-align:top; text-align: left; border-top:1px solid #D0D2D4; width:256px} #Contact_Address th.bottom { border-bottom: 1px solid #D0D2D4;} #Contact_Address td.bottom { border-bottom: 1px solid #D0D2D4;} #Contact_Map { float: right; width: 576px; margin: 0px 0px 0px 0px;} /*------------------------------------------------- Footer -------------------------------------------------*/ #Footer { clear: both; width: 928px; margin: 16px 0px; padding: 0px; } #Footer_Navi ul { margin: 6px 0px; padding: 4px 0px 0px 0px; list-style: none; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} #Footer_Navi li { display: inline; padding: 0px 1.5em 0px 0px; font-size: 12px; font-weight: bold;} #Footer_Navi li a:link { color: #0000cc; text-decoration: none; } #Footer_Navi li a:visited { color: #551a8b; text-decoration: none; } #Footer_Navi a:hover, a:visited:hover { color: #0000cc; text-decoration: underline; } #Footer_Address { margin: 16px 0px; padding: 0px; text-align: right;} #Footer p { margin: 0px; padding: 0px; font-size: 12px; line-height: 24px; color: #555555;} .PositionCenter { text-align: center; } /* バナー ---------------------------------------------------- */ img.banner {margin: 0 24px 20px 0; text-align: right;} /* リスト -------------------------------------------------- ul { padding: 8px 0px 8px 32px; list-style-image: url(../images/listmark.gif); outside} ol { padding: 8px 0px 8px 32px; list-style-type: decimal; } li { margin: 0px 0px 12px 0px; font-size: 12px; line-height: 18px; color:#333333; } -- */ /* 右ボタン ---------------------------------------------------- */ .btn-r { font-size:10px; text-align: right;}