/* http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html */
body,input,textarea{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
body{font-size:12px;text-align:left;} /* override for YUI reset font */
div#doc3{font-size:14px;} /* override for YUI reset font */
 
div#header .cmd{width:100%;height:1.625em;line-height:1.625em;font-size:1em;background-color:#e2e2e2;border-bottom:3px solid #c7c7c7;}
div#header .cmd ul{display:inline;margin:0;padding:0;}
div#header .cmd .left{float:left;margin-left:1em;}
div#header .cmd .right{float:right;margin-right:1em;}
div#header .cmd li{display:inline;color:#333;list-style-type:none;}
div#header .cmd a{font-weight:bold;}
div#header .cmd .login{margin-left:0.3em;}
div#header .info{clear:both;margin:0.725em 0;width:100%;height:45px;}
div#header .info .left{float:left;margin-left: 1.154em;margin-right: 1.154em;}
div#header .info h1#logo{position:relative;width:197px;height:45px;margin:0;font-size:10px;}
div#header .info h1#logo img{position:absolute;left:0;border:0;}
div#header .info ul{margin:0;}
div#header .info .middle{color:#999;float:right;text-align:right;margin-right:1em;}
div#header .info .middle span{color:#444;font-weight:bold;font-size:1.2em;text-decoration:underline;}
div#header .info .right{float:right;margin-right:1.154em;}

/* 2col(right=fixed) layout */
#ftr{position:relative;clear:both;float:left;width:100%;overflow:hidden;}
#ftr .colleft{float:left;width:200%;margin-left:-260px;position:relative;right:100%;}
#ftr .col1wrap{float:left;width:50%;position:relative;left:50%;}
#ftr .col1{margin:0 0 0 260px;overflow:hidden;}
#ftr .col2{float:right;width:260px;position:relative;left:260px;}
/* /2col(right=fixed) layout */
#ftr{background:url('data:image/gif;base64,R0lGODlhAQAkAMQAAPf39/Pz8+3t7fn5+fb29vHx8fv7+/j4+PLy8u/v7/z8/P7+/vX19fDw8P39/fT09O7u7uzs7Pr6+uvr6////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABACQAAAUcICU90GROUSpAUNI0BRI8DEMAxyBJhuI4iwUlBAA7') repeat-x;}
#ftr .colleft{margin-top:24px;}
#ftr h4{font-size:1.3em;}
#ftr .col1 .box{margin:0 0 24px 24px;line-height:2.25em;}
#ftr .col1 .box ul li{display:inline;font-size:1.3em;margin-right:1em;white-space:nowrap;}
#ftr .col1 .box ul li{/zoom:1;} /* for IE6,IE7 */
#ftr .col1 .box ul li a{display:inline-block;}
#footer2{text-align:center;}

div#bd{margin:0 40px;}
div#bd div.console{margin:1em 10em;}
div#bd div.console div.error{border:1px solid #d00;background:#ffe4e1 url('/common/images/icons/messagebox_critical-32.png') no-repeat 15px center;padding:1em 0 1em 55px;}
div#bd div.console div.error p{line-height:1.525em;color:#333;font-size:1.125em;}
div#bd div.console div.notice{border:1px solid #080;background:#aaffaa url('/common/images/icons/apply-32.png') no-repeat 15px center;padding:1em 0 1em 55px;}
div#bd div.console div.notice p{line-height:1.525em;color:#333;font-size:1.125em;}
div#hd h1{font-size:1.5em;padding-left:40px;}
div#hd ul.back-menu{font-size:1.125em;margin:0.5em auto auto 40px;}
div#hd ul.back-menu li{display:inline;margin-right:0.5em;}
div#bd h2{font-size:1.5em;}
div#bd div.box{margin:1em 2em 2em 2em;}
div#bd div.box div.sec-bd{margin:1em 0 1em 15px;}
/* http://www.iconspedia.com/icon/info-4103.html */
div#bd div.info{border:1px solid #4169e1;background:#e6e6fa url('/common/images/icons/info-32.png') no-repeat 20px center;padding-left:50px;font-size:0.85em;color:#333;}
div#bd div.info p{line-height:1.525em;color:#333;font-size:1.125em;}
div#bd span.disabled{text-decoration:underline;color:#aaa;}
div#bd em.disabled{display:block;font-size:0.9em;color:#d22;}
div#doc3 h3.green, div#doc3 h1.green{border-left:15px solid #080;padding-left:8px;background:#c0faca;}
div#doc3 h3.red, div#doc3 h1.red, div#doc3 h4.red{border-left:15px solid #dc143c;padding-left:8px;background:#ffd0d0;}
div#doc3 h3.blue, div#doc3 h1.blue{border-left:15px solid #4169e1;padding-left:8px;background:#e6e6fa;}
div#doc3 h3.orange, div#doc3 h1.orange{border-left:15px solid #ffa500;padding-left:8px;background:#ffdab9;}
div#doc3 h3.black,  div#doc3 h1.black{border-left:15px solid #000;padding-left:8px;background:#ccc;}

/*
このform用CSSの使い方は、signup/newが参考になります。
*/
form div{clear:both;margin-bottom:0.5em;}
form label, form div.label{float:left;text-align:right;width:12em;margin-top:5px;}
form div span{padding:3px;vertical-align:middle;margin-left:0.5em;}
form em{font-weight:bold;color:#d00;font-size:1.25em;}
form input{padding:3px;vertical-align:middle;border:1px solid #777;margin-left:0.5em;}
form input.submit{background:#d9d9d9;border:2px solid #999;border-top:2px solid #ccc;border-left:2px solid #ccc;font-size:1.25em;margin-left:0.75em;}
form input.checkbox, form label.checkbox{border:none;float:none;text-align:left;}
form input.radio, form label.radio{border:none;float:none;text-align:left;}
label.radio{margin-left:1em;}
form select{padding:3px;vertical-align:middle;border:1px solid #777;margin-left:0.5em;}
form div.form-error-box{width:80%;margin:0 auto;border:1px solid #d00;color:#333;background:#ffe4e1;margin-bottom:0.5em;padding:0.5em 0.5em;}
/* http://www.iconspedia.com/icon/messagebox-critical-4131.html */
form div.errorExplanation h2{background:url('/common/images/icons/messagebox_critical-32.png') no-repeat;padding-left:40px;line-height:35px;}
form div.errorExplanation ul{margin-top:0.5em;}
form div.errorExplanation li{list-style:disc outside;margin-left:2em;}
form div.fieldWithErrors{float:left;clear:none;margin:0;}
form div.fieldWithErrors input{border:2px solid #d00;}
form div.fieldWithErrors label{color:#d00;}
div#bd div.errorExplanation h2{font-size:1.125em;} /* override用 */

/*
このtable用CSSの使い方は、quote/list,showが参考になります。
*/
table th{white-space:nowrap;font-weight:bold;color:#333;border-bottom:1px solid #fd3;border-top:1px solid #fd3;padding:0.25em;background:#fff0a9;vertical-align:middle;}
table td{color:#333;border-bottom:1px solid #fc3;border-top:1px solid #fc3;padding:0.25em;vertical-align:middle;}
table th span{font-weight:normal;font-size:0.85em;}
table .nowrap{white-space:nowrap;}
table .num{text-align:right;}
table.list tr{background:#fff;color:#000;}
table.list tr.even{background:#f5fafa;color:#000;}
table.list th{font-weight:bold;color:#fff;border-right:1px solid #c1dad7;border-bottom:1px solid #c1dad7;border-top:1px solid #c1dad7;padding:0.25em;text-align:center;background:#0056b4 url('/common/images/table-list-th-bg.png') repeat-x left center scroll;vertical-align:middle;}
table.list .first{border-left:1px solid #c1dad7;}
table.list td{border-right:1px solid #c1dad7;border-bottom:1px solid #c1dad7;border-top:1px solid #c1dad7;padding:6px 6px 6px 12px;}

/*
ここはquote/show order/showのグリッドを整形するためのCSS
個別のviewに書こうと思ったが、複数で共有になってしまうためapplicationに書いた。最終的にはparticalでしょう
*/
/* id指定は、CSS適用順位を上げるため */
div#head{width:74.2%;} /* override for YUI CSS grid */
div#menu{width:24%;} /* override for YUI CSS grid */
div.menu div{margin:1em 1em 0 1em;border:1px solid #aaa;}
div.menu h3{padding-left:5px;border-left:5px solid #55f;margin:0.5em 0.25em;}
span.tax-in{font-size:1.75em;}
 
ul#todo{border:1px solid #fc3;background:#ff9;}
ul#todo li.fin{color:#999;text-decoration:line-through;}
div.min{font-size:0.9em;color:#999;}