@charset "utf-8"; /* ------------------------------------------ Style Name: style.css Since: 2007-09-01 Modified: 2008-01-23 Version: 1.0 Auther: Akiko Kurono(crema) ------------------------------------------*/ /* ------------------------------------------ browser style clear ------------------------------------------*/ * { margin: 0; padding: 0; background: transparent; } html { height: 100%; overflow-y: scroll; } ul,li,dl,dt,dd{ list-style:none; } img{ vertical-align: top; } a img{ border: none; } a{ text-decoration: underline; } a:link{ color: #01349d; } a:visited{ color: #01349d; } a:hover{ color: #01349d; text-decoration: none; } a:active{ color: #01349d; } /* a.menu{ color: orange; text-decoration: none; font-size: medium; } a.menu:link{ color: orange; } a.nemu:visited{ color: orange; } a.menu:hover{ color: orange; text-decoration: none; } a.menu:active{ color: orange; } */ body { background-color: #ffffff; text-align: center; font-family: Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"MS Pゴシック",sans-serif; color: #000000; font-size: 13px; *font-size: small; *font: x-small; font-style: normal; font-weight: normal; line-height: 1.5; height: 100%; } h1,h2,h3,h4,h5,h6 { font-size: 100%; } p { margin: 0 0 1em 0; } select option { padding: 0 5px; } /* ------------------------------------------ wireframe ------------------------------------------*/ div#header { margin: 0 auto; width: 900px; } div#wrapper { margin: 20px auto 0 auto; width: 900px; text-align: left; } div#mainContent { float: left; width: 580px; } div#secondly { float: right; width: 300px; } /* ------------------------------------------ common header and nav ------------------------------------------*/ div#accNav, h2#bannar { position: absolute; left: -9999px; } div#header div#searchBox p { margin: 20px 0; } div#header div#searchBox { width: 600px; float: right; text-align: right; } div#header div#searchBox input#search { width: 227px; height: 22px !important; height: 24px; border: 1px solid #e5e5e5; vertical-align: top; } div#nav { width: 100%; background: #FFFFFF url() repeat-x; } div#nav ul { margin: 0 auto; width: 900px; } div#nav ul li { float: left; height: 60px; } div#nav ul li a { display: block; height: 60px; text-indent: -9999px; } li#nav_001, li#nav_001 a { width: 299px; } li#nav_001 a { background: url(img/nav_001.gif) no-repeat left top; } li#nav_002, li#nav_002 a { width: 68px; } li#nav_002 a { background: url(img/nav_002.gif) no-repeat left top; } li#nav_002 a:hover { background: url(img/nav_002.gif) no-repeat left -60px; } li#nav_003, li#nav_003 a { width: 78px; } li#nav_003 a { background: url(img/nav_003.gif) no-repeat left top; } li#nav_003 a:hover { background: url(img/nav_003.gif) no-repeat left -60px; } li#nav_004, li#nav_004 a { width: 78px; } li#nav_004 a { background: url(img/nav_004.gif) no-repeat left top; } li#nav_004 a:hover { background: url(img/nav_004.gif) no-repeat left -60px; } li#nav_005, li#nav_005 a { width: 88px; } li#nav_005 a { background: url(img/nav_005.gif) no-repeat left top; } li#nav_005 a:hover { background: url(img/nav_005.gif) no-repeat left -60px; } li#nav_006, li#nav_006 a { width: 88px; } li#nav_006 a { background: url(img/nav_006.gif) no-repeat left top; } li#nav_006 a:hover { background: url(img/nav_006.gif) no-repeat left -60px; } li#nav_007, li#nav_007 a { width: 200px; } li#nav_007 a { background: url(img/nav_007.gif) no-repeat left top; } /* ------------------------------------------ common secondly ------------------------------------------*/ div#secondly div.clientsDetail { border: 1px solid #f9f9f9; margin: 0 0 5px 0; padding: 5px; } div#secondly div.clientsDetail div.clientsDetailText { float: right; width: 178px; } /* ------------------------------------------ common footer ------------------------------------------*/ div#footer { clear: both; width: 100%; background-color: #ffffff; text-align: center; } div#footerInner { margin: 0 auto; padding: 10px 0 50px 0; width: 900px; text-align: right; } div#footer p, div#footer ul li { margin: 0; font-size: 10px; *font-size: x-small; *font: xx-small; text-align: right; } div#footer ul { margin: 0 0 1em 0; } div#footer ul li { display: inline; margin: 0 0 0 2em; } div#footer p, div#footer p a, div#footer ul li, div#footer ul a { color: #999999; } /* ------------------------------------------ main page ------------------------------------------*/ body.mainPage div#header h1 { width: 183px; float: left; margin: 20px 0; } body.mainPage div#wrapper div#mainContent h2, body.mainPage div#wrapper div#secondly h2 { margin: 0 0 5px 0; } body.mainPage div#wrapper div#mainContent dl dt { background: #FFFFFF url(img/list_mark.gif) no-repeat left 9px; color: #999999; padding: 0 0 0 10px; } body.mainPage div#wrapper div#mainContent dl dd { border-bottom: 1px dashed #E5E5E5; padding: 0 0 0.5em 10px; margin: 0 0 0.5em 0; } body.mainPage div#wrapper div#mainContent dl dd a { background: #FFFFFF url(img/arrow_page.gif) no-repeat right center; padding: 1px 18px 3px 0; } body.mainPage div#wrapper div#mainContent div#imagetext { float: right; color: #888888; font-size: 10px; } /* ------------------------------------------ main page 応用編追加分 ------------------------------------------*/ /* ------------------------------------------ independent pages, search page and entry list page ------------------------------------------*/ body.independentPage div#header p.logo, body.listPage div#header p.logo { width: 183px; float: left; margin: 20px 0; } body.independentPage div#wrapper div#mainContent, body.listPage div#wrapper div#mainContent, body.searchPage div#wrapper div#mainContent { margin: 0 0 20px 0; } body.independentPage div#wrapper div#mainContent h1, body.listPage div#wrapper div#mainContent h1 { background: #ffffff url(img/bg_h1.jpg) no-repeat left center; padding: 15px; margin: 0 0 1em 0; color: #666666; font-size: 16px; *font-size: medium; *font: small; font-weight: normal; } body.independentPage div#wrapper div#mainContent h2, body.listPage div#wrapper div#mainContent h2 { background: #ffffff url(img/ttl_bg.jpg) no-repeat left top; padding: 15px; margin: 0 0 0 0; color: #B2B2B2; font-size: 11px; *font-size: small; *font: x-small; font-weight: normal; } body.independentPage div#wrapper div#mainContent ul, body.listPage div#wrapper div#mainContent ul { margin: 0 0 1em 0; } body.independentPage div#wrapper div#mainContent ul li, body.listPage div#wrapper div#mainContent ul li { background: #ffffff url(img/arrow_page.gif) no-repeat 0 14px; padding: 10px 0 10px 20px; border-bottom: 1px dashed #cccccc; } body.archivePage div#wrapper div#mainContent ul li.page { background: #ffffff url(img/arrow_page.gif) no-repeat 0 4px; padding: 0 0 3px 20px; margin: 10px 1.5em 0 0; border-bottom: none; display: inline; } body.archivePage div#wrapper div#mainContent ul li { background: #ffffff url(img/arrow_bg_white.gif) no-repeat 0 14px; padding: 10px 0 3px 20px; border-bottom: none; } body.independentPage div#topicPath p, body.independentPage div#topicPath p a, body.listPage div#topicPath p, body.listPage div#topicPath p a { font-size: 10px; *font-size: x-small; *font: xx-small; } body.independentPage p.toTop, body.listPage p.toTop { text-align: right; } body.independentPage p.toTop a, body.listPage p.toTop a { font-size: 10px; *font-size: x-small; *font: xx-small; background: #FFFFFF url(img/arrow_to_top.gif) no-repeat left center; padding: 5px 0 5px 20px; } body.independentPage div#secondly ul li, body.listPage div#secondly ul li { background: #fcfcfc ; padding: 10px 0 10px 30px; border-bottom: 1px dashed #ffffff; } body.independentPage div#secondly ul li ul li, body.listPage div#secondly ul li ul li { background: #fcfcfc ; padding: 5px 0 5px 17px; border-bottom: none; } body.independentPage div#secondly ul li ul li.page, body.listPage div#secondly ul li ul li.page, body.independentPage div#secondly ul li ul li ul li.page, body.listPage div#secondly ul li ul li ul li.page { background: #fcfcfc ; padding: 5px 0 5px 17px; border-bottom: none; } body.independentPage div#secondly ul, body.listPage div#secondly ul { margin: 0 0 20px 0; } body.independentPage div#secondly ul li ul, body.listPage div#secondly ul li ul { margin: 0; } body.searchPage div#wrapper div#secondly form dl#parameter dt { float:left; font-weight: bold; margin: 0 1em 0.5em 0; } body.searchPage div#wrapper dl dd { margin: 0 0 2em 0; } body.searchPage div#wrapper div#secondly form dl#parameter dd { margin: 0 0 0.5em 0; } body.searchPage div#wrapper div#secondly form dl#parameter dd input, body.searchPage div#wrapper div#secondly form dl#parameter dd select { border: 1px solid #cccccc; vertical-align: center; background-color: #ffffff; } body.searchPage div#wrapper div#secondly form p#btnSubmit { text-align: right; } body.searchPage div#wrapper div#secondly { padding: 5px; margin: 0 0 20px 0; border: 1px solid #cccccc; } body.searchPage div#wrapper div#secondly p { margin: 0; vertical-align: bottom; } /* ------------------------------------------ common ------------------------------------------*/ p.more, p.viewList { text-align: right; } p.more { font-size: 10px; *font-size: x-small; *font: xx-small; margin: 0; padding: 0; }