/*///////////////////////////

{ CSS概要 }

　 01 : 要素
　 02 : リンク
　 03 : 見出し
　 04 : レイアウト

///////////////////////////*/

/*======== 01 : 要素 ========*/

*{
    margin:0;
    padding:0;
    border:none;
    font-family:Verdana,san-serif;
    font-size:12px;
    line-height:1.6em;
}

p{padding:0 50px 5px;}
em{
    color:#ff0097;
    font-style:normal;
}
hr{height:0px;margin:10px 0;border:0;border-bottom:1px dashed #ddd;}
select,input,textarea{
    margin:1px 0;
    border:1px solid #333;
    background-color:transparent;
}
input:hover,select:hover,textarea:hover{border:1px solid #666;}
input:focus,select:focus,textarea:focus{border:1px solid #00bff3;background-color:#eee;}
input.button{padding:0 1em;}


/*======== 02 : リンク ========*/

a{text-decoration:none;}
a:link,a:visited{color:#000;border-bottom:1px solid #000;}
a:hover,a:active{color:#ff0097;border-bottom:1px dashed #ff0097;}


/*======== 03 : 見出し ========*/

h1{
    padding:40px 0 10px;
    font-weight:normal;
}
h2{
    margin:20px 30px 10px;
    font-family:Arial;
}
h3{margin:0 30px 5px;padding-left:20px;font-weight:normal;background:url('img/a.gif') left center no-repeat;}
h4{margin:10px 40px 0;font-weight:normal;color:#afe40e; }



/*======== 04 : レイアウト ========*/

#sub{
    width:100px;
    height:100%;
    position:absolute;
    z-index:100;
    text-align:center;
}
#main{
    height:100%;
    padding-left:100px;
    overflow:auto;
}
.menu{}
.menu ul{list-style-type:none;}
.menu li{
    list-style-type:none;
    text-align:center;
    padding:10px 0;
}
.menu li a{

    border:0;
    color:#000;
}
.menu li a:hover{color:#ff0097;}
.topimg{
    height:312px;
    margin:40px 50px 10px;
    border:1px solid #eee;
    background:url('img/top.gif') center no-repeat;
}

.text{margin:10px 50px;}
.text ul{list-style-type:circle;padding:0 10px;}
.text ul li{list-style-type:circle;padding:0 10px;}
.text ol{margin:0 10px;}
.text ol li{margin:0 10px;}

.pict{padding:5px 50px 10px;}
.pict ul{list-style-type:none;margin:0;}
.pict li{ display:inline;list-style-type:none;margin:0;paddin:0;}
.pict li a{
    display:block;
    float:left;
    width:25px;
    height:25px;
    border:1px solid #000;
    margin:0 3px 3px 0;
    padding:0;
}
.pict li a:hover{ border:1px solid #ff0097;}
li.new a{
    display:block;
    float:left;
    width:25px;
    height:25px;
    border:1px solid #b6e300;
    margin:0 3px 3px 0;
    padding:0;
}
.banner{margin:10px 0;padding:0 30px 10px;}
.banner dl{margin-bottom:10px;background:url('img/line.gif') bottom repeat-x;}
.banner dt{width:200px;float:left;}
.banner dd{margin-left:210px;padding-left:5px;}

.mark{font-family:sans-serif;font-size:12px;}
.clear{clear:both;}