body {background:transparent url(../images/bkg_page_frame.gif) no-repeat scroll center top;}
body, div, h1, h2, h3, p, ul, li, a, span{font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;}
a{text-decoration: underline;color:#057CB8;}
a:hover{text-decoration: underline;color:#07ACFF;}
p, li {color:#666; font-size:0.8em; line-height:140%;}

/* header links*/
#header {border-bottom:1px #ccc solid;padding-bottom:0;}
ul#headlinks{margin-right:5px;}
ul#headlinks li{float:right; margin-right:10px;font-size:80%;margin-top:2px;}
ul#headlinks li#last{border-left:none;clear:right;padding:0;margin-top:2px;}
ul#headlinks li a {color:#057CB8;text-decoration:none;padding-left:10px;border-left:1px #ccc solid;}
ul#headlinks li a:hover {color:#07ACFF;}

/* layout*/
#main {MARGIN: 30px auto; WIDTH: 816px;}

/* メイン画像*/
#main #mainimg {width:816px;height:150px;margin-bottom:40px; background:url(../images/fi_main.jpg) no-repeat;padding-top:70px;}
#main h2 span {margin-left:-9999px;}
#main #mainimg p {margin-bottom:5px;font-size:0.75em;}
#main #mainimg a {width:288px; height:35px ;display:block;position:relative;top:15px;left:80px;}

/* 機能紹介*/
#func {padding:10px 16px 0;}
#func div#func01, #func div#func02,#func div#func03 {float:left;width:247px;margin-right:21px;}
#func div#func03 {margin-right:0;}
#func h3#func01, #func h3#func02, #func h3#func03 {width:247px; height:12px; margin:12px 0 5px 0;}
#func h3#func01 {background:url(../images/ttl_func01.gif) no-repeat;}
#func h3#func02 {background:url(../images/ttl_func02.gif) no-repeat;}
#func h3#func03 {background:url(../images/ttl_func03.gif) no-repeat;}
h3 span {margin-left:-9999px;}
#func p {font-size:0.75em;}

/* スタートステップ*/
#steps {width:784px;margin:20px 16px 20px;}
#steps h2{background:url(../images/bg_steps_header.gif) no-repeat; width:784px; height:30px;}
#inner_steps {overflow:hidden; width:738px;height:auto;padding:10px 23px 5px;background:url(../images/bg_steps_inner.gif) repeat-y;}
#footer_steps {width:784px;height:9px;background:url(../images/bg_steps_footer.gif) no-repeat 0 bottom;margin-top:0;}
*html body #steps {width:752px;margin:16px;}
#steps #step01, #steps #step02, #steps #step03 {float:left;width:220px;}
img#arrow {float:left; width:26px;margin:70px 6px 0;}
#steps p#ttl{font-size:0.8em;color:#557eb9;}
#steps p{font-size:0.75em;line-height:140%;margin-top:5px;}
#steps p span{font-size:0.85em;}
#steps #inner_steps p#hajimete{float:right; width:17em; height:1.5em;padding:2px 0 2px 20px; margin-top:17px;background:url(../images/mark_hajimete.gif) no-repeat;}
*html body #steps p#hajimete{width:15.5em;}

p.clear {clear:both;}

/* その他の使い方*/
#use {padding:0 16px 20px;height:140px;}
#use img, #use ul {float:left;}
#use img{width:397px;margin-right:20px;}
#use h3 {width:358px; height:58px; background:url(../images/ttl_use.gif) no-repeat; margin-bottom:5px;}
#use ul li {font-size:0.7em;margin-bottom:3px; width:350px;padding-left:15px; background:url(../images/mark_use.gif) no-repeat;}