@charset "utf-8";

#left_box #cat01{background:#0066cc;}

h1 {
    border-left: 6px solid #0089fc;
}

#right_box{
color:#202020;
}

#right_box table{
border-collapse:collapse;
}

#right_box th,
#right_box td{
padding:8px;
vertical-align:top;
border:#aaa 1px solid;
}

#right_box th{
background:#1c6ae9;
text-align:center;
color:#fff;
width:60px;
}

#right_box td{
background:#ffffcc;
color:#06f;
}

#right_box td .warn{
background:#ffffcc;
color:#777;
}

#right_box h3{
background:url(/information/waf_tech_blog/images/blog_h3_icon.gif) no-repeat 0 4px;
}

#right_box .asset-footer-tags a{
color:#06c;
}

#right_box .blogPageType{
padding-bottom:20px;
}


/*  ブログカレンダー  */

#blogCalendar{
color:#fff;
text-align:center;
padding:10px;
margin: 5px auto;
}

#blogCalendar a{
color:#FFFF00;
}


#blogCalendar .widget-syndication li img{
float:left;
padding:4px 5px 0 40px;
}

#blogCalendar .widget-syndication li a{
padding-left:0;
font-size:13px;
float:left;
color:#FFFF00;
}

#blogCalendar .widget-calendar{
clear:both;
}

#blogCalendar .widget-calendar a{
font-weight:bold;
}

#blogCalendar .widget-calendar #prevNextMonth{
font-size:12px;
}

#blogCalendar table{
margin:3px auto;
font-size:12px;
}

#blogCalendar table td,th{
padding:0 3px;
text-align:center;
}

#blogCalendar table th{
color:#CCCCFF;
}

#blogCalendar .widget-archive{
margin-top:5px;
}

#blogCalendar .widget-archive h3{
font-size:13px;
}

#blogCalendar .widget-archive .widget-content{
margin:5px 0px 0;
}

#blogCalendar .widget-archive-category-dropdown .widget-content{
margin-bottom:-10px;
}


/*  ブログTOP  */

#right_box #blogLogoL{
margin-bottom:15px;
}

#right_box .blogSum{
padding-bottom:25px;
}

#right_box .blogSum h2{
background:url(/information/waf_tech_blog/images/waf_tech_blog_h2_bg.gif) no-repeat 0 bottom;
line-height:1.4em;
font:15px "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
font-weight:bold;
letter-spacing: 0.05em;
color:#333;
margin-bottom:10px; /*←追加*/
padding:8px 5px 10px 20px;
}

#right_box .blogSum h2 a:link{
color:#33F;
}

#right_box .blogSum h2 a:visited{
color:#666;
}

#right_box .blogSum .asset-body{
margin-top:20px;
line-height:1.8em;
}

#right_box .blogSum .asset-body a.l_out{
line-height:1.2em;
}

#right_box .blogSum .asset-footer{
margin-top:15px;
}

#right_box .blogSum .asset-footer-tags{
font-size:14px;
}

#right_box .blogSum .entry-more-link{
color:#000;
}

#right_box .blogSum .entry-more-link a{
color:#06c;
}

#right_box .blogSum .blogMore{
font-weight:bold;
}


/*  ブログ記事ページ  */


#right_box #blogLogoS{
margin-bottom:8px;
}

#right_box .blogNavi{
margin:0 0 18px 0;
font-size:11px;
}

#right_box .blogNavi a{
color:#1c6ae9;
}

#right_box #blognavi2{
//margin:0 0 20px 18px;
//font-size:15px;
}

#right_box .entryTitle h2{
background:url(/information/waf_tech_blog/images/waf_tech_blog_h2_bg.gif) no-repeat 0 bottom;
line-height:1.4em;
font:15px "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
font-weight:bold;
letter-spacing: 0.1em;
color:#333;
margin-bottom:10px; /*←追加*/
padding:8px 5px 10px 20px;
}

#right_box  .blogDate{
padding:4px 0 0 0;
}

#right_box  .blogAuthor{
color:#333;
padding:8px 0 0 0;
}

#right_box .blogTxt h3{
margin-top:15px;
margin-bottom:10px;
margin-left:-18px;
}

#right_box .blogTxt h4{
background:url(/information/waf_tech_blog/images/blog_h4_icon.gif) no-repeat 0 4px;
padding-left:16px;
margin-left:-16px;
}

#right_box .blogTxt{
line-height:1.8em;
}

#right_box .blogTxt ul{
padding:0 0 18px 22px;
}

#right_box .blogTxt li{
color:#404040;
line-height:1.8em;
list-style-type: disc;
}

#right_box .blogTxt a:visited {
	color: #0000ee;
}

#right_box .blogTxt a.l_out{
line-height:1.2em;
}

#right_box .blogTxt .quoteBox{
background-color:#e5e5e5;
margin: 3px 0 18px;
padding: 15px 10px 15px 18px;
}

#right_box .blogTxt .quoteBox p:last-child{
padding-bottom:0;
}

#right_box #kakomi_ta h3 {
    padding: 8px 15px 8px 15px;
    margin: 0;
    font-size: 15px;
    color: #CC0033;
    background: #fff8b9;
}
#right_box #kakomi_ta p {
    padding: 15px 20px;
    background: #fbf7cc;
    color: #000000;
}
blockquote {
    background: #eee;
    padding: 20px;
    margin-top: 0;
    overflow: auto;
}
@media screen and (max-width:640px) {
#right_box #kakomi_ta h3 {
    font-size: 14px;
    padding: 3.125%;
}
#right_box #kakomi_ta p {
    padding: 3.125% 4%;
}
}

#right_box .blogTxt .footnote li {
list-style: none;
	background: #f1f6fd;
	padding: 20px;
	margin-top: 20px;
	font-size: 12px;
}
#right_box .blogTxt .footnote li a {
	text-decoration: underline;
}


/*  ブログフッタ  */

#right_box #blogFooter .widget-syndication li img{
padding-right:5px;
}

#right_box #blogFooter {
//background: none repeat scroll 0 0 #f8f8f8;
border-top: 2px dotted #76C0FF;
margin: 0px 0px 20px 0px;
padding: 20px 20px 10px 0;
}


#right_box #blogFooter a{
color:#06c;
}

/*  ソース記述用preタグxmpタグ設定  */

#right_box .blogTxt pre{
color:#000;
margin:3px 0 18px 0;
padding:12px 10px 12px 12px;
background-color:#e5e5e5;
line-height:1.8em;
overflow:auto;
}


@media screen and (max-width:640px) {
a:link, a:visited {
    color: #0000ee;
	word-wrap: break-word;
}
xmp {
    white-space: initial;
}
iframe {
    max-width: 100%;
}
#right_box #blogLogoS{
text-align: center;
}
#right_box .blogTxt h3, #right_box .blogTxt h4{
    margin: 3.125% 0;
    padding: 0;
    text-indent: 1.5em;
}
#right_box #blogFooter {
    border-top: 1px dashed #0066cc;
    margin: 4% 0px 8% 0;
    padding: 3.125%;
}
blockquote {
    margin: 0 3.125% 15px;
}
}