/*------------------------------------------------------------
FWOOD流 MT4版　情報商材サイト1カラムCSS
-------------------------------------------------------------*/

/*************************************
基本レイアウト
*************************************/

* {
margin: 0;
padding: 0;
}

html { 
margin: 0; padding: 0; 
}

form, input { 
margin: 0; padding: 0; 
}

a img { 
border: 0; 
}


/*************************************
ページレイアウト
*************************************/

body {
font-size: 12px;
line-height: 135%;
margin: 0 0 -5px 0;
padding: 0;
color: #000000;
font-family: Verdana, Arial, sans-serif;
background-color: #000000;
text-align: center;
}

#container {
width: 820px;
margin: 0 auto;
padding: 0;
color: #000000;
text-align: left;
border: 1px none #000000;
background: #ffffff url(http://timejackfreak.net/img/bg_container.jpg) repeat-y;
background-position: center;	
}


/*************************************
リンク色
*************************************/

a { 
color: #0000ff;
font-weight: normal;
text-decoration: underline;
}


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

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


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

h1 {
margin: 0 45px 0 0;
font-weight: normal;
font-size: 10px;
color: #ffffff;
}

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

h2 {
font-size: 18px;
margin: 0 35px 0 30px;
padding: 5px 0 5px 25px;
font-weight: bold;
color: #cc0000;
border-left: 6px solid #095391;
border-bottom: none;
background: url(http://timejackfreak.net/img/h2.jpg) repeat-x;
background-position: left bottom;
text-align: left;
}

h3 {
font-size: 18px;
margin: 20px 0 0 5px;
padding: 0 0 5px 5px;
font-weight: bold;
color: #cc0000;
background: #ffffff url(http://timejackfreak.net/img/h3.jpg) repeat-x;
background-position: left top;
border-style: none;
text-align: left;
}

h4 {
font-size: 13px;
margin: 0 5px 5px -10px;
padding: 10px 5px 5px 10px;
color: #cc0000;
font-weight: bold;
text-align: left;
background: url(http://timejackfreak.net/img/h4.jpg) repeat-x;
background-position: bottom;
border-top: 0 none;
border-right: 0 none;
border-left: 0 none;
border-bottom: 1px solid #C4ECFF;
}

h5 {
font-size: 12px;
padding: 0 0 0 5px;
font-weight: bold;
text-align: left;
color: #ffffff;
background-color: #9c9c9c;
background-position: bottom;
}


/*************************************
***ヘッダートピックパスの要素 ***
*************************************/

.topicpath1 {
width: 820px;
margin: 0;
right: 1px;
padding: 0 0 0 115px;
_padding: 0 50px;
font-size: 10px;
line-height: 20px;
height: 35px;
border-style: none;
text-align: center;
}

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


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

.top-menu-list {
z-index: 0;
position: absolute;
width: 150px;
top: -42px;
font-size:10px;
text-align: right;
margin: 0 10px 0 0;
padding: 10px 35px 10px 10px;
height: 22px;
border-style: none;
left: 630px;
clear: none;
}

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


/*************************************
TOPページ限定のカテゴリメニューの要素
*************************************/

.cmenu {
z-index: 2;
width: 745px;
margin: 10px 0 15px 35px;
padding: 5px 10px;
color: #000000;
font-size: 18px;
font-weight:normal;
text-align:center;
line-height:110%;
position: absolute;
top: 255px;
}

.cmenu img {
text-decoration: none;
color: #a8a8a8;
border: none;
}


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

#bannerpage {
z-index: 1;
position: absolute;
width: 820px;
padding: 0 0 305px 0;
background: url(http://timejackfreak.net/img/heder.jpg) no-repeat;
background-position: center top;
height: 630px;
border-style: none;
}

#banner_catpage {
z-index: 1;
position: absolute;
width: 820px;
padding: 0 0 305px 0;
background: url(http://timejackfreak.net/img/heder.jpg) no-repeat;
background-position: center top;
height: 280px;
border-style: none;
}

#banner_hed {
width: 800px;
top: 0;
left: 10px;
margin: 15px 0 0 0;
padding: 180px 5px 50px 5px;
height: 220px;
font-size: 12px;
color: #999999;
font-weight: bold;
text-decoration: none;
background: url(http://timejackfreak.net/img/banner/banner24.jpg) no-repeat;
position: relative;
background-position: left top;
}

#banner_hed a {
text-decoration: none;
font-weight: bold;
color: #999999;
}


/*************************************
コンテント枠の要素
*************************************/

#contentpage {
z-index: 3;
width: 820px;
margin: 0 0 100px 0;
padding: 0;
position: absolute;
top: 660px;
text-align:center;
background: #000099 url(http://timejackfreak.net/img/bg_container.jpg) repeat-y;	
background-position: center top;
background-attachment: fixed;
}

#content_cat_page {
z-index: 6;
width: 820px;
margin: 0 0 250px 0;
position: absolute;
top: 280px;
text-align:left;
background: #ffffff url(http://timejackfreak.net/img/bg_container.jpg) repeat-y;
background-position: center top;
background-attachment: fixed;
}


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

.navi {
z-index: 3;
width: 740px;
top: 260px;
margin: 0 20px 8px 30px;
padding: 0 10px;
position: absolute;
text-align: left;
font-size: 11px;
height: 16px;
color: #a8a8a8;
background-color: #ececec;
}

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


/*************************************
説明文補足飾り要素
*************************************/

.obi {
z-index: 2;
width: 740px;
top: 265px;
margin: 10px 20px 2px 30px;
padding: 5px 10px 2px;
position: absolute;
font-size: 10px;
height: 13px;	
background-color: #D6DFEE;
text-align: center;
}

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

.obi a:hover {
color: #ffffff;
text-decoration: none;
background-color: #ff8000;
}


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

.blog {
margin: 33px 0 0 5px;
padding: 5px 5px;
text-align: left;
}


/*************************************
商品記事部分
*************************************/

.ktex {
width: 745px;
margin: 0 10px 0 25px;
padding: 10px;
font-family:"Tahoma", "Verdana", "Arial", sans-serif;
font-size: 16px;
line-height: 170%;
border-style: none;
}

.ktex p {
padding: 10px 10px 10px 17px;
font-size: 16px;
}

.ktex a {
border-style: none;
}

.ktex img {
border-style: none;
}

.ktex ol {
margin: 0 0 0.1em 20px;
padding: 0 0 0 28px;
font-size: 16px;
font-weight: normal;
list-style: decimal;
}

.ktex ul {
margin: 0 0 0.1em 20px;
padding: 0 0 0 28px;
font-size: 16px;
font-weight: normal;
list-style: disc;
}


/*************************************
本文の要素ブロック要素
*************************************/

.text {
color: #333333;
margin: 0;
padding: 10px 5px 0;
line-height: 165%;
}

.text a {
color: #0000ff;
font-weight: normal;
text-decoration: underline;
border: none;
}


/*************************************
記事すぐしたのコピーボックスなどが入るブロック要素
*************************************/

#copybox {
width: 735px;
margin: 10px 30px 5px;
padding: 0 0 10px 20px;
font-size: 10pt;
height: 160px;
border-top: 1px solid #e9f0f8;
border-bottom: 1px solid #e9f0f8;
text-align:left;
}

#copybox a {
font-size: 12px;
color: #a8a8a8;
font-weight: bold;
text-decoration: none;
}


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

#footer {
background: #000000 url(http://timejackfreak.net/img/footer.jpg) no-repeat;/*背景色にあわせる*/
background-position: center top;
height: 220px;
clear: left;
}

.footer_left {
width: 490px;
margin: 5px 5px 5px 25px;
padding: 5px 10px;
font-size: 10pt;
color: #000000;
font-weight: normal;
border: 2px dotted #d1dded;
text-align: left;
float: left;
clear: left;
}

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

#footer hr {
background-color: #ffffff;
color: #ffffff;
border: none;
clear: both;
margin: 0px 20px 0px 20px;
}


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

#footer_rss ul {
width: 190px;
color: #000000;
font-weight: normal;
text-align: left;
border: 1px solid #c4ecff;
float: right;
clear: none;
}

.footer_rss li {
padding: 0 0 0 25px;
font-size: 12px;
line-height: 18px;
background: #ffffff url(http://timejackfreak.net/img/feed.gif) no-repeat;
list-style: none;
}

.footer_rss {
width: 200px;
margin:5px 25px 10px 15px;
padding: 5px;
color: #000000;
font-weight: normal;
border: 1px solid #d6dfee;
text-align: left;
float: right;
clear: none;
}

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


/*************************************
フッターアフィリリンク部要素
*************************************/

.obi2 {
z-index: 4;
width: auto;
margin: 0 30px 0 35px;
padding: 5px 0;
font-size: 14pt;
background-color: #ffffcc;
text-align:center;
clear: both;
}

.obi3 {
z-index: 4;
width:725px;
margin: 0 30px 0 35px;
padding: 5px 0 5px 10px;
font-size: 14pt;
background-color: #ffffcc;
text-align:left;
clear: both;
}


/*************************************
コピーライト部分
*************************************/

.copy {
margin: 15px 0 0 0;
padding: 60px 0 0;
height: 50px;
font-size: 10px;
color: #a8a8a8;
text-align: center;
}

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


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

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

textarea {
margin: 0 0 5px 0;
}

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


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

.blockquote1 li {
margin: 0 0 0.1em -20px;
padding: 0 0 0 28px;
font-size: 16px;
font-weight: normal;
background: #ffffff url(http://timejackfreak.net/img/check1.gif) no-repeat;
background-position: left center;
list-style: none;
}

.blockquote2 li {
margin: 0 0 0.1em -20px;
padding: 0 0 0 28px;
font-size: 16px;
font-weight: normal;
background: #ffffff url(http://timejackfreak.net/img/check2.gif) no-repeat;
background-position: left center;
list-style: none;
}

.blockquote3 li {
margin: 0 0 0.1em -20px;
padding: 0 0 0 28px;
font-size: 16px;
font-weight: normal;
background: #ffffff url(http://timejackfreak.net/img/check3.gif) no-repeat;
background-position: left center;
list-style: none;
}

.blockquote4 li {
margin: 0 0 0.1em -20px;
padding: 0 0 0 28px;
font-size: 16px;
font-weight: normal;
background: #ffffff url(http://timejackfreak.net/img/check4.gif) no-repeat;
background-position: left center;
list-style: none;
}

.blockquote5 li {
margin: 0 0 0.1em -20px;
padding: 0 0 0 28px;
font-size: 16px;
font-weight: normal;
background: #ffffff url(http://timejackfreak.net/img/check5.gif) no-repeat;
background-position: left center;
list-style: none;
}

.blockquote6 li {
margin: 0 0 0.1em -20px;
padding: 0 0 0 28px;
font-size: 16px;
font-weight: normal;
background: #ffffff url(http://timejackfreak.net/img/check6.gif) no-repeat;
background-position: left center;
list-style: none;
}


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


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

.b{
font-weight: bold;
}


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

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


/*************************************
文字色を赤に変更する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;
}


/*************************************
ブロックを右や左へ寄せる要素（リンクボックス該当）
*************************************/

.imgr {
font-size: 11px;
color: #000000;
margin: 3px 10px 5px 5px;
padding: 5px;
border-top: 1px solid #d2deec;
border-right-style: none;
border-bottom: 1px solid #d2deec;
border-left-style: none;
background-color: #f3f8fc;
float: right;
}

.imgl {
width: 285px;
margin: 5px 0;
padding: 10px;
font-size: 11px;
background-color: #f0f0f0;
float: left;
}


/*************************************
特典請求フォームと購入相談フォーム
*************************************/

.imgc {
text-align: center;
margin-left: auto;
margin-right: auto;
}


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

#clist {
margin: 30px;
padding: 5px 10px 10px;
font-size: 14px;
text-decoration: none;
border: 3px double #b2b2b2;
background-color: #e9f0f8;
list-style-type: none;
text-align: left;
}

#clist ul {
margin-top: 13px;
}

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

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


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