/* ボディ設定 */

body{
font-family : "Verdana,MS P ゴシック";
font-size : 10pt; 
color : #333333;
line-height : 1.3;
background-color : #FFFFFF;
margin : 15 0 0 0;  /* 外 */
padding : 0 0 0 0;  /* 内 */
text-align : center;
}

tr,td{
font-family : "Verdana,MS P ゴシック";
font-size : 10pt; 
color : #333333;
line-height : 1.3;
margin : 0 0 0 0;  /* 外 */
padding : 0 0 0 0;  /* 内 */
}


/*　メイン設定　*/

#main{
margin-left : auto;
margin-right : auto;
text-align : left;
width : 700px;
}

/*　リンク設定　*/

a:link {color:#0000CC; text-decoration:none ;}
a:visited {color:#0000CC; text-decoration:none ;}
a:active {color:#FF0000; text-decoration:underline ;}
a:hover {color:#FF0000; text-decoration:underline ;}

/*　ロゴ設定 */

#logo{
float : left;
width : 300px;
}

#greeting{
float : left;
width : 400px;
}

/*　フロートクリア　*/

#fc {
clear: both;
margin : 0 0 20 0;
padding : 0 0 0 0;
}

/*　見出し設定　*/

H1{
font-size : 12pt;
color : #CC0033;
text-align : right;
margin : 0 0 0 0;
}

H2{
font-size : 10pt;
color : #666666;
text-align : right;
margin : 0 0 0 0;
}


/* トップメニュー設定 */

#top_menu{
width : 100%;
height : 30px;
color : #993333;
font-weight : bold;
border-top : solid 1px #FFCCCC;
border-bottom : solid 2px #993333;
background-image : url("img/top_menu_bg.gif");
margin : 5 0 0 0;
padding : 6 0 0 0;
}

/* イエロー部分 */
/* イエロータイトル設定 */

#title_yellow{
height : 24px;
color : #B22222;
text-align : left;
font-weight : bold;
background : #FFD700;
border-bottom : dotted 1px #FFD700;
margin : 0 0 5 0;
padding : 2 0 0 10;
}

/* 電脳卸検索窓 */

#dennou_search{
float : left;
width : 180px;
height : 520px;
text-align : center;
border-right : solid 1px #FFD700;
border-bottom : solid 1px #FFD700;
margin : 0 20 0 0;
padding : 0 0 0 0;
}

/* 電脳卸カテゴリ */

#dennou_category{
float : left;
width : 500px;
height : 520px;
text-align : center;
border-right : solid 1px #FFD700;
border-bottom : solid 1px #FFD700;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

/* グリーン部分 */
/* グリーンタイトル設定 */

#title_green{
height : 24px;
color : #FFFFFF;
text-align : left;
font-weight : bold;
background : #669966;
border-bottom : dotted 1px #669966;
margin : 0 0 5 0;
padding : 2 0 0 10;
}

/* 更新情報・ニュース、スクロール設定 */

#update{
float : left;
width : 320px;
height : 360px;
border-right : solid 1px #669966;
border-bottom : solid 1px #669966;
margin : 0 20 0 0;
padding : 0 0 0 0;
}

#scroll{
width: 100%;
height: 325px;
letter-spacing: normal;
position: static;
display: list-item;
overflow: auto;
z-index: 1;
font-size: 10pt;
color: #FFFFFF;
line-height: 1.3;
background-color: #FFFFFF;
padding: 3px;
}

/* ニュース設定 */

#news{
float : left;
width : 170;
height : 360;
text-align : left;
background : #FFFFFF;
border-top : solid 1px #669966;
border-right : solid 1px #669966;
border-bottom : solid 1px #669966;
border-left : solid 1px #669966;
margin : 0 20 0 0;
padding : 0 0 0 0;
}

/* 天気設定 */

#weather{
float : left;
width : 170;
height : 360;
text-align : center;
background : #FFFFFF;
border-top : solid 1px #669966;
border-right : solid 1px #669966;
border-bottom : solid 1px #669966;
border-left : solid 1px #669966;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

/* ブルー部分 */
/* ブルータイトル設定 */

#title_blue{
height : 24px;
color : #FFFFFF;
text-align : left;
font-weight : bold;
background : #3366FF;
border-bottom : dotted 1px #3366FF;
margin : 0 0 5 0;
padding : 2 0 0 10;
}

/* 検索部分設定 */

#search{
float : left;
width : 550;
height : 190;
text-align : left;
background : #FFFFCC;
border-right : solid 1px #3366FF;
border-bottom : solid 1px #3366FF;
margin : 0 20 0 0;
padding : 0 0 0 0;
}

/* 検索フォーム設定 */

#search_form{
width : 100%;
text-align : center;
margin : 0 0 0 0;
padding : 10 5 0 0;
border-bottom : dotted 1px #3366FF;
}

/* 占い設定 */

#uranai{
float : left;
width : 130;
height : 190;
text-align : left;
background : #FFE6FF;
border-top : solid 1px #3366FF;
border-right : solid 1px #3366FF;
border-bottom : solid 1px #3366FF;
border-left : solid 1px #3366FF;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

/* パープル部分 */
/* パープルタイトル設定 */

#title_purple{
height : 24px;
color : #FFFFFF;
text-align : left;
font-weight : bold;
background : #CD5C5C;
border-bottom : dotted 1px #CD5C5C;
margin : 0 0 5 0;
padding : 2 0 0 10;
}

/* カテゴリ設定 */

#category{
float : left;
width : 480px;
height : 700px;
border-right : solid 1px #CD5C5C;
border-bottom : solid 1px #CD5C5C;
margin : 0 20 0 0;
padding : 0 0 0 0;
}

/* カテゴリ一覧設定 */

#category_list{
float : left;
width : 230px;
margin : 0 0 0 0;
padding : 10 10 10 0;

}

/* ランキング設定 */

#ranking{
float : left;
width : 200;
height : 700;
text-align : center;
background : #FFFFFF;
border-top : solid 1px #CD5C5C;
border-right : solid 1px #CD5C5C;
border-bottom : solid 1px #CD5C5C;
border-left : solid 1px #CD5C5C;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

/*　リスト設定　*/

ul{
list-style-type : circle;
margin : 0 0 0 10;
padding : 0 0 0 0;
}

li{
margin : 0 0 0 10;
padding : 2 0 0 0;
}


/*　区切り線設定　*/

.hr_green{
border-width : 1px 0px 0px 0px;
border-style : dotted;
height : 1px;
border-color : #669966;
margin : 0 0 0 0;
}

.hr_yellow{
border-width : 1px 0px 0px 0px;
border-style : dotted;
height : 1px;
border-color : #FFD700;
margin : 0 0 0 0;
}

.hr_blue{
border-width : 1px 0px 0px 0px;
border-style : dotted;
height : 1px;
border-color : #3366FF;
margin : 0 0 0 0;
}

.hr_bottom{
border-width : 2px 0px 0px 0px;
border-style : solid;
height : 2px;
border-color : #993333;
margin : 0 0 0 0;
}