/* BIGINING
----------------------------------------*/
.tips {line-height:100%;}
.tips a:hover {text-decoration:none;}

.howto {line-height:100%;}
.howto a:hover {text-decoration:none;}
.howto#linux{margin:5px 0px;padding:0px;}

/* TREE
----------------------------------------*/
div#dir {font-size:12px;}
div#dir a:link, div#dir a:visited {
display:block;
float:left;
margin:5px 5px 5px 0px;
padding:3px 6px;
color:#777799;
background-color:#DDDDFF;
border:1px solid #777799;
}

.tips div#dir a:hover {background-color:#AADDFF;}
.tips#howto div#dir a:hover {background-color:#FFFF99;}
.tips#linux div#dir a:hover {background-color:#99FF99;}
.tips div#dir a span {margin:0px 3px;color:#999999;}

.howto div#dir a:hover {background-color:#AADDFF;}
.howto div#dir a:hover {background-color:#FFFF99;}
.howto div#dir a span {margin:0px 3px;color:#999999;}

/* TITLE
----------------------------------------*/
h1 {
margin:0px;
padding:10px 8px 8px 8px;
font-size:93%;
font-family:Verdana,Helvetica,sans-serif;
line-height:100%;
clear:both;
background-color:#003399;
background:url("http://image.itmedia.co.jp/help/images/tips_bg.jpg") repeat-x 0px 0px;
border-bottom:1px solid #005AAF;
}
.tips#linux h1 {
background-color:#006600;
background:url("http://image.itmedia.co.jp/help/images/linux_bg.jpg") repeat-x 0px 0px;
border-bottom:1px solid #006600;
}
.tips#howto h1 {
background-color:#993300;
background:url("http://image.itmedia.co.jp/help/images/howto_bg.jpg") repeat-x 0px 0px;
border-bottom:1px solid #996633;
}
.tips h1 a:link, .tips h1 a:visited {
color:white;
}

/* MENU AREA
----------------------------------------*/
h2 a {
margin:0px;
padding:0px 3px;
ling-height:110%;
}

.tips div#bg {
margin:0px;
padding:0px 5px 5px 5px;
background:url("http://image.itmedia.co.jp/help/images/windows_bg.gif") repeat-x 0px 0px;
background-color:#AAD1F6;
border:1px solid #99BDDF;
}

.tips#linux div#bg {
background:url("http://image.itmedia.co.jp/help/images/linux_bg.gif") repeat-x 0px 0px;
background-color:#99FF66;
border-top:1px solid #99FF66;
border-left:1px solid #99FF66;
border-bottom:1px solid #006600;
border-right:1px solid #006600;
}

.tips#howto div#bg {
background:url("http://image.itmedia.co.jp/help/images/howto_bg.gif") repeat-x 0px 0px;
background-color:#993300;
border-top:1px solid #FFCC66;
border-left:1px solid #FFCC66;
border-bottom:1px solid #996633;
border-right:1px solid #996633;
}

.tips div#icon {
margin:7px 0px 7px 5px;
width:57px;
height:57px;
float:left;
background:url("http://image.itmedia.co.jp/help/images/tips_windows.jpg") repeat-x 0px 0px;
border-width:0px;
}

.tips#linux div#icon {
margin:7px 0px 7px 5px;
width:57px;
height:57px;
float:left;
background:url("http://image.itmedia.co.jp/help/images/tips_linux.jpg") repeat-x 0px 0px;
border-width:0px;
}

.tips#howto div#icon {
margin:7px 0px 7px 5px;
width:57px;
height:57px;
float:left;
background:url("http://image.itmedia.co.jp/help/images/howto.jpg") repeat-x 0px 0px;
border-width:0px;
}

.tips div#menu {
padding:13px 5px 5px 0px;
font-size:12px;
float:left;
}

.tips h2 {
margin:15px 0px 5px 15px;
width:120px;
font-size:12px;
font-family:Verdana,Helvetica,sans-serif;
float:left;
clear:both;
}

.tips h2 a:link, .tips h2 a:visited {
color:white;
}

.tips form {
margin:15px 0px 5px 0px;
float:left;
}

.tips form select {width:160px;color:#000066;}


/* HOW TO
----------------------------------------*/
.howto h1#howto {
font-size:110%;
color:#FFF;
background-image:url("http://image.itmedia.co.jp/help/img/howto_bg.jpg");
background-repeat:repeat-y;
margin:0px;
padding:6px 0px 4px 10px;
line-height:100%;
}

/* LIST AREA
----------------------------------------*/
.tips ul {
overflow:scroll;
height:500px;
margin:0px;
padding:0px;
font-size:80%;
list-style-type:none;
border-top:1px solid #006699;
border-left:1px solid #006699;
border-right:1px solid #BBDDFF;
border-bottom:1px solid #BBDDFF;
}

.tips ul#navi {
overflow:hidden;
height:100%;
background-color:white;
}

.tips ul#index {
overflow:hidden;
height:100%;
}

.tips#linux ul {
border-top:1px solid #009900;
border-left:1px solid #009900;
border-right:1px solid #99FF66;
border-bottom:1px solid #99FF66;
}

.tips#howto ul {
border-top:1px solid #996633;
border-left:1px solid #996633;
border-bottom:1px solid #FFCC66;
border-right:1px solid #FFCC66;
}

.tips ul#article {
overflow:hidden;
height:100%;
background-color:white;
}

.tips ul li {
margin:0px;
padding:0px;
background-color:white;
}

.tips ul#navi li {
margin:0px;
padding:5px 0px;
color:#666;
background-color:white;
}

.tips ul li#blue,
.tips select option#blue {
background-color:#DEECFF;
}

.tips ul li a:link,
.tips ul li a:visited,
.tips ul#article li {
width:96%;
display:block;
margin:0px;
padding:4px 0px 4px 0px;
color:#666;
text-indent:25px;
line-height:100%;
}

.tips ul#index li a:link,
.tips ul#index li a:visited {
background:url("http://image.itmedia.co.jp/help/images/arrow001.gif") no-repeat 5px 5px;
}
.tips ul#list li a:link,
.tips ul#list li a:visited {
background:url("http://image.itmedia.co.jp/help/images/arrow002.gif") no-repeat 5px 5px;
}
.tips ul#article li {
background:url("http://image.itmedia.co.jp/help/images/arrow003.gif") no-repeat 5px 5px;
}
.tips ul#index li a:hover,
.tips ul#list li a:hover {
background-color:#AADDFF;
}
.tips#linux ul#index li a:hover,
.tips#linux ul#list li a:hover {
background-color:#99FF99;
}