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

#main_wrapper {
background: url(../img/contents_bg02.gif) repeat-x left top;
height: 30px;
width: 100%;
}

.main_wrapper {
width: 850px;
}

#pankuzu {
float: right;
padding: 0px 205px 0px 0px;
width: 645px;
}

#arrow_01 {
float: right;
width: 16px;
}

.arrow_01 {
background: url(../img/arrow_01.gif) no-repeat left top;
height: 17px;
width: 16px;
float: right;
}

span.pankuzu_01 a {
color: #222222;
float: right;
font-size: 12px;
padding: 0px 5px 0px 5px;
}

span.pankuzu_02 {
color: #8da50a;
float: right;
font-size: 12px;
}

span.pankuzu_02 a {
color: #222222;
font-size: 12px;
}

.contents_wrapper {
padding: 2px 0px 0px 0px; 
width: 850px;
}

#contents_left {
float: left;
width: 650px;
}

#actual_title {
float: left;
padding: 0px 0px 0px 23px;
width: 623px;
}

h2.actual_title {
background: url(../img/actual_title.jpg) no-repeat left top;
height: 39px;
width: 623px;
}

#actual_left {
float: left;
padding: 0px 0px 0px 30px;
width: 620px;
}

#actual_desc {
float: left;
padding: 5px 0px 0px 0px;
width: 620px;
}

.desc {
float: left;
padding: 2px 0px 0px 7px;
text-align: left;
}

.new {
float: right;
padding: 0px 22px 8px 0px;
text-align: right;
}


#box_01 {
width: 620px;
}


.actual_top {
background: url(../img/actual_top.gif) no-repeat left top;
height: 7px;
width: 283px;
}

.actual_middle {
background: url(../img/actual_middle.gif) repeat-y left top;
width: 283px;
}

.actual_bottom {
background: url(../img/actual_bottom.gif) no-repeat left top;
height: 7px;
width: 283px;
}

#box_02, #box_03 {
padding: 20px 0px 0px 0px;
width: 620px;
}

#btn {
float: left;
padding: 22px 0px 0px 0px;
width: 620px;
}

#btn_01 {
float: left;
padding: 0px 0px 0px 279px;
width: 23px;
}

.btn_01 a {
background: url(../img/btn01_.gif) no-repeat left top;
display: block;
height: 22px;
width: 23px;
}

#btn_02 {
float: left;
padding: 0px 0px 0px 3px;
width: 23px;
}

.btn_02 a {
background: url(../img/btn02.gif) no-repeat left top;
display: block;
height: 22px;
width: 23px;
}

.btn_02 a:hover {
background: url(../img/btn02_.gif) no-repeat left top;
display: block;
height: 22px;
width: 23px;
}

#btn_03 {
float: left;
padding: 0px 0px 0px 3px;
width: 23px;
}

.btn_03 a {
background: url(../img/btn03.gif) no-repeat left top;
display: block;
height: 22px;
width: 23px;
}

.btn_03 a:hover {
background: url(../img/btn03_.gif) no-repeat left top;
display: block;
height: 22px;
width: 23px;
}

#btn_04 {
float: left;
padding: 0px 0px 0px 3px;
width: 23px;
}

.btn_04 a {
background: url(../img/btn04.gif) no-repeat left top;
display: block;
height: 22px;
width: 23px;
}

.btn_04 a:hover {
background: url(../img/btn04_.gif) no-repeat left top;
display: block;
height: 22px;
width: 23px;
}


#jisseki01 {
float: left;
padding: 0px 0px 0px 5px;
width: 283px;
}

#jisseki01_title {
padding-bottom: 10px;
width: 262px;
}

.left {
float: left;
padding: 0px 0px 0px 10px;
width: 188px;
}

#jisseki01_img {
width: 188px;
}

#jisseki02 {
float: left;
padding: 0px 0px 0px 30px;
width: 283px;
}

#jisseki02_title {
padding-bottom: 10px;
width: 263px;
}

.left {
float: left;
padding: 0px 0px 0px 10px;
width: 188px;
}

#jisseki02_img {
width: 188px;
}


.right {
float: left;
padding-left: 6px;
}

#design {
padding-bottom: 4px;
width: 67px;
}

#flash {
padding-bottom: 4px;
width: 67px;
}

#program {
padding-bottom: 4px;
width: 67px;
}

.program {
background: url(../img/program_img.gif) no-repeat left top;
height: 20px;
width: 67px;
}

#css {
padding-bottom: 4px;
width: 67px;
}

#seo {
width: 67px;
}

.url {
color: #000000;
font-size: 12px;
float: left;
padding-left: 14px;
}

.url span {
color: #616161;
font-size: 11px;
padding-left: 5px;
}

.url a {
color: #000000;
font-size: 12px;
text-decoration: none;
}

.url a span {
color: #616161;
font-size: 11px;
padding-left: 5px;
}

.url_02 {
color: #000000;
font-size: 12px;
float: left;
padding-left: 14px;
}

.url_02 span {
color: #616161;
font-size: 11px;
padding-left: 5px;
}

.url_02 a {
color: #000000;
font-size: 12px;
text-decoration: none;
}

.url_02 a span {
color: #616161;
font-size: 11px;
padding-left: 5px;
}

.url_03 {
color: #000000;
font-size: 12px;
float: left;
padding-left: 14px;
}

.url_03 span {
color: #616161;
font-size: 11px;
padding-left: 5px;
}

.url_03 a {
color: #000000;
font-size: 12px;
text-decoration: none;
}

.url_03 a span {
color: #616161;
font-size: 11px;
padding-left: 5px;
}

p.dotted {
color: #7f7d7a;
border-bottom-style: dotted;
border-bottom-width: 2px;
width: 255px;
}

.introduction {
color: #3b69de;
font-size: 12px;
float: left;
padding: 3px 0px 0px 14px;
width: 40px;
}

.introduction_00 {
color: #616161;
font-size: 11px;
float: left;
padding: 4px 0px 18px 0px;
text-align: left;
width: 224px;
}

.introduction_02 {
color: #616161;
font-size: 11px;
float: left;
padding: 4px 0px 0px 0px;
text-align: left;
width: 224px;
}

.introduction_03 {
color: #616161;
font-size: 11px;
float: left;
padding: 4px 0px 0px 0px;
text-align: left;
width: 224px;
}

.introduction_cn {
color: #616161;
font-size: 11px;
float: left;
padding: 4px 0px 15px 0px;
text-align: left;
width: 224px;
}

.introduction_fu {
color: #616161;
font-size: 11px;
float: left;
padding: 4px 0px 15px 0px;
text-align: left;
width: 224px;
}

.introduction_ko {
color: #616161;
font-size: 11px;
float: left;
padding: 4px 0px 17px 0px;
text-align: left;
width: 224px;
}