/*div { border: solid 1px #f00; }*/

/*******************************************************************/
/* ▽ ページ全体の設定 */
body { 
text-align:left;
font-size:12pt;
line-height:1.6;
} 

/* ■ 画像の設定 */
img{
border:0;
/*height:inherit;*/
}

/* ■ 箇条書きの設定 */
ul{
}

li{
}

li .sub{
}

/* ▼ リンク */
a:link {
color:#0000FF;
text-decoration:underline;
}
a:active {
color:#660099;
color: #999;
text-decoration:underline;
}
a:visited {
color:#660099;
text-decoration:underline;
}
a:hover {
color:#660099;
text-decoration:underline;
}
/* ▼ リンク */

/* ▼ 見出し */
h1 {
font-size:12px;
margin:0;
}

h2 {
font-size:12px;
color:#534741;
margin:0;
padding:0;
}

h3 {
margin:0;
padding:0;
}

h4 {
font-size:14px;
margin:0;
padding:0;
}
/* ▲ 見出し */

/* ■ テキストパターン１ */
.subtext1{
font-size:12px;
}

/* ■ 初期化クラス */
.clear {
	clear: both;
	height: 20px;
}

/* ■ ページナビゲーション */
.pagenavi{
font-size:12px;
margin:10px 0 10px 0;
text-align:center;
}

.topad{
text-align:center;
}

/* △ ページ全体の設定 */

/*******************************************************************/
/* ▽ レイアウトの設定 */
/* ■ コンテナー */
#container { 
/*border: solid 4px #00f;*/
background-color:#FFFFFF;                     /* サイト背景色 */
width:810px;                                         /* 全体 */
margin:0 auto;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
}

/* ■ 中央コンテンツ */
#contents{
width:810px;
float:left;
padding:10px 0 0 0;
}

/* ■ 記事表示部分 */
#center {
width:370px;
/*word-break: break-all;*/
float:right;
}

/* ■ center+left(レイアウト用) */
#center-left{
width:590px;
float:left;
padding:0;
}

/* ■ 左サイドメニュー */
#left {
width:210px;
text-align:center;
float:left;
padding:0 0 0 1px; 
} 

/* ■ 右サイドメニュー */
#right {
width:210px;
float:right;
padding-right:1px; 
} 
/* △ レイアウトの設定 */

/*******************************************************************/
/* ▽ ヘッダーの設定 */
#header {
width:100%;
/*border-bottom:1px solid #D3DFED;*/
position:relative;
}

/* ■ タイトル */
#titlearea {
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
background-position:1% 50%;
padding:0 0 0 0;
}

/* ■タイトルのリンク色 */
.titlelink:link {  color: #000000; text-decoration: none}
.titlelink:visited {  color: #000000; text-decoration: none}
.titlelink:active {  color: #CCCC99; text-decoration: none}
.titlelink:hover {  color: #3F6392; text-decoration: underline}

/* ▼ 概要 */
#description{
background-color:#FFFFCC;
border: solid 2px #663300;
margin:0 5px 5px 400px;
padding:5px;
}

/*description h2{
padding:20px;
color:#663300;
}*/
/* ▲ 概要 */

/* △ ヘッダーの設定 */

/*******************************************************************/
/* ▽ サイドメニューの設定 */
/* ■ サイドメニュー上部*/
#colhead {
background-image:url(http://24.dtiblog.com/f/fxbgnrtrade/file/col_head01.jpg);
width:180px;
height:31px;
text-align:center;
}

/* ■ サイドメニュータイトル*/
.colheadtext {
padding:10px 30px 0 30px;
font-size:12px;
font-weight:bold;
}

/* ■ サイドメニュー内容*/
#colbody {
background-image:url(http://24.dtiblog.com/f/fxbgnrtrade/file/col_body01.jpg);
width:180px;
text-align:left;
}

/* ■ サイドメニュー下部*/
#colfoot {
background-image:url(http://24.dtiblog.com/f/fxbgnrtrade/file/col_foot01.jpg);
width:180px;
height:25px;
text-align:center;
}
/* ▲ サイドメニュー　デザイン枠 */


/* ■ プラグイン内容 */
.sideberbody {
width:170px;
overflow: hidden;
}

/* ▼ サイドメニュー */
.sideber {
width: 200px;
color: #232323;
/*word-break: break-all;*/
}

/* ▼ その他のメニュー内のリスト */
.sideber ul {
list-style-type: square;
padding:  0 0 0 10px;
margin: 0 0 5px 0;
}
.sideber ul li {
font-size: 12px;
margin: 0 0 0 0.7em;
list-style-position: outside;
}
/* ▲ その他のメニュー内のリスト */

/* ■ サイドメニューの見出し */
.sideber h3{
color:#666;
font-size:12px;
font-weight:bold;
text-align:center;
}

.sidetitle{
width:200px;
height:30px;
background-image:url(../img/menutitle.gif);
background-repeat:no-repeat;
padding-top:7px;
padding-left:5px;
}

.sideber ul{
text-align:left;
margin-top:2px;
margin-left:15px;
padding-left:0px;
}

.sideber li{
list-style-image:url(../img/listimg1.gif);
}

.sideber .listsub{
list-style-image:url(../img/listimg2.gif);
}

.sidemenu th{
}

.favoriteBtm{
text-align:center;
margin:10px 0 10px 0;
}
/* ▲ サイドメニュー */

/* ▼ 右サイドメニュー */
addiv{
text-align:center;
}
/* ▲ 右サイドメニュー */


/* △ サイドメニューの設定 */

/*******************************************************************/
/* ▽ フッターの設定 */
#footer {
width:100%;
padding:20px;
text-align: center;
margin-top:0;
margin-right:36px;
}
/* footer 内に色々表示させたい場合はこの辺も一緒に弄った方が吉 */
#footer p {
font-size: 12px;
text-align: center;
/*letter-spacing: 0.2em;*/
}
/* △ フッターの設定 */

/*******************************************************************/
/* ▽ インデックスページの設定 */
.indexlayout{
width:590px;
}

.indexlayout tr{
padding:0 0 20px 0;
margin:0 0 10px 0;
}

.indexlayout td{
width:50%;
text-align:center;
vertical-align:top;
}

.indexmenu{
/*border: solid 1px #666666;*/
width:285px;
}

.indexmenutitle{
/*border: solid 1px #0f0;*/
color:#FFFFFF;
height:28px;
font-size:18px;
font-weight:bold;
background-image:url(../img/indexmenutitle.gif);
background-repeat:no-repeat;
padding:2px 0 2px 0;
}

.indexmenu ul{
text-align:left;
margin-top:2px;
margin-left:15px;
padding-left:7px;
}

.indexmenu li{
list-style-image:url(../img/listimg1.gif);
}

.indexmenu .listsub{
list-style-image:url(../img/listimg2.gif);
}

.indexmenu h4{
}

#indexranking{
	margin:0px 0 0px 0;
}

#indexranking .description{
	font-size:10px;
}

/* △ インデックスページの設定 */

/*******************************************************************/
/* ▽ 個別ページの共通設定 */

/* ▼ パンくずリスト */
.pankuzu{
font-size:14px;
text-align:left;
margin:0 0 0 10px;
}
/* ▲ パンくずリスト */

.box1{
width:400px;
font-size:12px;
text-align:left;
background-color:#FFFFCC;
border: solid 1px #663300;
margin:10px 0 10px 0;
padding:5px;
}

.box2{
width:400px;
font-size:12px;
text-align:left;
background-color:#CCFFFF;
border: solid 1px #CCCCFF;
margin:10px 0 10px 0;
padding:5px;
}

.box2 ul{
margin:0 0 0 0px;
padding:0 0 0 20px;
}

.box2 .listsub{
margin:0 0 0 0px;
padding:0 0 0 0;
list-style-image:url(../img/listimg2.gif);
}

.box3{
width:400px;
font-size:12px;
text-align:left;
background-color:#FFFFCC;
border: solid 1px #663300;
margin:10px 0 10px 0;
padding:5px;
}

.box3 .kanrenpage{
font-weight:bold;
padding:0 0 0 5px;
color:#333333;
}

.box3 td{
width:50%;
padding:0 0 0px 0;
}

.box3 ul{
padding:0 0 0 15px;
margin:0 0 0 0 ;
}

.box3 li{
padding:0 0 0 0;
}

.table1{
margin:10px 0 10px 0;
width:540px;
}

.table1 td{
text-align:center;
width:270px;
}

.table1 .explanation{
padding:5px;
text-align:left;
}

.table1 img{
max-width:270px;
}

.startBtm{
margin:10px 0 10px 0;
}

.cmTable{
width:420px;
font-size:12px;
text-align:center;
background-color:#FFF;
border: solid 1px #FFF;
margin:10px 0 10px 0;
padding:5px;
}

.cmTable td{
width:140px;
}
/* △ 個別ページの共通設定 */