@charset "utf-8";

body{margin:0; padding:0; background-color:#000000; color:#000000;}
div#wrapper {width:899px; margin: 0 auto; text-align: left;}
div#main_bk{background-color:#F7F7F0;}
h1 {margin:0 0 10px; font-size: 16px; line-height: 20px; font-weight: bold; color:#000000;}
h2 {margin:0 0 10px 0; font-size: 16px; line-height: 18px; font-weight: bold; color: #003366;}
.h2_wks {margin:0 0 10px 0; height:35px; font-size: 14px; line-height: 18px; font-weight: bold; color: #664C00;}
h3 {margin:0 0 10px 0; font-size: 14px; line-height: 18px; font-weight: bold; color: #000000;}

/* float clearfix */
.fL {float: left; display: inline;}
.fR {float: right; display: inline;}
.taC {text-align: center;}
.taL {text-align: left;}
.taR {text-align: right;}
.clear {clear: both;}
.clearFix {zoom: 100%;}
.clearFix:after {content: "."; clear: both; height: 0; display: block; visibility: hidden;font-size: 0;}

/* margin padding */
.mt100 {margin-top: 100px;}
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;} 
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mr05 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr50 {margin-right: 50px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml18 {margin-left: 18px;}
.ml50 {margin-left: 50px;}
.pl10 {padding-left:10px;}
.pt20 {padding-top:20px;}
.pb20 {padding-bottom:20px;}

/* a href */
a:focus {outline:none;}
a:link {color: #000000; text-decoration:none;}
a:visited {color: #000000; text-decoration:none;}
a:hover {color: #999999; text-decoration:underline;}

/* text */
.atn {font-weight:bold; color:#FF0000;}
.under {margin:30px 0 0; font-size:20px; line0height:30px; font-weight:bold; text-align:center;}

/* border */
.bbn {border-bottom:none !important;}

/* header */
#hd_bk  {background-color:#000000;}
#hd_box {width:900px; margin:0 auto; padding:0; background-color:#000000;}
#hd_nav ul{list-style-type: none; margin: 0; padding: 0;}
#hd_nav li{list-style:none; float:left;}
#hd_bottom {height:110px; background-image:url("../img/hd_bk.gif"); background-repeat: repeat-x; font-size:6px;}

/* index */
div#wrapper_index     {width:899px; margin: 0 auto; text-align: left;}
div#wrapper_index div {margin:0 0 10px; padding:0 0 10px; font-size:13px; line-height:20px; border-bottom:1px dotted #000000;}
div#wrapper_index div:last-child {border-bottom:none;}
div#wrapper_index div ul li {margin-right:7px; float:left;}
div#wrapper_index div ul li img {width:295px;}
div#wrapper_index div ul li:last-child {margin-right:0;}

/* lbox */
.lbox   {margin:0 17px 0 0 !important; width:150px; font-size:13px; line-height:20px; float:left; border-bottom:none !important;}
.lbox p {margin:0 0 20px;}
.lbox a:link {color: #00238C; font-weight:bold; text-decoration:underline;}
.lbox a:visited {color: #00238C; text-decoration:none;}
.lbox a:hover {color: #0059B2; font-weight:bold; text-decoration:underline;}

/* rbox */
.rbox {width:732px; font-size:13px; line-height:20px; color:#333333; float:left;}
.rbox_wrapper {margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #999999;}
.rbox_wrapper:last-child {border-bottom:none;}
.rbox_wrapper p {margin:0 0 10px;}
.rbox_wrapper p:last-child {margin:0;}
.rbox a:link {color: #00238C; font-weight:bold; text-decoration:underline;}
.rbox a:visited {color: #000000; text-decoration:none;}
.rbox a:hover {color: #0059B2; font-weight:bold; text-decoration:underline;}

/* works */
div#wrapper_works {width:899px; margin: 0 auto; text-align: left;}
div#wrapper_works div {margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #999999;}
div#wrapper_works div:last-child {border-bottom:none;}
div#wrapper_works div ul li {margin-right:3px; float:left;}
div#wrapper_works div ul li img {width:242px;}
div#wrapper_works div ul li:last-child {margin-right:0;}
div#wrapper_works div p {margin:0 0 10px;}
div#wrapper_works div p:last-child {margin:0;}

/* profile */
.pro_r {margin:0 0 0 10px; width:589px; font-size:12px; line-height:20px; float:left;}
.pro_r p {margin:10px 0 0;}

/* live */
.live_info {font-weight:bold;}

/* footer */
#ft_bk  {background-image:url("../img/ft_bk.gif"); background-repeat: repeat-x;}
#ft_bk2 {background-color:#000000;}
#ft_nav {font-size:12px; line-height:30px; color:#FFFFFF; background-color:#000000;}
#ft_nav ul{list-style-type: none; margin: 0; padding: 0;}
#ft_nav li{height:30px; list-style:none; float:left;}
a.ftn_a {padding:10px 15px; color:#FFFFFF; text-decoration: none;}
a:link.ftn_a {padding:5px 15px; color:#FFFFFF; text-decoration: none;}
a:visited.ftn_a {padding:5px 15px; color:#FFFFFF; text-decoration: none;}
a:hover.ftn_a {background-color:#CDC250; color:#FFFFFF; text-decoration: none;}

.ft_title {width:900px; margin:0 auto; padding:140px 0 0; font-size:15px; line-height:20px; text-align:center;}
.ft_box {width:900px; margin:0 auto; padding:0 0 50px; font-size:12px; line-height:20px; color:#999999;}
.ft_l_box {width:449px; margin:0; padding:0; float:left; border-right:1px dotted #666666;}
.ft_r_box {width:430px; margin:0; padding:0 10px; float:left; }
.ft_sns ul{list-style-type: none; margin:5px 0 0; padding: 0;}
.ft_sns li{list-style:none; margin:0 10px 0 0; float:left;}