@charset "utf-8";

/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* default.css
-------------------------------------------------- */
body {
    margin:0;
    padding:0;
    background:#333;
    color:#444;
    font-size:100%;
    text-align:center;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
    margin:0;
    padding:0;
    line-height:140%;
    text-align:left;
    display:block;
    font-size:100%;
}

table {
    margin:0;
    empty-cells:show;
    font-size:100%;
}

hr, .areaAnchor, .anchor {
    display:none;
}

img {
    border:0;
}

ul {
    list-style-type:none;
}

acronym,abbr{
    cursor:help;
}

cite {
    font-style:normal;
}

address {
    font-style:normal;
}

a:link {
    color:#00F;
    text-decoration:underline;
}
a:visited {
    color:#800080;
}
a:hover {
    color:#00F;
}
a:active {
    color:#E00;
}



/*========================================

  layout

========================================*/
.wrap {
    margin:0 auto;
    width:800px;
}

/*========================================

  div#header

========================================*/
div#header {
    color:#BBB;
    border-bottom:1px solid #EEE;
}

div#header .wrap {
    position:relative;
    height:80px;
}

p#logo a {
    display:block;
    width:200px;
    height:80px;
    float:left;
    overflow:hidden;
    background:url(img/logo.gif) no-repeat;
    text-indent:-9999px;
}

p#description {
    position:absolute;
    right:0;
    top:10px;
}

/* for MacIE5 \*//*/
p#description {
    font-size:8px;
}
/* end */


/* div#top_navi
-------------------------------------------------- */
ul#top_navi {
    display:block;
    float:right;
    width:401px;
    height:35px;
    margin:45px 0 0;
    background:url(img/menu.gif) no-repeat;
}
ul#top_navi li {
    float:left;
    width:100px;
}
ul#top_navi li a {
    display:block;
    width:100px;
    height:35px;
    text-indent:-9999px;
    overflow:hidden;
}

ul#top_navi li.company a {
    background:url(img/menu.gif) no-repeat 0 0;
}
ul#top_navi li.work a {
    background:url(img/menu.gif) no-repeat 0 0;
}
ul#top_navi li.faq a {
    background:url(img/menu.gif) no-repeat 0 0;
}
ul#top_navi li.contact a {
    background:url(img/menu.gif) no-repeat 0 0;
}


/*========================================

  div#catch

========================================*/
div#catch {
    text-align:center;
    background:#CCC;
}


/*========================================

  div#container

========================================*/

div#container {
    clear:both;
    background:#F6F6F6;
    background:#FFF;
}
div#container p {
    font-size:85%;
}

div#container .wrap{
    padding:70px 0;
    background:#FFF;
}

/*========================================

  div#footer

========================================*/
div#footer {
    background:#333;
    color:#CCC;
    font-size:12px;
    border-top:5px solid #666;
    padding:20px 0 70px;
}

div#footer a {
    text-decoration:none;
    color:#CCC;
    
}

div#footer .wrap{
}

div#fmenu {
    text-align:center;
}
div#fmenu a {
    margin:0 5px;
    font-size:13px;
}
div#footer .addr {
    float:left;
    margin:50px 0 0;
    width:260px;
}
div#footer .addr li {
    line-height:160%;
}

div#footer .service {
    float:left;
    margin:18px 0 0 0;
    width:540px;
}

div#footer .service div{
    float:left;
    width:180px;
}

div#footer .service h3,
div#footer .service li {
    border-top:1px solid #5F5F5F;
    border-bottom:1px solid #111;
    padding:10px 0 3px 25px;
}
div#footer .service h3 {
    font-size:14px;
    border-top:none;
    margin:0 0 0 30px;
}
div#footer .service li {
    background:url(img/arrow.gif) no-repeat 6px 14px;
}
div#footer .service h3.home {
    background:url(img/home-trans.png) no-repeat 3px 12px;
}
div#footer .service h3.tool {
    background:url(img/tool-trans.png) no-repeat 3px 12px;
}
div#footer .service h3.edit {
    background:url(img/edit-trans.png) no-repeat 3px 12px;
}

div#footer .service ul {
    margin:0 0 0 30px;
    border-bottom:1px solid #555;
}
address {
    margin:40px 0 0;
    clear:both;
    text-align:right;
}

/*========================================

  class

========================================*/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/*--------------------------------------
	float
---------------------------------------*/

.alignleft,
.imgL {
	margin-right: 1em!important;
	margin-top: 1em!important;
	float: left;
}

.alignright,
.imgR {
	margin-left: 1em!important;
	margin-top: 1em!important;
	float: right;
}

.clear {
	display: block;
	clear: both;
	line-height: 0;
}