*{
margin:0;
padding:0;
font-size:100%;
}

body{
	color:#333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	text-align:center;
}

/*---main Layout---*/

div#container{
width:760px;
margin:0 auto;
text-align:left;
}
div#container2{
//説明画面
width:500px;
margin:0 auto;
text-align:left;
}
div#header{
	height:38px;
	font-size:83%;
	text-align:center;
	padding-top:2px;
	background-color: #009966;
	background-image: url(../img/bg_t.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #009966;
}

div#sideColumn{
float:left;
width:171px;
text-align:center;
background-color:#fff;
}
div#mainColumn{
background-color:#fff;
float:right;
width:588px;
border-left:1px dashed #ccc;
}

div#analysis img{
border:none;
width:31px;
height:31px;
}

div#body{
padding:5px 8px;
}


div#footer{
	clear:both;
	width:760px;
	height:25px;
	margin:20px auto 0;
	background-color:#009966;
	font-size:75%;
	padding-top:23px;
	padding-right:10px;
	text-align:right;
	background-image: url(../img/bg_f.gif);
	background-repeat: repeat-x;
	background-position: center top;
	border-bottom-width: 3px;
	border-bottom-style: dashed;
	border-bottom-color: #009966;
}

.navi{
margin:0 auto;
width:160px;
}

.navi ul{
list-style:none;
}

.navi ul li{
display:block;
margin-top:4px;
margin-bottom:4px;
}
.navi ul li.current{
background: url(../img/btn_shape_over.gif) no-repeat center center;
height:37px;
width:157px;
vertical-align:middle;
text-align:center;
font-size:83%;
padding-top:10px;
display:block;
text-decoration:none;

}
.navi ul li a{
background: url(../img/btn_shape.gif) no-repeat center center;
height:37px;
width:157px;
vertical-align:middle;
text-align:center;
font-size:83%;
padding-top:10px;
display:block;
text-decoration:none;
}
.navi ul li a:hover{
background: url(../img/btn_shape_over.gif) no-repeat center center;
}

.navi_box{
margin:0 auto;
width:140px;
text-align:left;
}
.navi_box ul{
list-style:none;
line-height:100%;
}
.navi_box ul li{
display:block;
margin-top:3px;
}

.mail{
background: #fff url(../img/mail.jpg) no-repeat 0 0;
padding-left:20px;
}
.thanks{
background: #fff url(../img/tux.jpg) no-repeat 0 0;
padding-left:20px;
}
.about{
background: #fff url(../img/about.jpg) no-repeat 0 0;
padding-left:20px;
}

.download{
background: #fff url(../img/download.jpg) no-repeat 0 0;
padding-left:20px;
}
.blog{
background: #fff url(../img/blog.jpg) no-repeat 0 0;
padding-left:20px;
}
.bbs{
background: #fff url(../img/bbs.jpg) no-repeat 0 0;
padding-left:20px;
}
.down{
background: #fff url(../img/download.gif) no-repeat 0 0;
padding-left:20px;
}
.computer{
background: #fff url(../img/computer.gif) no-repeat 0 0;
padding-left:20px;
}
.cross{
background: #fff url(../img/cross.gif) no-repeat 0 0;
padding-left:20px;
}
.flash{
background: #fff url(../img/flash.gif) no-repeat 0 0;
padding-left:20px;
}
.back{
background: #fff url(../img/back.jpg) no-repeat 0 0;
padding-left:20px;
}

.blank{}
.blank img{border:none;}


img#w3c{border:none;}



.window{
background: #fff url(../img/window.jpg) no-repeat center right;
}

.navi_box a{
font-size:83%;
display:block;
text-decoration:none;
border-bottom:1px solid #fff;
}
.navi_box a:hover{
border-bottom:1px dashed #ffc05a;
color:#FF6633;
}

.feature{
text-align:center;
}

.top_left_box{
float:left;
padding-top:10px;
width:340px;
}

.top_right_box{
float:right;
padding-top:15px;
width:200px;
}

.relation{
border:none;
width:180px;
}

.relation ul{
list-style:none;
padding-left:10px;
padding-top:4px;
padding-bottom:10px;
margin-bottom:8px;
border:1px solid #ccf;
}
.relation ul li{
font-size:83%;
}
.relation ul li a{
text-decoration:none;
}
.relation ul li a:hover{
text-decoration:underline;
}

.relation p{
padding-left:10px;
padding-top:4px;
padding-bottom:10px;
margin-bottom:8px;
border:1px solid #ccf;
text-align:center;
}

.separate{
text-align:center;
width:159px;
height:24px;
background:#fff url(../img/title_line.gif) no-repeat center center;
}
.separate2{
margin-bottom:14px;
}






/*---main text decoration---*/

a{
color:#ff6600;
}
a:hover{
color:#ff3300;
}

.relation a{
color:#66f;
}

.relation a:hover{
color:#30f;
}

h1{
font-weight:normal;
}
h2{
	background:#fff url(../img/h2_back.png);
	width:90%;
	padding-left:5px;
	color:#FF6600;
	font-size:90%;
	margin-top:4px;
	margin-bottom:6px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #009966;
	border-left-color: #009966;
}

.relation h3{
color:#66c;
font-size:90%;
background:#fff url(../img/h3top.gif) no-repeat center top;
padding-top:3px;
padding-left:10px;
height:20px;
}

h3.spec{
color:#66c;
font-size:90%;
background:#fff url(../img/h3_back.png) ;
width:400px;
padding-top:3px;
padding-left:10px;
margin-top:4px;
margin-bottom:5px;
height:20px;
}

h4{
margin:8px auto;
border-left:4px solid #cfc;
padding-left:10px;
font-size:83%;
color:#666;
font-weight:normal;
}


div.icon{
margin:8px auto;
text-align:left;

}

.list,.down-list{}

.list ul,.down-list ul{
list-style:none;
padding-left:10px;
padding-top:4px;
padding-bottom:10px;
margin-bottom:8px;
}
.list ul li{
background:#fff url(../img/list.gif) no-repeat left top;
padding-left:20px;
font-size:83%;
}
.down-list ul li.win{
background:#fff url(../img/win.gif) no-repeat left center;
padding-left:20px;
font-size:83%;
}
.down-list ul li.mac{
background:#fff url(../img/mac.gif) no-repeat left center;
padding-left:20px;
font-size:83%;
}




.icon ul{
list-style:none;
line-height:100%;
color:#009;
font-size:90%;
}
.icon ul li{
display:block;
margin-top:3px;
font-size:90%;
}

.icon_link{
background: #fff url(../img/cup.jpg) no-repeat 0 0;
padding-left:18px;
}

.box2{
border-left:3px double #ccf;
}

p.top{
background:#fff url(../img/top.gif) no-repeat right top;
padding-right:20px;
text-align:right;
}



/*-----text decoration-*/


div.logo{
margin:6px auto;
}
div.logo img{
border:none;
}

div#header{
color:#FFFFFF;
}
div#body p{
font-size:83%;
color:#666;
line-height:130%;
margin-bottom:6px;
padding-left:6px;
}
div#footer{
color:#fff;
}




/*------labs style-----*/


.f-navi{
font-size:83%;
border-right:5px solid #ffc05a;
border-left:5px solid #ffc05a;
padding:5px;
text-align:center;
line-height:120%;
}

.f-navi ul li{
display:inline;
margin:0 2px;
}

.f-navi ul li a{
text-decoration:none;
}

.f-navi ul li a:hover{
text-decoration:underline;
}
#container #mainColumn #body .top_left_box #div3 #div4 {
	border: thin solid #000000;
}