@charset "UTF-8";
@import "/crossbrowser.php";
/* @author Ryo Ueda */
@media screen,tv,projection,print {
html{
margin:0;
padding:0;
background:#fff;
}
body{
color:#333;
font-size:100%;
margin:0;
padding:0;
background:url(/img/repeat-x.gif) repeat-x 0 0;
position:relative;
line-height:normal;
}
a:link,
a:visited,
a:hover,
a:active{
text-decoration:underline;
}
a:link{
color:#0f527d;
background-color:inherit;
}
a:visited{
color:#777;
background-color:inherit;
}
a:hover,
a:active{
color:#d00;
background-color:#ffc;
}
a img {
color: #f5f5f5;
background-color:inherit;
}
a:link img,
a:visited img {
border-style: none
}
a img {
color: inherit;
background-color:inherit;
}
/*html5 new elements*/
section,article,aside,hgroup,header,footer,nav,figure,figcaption,summary{
display:block;
}
/*h1*/
h1{
font-style:italic;
margin:0;
padding:14px 0 0 0;
position:absolute;
width:100%;
height:66px;
top:51px;
left:0;
text-align:center;
font-size:250%;
font-weight:100;
color:#fff;
float:none;
background:#115782 url(/img/hover_bg.gif) repeat-x top left;
z-index:101;
letter-spacing:0.05em;
}
h1 a{
display:inline;
outline:0 none;
font-weight:100;
}
h1 a:link,
h1 a:visited{
background:transparent;
text-decoration:none;
color:#fff;
text-shadow:0 1px 1px #eee;
}
h1 a:hover,
h1 a:active{
background:transparent;
text-decoration:none;
color:#f0f0f0;
text-shadow:0 1px 1px #6cf;
}
/*nav*/
nav{
position:relative;
top:0;
left:0;
width:100%;
height:250px;
display:block;
margin:0;
padding:0;
background:transparent url(/img/left.gif) no-repeat 0 0;
letter-spacing:0.05em;
}
nav ul{
background:transparent url(/img/right.gif) no-repeat 100% 0;
margin:0;
padding:0;
width:100%;
height:250px;
display:block;
text-align:center;
list-style:none;
}
nav ul li{
display:inline;
margin:0;
padding:0;
background:url(/img/border.gif) no-repeat 100% 1px;
}
html:lang(ja) nav ul li{
display:inline-block;
}
nav ul li.first a{
background: url(/img/border.gif) no-repeat 0 1px;
}
nav ul li:first-child a{
background: url(/img/border.gif) no-repeat 0 1px;
}
nav ul li a,
nav ul li a:link,
nav ul li a:visited{
margin:0;
padding:15px 1.25em 25px 1.25em;
display:inline-block;
text-shadow:1px 1px 1px #bbb;
font-weight:bold;
text-decoration:none;
color:#115782;
outline:0 none;
}
nav ul li.current a,
nav ul li a:hover,
nav ul li a:active{
background:#115782;
color:#fff;
text-shadow:1px 1px 1px #eee;
text-decoration:none;
}
nav ul li ul{
position:absolute;
top:51px;
left:0;
height:70px;
width:100%;
margin:0;
padding:15px 0 0 0;
display:inline-block;
background:url(/img/hover_bg.gif) repeat-x top left;
text-align:center;
}
nav ul li ul li{
display:inline;
border:0 none;
background:transparent;
margin:0;
padding:0;
position:relative;
z-index:100;
}
nav ul li ul li a{
margin:0;
padding:10px;
display:inline-block;
font-size:120%;
outline:0 none;
}
nav ul li ul li a:link,
nav ul li ul li a:visited{
padding:10px;
background:transparent;
color:#fff;
text-shadow:0 1px 1px #eee;
letter-spacing:0;
}
nav ul li ul li a:hover,
nav ul li ul li a:active{
padding:10px;
background:transparent;
color:#f9f9f9;
text-shadow:0 1px 1px #b2b2b2;
}
nav ul li .ahover {
position: absolute;
z-index: 99;
background:#333390;
padding:0;
border-top:1px solid #fff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #fff;
}
nav > ul > li:hover ul{
z-index:102;
}
nav > ul > li:hover ul li{
z-index:104;
}
nav > ul > li:hover .ahover {
z-index:103;
}
/*article*/
h2,h3,h4{
text-shadow:0 1px 1px #d0d0d0;
font-weight:100;
}
h2 code,h3 code,h4 code{
background:none;
text-shadow:1px 1px 1px #bbb;
}
/*ie6*/
section.level2,
article{
margin:0;
padding:0 30px 0 290px;
position:absolute;
top:165px;
left:0;
line-height:normal;
display:block;
z-index:1;
}
body > section{
margin:0;
padding:0 30px 0 290px;
position:absolute;
top:165px;
left:0;
line-height:normal;
display:block;
z-index:1;
}
/*ie6*/
section.level2 header,
article header{
margin:0;
padding:0;
background:none;
height:auto;
width:auto;
background:transparent url(/img/h1right.gif) no-repeat 100% 12px;
}
body > section > header{
margin:0;
padding:0;
background:none;
height:auto;
width:auto;
background:transparent url(/img/h1right.gif) no-repeat 100% 12px;
}
/*ie6*/
section.level2 h2,
article h2{
background:transparent url(/img/h1left.gif) no-repeat 0 12px;
margin:0;
padding:0 15px 5px 15px;
font-size:1.85em;
height:50px;
color:#0f527d;
font-weight:100;
line-height:normal;
letter-spacing:0.02em;
}
body > section h2{
background:transparent url(/img/h1left.gif) no-repeat 0 12px;
margin:0;
padding:0 15px 5px 15px;
font-size:1.85em;
height:50px;
color:#0f527d;
font-weight:100;
line-height:normal;
letter-spacing:0.02em;
}
/*ie6*/
section.level2 hgroup h3,
article hgroup h3{
margin:5px 0 1em 10px;
padding:0;
font-size:100%;
color:#0f527d;
font-weight:100;
line-height:1.65;
letter-spacing:0.02em;
}
body > section hgroup h3{
margin:5px 0 1em 10px;
padding:0;
font-size:100%;
color:#0f527d;
font-weight:100;
line-height:1.65;
letter-spacing:0.02em;
}
/*ie6*/
section.level2 header p,
article header p{
margin:0 0 1em 10px;
padding:0;
line-height:1.65;
letter-spacing:0.02em;
}
body > section header p{
margin:0 0 1em 10px;
padding:0;
line-height:1.65;
letter-spacing:0.02em;
}
body > article header h2 + p,
body > section header h2 + p{
margin:0.5em 0 1em 10px;
}
body > article > p{
line-height:1.65;
}
/*ie6*/
section.level2 article,
section.level2 section.level3,
article section{
display:block;
margin:1.5em 0;
padding:0;
border:1px solid #e4e4e4;
line-height:1.65;
letter-spacing:0.02em;
position:relative;
top:0;
left:0;
}
body > section > article,
body > section > section{
display:block;
margin:1.5em 0 ;
padding:0;
border:1px solid #e4e4e4;
line-height:1.65;
letter-spacing:0.02em;
position:relative;
top:0;
left:0;
}
/*ie6*/
section.level2 section.level3 h3,
section.level2 article h3,
article section h3{
background:transparent url(/img/h2_bg.gif) repeat-x 0 100%;
font-weight:100;
margin:0;
padding:10px 0 10px 10px;
color:#0f527d;
font-size:120%;
}
body > section > article h3,
body > section > section h3{
background:transparent url(/img/h2_bg.gif) repeat-x 0 100%;
font-weight:100;
margin:0;
padding:10px 0 10px 10px;
color:#0f527d;
font-size:120%;
}
body section.level2 section.level3 section,
body section section section,
body article section section{
margin:0;
padding:0;
border:0 none;
}
/*ie6*/
section.level2 section.level3 h4,
article section h4{
font-weight:100;
margin:1em 5px .5em 5px;
padding:0 5px 4px 5px;
background:url(/img/dotted.gif) repeat-x bottom left;
color:#0f527d;
font-size:115%;
}
body > section > section h4{
font-weight:100;
margin:1em 5px .5em 5px;
padding:0 5px 4px 5px;
background:url(/img/dotted.gif) repeat-x bottom left;
color:#0f527d;
font-size:115%;
}
/*ie6*/
section.level2 section.level3 p,
article section p{
margin:1em 10px;
padding:0;
}
body > section > section p{
margin:1em 10px;
padding:0;
}
/*index*/
section.level2 article{
text-align:right;
}
body > section > article{
text-align:right;
}
section.level2 article h3,
section.level2 article p{
text-align:left;
}
body > section > article h3,
body > section > article p{
text-align:left;
}
/*ie6*/
section.level2 article h3 a{
display:inline-block;
}
section.level2 article h3 a{
display:block;
}
section.level2 article h3 a:link,
section.level2 article h3 a:visited,
section.level2 article h3 a:hover,
section.level2 article h3 a:active{
color:#0f527d;
text-decoration:none;
background:transparent;
}
body > section > article h3 a{
display:inline-block;
outline:0 none;
}
body > section > article h3 a{
display:block;
}
body > section > article h3 a:link,
body > section > article h3 a:visited,
body > section > article h3 a:hover,
body > section > article h3 a:active{
color:#0f527d;
text-decoration:none;
background:transparent;
}
section.level2 article time{
font-size:77%;
display:inline;
padding:5px 0 5px 18px;
margin:0;
color:#999;
background:url(/img/icon_time.gif) no-repeat 0 45%;
position:absolute;
top:23px;
right:10px;
}
body > section > article time{
font-size:77%;
display:inline;
padding:5px 0 5px 18px;
margin:0;
color:#999;
background:url(/img/icon_time.gif) no-repeat 0 45%;
position:absolute;
top:23px;
right:10px;
}
section.level2 article p{
margin:1em 10px;
}
body > section > article p{
margin:1em 10px;
}
.readmore{
position:absolute;
top:50%;
left:50%;
margin:-27px 0 0 -27px;
padding:0;
}
/*parts*/
/*pre*/
article pre{
margin:1em 10px;
padding:10px 0 10px 10px;
background: #666;
color:#fff;
width:auto;
float:none;
clear:both;
white-space:pre-wrap;
word-wrap:break-word;
border:solid 2px #ccc;
font-family: Courier,"Courier New",monospace;
}
article pre code{
color:#fff;
background:#666;
display:block;
padding:0;
margin:0;
}
article pre code *{
position:static !important;
}
article pre .com {
color: rgb(255, 255, 255);
}
article pre .str,article pre .atv {
color: rgb(168, 255,  96);
}
article pre .lit {
color: rgb(255, 115, 253);
}
article pre .kwd,article pre .tag {
color: rgb(150, 203, 254);
}
article pre .typ,article pre .atn,article pre .dec {
color: rgb(204, 204, 255);
}
article pre .pun {
color: rgb(255, 210, 167);
}
/*blockquote*/
dl.quote{
margin:1em 0;
}
dl.quote dd{
margin:0;
}
dl.quote,
dl.quote dd{
padding:0 !important;
border:0 none !important;
background:none !important;
clear:both !important;
float:none !important;
position:relative !important;
}
article blockquote {
border:1px solid #f9f9f9;
padding:0 25px;
margin:1em 10px;
background:#eee url(/img/blockquote_start.gif) no-repeat 10px 15px;
color:#666;
quotes:none;
display:block;
position:static;
}
article dl.quote dd blockquote{
padding:0 25px 25px 25px !important;
margin:0 10px !important;
}
body article blockquote h1{
position:static !important;
top:0 !important;
left:0 !important;
height:auto !important;
letter-spacing:0 !important;
text-align:left !important;
font-size:115% !important;
font-weight:100 !important;
font-style:normal !important;
background:url(/img/dotted.gif) repeat-x bottom left !important;
color:#0f527d !important;
margin:1em 0 .5em 0 !important;
padding:0 0 4px 0 !important;
text-shadow:0 1px 1px #d0d0d0 !important;
}
article blockquote p{
margin:1em 0;
padding:0;
}
article blockquote pre{
margin:1em 0;
}
dl.quote dt,
article blockquote span.cite{
position:absolute;
bottom:10px;
right:20px;
clear:none;
float:none;
background:transparent url(/img/blockquote_end.gif) no-repeat 100% 0;
border:0 none;
margin:0;
padding:15px 10px 0 0;
display:block;
}
/*others*/
article ins {
display:block;
text-decoration:none;
padding:.5em 0;
margin:1em 0 1em 10px;
border:1px solid;
border-color:#fe6 #cb3 #dc4 #fe6;
background:#f9ffe3;
text-align:center;
}
article ins p{
margin:0;
}
del {
text-decoration:line-through;
}
abbr{
border-bottom:1px dotted #c8c8c8;
padding:0;
cursor:help;
font-style:normal;
}
footer abbr{
border-bottom:0 none;
}
kbd {
padding:.1em .3em;
border:1px outset gray;
font-size:95%;
margin:0 .3em;
background-color:#ffe;
color:inherit;
}
q {
background-color:inherit;
quotes:"\201C" "\201D" "\2018" "\2019";
color:#6a6a6a;
}
q:before {
content:open-quote;
}
q:after {
content:close-quote;
}
cite {
color:#666;
font-style:normal;
font-weight:normal;
}
em {
color:#f30;
background-color:inherit;
font-style:normal;
}
strong {
color:#f30;
background-color:inherit;
font-weight:bold;
border-bottom:2px solid #000;
}
dfn {
color:#000;
background-color:#fffacd;
border-bottom:1px dotted #c8c8c8;
padding:0;
text-decoration:none;
}
var {
color:#666;
font-style:normal;
font-weight:normal;
}
code {
color:inherit;
background:#e0e0e0;
margin:0;
padding:.1em 0;
}
a code {
color:inherit;
background-color:transparent;
padding:0;
}
p{
margin:1em 0 1em 10px;
}
ul {
list-style:disc none outside;
}
ol,ul{
margin:1em 10px 1em 0;
padding:0;
}
ol li,
ul li {
margin:0 0 0 2.5em;
}
dl,
dl dt,
dl dd,
dl dd ul,
dl dd ul li{
margin:0;
padding:0;
background:none;
border:0 none;
height:auto;
width:auto;
}
dl{
margin:1em 10px;
border-top:1px solid #e4e4e4;
}
dl dt{
float:left;
clear:left;
margin:0;
padding:.5em 0 .5em .5em;
color:#333;
position:relative;
z-index:1;
letter-spacing:0;
}
dl dt code{
background:transparent;
}
dl dd{
margin:0;
padding:.5em 0 .5em 10em;
color:#333;
border-bottom:1px solid #e4e4e4;
background:#fafbfc url(/img/ddline.gif) repeat-y 9.5em 0;
}
dl dd.odd{
background-color:#f1f4f7;
}
footer dl dd,
footer dl dd.odd{
background-color:#fff;
}
dl dd ul{
list-style:none;
}
dl dd ul li{
display:inline;
padding:0 2px;
}
dl:after{
content:url(/img/pixel.gif);
display:block;
clear:both;
height:0;
}
dl{
display:inline-block;
}
dl{
display:block;
}
dd ul,
td ul {
margin:0;
padding:0;
list-style:none;
text-align:left;
}
dd ul li,
td ul li {
display:inline;
margin:0 .2em;
padding:0;
}
dd ul li:before,
td ul li:before {
content:"[";
color:#666;
background-color:inherit;
}
dd ul li:after,
td ul li:after {
content:"]";
color:#666;
background-color:inherit;
}
dd ul.list,
td ul.list {
list-style:square none outside;
margin:.5em 0 .5em 2em;
padding:0;
}
dd ul.list li,
td ul.list li {
margin:0;
display:list-item;
}
dd ul.list li:before,
dd ul.list li:after,
td ul.list li:before,
td ul.list li:after,
footer dd ul li:before,
footer dd ul li:after {
content:"";
}
dl.desc {
border-top:0 none;
border-right:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
border-left:1px solid #e4e4e4;
}
dl.desc dt {
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
padding:0 0 0 1.5em;
margin:0;
float:none;
background:#f6f6f6 url(/img/listmark.gif) no-repeat .5em 50%;
}
dl.desc dd {
border:0 none;
padding:2px 0;
margin:0 0 0 1.5em;
float:none;
background:none;
}
section table,
article table {
margin:0 auto 1em auto;
overflow:auto;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
div.scalable{
margin:1em 10px;
}
section div.scalable table,
article div.scalable table{
width:100%;
margin:0;
}
table thead th{
background:#0f527d url(/img/bg.gif) repeat-x 0 50%;
border-top:0 none;
color:#fff;
text-align:center;
}
table thead th:first-child{
border-top:0 none;
border-left:0 none;
}
table thead th:last-child{
border-top:0 none;
border-right:0 none;
}
table thead th.first-child{
border:0 none;
}
table thead th.last-child{
border-top:0 none;
border-right:0 none;
border-bottom:0 none;
}
table tbody tr:nth-child(odd) th{
background:#eef3f8;
}
table tbody tr.odd th{
background:#eef3f8;
}
table tbody tr:nth-child(odd) td{
background:#fafbfc;
}
table tbody tr.odd td{
background:#fafbfc;
}
table tbody tr:nth-child(even) th{
background:#e4ebf2;
}
table tbody tr.even th{
background:#e4ebf2;
}
table tbody tr:nth-child(even) td{
background:#f1f4f7;
}
table tbody tr.even td{
background:#f1f4f7;
}
table th {
padding:5px;
border:1px solid #d9d9d9;
font-weight:normal;
text-align:left;
line-height:1.4;
}
table td {
padding:5px;
border:1px solid #d9d9d9;
line-height:1.4;
}
table caption {
margin:0 0 .25em 0;
padding:0;
font-weight:normal;
text-shadow:1px 1px 1px #ccc;
color:#777;
}
table th.sign,
table td.sign{
font-size:150%;
text-align:center;
}
/*pager*/
ul.pager{
text-align:center;
list-style:none;
margin:0;
padding:0;
clear:both;
width:100%;
position:relative;
}
ul.peger li{
margin:0;
padding:0;
}
ul.pager li.prev{
position:absolute;
top:0;
left:10px;
margin:0;
padding:0;
}
ul.pager li.next{
position:absolute;
top:0;
right:10px;
margin:0;
padding:0;
}
ul.pager li.list{
display:inline;
margin:00;
padding:0;
}
ul.pager li.list ol{
margin:0;
padding:0;
display:inline;
list-style:none;
}
ul.pager li.list ol li{
margin:0;
padding:0;
display:inline;
}
/*contentModels*/
#doc{
border:1px solid #e4e4e4;
margin:1.5em 0 0 0;
}
#contentModels{
border:1px solid #e4e4e4;
border-top:0 none;
margin:0 0 1.5em 0;
}
#contentModels div{
border:1px solid #e4e4e4;
border-top:0 none;
margin:1em 10px;
}
#contentModels div > p{
margin:.5em 10px;
}
#doc div.frame,
#contentModels div.frame{
background:#e0e0e0;
margin:0;
padding:0 0 0 .5em;
}
#doc div.frame code,
#contentModels div.frame code{
background:none;
}
#contentModels section.category{
font-size:90%;
margin:0 10px 1em 10px;
padding:0;
border:0 none;
}
#contentModels section.category h3{
margin:0;
padding:.5em 0 .25em .25em;
background:none;
color:#005277;
font-size:150%;
}
section.category dl,
section.category dl dt,
section.category dl dd{
border:0 none;
margin-left:0;
margin-right:0;
}
section.category dl{
border-bottom:1px solid #e4e4e4;
margin:0;
}
section.category dl dt{
padding:3px 0 3px 5px;
letter-spacing:-0.02em;
}
section.category dl dd{
border-top:1px solid #e4e4e4;
border-left:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
padding:3px 0 3px 15em;
background-position:14.5em 0;
}
section.category dl dd p{
margin:0;
}
section.category dl dd ol{
margin:0;
}
section.category dl dd ol li{
margin:0 0 0 1.5em ;
}
section.category dl dd dl{
margin:0 0 -3px -6px;
padding:0;
border-top:1px solid #e4e4e4;
border-bottom:0 none;
}
section.category dl dd dl dd dl{
margin:0 0 -4px -5px;
padding:0;
}
section.category dl dd dl dd{
background-position:13.5em 0;
padding-left:14em;
border-left:0 none;
border-right:0 none;
border-bottom:0 none;
border-top:1px solid #e4e4e4;
}
section.category dl dd dl dd:first-of-type{
border-top:0 none;
}
section.category dl dd dl dd dl dd{
background-position:9.5em 0;
padding-left:10em;
border-right:0;
}
section.category dl dd dl dd dl dd dl dd{
background-position:5.5em 0;
padding-left:6em;
border-right:0;
}
section.category dl dd ul.list{
margin:0;
padding:0;
list-style:none;
}
section.category dl dd ul.list li{
margin:0;
padding:0;
}
/*sample*/
div#sample{
margin:1em 10px;
padding:10px 10px 5px 10px;
border:2px solid #e4e4e4;
}
div#sample p{
margin:0;
}
iframe.sample{
width:100%;
border:0;
margin:0;
padding:0;
}
/*clearfix*/
.clearfix{
width:100%;
}
.clearfix:after{
content:url(/img/pixel.gif);
display:block;
clear:both;
height:0;
}
.clearfix{
display:inline-block;
}
.clearfix{
display:block;
}
/*footer*/
section.level2 footer,
article footer,
body > section > footer{
margin:10px 0;
padding:10px 0 1px 0;
}
section.level2 footer:after,
article footer:after,
body > section > footer:after{
content:url(/img/pixel.gif);
display:block;
clear:both;
height:0;
}
section.level2 footer dl,
article footer dl,
section.level2 footer dl dt,
article footer dl dt,
section.level2 footer dl dd,
article footer dl dd,
section.level2 footer dl dd nav,
article footer dl dd nav,
section.level2 footer dl dd nav ol,
article footer dl dd nav ol,
section.level2 footer dl dd nav ol li,
article footer dl dd nav ol li{
margin:0;
padding:0;
background:none;
border:0 none;
height:auto;
width:auto;
letter-spacing:0;
}
section.level2 footer dl,
article footer dl{
margin:15px 0 0 0;
}
body > section > footer dl,
body > section > footer dl dt,
body > section > footer dl dd,
body > section > footer dl dd nav,
body > section > footer dl dd nav ol,
body > section > footer dl dd nav ol li{
margin:0;
padding:0;
background:none;
border:0 none;
height:auto;
width:auto;
letter-spacing:0;
}
body > section > footer dl{
margin:15px 0 0 0;
}
section.level2 footer dl dt,
article footer dl dt{
float:left;
clear:left;
text-shadow:1px 1px 1px #c8c8c8;
margin:0 !important;
padding:.5em 0 0 .5em !important;
float:left;
color:#666;
position:relative;
z-index:1;
}
body > section > footer dl dt{
float:left;
clear:left;
text-shadow:1px 1px 1px #c8c8c8;
margin:0 !important;
padding:.5em 0 0 .5em !important;
float:left;
color:#666;
position:relative;
z-index:1;
}
section.level2 footer dl dd,
article footer dl dd{
margin:0 !important;
padding:.5em 0 .5em 7em !important;
color:#666;
border:1px solid #fff;
}
body > section > footer dl dd{
margin:0 !important;
padding:.5em 0 .5em 7em !important;
color:#666;
border:1px solid #fff;
}
section.level2 footer dl dd.even,
article footer dl dd.even{
background-color:#eee;
border:1px solid #f9f9f9;
}
body > section > footer dl dd.even{
background-color:#eee;
border:1px solid #f9f9f9;
}
section.level2 footer dl dd a:hover,
article footer dl dd a:hover,
section.level2 footer dl dd a:active,
article footer dl dd a:active{
background-color:transparent;
outline:0 none;
}
body > section > footer dl dd a:hover,
body > section > footer dl dd a:active{
background-color:transparent;
outline:0 none;
}
section.level2 footer dl dd address,
article footer dl dd address{
font-style:normal;
}
body > section > footer dl dd address{
font-style:normal;
}
section.level2 footer dl dd address a,
article footer dl dd address a{
padding:0 0 0 20px;
background:url(/img/author.gif) no-repeat left center;
}
body > section > footer dl dd address a{
padding:0 0 0 20px;
background:url(/img/author.gif) no-repeat left center;
}
section.level2 footer dl dd nav ol,
article footer dl dd nav ol{
list-style:none;
}
body > section > footer dl dd nav ol{
list-style:none;
}
section.level2 footer dl dd nav ol li,
article footer dl dd nav ol li{
display:inline;
padding:0 2px;
}
body > section > footer dl dd nav ol li{
display:inline;
padding:0 2px;
}
section.level2 footer dl dd nav ol li a,
article footer dl dd nav ol li a{
padding:0 12px 0 0;
background:url(/img/goarrow.gif) no-repeat center right;
}
body > section > footer dl dd nav ol li a{
padding:0 12px 0 0;
background:url(/img/goarrow.gif) no-repeat center right;
}
section.level2 footer dl dd ul,
article footer dl dd ul{
list-style:none;
margin:0;
padding:0;
}
body > section > footer dl dd ul{
list-style:none;
margin:0;
padding:0;
}
section.level2 footer dl dd ul li,
article footer dl dd ul li{
display:inline;
margin:0;
padding:0;
}
body > section > footer dl dd ul li{
display:inline;
margin:0;
padding:0;
}
section.level2 footer dl dd ul li a,
article footer dl dd ul li a{
padding:0 0 0 20px;
background:url(/img/tag.gif) no-repeat left center;
}
body > section > footer dl dd ul li a{
padding:0 0 0 20px;
background:url(/img/tag.gif) no-repeat left center;
}
article footer dl:after,
body section footer dl:after{
content:url(/img/pixel.gif);
display:block;
clear:both;
height:0;
}
article footer dl,
body section footer dl{
display:inline-block;
}
article footer dl,
body section footer dl{
display:block;
}
body footer div#amazon_widget_JP_8006_0{
margin:0 auto !important;
}
/*disqus*/
#disqus_thread{
margin:30px 0 0 10px !important;
padding:0 !important;
}
#dsq-content{
position:relative;
}
.dsq-alert-message,
#dsq-global-toolbar .dsq-group,
#dsq-global-toolbar .dsq-like-faces{
display:none !important;
}
#dsq-new-post{
position:relative;
top:-50px;
margin:0 0 -40px 0!important;
}
#dsq-new-post h3,
#dsq-comments-title h3{
color:#666 !important;
font-size:16pt !important;
font-weight:normal !important;
margin:0 0 10px 0 !important;
display:inline-block;
}
#dsq-new-post h3{
padding:5px 0 5px 30px !important;
background:url(/img/disqus_newcomment.gif) no-repeat center left;
display:block;
}
#dsq-comments-title h3{
padding:5px 0 5px 35px !important;
background:url(/img/disqus_comments.gif) no-repeat center left;
display:block;
}
#serviceLinks{
padding:10px 0 15px 0;
margin:0;
position:relative;
line-height:1.6;
font-size:77%;
clear:both;
}
#serviceLinks span.anchorIn{
font-size:10px;
}
#serviceLinks a:link,
#serviceLinks a:visited{
color:#999;
text-decoration:none;
background:transparent;
}
#serviceLinks a:hover,
#serviceLinks a:active{
color:#ccc;
text-decoration:none;
background:transparent;
}
#serviceLinks #backToTop{
position:absolute;
top:10px;
right:30px;
}
section > #serviceLinks #backToTop,
article > #serviceLinks #backToTop{
right:0;
}
#serviceLinks #backToTop a{
outline:0 none;
display:inline-block;
padding:5px 0 3px 12px;
background:transparent url(/img/gototop.gif) no-repeat 0 50%;
}
#serviceLinks #backToTop a:hover,
#serviceLinks #backToTop a:active{
background-image:url(/img/gototop_on.gif);
}
/*aside*/
aside{
position:absolute;
top:165px;
left:30px;
width:250px;
height:auto !important;
margin:0;
padding:0;
z-index:2;
background:url(/img/asidebg.gif) repeat-y 0 0;
border-bottom:1px solid #e4e4e4;
}
aside #sideNav{
margin:0;
padding:0;
list-style:none;
text-align:center;
font-size:85%;
background:transparent url(/img/tabnavbg.gif) no-repeat top left;
border-bottom:2px solid #26668d;
}
aside #sideNav li{
margin:0;
padding:0;
display:inline;
background:transparent url(/img/tabnormal.gif) repeat-x 0 0;
text-shadow:1px 1px 1px #999;
}
html:lang(ja) aside #sideNav li{
display:inline-block;
}
aside #sideNav li.active{
background:url(/img/tabactive.gif) repeat-x 0 100%;
color:#fff;
text-shadow:1px 1px 1px #c8c8c8;
}
aside #sideNav li a{
display:inline-block;
margin:0;
padding:2px 5px;
color:#0f527d;
border-top:1px solid #e4e4e4;
border-left:1px solid #e4e4e4;
}
aside #sideNav li:last-child a{
border-right:1px solid #e4e4e4;
}
aside #sideNav li.last a{
border-right:1px solid #e4e4e4;
}
aside #sideNav li a:link,
aside #sideNav li a:visited,
aside #sideNav li a:hover,
aside #sideNav li a:active{
background:none;
text-decoration:none;
outline:0 none;
}
aside #sideNav li.active a:link,
aside #sideNav li.active a:visited,
aside #sideNav li.active a:hover,
aside #sideNav li.active a:active{
color:#fff;
cursor:default;
}
aside #sideNav li a:hover{
background:url(/img/tabactive.gif) repeat-x 0 100%;
color:#fff;
}
aside section h3{
margin:0;
padding:4px 0 2px 0;
font-size:85%;
font-weight:normal;
text-align:center;
background:#fff url(/img/asideh2bg.gif) repeat-x bottom left;
color:#0f527d;
border:1px solid #e4e4e4;
}
aside #toc ol,
aside #related ul,
aside #popular ul,
aside #recent ul{
margin:10px 5px;
padding:0;
position:relative;
display:inline-block;
list-style:none;
}
aside #toc ol,
aside #related ul,
aside #popular ul,
aside #recent ul{
display:block;
}
aside #toc ol li,
aside #related ul li,
aside #popular ul li,
aside #recent ul li{
position:relative;
z-index:100;
display:inline-block;
margin:0;
padding:0;
}
aside #toc ol li,
aside #related ul li,
aside #popular ul li,
aside #recent ul li{
display:block;
}
aside #toc .ahover,
aside #related .ahover,
aside #popular .ahover,
aside #recent .ahover {
position:absolute;
z-index:99;
background:yellow;
padding:0;
margin:0;
border:1px solid #d00;
}
aside #toc ol li{
margin:0;
}
aside #toc ol li.H2,
aside #toc ol li.h2{
font-size:85%;
padding:2px 5px 2px 5px;
background:url(/img/pixel.gif) no-repeat 5px 50%;
}
aside #toc ol li.H3,
aside #toc ol li.h3{
font-size:77%;
padding:2px 5px 2px 15px;
background:url(/img/tocline.gif) no-repeat 5px 50%;
}
body aside #toc ol li.last{
background:url(/img/toclinelast.gif) no-repeat 5px 50%;
}
body aside #toc ol li:last-child{
background:url(/img/toclinelast.gif) no-repeat 5px 50% !important;
}
aside #toc ol li a{
display:inline-block;
}
aside #toc ol li a{
display:block;
outline:0 none;
}
aside #toc ol li a:link,
aside #toc ol li a:visited{
color:#0f527d;
}
aside #toc ol li a:hover,
aside #toc ol li a:active{
color:#a00;
background-color:transparent;
}
aside #related ul li a,
aside #popular ul li a,
aside #recent ul li a{
font-size:85%;
display:inline-block;
padding:0 0 0 20px;
background:url(/img/pageslist.gif) no-repeat 4px .3em;
}
aside #related ul li a,
aside #popular ul li a,
aside #recent ul li a{
display:block;
}
#tags {
line-height:1;
font-size:13px;
position:relative;
list-style:none;
margin:10px 5px;
padding:0;
}
#tags li {
margin:0;
padding:2px;
float:left;
display:inline-block;
font-size:100%;
position:relative;
}
#tags li a {
float:left;
margin:0;
padding:0;
position:relative;
text-decoration:none;
background:transparent;
text-shadow:0 1px 0 #6699cc;
}
#tags li.level1 a:hover,
#tags li.level2 a:hover,
#tags li.level3 a:hover,
#tags li.level4 a:hover,
#tags li.level5 a:hover,
#tags li.level6 a:hover{
z-index:110;
color:#d00;
text-shadow:0 1px 0 #999;
}
aside #search #tags .ahover {
position:absolute;
z-index:99;
background:yellow;
padding:0;
margin:0;
border:1px solid #d00;
}
#tags li.level1 a {
z-index:108;
font-size:167%;
color:#3e5b71;
}
#tgas li.level2{
top:-5px;
right:-5px;
}
#tgas li.level2 a {
z-index:107;
font-size:136%;
color:#668eac;
}
#tags li.level3 a {
z-index:106;
font-size:114%;
color:#668eac;
}
#tags li.level4{
top:-5px;
right:-5px;
}
#tags li.level4 a {
z-index:105;
font-size:100%;
color:#87a6be;
}
#tags li.level5 a {
z-index:104;
font-size:85%;
color:#a7becf;
}
#tags li.level6 a {
z-index:103;
font-size:70%;
color:#c7d5e0;
}
#cse-search-box{
margin:10px 0;
padding:0;
}
#cse-search-box dl{
margin:0 5px;
padding:0;
position:relative;
border:0 none;
}
#cse-search-box dl dt,
#cse-search-box dl dd{
display:inline;
margin:0;
padding:0;
border:0 none;
float:none;
clear:none;
}
#cse-search-box dl dt input{
margin:0;
padding:5px 25px 5px 3px !important;
border:1px solid #c9c9c9 !important;
width:210px;
height:13px;
background-position:3px 5px !important;
font-size:100%;
color:#555;
}
#cse-search-box dl dt input.hover{
border:1px solid #e4e4e4 !important;
}
#cse-search-box dl dt input:hover{
border:1px solid #e4e4e4 !important;
}
#cse-search-box dl dd input{
position:absolute;
top:6px;
right:5px;
z-index:2;
margin:0;
padding:0;
border:none;
width:16px;
height:13px;
background:transparent url(/img/icon_search.gif) no-repeat;
text-indent:-10000px;
}
#cse-search-box dl dd input.hover{
background-position:left bottom;
cursor:pointer;
}
#cse-search-box dl dd input:hover{
background-position:left bottom;
cursor:pointer;
}
aside #PR{
clear:both;
margin:5px 5px 0 5px;
padding:7px 0 0 0;
list-style:none;
text-align:center;
border-top:1px solid #f3f3f3;
font-size:80%;
}
#PR li{
margin:0 5px;
padding:0;
text-align:left;
}
#PR a{
display:block;
}
#PR a:visited{
color:#0f527d;
}
#PR a:hover{
color:#d00;
}
aside #share{
clear:both;
margin:5px 5px 0 5px;
padding:7px 0 0 0;
list-style:none;
text-align:center;
border-top:1px solid #f3f3f3;
}
aside #share li{
display:inline;
margin:0 7px 0 0;
padding:0;
vertical-align:top;
height:20px;
line-height:20px;
}
html:lang(ja) aside #share li{
display:inline-block;
}
aside #share li:last-child{
margin:0;
}
aside #share li.last{
margin:0;
}
aside #share li a{
margin:0;
padding:0;
display:inline;
text-decoration:none;
}
aside #share li a:link,
aside #share li a:visited,
aside #share li a:hover,
aside #share li a:active{
background:transparent;
}
aside #share li img{
margin:0;
padding:0;
}
aside #gotoTop{
background:url(/img/asidebgfooter.gif) no-repeat bottom left;
display:inline-block;
padding:0;
text-align:center;
margin:0;
font-size:77%;
outline:0 none;
}
aside #gotoTop{
display:block;
}
aside #gotoTop:link,
aside #gotoTop:visited{
color:#999;
text-decoration:none;
}
aside #gotoTop:hover,
aside #gotoTop:active{
color:#ccc;
text-decoration:none;
}
aside #gotoTop span{
display:inline-block;
padding:5px 0 3px 12px;
background:transparent url(/img/gototop.gif) no-repeat 0 50%;
}
aside #gotoTop:hover span{
background-image:url(/img/gototop_on.gif);
}
/*clearfix*/
aside #sideNav:after,
aside #tags:after,
aside #cse-search-box dl:after,
aside #share:after{
content:url(/img/pixel.gif);
display:block;
clear:both;
height:0;
}
aside #sideNav,
aside #tags,
aside #cse-search-box dl,
aside #share{
display:inline-block;
}
aside #sideNav,
aside #tags,
aside #cse-search-box dl,
aside #share{
display:block;
}
/*ads*/
body article footer ins,
body section footer ins,
body aside ins{
border:0 none !important;
background:none !important;
}
body aside ins ins iframe,
body > aside > iframe{
position:relative;
margin:0 0 5px 7px !important;
}
body article footer ins,
body section footer ins{
margin:0 0 0 10px !important;
}
body article footer > ins,
body section footer > ins,
body article footer > iframe,
body section footer > iframe{
margin:0 auto !important;
position:static !important;
display:block !important;
}
/*search result*/
#cse-search-results{
margin:0;
padding:10px 10px 0 10px;
}
#cse-search-results iframe{
width:100% !important;
margin:0 !important;
padding:0 !important;
}
/*each mini*/
nav.mini{
position:absolute !important;
top:0 !important;
left:0 !important;
z-index:0;
}
section.mini,
article.mini,
aside.mini{
position:relative !important;
}
section.mini,
article.mini{
margin:0 30px !important;
padding:0 !important;
top:165px !important;
left:0 !important;
}
aside.mini{
margin:0 !important;
top:165px !important;
left:0 !important;
width:100%;
background:none !important;
border:0 none !important;
}
section.mini #backToTop,
article.mini #backToTop,
aside.mini #sideNav,
aside.mini #toc{
display:none !important;
}
aside.mini h3{
border-left:0 none !important;
border-right:0 none !important;
}
aside.mini #related,
aside.mini #popular,
aside.mini #recent,
aside.mini #search{
width:33.33% !important;
height:auto !important;
position:static !important;
top:auto !important;
left:auto !important;
float:left !important;
background:none !important;
}
aside.mini #search dl dt input{
width:75% !important;
}
aside.mini #share{
clear:both;
border-top:1px solid #e4e4e4 !important;
}
aside.mini #gotoTop{
background:none !important;
padding:5px 0 10px 0 !important;
}
/*alt-tip*/
#alt-tip{
position:absolute;
width:250px;
margin:0 1em 0 0;
padding:10px;
border:1px solid #ccc;
font-size:77%;
text-shadow:1px 1px 1px #ccc;
line-height:1.2;
background:#fff;
z-index:1000;
}
#alt-tip img{
vertical-align:middle;
display:block;
}
#alt-tip span.sbmCount{
display:block;
}
#alt-tip span.sbmCount span{
color:#ff0606;
background-color:#ffcbcb;
border-bottom:1px solid #ff0606;
}
}
@media print {
a,
a:link,
a:visited,
article pre code{
color:#333 !important;
}
h1{
top:0 !important;
text-align:center !important;
color:#333 !important;
}
h1 a,
h1 a:link,
h1 a:visited{
color:#0f527d !important;
}
body > section,
body > article{
top:100px !important;
padding:0 !important;
}
body > nav,
body > aside,
footer > ins,
#dsq-global-toolbar,
#dsq-new-post,
#dsq-authenticate,
#dsq-form-area,
.dsq-options,
#disqus_thread button,
#serviceLinks{
display:none !important;
}
}
/*-------------------------------------------------
css level 3
-------------------------------------------------*/

@media screen and (min-width:100px){
.fadeIn{
-o-transition:opacity 0.6s ease-out;
-ms-transition:opacity 0.6s ease-out;
-moz-transition:opacity 0.6s ease-out;
-webkit-transition:opacity 0.3s ease-out;
transition:opacity 0.3s ease-out;
opacity:1 !important;
}
body > section > section,
article > section,
body > section > article,
article blockquote{
border-radius:10px;
-moz-border-radius:10px;
}
table thead th:first-child{
border-radius:10px 0 0 0;
-moz-border-radius:10px 0 0 0;
}
table thead th:last-child{
border-radius:0 10px 0 0;
-moz-border-radius:0 10px 0 0;
}
#alt-tip,
article pre,
div#sample,
#cse-search-box dl dt input,
article footer dd.even,
body > section > footer dd.even{
border-radius:5px;
-moz-border-radius:5px;
}
.ahover{
border-radius:3px;
-moz-border-radius:3px;
}

}
@media screen and (max-width: 800px) {
body > section,
body > article{
font-size:100% !important;
}
}
@media screen and (min-width: 801px) and (max-width: 990px) {
body > section,
body > article{
font-size:95% !important;
}
}
@media screen and (min-width: 991px) and (max-width: 1250px) {
body > section,
body > article{
font-size:100% !important;
}
}
@media screen and (min-width: 1250px) and (max-width: 1450px) {
body > section,
body > article{
font-size:105% !important;
}
body > h1{
letter-spacing:0.08em;
}
body > nav > ul > li > a{
font-size:105%;
letter-spacing:0.1em;
padding:15px 1.5em 20px 1.5em;
}
body > nav > ul > li > ul > li > a{
font-size:105%;
letter-spacing:0.1em;
margin:0 0.15em;
}
}
@media screen and (min-width: 1451px) and (max-width: 1650px) {

body > section,
body > article{
font-size:110% !important;
}
body > h1{
letter-spacing:0.12em;
}
body > nav > ul > li > a{
font-size:110%;
letter-spacing:0.15em;
padding:15px 1.4em;
}
body > nav > ul > li > ul > li > a{
font-size:110%;
letter-spacing:0.15em;
margin:0 0.2em;
}

}
@media screen and (min-width: 1651px) {
body > section,
body > article{
font-size:120% !important;
}
body > h1{
letter-spacing:0.16em;
}
body > nav > ul > li > a{
font-size:120%;
letter-spacing:0.2em;
padding:15px 1.4em;
}
body > nav > ul > li > ul > li > a{
font-size:120%;
letter-spacing:0.2em;
margin:0 0.25em;
}

}