style.css//背景など(background etc.) |
/* |
Copyright (c) 2010, Yahoo!
Inc. All rights reserved. |
Code licensed under the BSD
License: |
http://developer.yahoo.com/yui/license.html |
version: 2.8.1 |
*/ |
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} |
|
/* |
Copyright (c) 2010, Yahoo!
Inc. All rights reserved. |
Code licensed under the BSD
License: |
http://developer.yahoo.com/yui/license.html |
version: 2.8.1 |
*/ |
body{font:13px/1.231
arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} |
|
|
body { |
background: url(images/bg_main.png) top center repeat-y #eeeeee; |
color: #333; |
} |
|
#wrap { |
width: 802px; |
margin: 0 auto; |
} |
|
#head { |
border-left: 1px solid #d4d4d4; |
border-right: 1px solid #d4d4d4; |
border-bottom: 1px solid #d4d4d4; |
background: url(images/bg_head.png) bottom
left repeat-x #106eb7; |
color: #fff; |
padding: 20px; |
margin-bottom: 20px; |
} |
|
h1 { |
background: url(images/bg_ttl.png) top left no-repeat; |
padding-left: 25px; |
font-size: 197%; |
font-weight: bold; |
} |
|
h2 { |
font-weight: bold; |
margin-bottom: 0.5em; |
} |
|
#content
{ |
padding: 20px; |
background: url(images/bg_content.png) left
bottom no-repeat #ecf7fc; |
width: 720px; |
min-height: 490px; |
margin: 0 auto; |
margin-bottom: 10px; |
font-size: 153.9%; |
} |
|
* html #content { |
height: 490px; |
} |
|
p { |
line-height: 1.2em; |
margin-bottom: 0.5em; |
} |
|
dl { |
margin-bottom: 10px; |
} |
dt { |
border-left: 5px solid #106eb7; |
padding-left: 5px; |
margin-bottom: 5px; |
} |
dd { |
margin-bottom: 0.5em; |
} |
|
.required
{ |
background-color: #BB1850; |
color: #fff; |
font-size: 90%; |
padding: 2px; |
margin-left: 10px; |
} |
|
#foot { |
width: 780px; |
text-align: right; |
} |
|
th, td { |
border: 1px solid
#999; |
padding: 3px; |
} |
|
th { |
background-color: #106eb7; |
color: #fff; |
font-weight: bold; |
} |
|
li { |
list-style: circle; |
margin-left: 20px; |
margin-bottom: 0.5em; |
} |
|
.paging
{ |
margin-top: 10px; |
text-align: center; |
} |
.paging li { |
display: inline; |
list-style: none; |
} |
|
.error { |
font-size: 90%; |
color: #BB1850; |
} |
|
#lead { |
margin-bottom: 1em; |
} |
|
.msg { |
clear: both; |
border-top: 1px solid #ccc; |
padding: 10px 0; |
} |
.msg img { |
float: left; |
margin-right: 5px; |
} |
.msg p { |
margin: 0; |
} |
.msg .day, |
.msg .day a { |
font-size: 80%; |
color: #999; |
} |
|