@charset "UTF-8";

/* 各ページ用CSS */

body,div,h1,h2,h3,pre,p,ul,ol,li{
margin: 0;
padding: 0;
}

body{
color:#333333;
background-color:#ffffff;
/*
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*/
font-family:"Arial","Helvetica",sans-serif;
background-image: url("../img/body_backimg.png");
background-repeat: repeat-x;
background-position: top;
}

img{
margin:10px 0;
border-width:0;
vertical-align:bottom;
}

img.waku{
border:1px solid #9f9f9f;
}

p{
font-size:13px;
line-height:1.8;
margin:15px 0 15px 10px;
}

#wrapper{
width:1000px;
margin:5px auto 10px auto;
border-bottom:1px solid #e0e0e0;
background-color:#ffffff;
}

#header{
width:1000px;
height:60px;
padding:15px 0 15px 0;
margin:0;
}

#header img{
margin:0;
}

#header2{
width:1000px;
height:60px;
padding:15px 0 15px 0;
margin:0;
background-image:url("../img/logomark_officepro_new.png");
background-repeat:no-repeat;
background-position:0 15px;
}

#header2:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#searchbox{
text-align:right;
float:right;
padding:20px 20px 0 0;
width:500px;
}

#pankuzubox{
border-top:1px solid #b0c4de;
border-bottom:1px solid #b0c4de;
background-color:#FCFCFC;
padding:0;
width:1000px;
}

#pankuzu{
padding: 6px 0 6px 15px;
}

#pankuzu li{
display:inline;
list-style-type:none;
font-size:12px;
}

span.nowpage{
color:#cc0000;
}

#pagebody{
width:1000px;
}

#navi_left{
float:right;
width:345px;
padding:5px 0 0 0;
}

#content{
float:left;
width:640px;
padding:5px 5px 0 5px;
}

#pagebody:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#footer{
border-top:1px solid #cccccc;
padding:5px 0;
width:1000px;
}

#copyright{
width:1000px;
height:30px;
margin: 0 auto;
text-align:center;
color:#999999;
font-size:12px;
}

a:link{color:#555555;}
a:visited{color:#555555;}
a:hover, a:active{color:#ff9933;}

div.borderdiv{
margin-top:10px;
border:1px dashed #c8c8c8;
background-color:#fafad2;
padding:10px;
font-size:12px;
line-height:150%;
width:610px;
}

div.subtitle{
font-size:15pt;
font-weight:bold;
margin:20px 0 15px 0;
border-bottom:2px solid #7f7f7f;
color:#333333;
}

pre{
margin:10px 0;
width:595px;
font-size:12px;
overflow:auto;
overflow-x:auto;
overflow-y:visible;
line-height:1.6;
font-family:'ＭＳ ゴシック', monospace;
}

pre.fixsmallcode,
pre.fixmidcode,
pre.fixbigcode{
background-color:#f8f8ff;
border:1px solid #dcdcdc;
padding:10px 20px 10px 15px;
}

pre.fixsmall,
pre.fixmid,
pre.fixbig{
background-color:#fffff0;
border:1px solid #dcdcdc;
padding:10px 20px 10px 15px;
}

pre.fixsmallcode,
pre.fixsmall{
font-size:12px;
}

pre.fixmidcode,
pre.fixmid{
font-size:14px;
}

pre.fixbigcode,
pre.fixbig{
font-size:16px;
}

pre.methodt{
border:1px solid #C8C8C8;
background-color:#eee8aa;
margin-bottom:0;
padding:5px;
font-size:12px;
width:620px;
}

pre.methodc{
border-bottom:1px solid #C8C8C8;
border-right:1px solid #C8C8C8;
border-left:1px solid #C8C8C8;
background-color:#f5f5dc;
margin-top:0;
padding:5px 5px 5px 15px;
font-size:12px;
width:610px;
}

pre.samplecode{
font-size:14px;
line-height:1.3;
background-color:#fafafa;
color:#000000;
border-left:1px dotted #f5f5dc;
border-right:1px dotted #f5f5dc;
border-top:10px solid #f5f5dc;
border-bottom:10px solid #f5f5dc;
padding:15px 10px 15px 10px;
}

ul.linktext{
text-align:left;
list-style-type:none;
line-height:1.3em;
}

ul.linktext li.title{
font-size:14px;
font-weight:bold;
padding-left:14px;
background-image:url("../img/ya1.png");
background-repeat:no-repeat;
background-position:0px 6px;
}

h1{
font-size:28px;
margin:10px 0 15px 0;
padding:5px 0 2px 12px;
border-left:8px solid #a9a9a9;
border-bottom:1px solid #a9a9a9;
color:#666666;
}

h2{
font-size:18px;
margin:20px 0;
padding:5px 0 2px 8px;
border-left:7px solid #a9a9a9;
border-bottom:1px solid #a9a9a9;
color:#666666;
}

h3{
font-size:16px;
margin:5px 0 10px 0;
padding:5px 0 2px 8px;
border-bottom:2px dotted #7f7f7f;
color:#666666;
}

span.red{color:#dc143c;}
span.bold{font-weight:bold;}
span.redbold{font-weight:bold;color:#dc143c;}

table.pro{
border:none;
font-size:0.75em;
border-collapse:collapse;
}

table.pro th{
border:1px solid #888888;
padding:8px;
background-color:#f0f8ff;
}

table.pro td{
border:1px solid #888888;
padding:8px;
}

/* 広告用 */

#adpagetop{
padding:15px 15px 15px 15px;
border-bottom:1px solid #e0e0e0;
}

#adbottom{
margin:5px 0 20px 8px;
}

#adlongtext{
margin:10px 0 10px 35px;
}

#adrighttop{
margin:5px 0 5px 9px;
padding:15px 18px 15px 18px;
background-image:url("../img/adsense_bk3.png");
background-repeat:no-repeat;
}

#adpagetoplink{
width:1000px;
text-align:center;
padding:5px 0;
background-color:#ffffcc;
border-bottom:1px solid #b0c4de;
}

#adbottomlabel{
margin:15px 0 0 8px;
padding:2px 0 2px 1px;
font-size:11px;
color:#696969;
}

/* カテゴリメニュー用 */

div.menu01,
div.menu02,
div.menu03,
div.menu04,
div.menu05,
div.menu06{
margin:10px 0 0 0;
padding:0 0 10px 0;
border-bottom:1px dotted #cccccc;
}

div.menu01{
background:url(../img/m01.png) 0px 0px no-repeat;
}

div.menu02{
background:url(../img/m02.png) 0px 0px no-repeat;
}

div.menu03{
background:url(../img/m03.png) 0px 0px no-repeat;
}

div.menu04{
background:url(../img/m04.png) 0px 0px no-repeat;
}

div.menu05{
background:url(../img/m05.png) 0px 0px no-repeat;
}

div.menu06{
background:url(../img/m06.png) 0px 0px no-repeat;
}

ul.catemenu{
margin:0 0 0 67px;
padding:5px 0 10px 10px;
}

ul.catemenu li.navi{
list-style-type: none;
margin:0 0 5px 0;
font-size:18px;
font-weight:bold;
color:#4682b4;
}

ul.catemenu li.navi a:link{color:#4682b4;}
ul.catemenu li.navi a:visited{color:#4682b4;}
ul.catemenu li.navi a:hover, a:active{color:#ff0000;}

ul.catemenu li.info{
margin:6px 0 0 0px;
padding:0 0 0 10px;
background:url(../img/cateicon2.png) 0px 3px no-repeat;
list-style-type:none;
font-size:12px;
color:#4f4f4f;
}

ul.catemenu li.info a:link{color:#4f4f4f;}
ul.catemenu li.info a:visited{color:#4f4f4f;}
ul.catemenu li.info a:hover, a:active{color:#ff0000;}

ul.catemenu li.more{
margin:6px 0 0 0;
padding:0 0 0 10px;
background:url(../img/cateicon2.png) 0px 3px no-repeat;
list-style-type:none;
font-size:12px;
color:#20b2aa;
}

ul.catemenu li.more a:link{color:#20b2aa;}
ul.catemenu li.more a:visited{color:#20b2aa;}
ul.catemenu li.more a:hover, a:active{color:#ff0000;}

ul.catemenu li.subinfo{
margin:8px 0 0 0;
padding:0 0 0 10px;
background:url(../img/cateicon2.png) 0px 6px no-repeat;
list-style-type:none;
font-size:13px;
color:#4f4f4f;
}

ul.catemenu li.subinfo a:link{color:#4f4f4f;}
ul.catemenu li.subinfo a:visited{color:#4f4f4f;}
ul.catemenu li.subinfo a:hover, a:active{color:#ff0000;}

ul.catemenu li.comment{
list-style-type:none;
color:#7f7f7f;
margin:3px 0 0 0;
padding:0 0 0 10px;
font-size:11px;
}

/* ソーシャルブックマークボタン */
#socialboxtop{
margin:10px 0 5px 5px;
}

#socialboxtop:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

ul.socialbt{
}

ul.socialbt li{
display:inline;
float:left;
height:22px;
margin:0;
padding:0;
}

ul.socialbt li.hatebu {
width:64px;
}

ul.socialbt li.twitter {
width:130px;
}

ul.socialbt li.facebook {
width:110px;
}