@charset "UTF-8";
/* CSS Document */

html {
width:100%;
height:100%;
}

body {
margin:0px;
font-family: 'Hiragino Kaku Gothic Pro','Osaka', arial, sans-serif;
font-size: 0.8em;
color:#666666;
line-height: 190%;
}

#wrapper {
background: #ffffff url(img/footer-bottom.png) repeat-x bottom;
}

p, span, img, ul, li, dl, dt, dd, h1, h2, h3, h4, a {
border: 0px;
margin: 0px;
padding: 0px;
}

ul, li, dl, dt, dd {
list-style-type: none;
}

td,th {
 padding:4px;
}

table {
table-layout:fixed;
}

/* =============================== TOP =============================== */
/* -+-+-+-+-+-+ top header -+-+-+-+-+-+ */
#header {
height:46px;
margin:0px;
padding:0px;
background:url(img/header_bg.png) top repeat-x;
}

#header_menu {
width:810px;
margin:0px auto 0px auto;
padding-top:15px;
}

#th01 {
 float:left;
}

#th02 {
 padding-right:5px;
 float:right;
}

/* -+-+-+-+-+-+ top container -+-+-+-+-+-+ */
#container {
margin:0px;
padding:35px 0px 40px 0px;
background:url(img/wrap_bg.png) top repeat-x;
}

#box {
width:810px;
margin:0px auto 0px auto;
}

#box_top {
width:810px;
height:16px;
background:url(img/wrapper_top_bg.png) no-repeat;
}

#box_center {
width:810px;
background:url(img/wrapper_center_bg.png) repeat-y;
}

/*       content       */
#content {
margin:0px 65px 0px 65px;
padding:40px 0px 60px 0px;
}

#top_content_left {
width:456px;
margin-top:30px;
line-height:2.2;
float:left;
}

#top_content_right {
width:191px;
margin-bottom:30px;
margin-left:30px;
float:left;
}

#top_content_left img {
margin:10px 0px;
}

#box_bottom {
width:810px;
height:43px;
background:url(img/wrapper_bottom_bg.png) no-repeat;
}

/*       function       */
#function {
clear:both;
}

h4 {
margin-bottom:15px;
padding-left:20px;
background:url(img/icon_dot.png) top left no-repeat;
line-height:1.4;
}

#cm {
margin-top:35px;
margin-left:14px;
_margin-left:7px;
float:left;
}

#function img {
margin-top:10px;
}

.function_text {
width:337px;
margin-top:40px;
margin-left:14px;
_margin-left:7px;
float:left;
}

.function_text_02 {
width:630px;
margin-top:40px;
margin-left:14px;
_margin-left:7px;
float:left;
}

.function_text_03 {
width:435px;
margin-top:40px;
margin-left:14px;
_margin-left:7px;
float:left;
}

.function_img {
width:293px;
margin:30px 0px 0px 10px;
float:left;
}

.function_img_02 {
width:207px;
margin:30px 0px 0px 10px;
float:left;
}

/*       info       */

#info img {
margin:10px 0px;
}

#info_01 {
width:327px;
margin-top:70px;
float:left;
}

#info_02 {
width:327px;
margin-top:70px;
margin-left:20px;
float:left;
}

/* -+-+-+-+-+-+ top footer -+-+-+-+-+-+ */

#footer {
height:224px;
margin:0px;
padding:0px;
background:#000000 url(img/footer_bg.png) bottom repeat-x;
}

#footer_text {
width:810px;
margin:0px auto 0px auto;
padding:40px 0px 0px 0px;
color:#999999;
}

#footer_text ul {
font-size:0.9em;
line-height:1.5;
list-style:none;
}

/* -+-+-+-+-+-+ top footer link -+-+-+-+-+-+ */

#footer a:link {
 color:#999999;
}

#footer a:visited {
 color:#999999;
}

#footer a:hover {
 color:#CCCCCC;
 text-decoration:none;
}

#footer a:active {
 color:#CCCCCC;
 text-decoration:none;
}

/* =============================== HELP =============================== */

#top_content {
width:669px;
margin-bottom:30px;
}

#top_content img {
margin:10px 0px;
}

#help {
margin:30px 0px 0px 0px;
padding:0px 14px 0px 14px;
}

#help img {
margin:5px 10px 25px 0px;
}

#topic01 {
 margin:0px 0px 50px 0px;
 line-height:1.5;
}

#table_help img {
margin:0px;
}

/* =============================== Clearfix =============================== */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */


/* =========================================================== リンク設定 === */

a:link {
 color:#666666;
}

a:visited {
 color:#666666;
}

a:hover {
 color:#999999;
 text-decoration:none;
}

a:active {
 color:#666666;
 text-decoration:none;
}


.function_text img {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
