/************************************************************
  FWOOD流　MT4版アドセンスサイト2カラム左サイドバーCSS(ブラック系)
*************************************************************/


/********************************************
ブラウザCSSリセット
********************************************/

* {
padding:0;
margin:0;
}


/********************************************
BODY全体の要素
********************************************/

body {
text-align: center;
font-family: Verdana;
background-color: #ebf2fa;
background-attachment: fixed;
background-image: url(http://www.vectorworkscad.net/img/back.jpg);
background-repeat: repeat-x;
}


/********************************************
ヘッダートピックパス枠
********************************************/

.topicpath1 {
font-size: 10px;
line-height: 20px;
height: 30px;
background-image: url(http://www.vectorworkscad.net/img/bg.jpg);
background-attachment: fixed;
background-repeat: repeat-y;
background-position: center;
right: 1px;
text-align: right;
margin: 0;
padding: 0 12px 0 10px;
color: #a8a8a8;
}

.topicpath1 a {
text-decoration: none;
color: #a8a8a8;
}

hr {
clear: both;
color: #e3e3e3;
margin: 0;
padding: 0;
border-width: 1px 0 0 0;
height: 1px;
border-style: solid none none none;
}


/********************************************
サイトマップ表示の要素
********************************************/

.top-menu-list {
z-index: 0;
font-size: 10px;
position: absolute;
top: 5px;
width: 880px;
text-align: right;
padding: 0 15px 0 10px;
}

.top-menu-list a {
text-decoration: none;
color: #a8a8a8;
}


/********************************************
各エリアの背景色の設定
********************************************/

/*********▽左メニュータイトル▽**********/
#leftnavi .title {
background: #ffffff;
background: url(http://www.vectorworkscad.net/img/title_l.jpg) no-repeat left top;
color: #f9f9f9;
}

/*********▽右メニュータイトル▽**********/
#rightnavi .title {
background: #ffffff;
background: url(http://www.vectorworkscad.net/img/title_r.jpg) no-repeat left top;
color: #f9f9f9;
}


#leftnavi .title a{
font-size: 14px;
font-weight: bold;
color: #f9f9f9;
text-decoration: none;
}



/********************************************
ブログの全体の要素
*********************************************/

#container {
width: 800px;
color: #111111;
text-align: left;
margin: 0 auto;
padding: 0;
background-image: url(http://www.vectorworkscad.net/img/bg.jpg);
background-repeat: repeat-y;
background-position: center;
}


/********************************************
マウスオーバー時のリンクの背景色要素
*********************************************/

a:hover {
color: #ffffff;
text-decoration: none;
background-color: #292929;
}


/********************************************
見出しタグ要素
*********************************************/

h1 {
z-index: 0;
position: absolute;
font-size: 10px;
top: 2px;
color: #a8a8a8;
float: right;
margin: 2px 10px 0 15px;
}

h1 a {
font-weight: normal;
text-decoration: none;
color: #a8a8a8;
}

h2 {
font-size: 15px;
font-weight: bold;
color: #cc0000;
text-align: left;
margin: 5px 5px 0 5px;
padding: 0 0 5px 5px;
background-image: url(http://www.vectorworkscad.net/img/midasiobi.jpg);
background-repeat: repeat-x;
background-position: left bottom;
border-left: 6px solid #666666;
}

h3 {
font-size: 15px;
font-weight: bold;
color: #cc0000;
text-align: left;
margin: 20px 0 5px 5px;
padding: 0 0 5px 5px;
background-image: url(http://www.vectorworkscad.net/img/midasiobi.jpg);
background-repeat: repeat-x;
background-position: left bottom;
}


/******************************************************************
ヘッダー画像の要素(記事ページポジションアブソリュート）
******************************************************************/

#bannerpage {
z-index: 1;
position: absolute;
width: 800px;
background-image: url(http://www.vectorworkscad.net/img/bg.jpg);
background-repeat: repeat-y;
background-position: center top;
border-style: none;
background-attachment: fixed;
height: 165px;
}

#banner_hed {
background-image: url(http://www.vectorworkscad.net/img/banner.jpg);
background-repeat: no-repeat;
width: 778px;
top: 5px;
background-position: center bottom;
height: 125px;
text-decoration: none;
font-size: 12px;
color: #999999;
font-weight: bold;
margin: 0 11px 10px 11px;
border-bottom: 1px solid #ececec;
padding: 0px;
}

#banner_hed a {
text-decoration: none;
color: #fafafa;
}

#banner_sitename {
font-size: 20px;
color: #cccccc;
line-height: normal;
padding: 20px 0 15px 10px;
font-weight: bold;
width: 460px;
position: absolute;
}


/********************************************
ブログ説明文の要素
*********************************************/

.description {
position: absolute;
top: 25px;
right: 20px;
width: 300px;
text-align: right;
font-size: 8pt;
line-height: 12pt;
color: #e6e6e6;
}


/********************************************
コンテンツ全体（ヘッダ＆右＆左＆フッター）
*********************************************/

#contentpage {
z-index: 4;
position: absolute;
top: 188px;
text-align: left;
width: 800px;
background-image: url(http://www.vectorworkscad.net/img/bg.jpg);
background-position: center top;
background-repeat: repeat-y;
background-attachment: fixed;
}


/********************************************
中央コンテンツ部分と左メニュー
********************************************/

#left-main {
float: right;
width: 555px;
overflow: hidden;
margin: 0 10px 0 0;
}


/********************************************
左右メニュー
********************************************/

/*********左メニューサイズ設定**********/
#leftnavi {
overflow: hidden;
float: left;
width: 220px;
margin: 0 0 0 3px;
}

/*********▽検索エリアの要素▽**********/
.kensaku {
padding: 8px;
text-align: center;
}

/*********▽左右メニューボックス帯▽**********/
.left-mbox,.right-mbox,.mbox,.contents {
margin: 10px;
width: 200px;
}

/*********▽左右ロールオーバーメニューリストリンク▽**********/
ul.left-mbox,ul.right-mbox {
padding: 0 !important;
text-decoration: none;
}

.left-mbox li,.right-mbox li  {
padding: 0 !important;
font-size: 10pt;
list-style: none;
line-height: 17pt;
}

.left-mbox li a,.right-mbox li a {
display: block;
height: auto;
height : auto !important;
height : 20px;
padding: 5px 10px 5px 30px;
border-bottom: 1px dashed #cccccc;
background: #fafcfc url(http://www.vectorworkscad.net/img/listbox.gif) no-repeat left center;
text-decoration: none;
}

.left-mbox li a:hover,.right-mbox li a:hover {
background: #a1a1a1 url(http://www.vectorworkscad.net/img/listbox.gif) no-repeat left center;
text-decoration: none;
}


/*********▽左右メニュータイトル帯▽**********/
#leftnavi .title p {
margin: 0 10px;
padding: 5px 0 5px 15px;
font-size: 11pt;
font-weight: bold;
}

/*********▽左右サブメニューリスト▽**********/
.mbox ul {
padding: 0 !important;
text-decoration: none;
}

.mbox li {
background: url(http://www.vectorworkscad.net/img/listbox.gif) no-repeat left top;
list-style-type: none;
list-style-position: outside;
margin: 10px 0;
padding: 0 0 0 30px;
font-size: 10pt;
font-weight: normal;
line-height: 14pt;
text-align: left;
}

/*********▽左右メニュー内のPタグ▽**********/
#leftnavi p {
margin: 8px;
font-size: 10pt;
}


/********************************************
枠線の設定
********************************************/

/*********▽左メニュー▽**********/
.left-mbox {
border: 1px solid #666666;
}

/*********▽右メニュー▽**********/
.right-mbox {
border: 1px solid #666666;
}


/*********▽右メニューその他ボックス▽**********/
.mbox {
border: 1px solid #666666;
}
.contents {
border: 1px solid #666666;
}
.footer_rss {
border: 1px solid #666666;
}

/*********▽右メニューその他ボックス▽**********/


/**************************************************************************************
カテゴリページ・記事ページトピックパス要素(記事ページポジションアブソリュート）
**************************************************************************************/

.navi {
z-index: 2;
position: absolute;
top: 155px;
width: 845px;
height: 10px;
padding: 5px 5px 5px 15px;
margin: 5px;
font-size:11px;
clear: both;
float: right;
}


/*************************************
ブログ本文の全体の要素
*************************************/

.blogtop {
overflow: hidden;
float: right;
width: 540px;
padding: 0px 5px 5px 5px;
margin: 5px 2px 0 2px;	
}


.blog {
overflow: hidden;
float: right;
width: 540px;
padding: 220px 5px 5px 5px;
margin: 10px 2px 0 2px;	
}

.blog2 {
overflow: hidden;
float: right;
width: 540px;
padding: 0 5px 5px;
margin: 10px 2px 0 2px;
	
}

.blog3 {
overflow: hidden;
padding: 0 25px 15px;
margin: 0 35px;
}


/*************************************
中央記事部分
*************************************/

.blog .ktex {
clear: both;
margin: 5px;
}


.ktex {
font-size: 15px;
line-height: 170%;
padding: 5px 5px 5px 15px;
}


.ktex2 {
font-size: 15px;
line-height: 170%;
padding: 0 25px 25px;
border-right: 15px solid #A9A9A9;
border-left: 15px solid #A9A9A9;
}

.ktex p {
margin: 0 0 22px 0;
font-size: 13px;
}

.ktex a {
border-style: none;
}

.ktex img {
margin: 5px 8px;
}

.ktex ol,.ktex ul {
margin: 9px 13px 11px 10px;
padding: 0 0 0 10px;
}

.ktex ol,.ktex ul,.ktex2 ol,.ktex2 ul {
margin: 9px 13px 11px 10px;
padding: 0 0 0 10px;
}


/*************************************
記事ページの左下のカテゴリの要素
*************************************/

.posted {
text-align: right;
font-size: 10px;
margin: 0 5px 0 0;
padding: 0 15px 5px 10px;
}

.posted a { 
font-weight: bold;
text-decoration: none;
color: #a8a8a8;
}


/*************************************
フッターの装飾
*************************************/

#footer {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #cccccc;
clear: both;
margin: 15px 8px 15px 5px;
}

.footer_left {
font-weight: normal;
text-align: left;
color: #000000;
clear: left;
float: right;
width: 745px;
padding: 5px 10px 5px 5px;
border-right: 3px double #616161;
border-left: 3px double #616161;
margin: 15px 10px 10px 15px;
font-size: 12px;
}

.footer_left a {
font-weight: normal;
text-decoration: none;
color: #a8a8a8;
}

.footer_left .ul {
margin: 7px 0;
}

.footer_left li {
display: inline;
margin: 0 0.2em;
font-size: 10pt;
line-height: 14pt;
}


/*************************************
RSSのCSS
*************************************/

#leftnavi .footer_rss {
margin: 10px;
width: 200px;
font-size: 10pt;
}

#leftnavi .footer_rss ul {
font-weight: normal;
color: #0c0c0c;
clear: none;
padding-left: 10px;
}

#leftnavi .footer_rss li {
background-image: url(http://www.vectorworkscad.net/img/feed.gif);
background-repeat: no-repeat;
font-size: 12px;
list-style: none;
padding: 0 0 0 23px;
margin: 10px;
}

#leftnavi .footer_rss a {
text-decoration: none;
color: #a8a8a8;
}


/*************************************
COPYRIGHT部分
*************************************/

.copy {
text-align: center;
color: #a8a8a8;
font-size: 10px;
border-width: 1px 0 0;
border-style: solid none none none;
clear: both;
}
.copy a {
font-weight: bold;
text-decoration: none;
color: #a8a8a8;
}


/**********************************************************
装飾（ブロックロート＆テキストエリア）
**********************************************************/

blockquote {
background-color: #feff99;
border:1px solid #c00000;
padding: 15px;
margin: 5px;
}

textarea {
margin-bottom: 5px;
}

.blockquote ul {	
margin: 9px 13px 11px 13px;
padding: 0 0 0 28px;
}


/*************************************
装飾（チェックボックスリスト)
*************************************/

.blockquote1 li {
font-size: 12px;
margin-bottom: 0.1em;
font-weight: normal;
background-image: url(http://www.vectorworkscad.net/img/check1.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
padding-left: 28px;
}

.blockquote2 li {
font-size: 12px;
margin-bottom: 0.1em;
font-weight: normal;
background-image: url(http://www.vectorworkscad.net/img/check2.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
padding-left: 28px;
}

.blockquote3 li {
font-size: 12px;
margin-bottom: 0.1em;
font-weight: normal;
background-image: url(http://www.vectorworkscad.net/img/check3.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
padding-left: 28px;
}


.blockquote4 li {
font-size: 12px;
margin-bottom: 0.1em;
font-weight: normal;
background-image: url(http://www.vectorworkscad.net/img/check4.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
padding-left: 28px;
}


.blockquote5 li {
font-size: 12px;
margin-bottom: 0.1em;
font-weight: normal;
background-image: url(http://www.vectorworkscad.net/img/check5.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
padding-left: 28px;
}

.blockquote6 li {
font-size: 12px;
margin-bottom: 0.1em;
font-weight: normal;
background-image: url(http://www.vectorworkscad.net/img/check6.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
padding-left: 28px;
}

.blockquotemenu {
background-image: url(http://www.vectorworkscad.net/img/mi-f1.jpg);
font-size: 12px;
background-repeat: no-repeat;
line-height: normal;
border-style: none;
padding: 15px 0 15px 25px;
background-position: left center;
margin-left: 5px;
font-weight: bold;
color: #cc0000;
left: -25px;
}


/*************************************
文字を太文字に変更するCSS
*************************************/

.b {
font-weight: bold;
}


/*************************************
背景を蛍光黄色と太文字に変更するCSS
*************************************/

.y {
font-weight: bold;
background-color: yellow;
}


/*************************************
背景を薄黄色に変更するCSS
*************************************/

.weby {
background-color: #ffff99;
}


/*************************************
赤に文字色を変更するCSS
*************************************/

.r {
color: red;
}

/*************************************
論理強調タグのCSS
*************************************/

em {
font-weight: normal; 
font-style: normal;
text-decoration: none;
}

strong {
font-weight: normal; 
font-style: normal;
text-decoration: none;
}


/*************************************
カテゴリ記事リスト（サイトマップページ該当）
*************************************/

#clist {
text-align: left;
border: 1px solid #333333;
font-size: 14px;
list-style-type: none;
margin: 5px 5px 25px;
text-decoration: none;
background-color: #ffffff;
padding: 5px 10px 10px;
}

#clist ul {
margin: 11px 13px;
}

#clist li {
margin-bottom: 1em;
font-size: 90%;
font-weight: normal;
background-image: url(http://www.vectorworkscad.net/img/yaji.gif);
background-repeat: no-repeat;
background-position: left center;
list-style: none;
padding-left: 15px;
}

#clist h2 {
margin: 0 0 0 5px;
padding: 0 0 0 25px;
background-image: url(http://www.vectorworkscad.net/img/mi-f1.jpg);
font-size: 14px;
background-repeat: no-repeat;
line-height: normal;
border-style: none;
background-position: left center;
background-color: #ffffff;
}

.clist2 {
text-align: left;
border: 1px solid #333333;
font-size: 14px;
list-style-type: none;
margin: 10px 5px 25px;
text-decoration: none;
background-color: #ffffff;
padding: 5px 10px 10px;
}

.clist2 ul {
margin: 11px 13px;
}

.clist2 li {
margin-bottom: 1em;
font-size: 90%;
font-weight: normal;
background-image: url(http://www.vectorworkscad.net/img/yaji.gif);
background-repeat: no-repeat;
background-position: left 25%;
list-style: none;
padding-left: 15px;
}

.clist2 p {
margin: 0 0 0 5px;
padding: 0 0 0 25px;
background-image: url(http://www.vectorworkscad.net/img/mi-f1.jpg);
font-size: 14px;
background-repeat: no-repeat;
line-height: normal;
border-style: none;
background-position: left center;
background-color: #ffffff;
font-weight: bold;
color: #cc0000;
}

.clist2 p a {
font-weight: bold;
color: #cc0000;
text-decoration: none;
}


/*************************************
アドセンス部分
*************************************/

.ads1 {
z-index: 2;
text-align: left;
top: 230px;
padding: 5px;
margin: 0 0 0 5px;
font-size: 10px;
}

.ads2 {
z-index: 2;
padding: 0px;
color: #000000;
position: absolute;
height: 370px;
top: 0;
margin: 10px 0 0;
width: 540px;
}

.ads {
padding: 0px;
color: #000000;
margin: 10px 0 0;
width: 540px;
}

/*************************************
スポンサードリンクの記述CSS
*************************************/

.sponsored {
text-align: left;
font-size: 13px;
font-family: "Tahoma", "Verdana", "Arial", sans-serif;
height: 16px;
color: #333333;
background-color: #ffffff;
margin: 1px;
border-top: 1px solid #ececec;
width: 525px;
}

.sponsored1 {
z-index: 4;
top: 210px;
text-align: left;
font-size: 13px;
font-family: "Tahoma", "Verdana", "Arial", sans-serif;
height: 16px;
color: #333333;
background-color: #ffffff;
border-top: 1px solid #ececec;
}

.sponsored2 {
text-align: left;
font-size: 13px;
font-family: "Tahoma", "Verdana", "Arial", sans-serif;
height: 16px;
color: #333333;
background-color: #ffffff;
margin: 1px;
border-top: 1px solid #ececec;
width: 525px;
}


/*************************************
画像整列する場合のを右や左へ寄せる要素
　（　記事テキストエリア該当　）
*************************************/

.img {
border: none;
}

/*********▽右寄せ▽**********/
.imgr {
float: right;
}

/*********▽左寄せ▽**********/
.imgl {
float: left;
}

/*********▽右や左の回り込み解除▽**********/
.clear { clear: both; } 
.clearleft { clear: left; }
.clearright { clear: right; }

a.none{
text-decoration: none;
color: #111111;
}


/************************************************************
  MT4 version powered by Tomoya.O
  Copyright(C)F-wood Web Factory All Rights Reserved. 
*************************************************************/