@charset "utf-8";
/*----------------------------------
Style Setting
Author : nobuki morimatsu
Site : http://www.study1.jp
Inquiry : morimatsu@sureclix.co.jp
Date : 2008/10/15
Index
1 : Basic Setting
1-1 : Universal Selector
1-2 :
1-3 :
1-4 : ![]()
1-5 : margin
1-6 : Text align
2 : Layout Setting
2-1 : div#Link
2-2 : div#All
2-3 : div#Main
2-4 : div#Logo
2-5 : div#Gnavi
2-6 : div#Flash
2-7 : div#Pan
2-8 : div#Selection
2-9 : div#SearchTab
2-10 : div.TopBox
2-11 : div#Box
2-12 : div#Sub
2-13 : div#Footer
3 : Element Setting
3-1 : Block Level
3-2 : List
3-3 :
3-4 : other
------------------------------------*/
/*==================================
1 : Basic Setting
====================================*/
/*== 1-1 : Universal Selector */
*{
margin:0;
padding:0;
}
/*== 1-2 : */
body{
color:#333;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", "MS UI Gothic", "Arial", "Verdana", "Helvetica", "sans-serif";
line-height:1.5;
_line-height:1.3;
font-size:small;
}
html[xmlns*=""] body { /* safari */
font-size:13px;
}
/*== 1-3 :
*/
hr{
display:none;
}
/*== 1-4 : ![]()
*/
img{
border:0;
}
img.left{
float:left;
margin:0 1em 0 0;
}
img.right{
float:right;
margin: 0 0 0 1em;
}
/*== 1-5 : margin */
div.margin10{
clear:both;
margin-top:1em;
}
div.margin20{
clear:both;
margin-top:2em;
}
div.margin30{
clear:both;
margin-top:3em;
}
div.margin40{
clear:both;
margin-top:4em;
}
div.margin50{
clear:both;
margin-top:5em;
}
/*== 1-6 : Text align */
.pTxtL {
text-align:left;
}
.pTxtC {
text-align:center;
}
.pTxtR {
text-align:right;
}
/*==================================
2 : Layout Setting
====================================*/
/*== 2-1 : div#Link */
div#Link{
width:950px;
margin:0px auto;
}
div#Link ul{
float:right;
border:0; margin:0; padding:0;
}
div#Link li{
float:left; list-style-type:none; text-indent:-9999px;
}
div#Link li a {
display:block; text-decoration:none; height:21px;
background:url(../img/icon.gif) no-repeat;
}
div#Link li a.m1 {background-position: 0px 0px; width:65px;}
div#Link li a.m2 {background-position: -65px 0px; width:97px;}
div#Link li a.m3 {background-position: -162px 0px; width:93px;}
div#Link li a.m4 {background-position: -255px 0px; width:85px;}
/*== 2-2 : div#All */
div#All{
clear: both;
zoom:1;/*for IE 5.5-7*/
width:950px;
margin:0 auto;
min-height:550px;
}
/*== 2-3 : div#Main */
div#Main{
width:709px;
float:left;
}
/*== 2-4 : div#Logo */
div#Logo *{
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
}
div#Logo h1,div#Logo h2{
width:150px;
}
div#Logo div.seo{
width:400px;
font-size: 11px;
vertical-align:text-bottom;
color:#aaa;
_margin-bottom:5px;
}
/*== 2-5 : div#Gnavi */
div#Gnavi{
clear: both;
}
div#Gnavi ul{
border:0; margin:0; padding:0;
}
div#Gnavi li{
float:left; list-style-type:none; text-indent:-9999px;
}
div#Gnavi li a {
display:block; text-decoration:none; height:38px;
background:url(../img/icon.gif) no-repeat;
}
div#Gnavi li a.m1 {background-position: 0px -22px; width:119px;}
div#Gnavi li a:hover.m1 {background-position: 0 -62px;}
div#Gnavi li a.m1o {background-position: 0 -62px; width:119px;}
div#Gnavi li a.m2 {background-position: -119px -22px; width:120px;}
div#Gnavi li a:hover.m2 {background-position: -119px -62px;}
div#Gnavi li a.m2o {background-position: -119px -62px; width:120px;}
div#Gnavi li a.m3 {background-position: -239px -22px; width:119px;}
div#Gnavi li a:hover.m3 {background-position: -239px -62px;}
div#Gnavi li a.m3o {background-position: -239px -62px; width:119px;}
div#Gnavi li a.m4 {background-position: -358px -22px; width:117px;}
div#Gnavi li a:hover.m4 {background-position: -358px -62px;}
div#Gnavi li a.m4o {background-position: -358px -62px; width:117px;}
div#Gnavi li a.m5 {background-position: -475px -22px; width:117px;}
div#Gnavi li a:hover.m5 {background-position: -475px -62px;}
div#Gnavi li a.m5o {background-position: -475px -62px; width:117px;}
div#Gnavi li a.m6 {background-position: -592px -22px; width:117px;}
div#Gnavi li a:hover.m6 {background-position: -592px -62px;}
div#Gnavi li a.m6o {background-position: -592px -62px; width:117px;}
/*== 2-6 : div#Flash */
div#Flash{
clear: both;
padding-top:7px;
margin-bottom:10px;
}
/*== 2-7 : div#Pan */
div#Pan{
clear: both;
padding-top:7px;
margin-bottom:10px;
}
/*== 2-8 : div#Selection */
div#Selection{
width:205px;
border:1px solid #999;
float:left;
}
div#Selection div{
padding:10px 0 5px 5px;
border-top:1px dotted #333;
min-height:35px;
_height:35px;
}
div#Selection div:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
div#Selection div img{
float:left;
width:35px;
margin:0 5px 5px 0;
}
div#Selection div.first{
border-top:none;
}
div#Selection div a.tv{
width:40px;
height:12px;
text-indent:-9999px;
display:block;
background:url(../img/icon2.gif) no-repeat;
background-position: -300px -10px;
float:left;
font-size:10px;
}
div#Selection .size{
font-size: 10pt
}
/*== 2-9 : div#SearchTab */
div#SearchTab{
width:490px;
margin-left:215px;
_float:right;
_margin-left:0px;
}
div#SearchTab div ul{
margin-left:-9px; padding-top:10px;
}
div#SearchTab div ul li{
list-style-type:none;
padding:0 2em 0.5em 2em;
background:url(../img/icon3.gif) no-repeat;
background-position: -8px -75px;
}
div#SearchTab div#fragment-1{
background:url(../img/search_back_1.gif) top right no-repeat;
}
div#SearchTab div#fragment-1 .size{
font-size: 10pt
}
div#SearchTab div#fragment-2{
background:url(../img/search_back_2.gif) top right no-repeat;
}
div#SearchTab div#fragment-2 .size{
font-size: 10pt
}
div#SearchTab div#fragment-3{
background:url(../img/search_back_3.gif) top right no-repeat;
}
div#SearchTab div#fragment-3 .size{
font-size: 10pt
}
div#SearchTab div#fragment-4{
background:url(../img/search_back_4.gif) top right no-repeat;
}
div#SearchTab div#fragment-4 .size{
font-size: 10pt
}
div#SearchTab div#fragment-5{
background:url(../img/search_back_5.gif) top right no-repeat;
}
div#SearchTab div#fragment-5 ul li{
float:left;
width:100px;
_margin-bottom:0;
_margin-top:0;
_padding:0 2em 0 2em;
}
div#SearchTab div#fragment-5 ul li.long{
float:left;
width:200px;
}
div#SearchTab div#fragment-5 ul li.tag{
float:left;
width:400px;
background:none;
}
div#SearchTab div#fragment-5 .size{
font-size: 10pt
}
/*== 2-10 : div.TopBox */
div.TopBox{
width:490px;
border:1px solid #999;
margin-left:215px;
margin-bottom:1em;
_float:right;
_margin-left:0px;
}
div.TopBox h2{
margin:5px 0;
width:300px;
}
div.TopBox div.other{
float:right;
width:100px;
margin:-20px 0 0 0;
padding-left:15px;
background:url(../img/icon3.gif) no-repeat;
background-position: -37px 3px;
}
div.TopBox ul{
clear:right;
border-top:1px solid #999;
min-height:150px;
}
div.TopBox ul li{
list-style-type:none;
padding:0 2em 0.5em 2em;
background:url(../img/icon3.gif) no-repeat;
background-position: -8px -75px;
}
div.TopBox ul li.first{
padding-top:15px;
background-position: -8px -60px;
}
div.TopBox ul.topics li.tv,
div.TopBox ul.topics li.first_tv{
background:url(../img/icon3.gif) no-repeat;
background-position: 6px -160px;
}
div.TopBox ul.topics li.first_tv{
padding-top:15px;
background-position: 6px -145px;
}
div.TopBox ul.special li.tv,
div.TopBox ul.special li.first_tv{
background:url(../img/icon3.gif) no-repeat;
background-position: 6px -160px;
}
div.TopBox ul.special li.first_tv{
padding-top:15px;
background-position: 6px -145px;
}
div.TopBox ul.tv li{
background:url(../img/icon3.gif) no-repeat;
background-position: 6px -160px;
}
div.TopBox ul.tv li.first{
background-position: 6px -145px;
}
div.TopBox ul.topics{
}
div.TopBox ul.special{
background:url(../img/top_02.jpg) no-repeat;
background-position: 284px 5px;
}
div.TopBox ul.tv{
background:url(../img/top_03.jpg) no-repeat;
background-position: 284px 5px;
}
div.TopBox ul.report{
background:url(../img/top_04.jpg) no-repeat;
background-position: 284px 5px;
}
div.TopBox ul.interest{
background:url(../img/top_05.jpg) no-repeat;
background-position: 284px 5px;
}
div.TopBox ul.kiso{
background:url(../img/top_06.jpg) no-repeat;
background-position: 284px 5px;
}
div.TopBox .size{
font-size: 10pt
}
/*== 2-11 : div#Box */
div#Box{
clear: both;
border:1px solid #999;
margin-bottom:2em;
}
div#Box h1{
padding:7px;
border-bottom:2px solid #009;
_font-weight:normal;
font-size:x-large;
}
div#Box h2{
padding:0 10px;
border-left:3px solid #009;
margin-left:10px;
line-height:1.3;
background:url(../img/h2_back.gif) repeat-x;
background-position:bottom;
_font-size:large;
}
div#Box h2 span.ruby{
font-size:10px;
}
div#Box p{
margin:20px 20px 0 20px;
}
div#Box ul{
border:0; margin:2em 0 0 2em; padding:0;
}
div#Box li{
float:left; list-style-type:none;
border-left:1px solid #009;
padding:0 7px;
line-height:1;
}
div#Box li.first{
border-left:none;
}
div#Box li a {
display:block; text-decoration:none;
}
div#Box div#pagination{
margin:1em auto;
font-size:15px;
}
div#Box div#pagination ul.pager {
margin:0;
padding:0;
text-align:center;
}
div#Box div#pagination ul.pager li {
float: none;
margin-right: 5px;
border: 1px #3366FF solid;
font-weight: bold;
padding:0;
display:inline-block;
_display:inline;
}
div#Box div#pagination ul.pager li.prev,
div#Box div#pagination ul.pager li.next {
border: none;
}
div#Box div#pagination ul.pager li a,
div#Box div#pagination ul.pager li a:link,
div#Box div#pagination ul.pager li a:visited {
display:inline-block;
padding: 3px 8px;
text-decoration: none;
}
div#Box div#pagination ul.pager li a:hover,
div#Box div#pagination ul.pager li a:active {
background-color: #AADDFF;
}
div#Box div#pagination ul.pager li em {
display:inline-block;
padding: 3px 8px;
background: #3366FF;
color: #FFFFFF;
font-style: normal;
}
div#Box div#pagination2{
margin:1em 0 0 1em;
font-size:15px;
}
div#Box table#list{
width:100%;
margin:2em 0;
border-top:1px solid #999;
}
div#Box table#list th{
background-color:#e7e7e7;
}
div#Box table#list th,
div#Box table#list td{
padding:0.5em;
border-bottom:1px solid #999;
border-left:1px solid #999;
text-align:center;
}
div#Box table#list.deviation td{
padding:0.5em;
border-bottom:1px solid #999;
border-left:1px solid #999;
text-align:left;
vertical-align:top;
}
div#Box table#list.deviation td.first{
border-left:none;
text-align:center;
vertical-align:middle;
}
div#Box table#list th.first,
div#Box table#list td.first{
border-left:none;
}
div#Box table#list .altRow .name{
background-color:#dee0ff;
text-align:left;
}
div#Box table#list .evenRow .name{
background-color:#ffe1dd;
text-align:left;
}
div#Box table#list h2{
background:none;
border:none;
margin-left:0;
display:inline;
}
div#Box table#list .kanahead{
border:none;
padding:1em;
text-align:left;
}
div#Box table#list .kanahead div{
text-align:right;
}
div#Box table#list .kanahead h3{
font-size:30px;
background-color:#000099;
color:#FFFFFF;
padding:.4em;
display:inline;
}
/*
限定ミニ説明会
*/
div#Box table#list .briefing_old{
background-color:#eee;
color:#666;
}
div#Box table#clubs{
width:100%;
margin:2em 0;
border-top:1px solid #999;
}
div#Box table#clubs th{
background-color:#e7e7e7;
}
div#Box table#clubs th,
div#Box table#clubs td{
padding:0.3em;
border-bottom:1px solid #999;
border-left:1px solid #999;
text-align:center;
}
div#Box table#clubs td a{
display:block;
text-align:left;
}
div#Box ul.clubs li{
width:200px;
padding:0.5em;
}
div#Box table#rank{
width:100%;
margin:2em 0;
border-top:1px solid #999;
font-size:12px;
}
div#Box table#rank th{
background-color:#e7e7e7;
}
div#Box table#rank th,
div#Box table#rank td{
padding:0.3em;
border-bottom:1px solid #999;
border-left:1px solid #999;
text-align:center;
}
div#Box div#pagination{
margin:1em 0 2em 0;
text-align:center;
font-size:larger;
}
div#Box table#moresearch{
width:100%;
margin:1em 0 0 0;
border-top:1px solid #999;
}
div#Box table#moresearch th{
background-color:#e7e7e7;
}
div#Box table#moresearch th,
div#Box table#moresearch td{
padding:0.5em;
border-bottom:1px solid #999;
border-left:1px solid #999;
}
div#Box table#moresearch th{
border-left:none;
}
div#Box table#moresearch td.btn{
border:none;
text-align:right;
padding-right:40px;
background-color:#dee0ff;
}
div#Box table#moresearch td.btn .more{
width:270px;
float:right;
}
div#Box table#moresearch label{
width:100px;
display:inline-block;
}
div#Box table#moresearch label.long{
width:32%;
}
div#Box table#moresearch input{
vertical-align:text-top;
_vertical-align:middle;
margin-right:5px;
_margin-right:0px;
}
/*== 2-11b : div#SCBox */
div#SCBox{
clear: both;
margin-bottom:2em;
}
div#SCBox .name{
width:590px;
float:left;
background-image:url(../img/SC_name_red.gif);
background-position:left 6px;
background-repeat:no-repeat;
min-height: 35px;
_height: 35px;
margin-bottom:5px;
}
div#SCBox .name img{
float:left;
margin:0 10px 0 15px;
}
div#SCBox h1{
_font-size:x-large;
_padding-top:4px;
margin-left:15px;
}
div#SCBox h1 span.ruby{
font-size:10px;
font-weight:normal;
letter-spacing:.4em;
line-height:1.1;
}
div#SCBox .caption{
color:#666;
margin:7px 15px;
width:300px;
_width:290px;
float:left;
}
div#SCBox .howto{
float:left;
text-align:right;
width:118px;
}
div#SCBox .SCtype{
float:right;
width:360px;
background-color:#fff7d2;
border:solid 1px #CCCCCC;
padding:4px;
padding-bottom:0px;
margin-bottom:1em;
}
div#SCBox .SCtype img{
margin-right:2px;
}
div#SCBox .tab{
clear:both;
height:37px;
background-image:url(../img/SC_tab_bg.gif);
background-repeat:repeat-x;
margin-bottom:5px;
}
div#SCBox .tab img{
margin-top:6px;
margin-right:2px;
}
div#SCBox .tab img.req{
margin:0 10px 6px 68px;
}
div#SCBox .tab#collegi,
div#SCBox .tab#entrance,
div#SCBox .tab#exposition{
margin-top:4em;
}
div#SCBox .map{
border:solid 1px #CCCCCC;
border-top:none;
margin-bottom:1em;
}
div#SCBox .map .photo1{
float:left;
margin:5px;
width:360px;
}
div#SCBox .map .address{
padding-top:3px;
margin-left:380px;
_margin-left:0px;
margin-bottom:1.5em;
}
div#SCBox .map .googlemap,
div#SCBox .route{
margin-left:380px;
_margin-left:0px;
margin-bottom:1.5em;
padding-right:7px;
}
*:first-child+html div#SCBox .route{
height:7.5em;
}
div#SCBox .singaku{
width:360px;
float:left;
border-top:solid 1px #999999;
border-left:solid 1px #999999;
margin:5px;
_margin:3px;
}
div#SCBox .singaku th{
background-color:#D8F3FF;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}
div#SCBox .singaku td{
text-align:center;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:4px;
}
div#SCBox .option{
width:100%;
border-top:solid 1px #999999;
border-left:solid 1px #999999;
font-size:12px;
}
div#SCBox .option th{
background-color:#D8F3FF;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:4px;
width:12%;
}
div#SCBox .option th.fuku{
width:7%;
}
div#SCBox .option td.fuku2{
width:23%;
}
div#SCBox .option td{
text-align:center;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:4px;
width:10%;
}
div#SCBox .note{
font-size:11px;
color:#666666;
padding:.5em;
}
div#SCBox .info{
margin-top:1.5em;
}
div#SCBox .info strong{
background:url(../img/point_t.gif) no-repeat left center;
padding-left:15px;
display:inline-block;
}
div#SCBox .info div.center{
margin:1em 0;
text-align:center;
}
div#SCBox .info div.mikata{
float:right;
}
div#SCBox .outPass,
div#SCBox .outPass2,
div#SCBox .outPass3{
float:left;
width:210px;
border-top:solid 1px #999999;
border-left:solid 1px #999999;
margin:10px 15px 3em 0;
font-size:12px;
}
div#SCBox .outPass2{
float:none;
width:660px;
}
div#SCBox .outPass3{
float:none;
width:450px;
}
div#SCBox .outPass th,
div#SCBox .outPass2 th,
div#SCBox .outPass3 th{
background-color:#D8F3FF;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:4px;
}
div#SCBox .outPass3 th{
width:14%;
}
div#SCBox .outPass td,
div#SCBox .outPass2 td,
div#SCBox .outPass3 td{
text-align:center;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:4px;
}
div#SCBox .examoffer,
div#SCBox .examfee,
div#SCBox .examresults{
border-top:solid 1px #999999;
border-left:solid 1px #999999;
margin:10px 15px 3em 0;
font-size:12px;
}
div#SCBox .examresults{
margin:0 15px 1em 0;
float:left;
width:330px;
}
div#SCBox .examoffer th,
div#SCBox .examfee th,
div#SCBox .examresults th{
background-color:#D8F3FF;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:4px;
}
div#SCBox .examresults th{
padding:2px;
}
div#SCBox .examoffer td,
div#SCBox .examfee td,
div#SCBox .examresults td{
text-align:right;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:4px;
vertical-align:top;
}
div#SCBox .examfee td,
div#SCBox .examoffer td{
text-align:left;
}
div#SCBox .examresults td{
padding:2px;
}
div#SCBox .examresults td.pTxtL{
text-align:left;
}
div#SCBox .examoffer img,
div#SCBox .examresults img{
vertical-align:text-bottom;
}
div#SCBox .examoffer .test_day{
font-weight:bold;
}
div#SCBox .briefing{
border-top:solid 1px #999999;
border-left:solid 1px #999999;
margin:1em 0px 3em 0;
font-size:12px;
}
div#SCBox .briefing th{
background-color:#D8F3FF;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:4px;
}
div#SCBox .briefing td{
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:4px;
}
/*
説明会カレンダー
*/
div#SCBox div.cal_tit{
padding:1em 0;
text-align:center;
}
div#SCBox table.cal {
border-left:solid 1px #999999;
border-top:solid 1px #999999;
margin:.5em auto;
}
div#SCBox table.cal th{
background-color: #C9EDFF;
padding:1em;
}
div#SCBox table.cal td{
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
padding:.5em;
}
div#SCBox table.cal th.sun,
div#SCBox table.cal td.sun{
background-color: #FFcccc;
}
div#SCBox table.cal th.sat,
div#SCBox table.cal td.sat{
background-color: #ccccFF;
}
div#SCBox table.cal a.cal_link{
display:block;
background-color:#ededed;
margin-bottom:3px;
}
div#SCBox table.cal a.cal_link2{
display:block;
margin-bottom:3px;
}
/*
フォームの必須エラー
*/
.form_error {
background-color: #FFcccc;
}
.error_message {
color: #F00;
font-weight:bold;
}
.js_ntc{
color:#CC0000;
}
/*== 2-12 : div#Sub */
div#Sub{
width:232px;
float:left;
margin:26px 0 0 8px;
_margin:22px 0 0 8px;
background-color:#f9f9f9;
}
div#Sub div.cal,
div#Sub div.google{
background-color:#FFF;
}
div#Sub div.free,
div#Sub div.cal h3,
div#Sub div.google h3{
text-indent:-9999px;
}
div#Sub div.free a,
div#Sub div.cal h3,
div#Sub div.google h3 {
display:block; text-decoration:none;
height:68px; width:232px;
background:url(../img/icon2.gif) no-repeat;
background-position: 0px 0px;
}
div#Sub div.cal h3 {
height:30px;
background-position: 0px -102px;
margin-top:1em;
}
div#Sub div.google h3 {
height:30px;
background-position: 0px -70px;
margin-top:1em;
}
div#Sub div.waku{
border:1px solid #999;
border-top:none;
}
div#Sub div.cal div.cal_tit{
padding:0.5em 0;
text-align:center;
}
div#Sub div.cal table {
margin:0 auto 1em auto;
}
div#Sub div.cal table th{
background-color: #C9EDFF;
}
div#Sub div.cal table td{
width:26px;
height:26px;
text-align:center;
}
div#Sub div.cal table th.sun,
div#Sub div.cal table td.sun{
background-color: #FFcccc;
}
div#Sub div.cal table th.sat,
div#Sub div.cal table td.sat{
background-color: #ccccFF;
}
div#Sub div.google input#q {
margin:10px;
width:150px;
font-size:14px;
padding:3px;
vertical-align:top;
border:solid 1px #99F;
background-color: #f9f9ff;
}
div#Sub div.google input#sa {
font-size:12px;
padding:3px;
margin-top:9px;
_margin-left:-5px;
}
div#Sub ul{
margin-top:0.5em;
}
div#Sub ul li{
list-style-type:none;
}
/*== 2-13 : div#Footer */
div#Footer{
clear: both;
background:url(../img/footer_back.gif) repeat-x;
background-color:#f1f5f6;
padding-top:6px;
font-size:11px;
}
div#Footer ul{
width:950px;
border:0; margin:0 auto; padding:0;
}
div#Footer li{
float:left; list-style-type:none;
border-right:1px dotted #999;
padding:0 7px;
line-height:1;
}
div#Footer li.first{
border-left:1px dotted #999;
}
div#Footer li.end{
border-right:none;
float:right;
width:200px;
}
div#Footer p{
clear:left;
width:950px;
text-align:center;
padding:10px;
margin:0 auto;
}
/*==================================
3 : Element Setting
====================================*/
/*== 3-1 : Block Level */
h1,h2,h3,h4,p,ul,ol{
text-align:left;
}
/*IE6*/
* html h1,
* html h2,
* html h3,
* html h4,
* html div{
height:1px;
}
/*== 3-2 : List */
ul{
list-style-type:square;
}
ol{
list-style-type:decimal;
}
/*== 3-3 : */
a:link{
color:#33f;
text-decoration:underline;
}
a:visited{
color:#33f;
text-decoration:underline;
}
a:hover{
color:#f00000;
text-decoration:none;
}
a:active{
color:#f00000;
text-decoration:none;
}
/*== 3-4 : other */