@charset "utf-8";
/* CSS Document */




/* FONT
-------------------------------------------------------------------------------*/

body {
	font-family: Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.231;
	*font-size: small;
	*font: x-small;
}

table {
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/*-----------------------------------------------------------------------------*/







body{
    margin: 0;
    padding: 0;
    min-width: 1000px;
}

img{
    vertical-align: bottom;
}

a img{
    border: none;
}

#ALL_HD{
    position: relative;
    background-color: #282828;
}

#ALL_HD h1{
    margin: 0;
    padding: 0;
}

#ALL_HD ul{
    position: absolute;
    top: 8px;
    right: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#ALL_HD li{
    margin: 0;
    padding: 0;
    display: inline-block;
}

.hd_link{
    position: absolute;
    top: 18px;
    left: 300px;
    margin: 0;
    padding: 0;
}

.hd_link a{
    display: block;
    transition: all 0.1s ease;
}

.hd_link a:hover{
    background-color: #771212;
}

#main_area{
    position: relative;
}

.pg_title{
    margin: 20px 20px;
}

.pg_title h1{
    margin: 0;
    padding: 0 0 0 10px;
    color: #fff;
    line-height: 1;
    font-weight: normal;
    border-left: #fff 5px solid;
}







/* ----- TOP PAGE ----- */

#tp_main{
    padding-top: 50px;
}

.tp_area{
    clear: both;
    width: 990px;
    margin: 0 auto 30px;
    overflow: hidden;
}

.tp_block{
    float: left;
    width: 320px;
    margin: 5px;
}

.tp_block h2{
    margin: 10px 0 0;
    padding: 0;
    font-size: 16px;
    height: 35px;
}

.tp_block a{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    transition: all 0.3s ease;
}

.tp_block a:hover{
    background-color: #e6ffc9;
}

.tp_block img{
    border: #ccc 1px solid;
}