@charset "UTF-8";

body { margin: 0; padding: 0; background-color: #333; color: #333; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',sans-serif; font-size: 80%; line-height: 1.5; }
img { border: 0; -ms-interpolation-mode: bicubic; }
form { margin: 0; padding: 0; }
a { outline: none; }
a:link { color: #00f; text-decoration: none; }
a:visited { color: #00f; text-decoration: none; }
a:hover { color: #f03; text-decoration: none; }
.clear { /zoom: 1; }
.clear:after { content: ''; display: block; clear: both; height: 0; }
.centre { text-align: center; }



div#loginWindow { margin: 0 auto; width: 980px; }
div#loginWindow div.inner { margin: 100px auto 0 auto; padding: 20px; width: 400px; border-radius: 10px; background: #fff; }
div#loginWindow div.inner h1 { margin: 0 0 15px 0; padding: 0; font-size: 140%; }
div#loginWindow div.inner dl { margin: 0 auto; padding: 0; width: 300px; }
div#loginWindow div.inner dl dt { margin: 0; padding: 5px 0; width: 100px; text-align: right; float: left; }
div#loginWindow div.inner dl dd { margin: 0; padding: 5px 0; width: 200px; float: left; }
div#loginWindow div.inner dl dd input { margin: 0; width: 95%; font-size: 100%; }
div#loginWindow div.inner dl dd label.error { margin: 5px 0 0 0; padding: 5px 10px; background: #f00; color: #fff; display: block; }
div#loginWindow div.inner label.error { margin: 5px 0 0 0; padding: 5px 10px; background: #f00; color: #fff; display: block; }
div#loginWindow div.inner div#formButton { margin: 15px 0 0 0; text-align: center; }

div#clientWindow { margin: 0 auto; width: 980px; }
div#clientWindow div.inner { margin: 100px auto 0 auto; padding: 20px; width: 400px; border-radius: 10px; background: #fff; }
div#clientWindow div.inner h1 { margin: 0; padding: 0 0 15px 0; border-bottom: solid 1px #ccc; font-size: 140%; }
div#clientWindow div.inner div#clientList { height: 300px; overflow: auto; }
div#clientWindow div.inner div#clientList ul { margin: 0 0 15px 0; padding: 0; list-style: none; }
div#clientWindow div.inner div#clientList ul li { padding: 10px; border-bottom: dotted 1px #eee; }
div#clientWindow div.inner div#clientList ul li input { margin: 0 0.3em 0 0; }
div#clientWindow div.inner label.error { padding: 5px 10px; background: #f00; color: #fff; display: block; }
div#clientWindow div.inner div#formButton { margin: 15px 0 0 0; text-align: center; }

div#projectWindow { margin: 0 auto; width: 980px; }
div#projectWindow div.inner { margin: 100px auto 0 auto; padding: 20px; width: 400px; border-radius: 10px; background: #fff; }
div#projectWindow div.inner h1 { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px #ccc; font-size: 140%; }
div#projectWindow div.inner h2 { margin: 0 0 20px 0; padding: 3px 0 3px 10px; border-left: solid 5px #333; font-size: 120%; }
div#projectWindow div.inner div#projectList { height: 300px; overflow: auto; }
div#projectWindow div.inner div#projectList ul { margin: 0 0 15px 0; padding: 0; list-style: none; }
div#projectWindow div.inner div#projectList ul li { padding: 10px; border-bottom: dotted 1px #eee; }
div#projectWindow div.inner div#projectList ul li input { margin: 0 0.3em 0 0; }
div#projectWindow div.inner label.error { padding: 5px 10px; background: #f00; color: #fff; display: block; }
div#projectWindow div.inner div#formButton { margin: 15px 0 0 0; text-align: center; }




div#content { padding: 20px 0 40px 0; background: #fff; }
div#content div.inner { margin: 0 auto; width: 980px; }
div#content div.inner div#path { margin: 0 0 20px 0; font-size: 90%; }
div#content div.inner h1 { margin: 0 0 20px 0; padding: 3px 0 3px 10px; border-left: solid 5px #333; font-size: 120%; }



div#search table { border-collapse: collapse; }
div#search table th { padding: 10px 40px; border: solid 1px #ccc; background: #eee; white-space: nowrap; }
div#search table td { padding: 10px 20px; width: 100%; border: solid 1px #ccc; }
div#search table td div.searchTarget { margin: 0 0 10px 0; }
div#search table td div.searchTarget label { padding: 0 10px 10px 0; }
div#search table td div.searchTarget label input { margin: 0 0.3em 0 0; }
div#search table td input#searchKeyword, input#searchDateFrom, input#searchDateTo, input#searchCode { width: 30%; font-size: 100%; }

div#result table { width: 100%; border-collapse: collapse; }
div#result table th { padding: 10px; border: solid 1px #ccc; background: #eee; white-space: nowrap; }
div#result table td { padding: 10px; border: solid 1px #ccc; }
div#result div#formButton { margin: 15px 0 0 0; text-align: center; }

/* 新規登録 */
div#regist table { border-collapse: collapse; }
div#regist table th { padding: 10px 40px; border: solid 1px #ccc; background: #eee; white-space: nowrap; }
div#regist table td { padding: 10px 20px; width: 100%; border: solid 1px #ccc; }
div#regist table td input#itemJan { width: 40%; font-size: 100%; }
div#regist table td input#itemMaker { width: 40%; font-size: 100%; }
div#regist table td input#itemName { width: 40%; font-size: 100%; }
div#regist table td input#itemStandard { width: 40%; font-size: 100%; }
div#regist table td textarea#itemComment { width: 40%; height: 10em; font-size: 100%; }
div#regist table td textarea#itemComment02 { width: 40%; height: 10em; font-size: 100%; }
div#regist table td textarea#itemEtc01 { width: 40%; height: 10em; font-size: 100%; }
div#regist table td textarea#itemEtc02 { width: 40%; height: 10em; font-size: 100%; }
div#regist div#formButton { margin: 15px 0 0 0; text-align: center; }

div#regist table.list { width: 100%; }
div#regist table.list td { width: auto !important; }

/* 商品一覧、詳細 */
div#item table { width: 100%; border-collapse: collapse; }
div#item table th { padding: 10px; border: solid 1px #ccc; background: #eee; white-space: nowrap; }
div#item table td { padding: 10px; border: solid 1px #ccc; }
div#item div#formButton { margin: 15px 0 20px 0; text-align: center; }
div#detail table { border-collapse: collapse; }
div#detail table th { padding: 10px 40px; border: solid 1px #ccc; background: #eee; white-space: nowrap; }
div#detail table td { padding: 10px 20px; width: 100%; border: solid 1px #ccc; }
div#detail table td ul { margin: 0; padding: 0; list-style: none; }
div#detail table td ul li { padding: 10px; height: 100px; border-bottom: dotted 1px #ccc; line-height: 100px; }
div#detail table td ul li:last-child { border-bottom: none; }
div#detail table td ul li img { vertical-align: bottom; }
div#detail div#formButton { margin: 15px 0 0 0; text-align: center; }

/* 出稿フラグ */
div#flag table { width: 100%; border-collapse: collapse; }
div#flag table th { padding: 10px; border: solid 1px #ccc; background: #eee; white-space: nowrap; }
div#flag table td { padding: 10px; border: solid 1px #ccc; }
div#flag div#formButton { margin: 15px 0 0 0; text-align: center; }

div#target { background: #666; }
div#target p { margin: 0 auto; padding: 10px; width: 960px; color: #fff; }

div#globalHeader { margin: 5px 0 0 0; background: #fff; }
div#globalHeader div.inner { margin: 0 auto; width: 980px; height: 80px; position: relative; }
div#globalHeader div.inner strong { font-size: 140%; position: absolute; top: 30px; left: 20px; }
div#globalHeader div.inner p { position: absolute; top: 30px; right: 20px; }
div#globalNavigation {}
div#globalNavigation div.inner { margin: 0 auto; width: 980px; }
div#globalNavigation div.inner ul { margin: 0; padding: 0; list-style: none; }
div#globalNavigation div.inner ul li { float: left; }
div#globalNavigation div.inner ul li a { padding: 10px; color: #fff; display: block; }
div#globalFooter { padding: 20px 0 50px 0; }
div#globalFooter div.inner { margin: 0 auto; width: 980px; color: #fff; font-size: 90%; text-align: center; }