@charset "UTF-8";

/* WebWordトップページ用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:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4", 'メイリオ', "Osaka", "ＭＳ Ｐゴシック ",sans-serif;
}

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

#wrapper{
background: #ffffff url("../img/backx2.png") repeat-x;
}

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

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

#pagebody{
width:1000px;
margin:0 auto;
background:#ffffff;
}

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

#content{
float:right;
width:700px;
background-color:#ffffff;
}

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

#rightnavi{
float:right;
width:289px;
padding:5px 0 0 0;
background-color:#ffffff;
}

#centermain{
float:left;
width:401px;
padding:5px 5px 0 5px;
background-color:#ffffff;
}

#leftnavi{
float:left;
width:300px;
padding:5px 0 0 0;
background-color:#ffffff;
}

p{
font-size:12px;
}

div.sotowaku{
border-left:1px solid #DFDFDF;
border-right:1px solid #DFDFDF;
border-bottom:1px solid #DFDFDF;
margin:0 0 10px 0;
}

#adcenter{
margin:0;
padding:15px 0 15px 31px;
}

#h1div{
margin:0 0 5px 0;
background-color:#4682b4;
}

h1{
width:1000px;
margin:0 auto;
padding:5px 0 2px 0px;
font-size:16px;
font-weight:bold;
color:#ffffff;
}

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

a:link{color:#375e8d;}
a:visited{color:#375e8d;}
a:hover, a:active{color:#375e8d;}

ul.leftmenu{
text-align:left;
list-style-type:none;
background-color:#f5f5dc;
line-height:2;
}

ul.leftmenu li.title{
font-size:15px;
font-weight:bold;
padding-left:19px;
background-image:url("../img/box.png");
background-repeat:no-repeat;
background-position:0px 7px;
letter-spacing:1px;
}

ul.leftmenu li.detail{
font-size:12px;
padding-left:19px;
line-height:1.6;
margin-bottom:15px;
letter-spacing:1px;
}

ul.leftmenu li.frame_subtitle{
font-size:12px;
padding:0 0 0 33px;
background-image:url("../img/ten.png");
background-repeat:no-repeat;
background-position:16px 8px;
}

div.leftmenublock{
border-left:1px solid #dadada;
border-right:1px solid #dadada;
border-bottom:1px solid #dadada;
margin-bottom:10px;
padding:10px 5px 10px 5px;
background-color:#f5f5dc;
}

div.subblock{
height:21px;
background-color:#DFDFDF;
border:1px solid #DFDFDF;
}

div.subblock p{
color:#666666;
margin:3px 0 0 10px;
font-size:12px;
font-weight:bold;
}

div.subblock a:link{color:#666666;}
div.subblock a:visited{color:#666666;}
div.subblock a:hover, a:active{color:#666666;}

#policy{
font-size:13px;
font-style:normal;
text-align:center;
padding:5px;
background-color:#4682b4;
}

#policy a:link{color:#f0f0f0;}
#policy a:visited{color:#f0f0f0;}
#policy a:hover, a:active{color:#ff0000;}

#updateblock{
margin:5px 0 15px 0;
}

#updateblock p{
padding:0 0 0 10px;
}

/* プロファイル */

#profile{
margin:10px 0 0 0;
padding:15px 0 15px 0;
border-top:1px dotted #cfcfcf;
border-bottom:1px dotted #cfcfcf;
}

#profiletxt{
padding:0 0 0 10px;
}

/* ソーシャルブックマークボタン */

/* 上部 */

#socialbox{
margin:10px 0 0 0;
}

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

#socialbox img{
margin:0;
}

#hatebu {
float:left;
width:64px;
height:24px;
margin:5px 0 0 10px;
}

#twitter {
float:left;
width:130px;
height:24px;
margin:5px 0 0 10px;
}

#facebook {
float:left;
width:110px;
height:24px;
margin:5px 0 0 10px;
}

#plusone {
float:left;
width:110px;
height:24px;
margin:5px 0 0 10px;
}

/* 下部 */

#socialboxright{
background:#ffffff;
}

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

#socialboxright img{
margin:0;
}

#twitterbox{
float:left;
width:32px;
height:32px;
margin:20px 0 20px 10px;
}

#gplusbox{
float:left;
width:32px;
height:32px;
margin:20px 0 20px 20px;
}

#facebookbox{
float:left;
width:32px;
height:32px;
margin:20px 0 20px 20px;
}

#bloggerbox{
float:left;
width:32px;
height:32px;
margin:20px 0 20px 20px;
}