html {
-webkit-text-size-adjust: none;
background-color:#1c1c1c;
}

p,blockquote,form,label,ol,dl,fieldset,address {
margin: 0;
}

h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
}

img {
border: 0;
}

img.wide {
width: 480px;
}

img.narrow{
width: 320px;
}

#formn #name, #formn #message, #formn #email {
width: 272px;
}

#formw #name, #formw #message, #formw #email {
width: 432px;
}

a {
text-decoration: none;
cursor: pointer;
color: #f15500;
}

td, p, div, span, input, textarea {
font-family: Arial, Helveltica, sans-serif;
font-size: 12px;
color: #9b9b9b;
line-height: 130%;
text-align: left;
}

body {
background-color: #1c1c1c;
margin: 0px;
padding: 0px;
font-size: 76.1%;
font-family: Helveltica, Arial;
color: #666666;
}



#head {
background: url(images/head_bg.jpg) repeat-x 0 0;
height: 80px;
position: relative;
}

.gnb {
margin-left: 0px;
margin-bottom: 0;
margin-right: 0;
margin-top: 0px;
float: left;
width: 80px;
height: 80px;
}

.logo {
margin-left: 0;
margin-bottom: 0;
margin-right: 0px;
margin-top: 0px;
float: left;
width: 80px;
height: 80px;
}

#version {
position: absolute;
right: 0;
top: 0;
}

#body {
margin: 0px;
}

.subbar {
height: 47px;
background: url(images/menu_bg.jpg) repeat-x 0 0;
padding: 0;
margin: 0;
text-align: center;
}

.subbar_none {
position: relative;
height: 47px;
margin: 0;
}

.btn {
margin: 0 0 30px;
text-align: center;
}

.subbar img {
margin: 11px 0 0;
padding: 0;
width: 97px;
height: 25px;
}

#foot {
background: url(images/line-pattern.png)  0 0;
text-align: center;
font:11px Arial;
color: #3a3a3a;
background-color: #2090ed;
margin: 0px;
padding: 15px;
}

#foot a {
font-weight: bold;
font-size: 14px;	
color: #000;
}

#footer-doc {
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#footer-logo {
    float: right;
}
#footer-logo a {
    display: inline-block;
    background: url("../images/tapmedia-logo.png") no-repeat scroll 0 0 transparent;
    width: 67px;
    height: 80px;
    margin-top:10px;
    margin-right:5px;
}

#footer-nav {
    float: left;
    margin-bottom: 20px;
    margin-top:10px;
}
#footer-nav .nav-block {
    float: left;
    margin: 0 20px 0 0;
}
#footer-nav .nav-block h5 {
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
}
#footer-nav .nav-block ul {
    list-style: none outside none;
}
#footer-nav .nav-block ul li {
    margin-bottom: 5px;
}
#footer-nav .nav-block ul li a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 13px;
}
#footer-nav .nav-block ul li a:hover {
    text-decoration: underline;
}
#footer-copyright {
    clear: both;
    display: block;
    color: #CFCFCF;
    font-size: 8px;
    margin-left:20px;
    margin-bottom:20px;
    margin-right:20px;
}

.clear {
    clear: both;
}


/* 
.first {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}

.last {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
}
*/

/* Font type */

.title01 {
color: #f15500;
font: bold 56px/48px "Helvetica Neue", Arial, Helvetica;
margin: 0 0 32px;
padding: 0 0 0 12px;
text-transform: uppercase;
letter-spacing: -2px;
}

.title02 {
margin: 10px 0 15px;
padding: 0 12px 0 77px;
font-weight: bold;
font-size: 18px;
}

.title03 {
margin: 10px 0 15px;
padding: 0 12px 0 77px;
font-weight: bold;
font-size: 18px;
}

.textbox {
margin: 0 0 30px;
padding: 0 0 0 40px;
}

.fild01 {
width: 80px;
font: 12px Arial;
color: #666666;
margin: 0;
}

.fild02 {
font-size: 14px;
padding: 0 0 10px;
margin: 0;
}

.contents {
padding-left: 40px;
margin-bottom: 30px;
font-size: 14px;
padding-right: 12px;
}

.contents span {
color: #f15500;
}

h2 {
color: #7db038;
font-size: 22px;
line-height: 57px;
text-align: center;
}

h3 {
color: #7DB038;
font-size: 14px;
font-weight: normal;
}

h2 {
color: #9b3600;
font-size: 12px;
font-weight: normal;
}

#title{

display:block;
padding-left: 12px;
}

/* List type */

.reeltitle {
color:#f15500;
}

.listtype { 
margin:0; 
padding:0; 
}

.listtype li { 
height:74px; 
margin:0; 
padding:0; 
list-style:none; 
background:#fff url('images/table-row.jpg') 0 100% repeat-x; 
}

.listtype a { 
position:relative; 
display:block; 
height:72px; 
padding:0 15px 0 80px; 
background:url('images/free-button.png') 100% 50% no-repeat;
margin-right:10px;
}

.listtype img { 
position:absolute; 
left:8px; 
top:3px; 
}

.listtype strong { 
margin-left: 0; 
margin-bottom: 1px; 
margin-right: 0; 
margin-top: 12px; 
text-shadow: 0px 1px 0px #fff;
display:inline-block; 
font:bold 18px Arial; 
color:#000;

}

.listtype em { 
display:block; 
font:12px Arial; 
color: #838383;  
}

.listtype .dark { 
background-color:#fff; 
}

.listtype .dark a { 
background-image:url('images/free-button.png');
}

/* element */

.subtitle01{
float: left;
margin-left: 12px;
margin-top: 18px;
}

.subtitle02{
margin-top: 18px;
float: right;
width: 80px;
text-align: center;
font-weight: bold;
color: #f15500;
font-size: 14px;
}

.division01{
height: 4px;
position: relative;
padding: 0;
margin-bottom: 30px;
}

.division02{
height: 4px;
position: relative;
padding: 0;
margin-bottom: 15px;
}

.division03{
width: 68px;
height: 4px;
margin-bottom: 31px;
padding: 0;
}

.line01{
float: left;
width: 160px;
height: 4px;
margin: 0;
padding: 0;
}

.line02{
float: right;
width: 68px;
height: 4px;
margin: 0;
padding: 0;
}

.line03{
float: left;
width: 35px;
height: 1px;
margin: 0;
}

#banner {
margin: 0px;
}

#banner img {
width: 100%;
height: auto;
}