/* clearfix */
.clear {clear:both;}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix {display:block;}
/* end MacIE5 */

.vl_b {
vertical-align:bottom;
}

.link {
cursor: pointer;
}

body {
text-align:center;
margin:0;
padding:0;
}

h1,h2,h3,h4 {
margin:0;
}

.container {
background:url(side_line.gif) repeat-y;
width:763px;
text-align:left;
margin:0 auto;
padding:0 0 7px 0;
}

.head {
text-align:center;
padding-top:20px;
}

.head h1 {
	margin:0 auto;
	width:721px;
}

.head h1 img {
	display:block;
}

.menu {
margin-right:1px;
}

.text_01 {
text-align:right;
font-size:75%;
line-height:1.4em;
color:#161616;
margin-right:20px;
}

.dot_line {
background:url(line_dotted.gif) repeat-x 0 100%;
}

/*about*/
.about {
margin:0 auto;
width:721px;
}

.about h2 img {
	display:block;
}

.frame_01 {
margin:30px auto 20px;
width:721px;
background:url(title_02-11.gif) repeat-y;
}

.frame_01_box {
width:690px;
margin:0 auto;
}

.navi {
width:300px;
float:left;
}

.navi_over_img {
width:387px;
float:left;
}

/*download_box*/

.download_box {
width:721px;
margin:30px auto 0;
text-align:center;
background-color:#fff6d0;
}

.download_box a img {
	display:inline;
}

.download_box img {
	display:block;
}

/*pagetop*/

.pagetop {
width:721px;
margin:50px auto 10px;
padding-bottom:20px;
text-align:right;
}

.pagetop span {
background:url(icon_pagetop.gif) no-repeat;
font-size:75%;
line-height:1.4em;
padding-left:12px;
}

.pagetop span a {
text-decoration:underline;
color:#474747;
}

.pagetop span a:hover{
text-decoration:none;
}

/*howto*/
.howto {
width:721px;
margin:0 auto;
}

.howto h3 {
margin-bottom:10px;
}

.howto_box {
margin-bottom:30px;
}

.text_area {
width:485px;
float:left;
}

.text_area_click {
width:485px;
float:left;
margin-top:30px;
}

.text_area_inner h4 {
color:#003784;
font-size:90%;
margin-bottom:10px;
margin-top:5px;
}

.flash_area h4 {
color:#E83E77;
font-size:90%;
margin-bottom:5px;
margin-top:5px;
text-align:center;
}

.text_area_inner .step {
float:left;
width:77px;
vertical-align:bottom;
}

.text_area_inner .text {
float:left;
width:360px;
}

.text_area_inner .blue_arrow {
vertical-align:bottom;
}

.flash_area {
width:220px;
float:left;
}

.click_text {
margin-left:10px;
margin-bottom:10px;
color:#252525;
font-size:98%;
clear:both;
text-align:center;
}

.comment {
margin-left:10px;
color:#252525;
font-size:90%;
clear:both;
}

.comment2 {
margin-left:10px;
margin-bottom:10px;
color:#252525;
font-size:98%;
clear:both;
}

/*browser*/
.browser_box {
margin-bottom:20px;
}

.browser_box h4 {
color:#003784;
font-size:90%;
}

.browser_box ul {
margin:0 0 0 5px;
padding:0;
}

.browser_box ul li {
list-style:none;
background:url(icon_blue_circle.gif) no-repeat 0 5px;
padding-left:12px;
margin-bottom:5px;
font-size:90%;
color:#252525;
}

.text_red {
font-size:90%;
color:#c60101;
padding-bottom:20px;
}

.text_red a {
color:#c60101;
text-decoration:underline;
}

.text_red a:hover {
text-decoration:none;
}

.text_red2 {
color:#d52b2b;
}

.text_red2 a {
color:#d52b2b;
}

.text_red2 a:hover {
text-decoration:none;
}


.icon_ab {
vertical-align:middle;
padding-bottom:4px;
}

/*foot*/
.foot {
border-top:1px solid #cccccc;
margin-bottom:10px;
}

.foot img {
float:left;
}

.copy {
width:580px;
float:left;
margin-right:1px;
font-size:70%;
color:#252525;
text-align:right;
padding:20px 0;
}

.rule{
font-size:75%;
color:##252525;
padding:10px 10px 20px;
overflow:auto;
height:200px;
border:solid 1px #d6d6d6;
}

.rule table{
margin-top:5px;
margin-bottom:10px;
}

.rule td {
padding-bottom:10px;
}

.al_c {
text-align:center;
margin:10px 10px 0;
font-size:90%;
color:##252525;
}

.q-down {
font-size:80%;
}