*{
margin:0px;
padding:0px;
/*全体でmarginとpaddingを0にする。*/
}
body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
background-color:#ffffff;
color:#3c3c3c;
font-size:100%;
line-height:190%;
text-align:center;
/*↑IE用の設定：子ブロック要素のセンタリング。div id="wrapper"で"text-align:left;"に戻す。*/
}
p{
margin-top:1em;
/*margin-bottom:1em;*/
margin-left:5px;
}
p.outro{
padding-top:2em;
border-top:1px #a9a9a9 dotted;
}
.memo{
font-size:80%;
}
a{
text-decoration:none;
color:#004db5;
border-bottom:1px #004db5 solid;
}
a:visited{
color:#004db5;
border-bottom:1px #004db5 dotted;
}
a:hover{
border-bottom:3px #004db5 solid;
}
a:focus{
background-color:#004db5;
color:#ffffff;
border-top:3px #004db5 solid;
border-bottom:3px #004db5 solid;
}
a:hover img{
border:2px #004db5 solid;
}
a:focus img{
border:2px #004db5 solid;
}
div .asset-meta a{
border-bottom:1px #004db5 solid;
}
div .asset-meta a:hover{
border-bottom:3px #004db5 solid;
}
div .asset-meta a:focus{
border-top:3px #004db5 solid;
border-bottom:3px #004db5 solid;
border-left:3px #004db5 solid;
border-right:3px #004db5 solid;
background:#004db5;
}
div .asset-meta a img{
border:none;
}
em{
/*font-size:105%;*/
font-style:italic;
color:#000000;
}
strong{
font-size:110%;
font-weight:bold;
color:#a12800;
}
body#toppage h1{
position:absolute;
left:-9999em;
}
h1{
font-size:150%;
font-weight:bold;
color:#2b2b2b;
margin-top:1em;
margin-bottom:2em;
/*padding-bottom:0.5em;*/
/*border-bottom:2px #a9a9a9 solid;*/
}
h2{
color:#2b2b2b;
font-size:130%;
font-weight:bold;
margin-top:2em;
margin-bottom:0.5em;
padding-bottom:0.5em;
border-bottom:3px #cccccc solid;
}
h3{
color:#2b2b2b;
font-size:110%;
font-weight:bold;
/*margin-top:3em;*/
/*margin-bottom:0.5em;*/
padding-top:2em;
/*padding-bottom:0.5em;*/
/*border-bottom:1px #cccccc solid;*/
}
h4{
color:#2b2b2b;
font-size:100%;
font-weight:bold;
/*margin-top:3em;*/
padding-top:2em;
margin-bottom:0.5em;
}
ul{
margin-top:1em;
/*margin-bottom:1em;*/
margin-left:10px;
}
ol{
margin-top:1em;
/*margin-bottom:1em;*/
margin-left:10px;
}
li{
margin-left:20px;
/*padding-right:20px;*/
padding-bottom:0.3em;
}
dt{
margin-top:1em;
font-weight:bold;
color:#a12800;
}
img.left{
float:left;
margin-top:1em;
margin-bottom:1em;
margin-right:10px;
padding:2px;
border:2px #cccccc solid;
}
img.right{
float:right;
margin-top:1em;
margin-bottom:1em;
margin-left:10px;
padding:2px;
border:2px #cccccc solid;
}
img.link_arrow{
margin:0px;
padding-right:10px;
border:none;
vertical-align:middle;
}
img.breadcrumb{
/*margin:0px;*/
padding-bottom:3px;
border:none;
vertical-align:middle;
}
object.left{
float:left;
margin-top:1em;
margin-bottom:1em;
margin-right:10px;
}
object.right{
float:right;
margin-top:1em;
margin-bottom:1em;
margin-left:10px;
}
.clear{
clear:both;
}
blockquote{
margin-top:1em;
margin-bottom:1em;
/*padding-top:1em;*/
padding-bottom:1em;
padding-left:10px;
padding-right:10px;
border:2px #a9a9a9 dotted;
background-color:#cfffff;
}
/*
blockquote p{
margin-top:0.5em;
margin-bottom:0.5em;
}
*/
blockquote h2,blockquote h3,blockquote h4{
margin-top:0.5em;
padding-top:0.5em;
padding-bottom:0em;
border-bottom:none;
}
div.box{
margin-top:1em;
margin-bottom:1em;
/*padding-top:1em;*/
padding-bottom:1em;
padding-left:10px;
padding-right:10px;
border:2px #a9a9a9 solid;
background-color:#ffffa9;
}
div.box h2,div.box h3,div.box h4{
margin-top:0.5em;
padding-top:0.5em;
padding-bottom:0em;
border-bottom:none;
}
div.box_dotted{
margin-top:1em;
margin-bottom:1em;
/*padding-top:1em;*/
padding-bottom:1em;
padding-left:10px;
padding-right:10px;
border:2px #a9a9a9 dotted;
background-color:#f7f7f7;
}
div.box_dotted h2,div.box_dotted h3,div.box_dotted h4{
margin-top:0.5em;
padding-top:0.5em;
padding-bottom:0em;
border-bottom:none;
}
span.must_input{
font-weight:bold;
color:#a12800;
}
input{
font-size:100%;/*文字サイズ*/
}
textarea{
width:90%;/*入力欄の幅*/
font-size:100%;/*文字サイズ*/
}
input.submit_button{
padding-left:1em;
padding-right:1em;
}
input:focus{
border:2px #004db5 solid;
}
input[type="checkbox"]:focus{
border:2px #004db5 solid;
}
textarea:focus{
border:2px #004db5 solid;
}
div#wrapper{
margin-left:auto;
margin-right:auto;
/*↑wrapper領域を中央寄せ*/
width:100%;
min-width:775px;
text-align:left;
}
div#upper_header{
margin:0px;
height:200px;
}
body#toppage div#upper_header{
background-image:url(http://website-usability.info/images/titlebanner_top.jpg), url(http://website-usability.info/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(http://website-usability.info/images/titlebanner_top.jpg) no-repeat, left;
/*-pie-background: url(http://website-usability.info/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(/PIE.htc);
}
body#articles div#upper_header{
background-image:url(http://website-usability.info/images/titlebanner_articles.jpg), url(http://website-usability.info/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(http://website-usability.info/images/titlebanner_articles.jpg) no-repeat, left;
/*-pie-background: url(http://website-usability.info/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(/PIE.htc);
}
body#privacy div#upper_header{
background-image:url(http://website-usability.info/images/titlebanner_privacy.jpg), url(http://website-usability.info/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(http://website-usability.info/images/titlebanner_privacy.jpg) no-repeat, left;
/*-pie-background: url(http://website-usability.info/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(/PIE.htc);
}
body#accessibility div#upper_header{
background-image:url(http://website-usability.info/images/titlebanner_accessibility.jpg), url(http://website-usability.info/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(http://website-usability.info/images/titlebanner_accessibility.jpg) no-repeat, left;
/*-pie-background: url(http://website-usability.info/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(/PIE.htc);
}
body#sitemap div#upper_header{
background-image:url(http://website-usability.info/images/titlebanner_sitemap.jpg), url(http://website-usability.info/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(http://website-usability.info/images/titlebanner_sitemap.jpg) no-repeat, left;
/*-pie-background: url(http://website-usability.info/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(/PIE.htc);
}
body#profile div#upper_header{
background-image:url(http://website-usability.info/images/titlebanner_profile.jpg), url(http://website-usability.info/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(http://website-usability.info/images/titlebanner_profile.jpg) no-repeat, left;
/*-pie-background: url(http://website-usability.info/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(/PIE.htc);
}
body#contact div#upper_header{
background-image:url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/images/titlebanner_contact.jpg), url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/images/titlebanner_contact.jpg) no-repeat, left;
/*-pie-background: url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/PIE.htc);
}
body#thankyou div#upper_header{
background-image:url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/images/titlebanner_thankyou.jpg), url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/images/titlebanner_thankyou.jpg) no-repeat, left;
/*-pie-background: url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(https://secure48.chicappa.jp/~chicappa.jp-web-usability/PIE.htc);
}
body#notfound div#upper_header{
background-image:url(http://website-usability.info/images/titlebanner_notfound.jpg), url(http://website-usability.info/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(http://website-usability.info/images/titlebanner_notfound.jpg) no-repeat, left;
/*-pie-background: url(http://website-usability.info/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(/PIE.htc);
}
body#forbidden div#upper_header{
background-image:url(http://website-usability.info/images/titlebanner_forbidden.jpg), url(http://website-usability.info/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(http://website-usability.info/images/titlebanner_forbidden.jpg) no-repeat, left;
/*-pie-background: url(http://website-usability.info/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(/PIE.htc);
}
body#comment div#upper_header{
background-image:url(http://website-usability.info/images/titlebanner_top.jpg), url(http://website-usability.info/images/titlebanner_right.jpg);
background-position:left top, right top;
background-repeat:no-repeat;
-pie-background: url(http://website-usability.info/images/titlebanner_top.jpg) no-repeat, left;
/*-pie-background: url(http://website-usability.info/images/titlebanner_right.jpg) no-repeat, right;*/
behavior: url(/PIE.htc);
}
/*
img.titlebanner_right{
margin:0px;
border:none;
padding:0px;
}
*/
p.skipnavigation{
position: absolute;
left: -9999em;
}
div#lower_header{
background-color:#3c3c3c;
/*color:#ffffff;*/
font-size:80%;
border-bottom:3px #8bbb45 solid;
margin-bottom:0.5em;
padding-top:0.5em;
padding-bottom:0.5em;
}
div#lower_header ul{
margin-top:0em;
margin-bottom:0em;
margin-left:0px;
}
div#lower_header ul li{
list-style:none;
float:left;
padding-bottom:0em;
}
div#lower_header a{
text-decoration:none;
color:#ffffff;
border-bottom:none;
}
div#lower_header a:hover{
border-bottom:3px #ffffff solid;
}
div#lower_header a:visited{
color:#ffffff;
}
div#lower_header a:focus{
background-color:#ffffff;
color:#3c3c3c;
border-top:3px #ffffff solid;
border-bottom:3px #ffffff solid;
}
div#google_custom_search{
display:inline;
float:right;
margin:0em;
padding-right:1em;
}
div#google_custom_search label{
position:absolute;
left:-9999em;
}
div#lower_header hr{
display:none;
}
div#breadcrumb{
margin-top:1em;
margin-bottom:0.5em;
margin-left:15px;
font-size:90%;
}
div#breadcrumb ul{
margin-left:15px;
}
span.breadcrumb_intro{
position:absolute;
left:-9999em;
}
span.breadcrumb_outro{
position:absolute;
right:9999em;
}
div#footer{
clear:both;
background-color:#3c3c3c;
color:#ffffff;
border-top:3px #8bbb45 solid;
font-size:80%;
margin-top:2em;
padding-top:0.5em;
padding-bottom:0.5em;
}
div#footer img{
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding-bottom:0px;
padding-left:3px;
padding-right:3px;
border:none;
}
div#footer ul{
/*text-align:center;*/
/*↑ul要素を真ん中に配置*/
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
/*↑全体設定のulのmargin値をリセット*/
}
div#footer ul li{
display: inline;
list-style:none;
/*padding-right:0.5em;*/
}
div#footer a{
text-decoration:none;
/*background-color:#3c3c3c;*/
color:#ffffff;
border-bottom:none;
}
div#footer a:visited{
/*background-color:#3c3c3c;*/
color:#ffffff;
}
div#footer a:hover{
/*background-color:#3c3c3c;*/
/*color:#ffffff;*/
border-bottom:3px #ffffff solid;
}
div#footer a:focus{
background-color:#ffffff;
color:#3c3c3c;
border-top:3px #ffffff solid;
border-bottom:3px #ffffff solid;
}
div#footer a:focus img{
border:none;
/*background-color:#3c3c3c;*/
}
div#footer p{
/*text-align:center;*/
margin-left:20px;
margin-bottom:0em;
}
div#footer hr{display:none}
div#footer div.noscript{
border-top:1px #ffffff dotted;
padding-top:1em;
}
div#footer span.browsize{
display:none;
}
div#footer_right{
float:right;
}
div#main{
/*margin-left:15px;*/
/*margin-right:300px;*/
padding-left:15px;
padding-right:0px;
width:65%;
float:left;
}
div#side{
/*border:2px #bfbfbf solid;*/
/*background-color:#f7f7f7;*/
/*margin-bottom:1em;*/
/*margin-right:10px;*/
/*padding-top:1em;*/
/*padding-bottom:2em;*/
/*padding-left:10px;*/
/*padding-right:10px;*/
/*width:250px;*/
width:30%;
float:right;
font-size:90%;
line-height:150%;
margin-top:1em;
/*
position:absolute;
right:0px;
top:200px;
*/
}
div#side .side_border{
border:5px #cccccc solid;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:2em;
margin-right:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:1em;
behavior: url(http://website-usability.info/PIE.htc);
}
div#side hr{display:none;}
/*div#side img{border:none}*/
div#side h2{
/*color:#505050;*/
font-size:100%;
margin-top:1em;
margin-bottom:1em;
border-bottom:none;
}
div#side p{
margin-left:30px;
}
div#side li{
padding-bottom:0.5em;
}
div#side #hatenabookmark strong a{
color:#a12800;
border-color:#a12800;
font-size:90%;
margin-left:0.5em;
}
div#side #hatenabookmark strong a:focus{
color:#ffffff;
border-color:#004db5;
}
/*
div#side #hatenabookmark img{
display:none;
}
*/
div.hatena-bookmark-widget-notheme div.hatena-bookmark-widget-title{
display:none;
}
div.hatena-bookmark-widget-notheme div.hatena-bookmark-widget-footer{
display:none;
}
body#toppage h2.toppage{
margin-top:2em;
margin-bottom:0.25em;
/*margin-left:10px;*/
font-size:100%;
border-bottom:none;
}
body#toppage #whatsnew{
border:5px #cccccc solid;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:2em;
/*margin-right:10px;*/
padding-top:1em;
padding-left:10px;
padding-right:10px;
padding-bottom:1em;
behavior: url(/PIE.htc);
}
body#toppage #whatsnew ul{
margin-top:0em;
margin-bottom:0em;
/*margin-left:10px;*/
}
body#toppage #whatsnew ul li{
list-style-type:none;
margin-left:0px;
padding-bottom:0.5em;
}
body#toppage #whatsnew span.date{
font-size:80%;
}
body#toppage #categories{
border:5px #cccccc solid;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:2em;
/*margin-right:10px;*/
padding-top:0em;
padding-left:10px;
padding-right:10px;
padding-bottom:1em;
behavior: url(/PIE.htc);
}
body#toppage #categories h3{
margin-top:1em;
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:10px;
color:#ffffff;
background:#3c3c3c;
font-size:90%;
border:1px #3c3c3c solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
behavior: url(/PIE.htc);
}
div.entry-asset{
margin-top:2em;
margin-bottom:3em;
padding-left:10px;
padding-right:10px;
border-top:5px #cccccc solid;
/*border:1px #3c3c3c dotted;*/
/*background:#f7f7f7;*/
}
h2.asset-name{
font-size:110%;
/*font-weight:bold;*/
/*margin-top:2em;*/
margin-bottom:0.5em;
padding-bottom:0em;
border-bottom:none;
}
/*
div.asset-meta p{
font-size:80%;
}
*/
div.asset-meta{
border-top:1px #a9a9a9 dotted;
margin-top:1em;
padding-top:1em;
font-size:80%;
}
div.asset-meta a{
border:none;
}
div.asset-meta a:hover{
border:none;
}
div.asset-meta a:focus{
background-color:#ffffff;
border:none;
}
div.date{
margin-bottom:0.5em;
/*display:inline;*/
/*float:left;*/
}
div.topsy_widget_data{
display:inline;
float:left;
/*margin-left:10px;*/
}
div.hatenabookmark_widget{
display:inline;
float:left;
margin-left:10px;
}
div.entry-tags h2{
/*border-top:1px #3c3c3c solid;*/
/*border-bottom:1px #3c3c3c solid;*/
color:#ffffff;
background:#3c3c3c;
border:1px #3c3c3c solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-top:2em;
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:10px;
font-size:90%;
font-weight:normal;
behavior: url(/PIE.htc);
}
div.entry-tags ul{
margin-top:0em;
margin-left:0px;
margin-bottom:1em;
}
div.entry-tags ul li{
display:inline;
float:left;
margin-left:0em;
margin-right:2em;
}
div.comments h2{
/*border-top:1px #3c3c3c solid;*/
/*border-bottom:1px #3c3c3c solid;*/
color:#ffffff;
background:#3c3c3c;
border:1px #3c3c3c solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-top:2em;
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:10px;
font-size:90%;
font-weight:normal;
behavior: url(/PIE.htc);
}
div.comments-open h2{
/*border-top:1px #3c3c3c solid;*/
/*border-bottom:1px #3c3c3c solid;*/
color:#ffffff;
background:#3c3c3c;
border:1px #3c3c3c solid;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-top:2em;
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:10px;
font-size:90%;
font-weight:normal;
behavior: url(/PIE.htc);
}
div.comment-footer{
font-size:90%;
}
div.inner{
border:5px #cccccc solid;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
/*margin-bottom:2em;*/
/*margin-right:10px;*/
padding-left:10px;
padding-right:10px;
padding-bottom:1em;
/*border:1px #a9a9a9 dotted;*/
/*padding:10px;*/
margin-top:1em;
behavior: url(/PIE.htc);
}
div#introduce{
border:1px #a9a9a9 solid;
padding:10px;
margin-bottom:3em;
}
body#sitemap h2{
font-size:120%;
margin-top:1em;
/*margin-bottom:0.5em;*/
/*padding-bottom:none;*/
border-bottom:none;
}
body#sitemap h3{
font-size:100%;
padding-top:1em;
margin-left:20px;
}
body#sitemap div#main ul{
margin-left:20px;
}
body#sitemap span.date{
font-size:80%;
}
span.tagcount{
font-size:80%;
}
div#browsizeorg{
position:absolute;
left:-9999em;
}