@charset "utf-8";
* {
     margin : 0;
     padding : 0;
}
 
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure, p {
margin: 0;
padding: 0;
}

#main{
	width: 100%;
	margin-top:-135px;
	text-align:center;
}

body{
width:100%;
margin:0 auto;
}

/* Selected Text */

::selection {

background:#aaaaaa; /* Safari */

}

::-moz-selection {

background:#aaaaaa; /* Firefox */

}


.logo_left{
margin:30px 0 -40px 90px;
float:left;
}

#slider1{
width:100%;
}



.about_btn{
	display: block;
	width: 152px;
	height: 34px;
	background: url(images/btn_02.gif) no-repeat 0 0;
}
.about_btn:hover {
	background-position: 0 bottom;
}

.sl_img{
margin:0 auto;
}

#about{
margin-left:25%;
padding-top:150px;
}

#ab_txt{
float:left;
width:50%;
}

.ab_logo{
text-align:left;
}

.txt_b{
text-align:left;
font-size:16px;
color:#333333;
line-height:20px;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
}

.txt_r{
text-align:left;
font-size:14px;
color:#333333;
line-height:25px;
}

.ab_img{
float:left;
}

#illust{
width:80%;
clear:both;
margin:0 auto;
padding-top:150px;
position: relative;
    z-index: 2;
}

ul.thumbnail { list-style-type: none; }
ul.thumbnail li {
 float: left;
 margin: 0 5px 5px 0;
}
ul.thumbnail li img {
 border: none;
 width: 109px;
 height: 109px;
}
ul.thumbnail li a { display: block; }

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

/* MacIE用 */
*+html .clearfix { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

#work{
width:80%;
margin:0 auto;
padding-top:150px;
position: relative;
    z-index: 2;
}

ul.btn { list-style-type: none; }
ul.btn li {
 float: left;
 margin: 0 15px 0px 0;
 margin-top:10px;
}
ul.btn li img {
 border: none;
 width: 50px;
 height: 50px;
}
ul.btn li a { display: block; }

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

.copy{
width:100%;
margin:0 auto;
text-align:center;
padding:15px 0 25px 0;
}

ul.rank { list-style-type: none; }
ul.rank li {
 float: left;
 margin: 0 15px 0px 0;
 margin-top:10px;
}
ul.rank li img {
 border: none;
 width: 88px;
 height: 32px;
}
ul.rank li a { display: block; }

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

.txt_rank{
text-align:left;
font-size:14px;
color:#333333;
line-height:25px;
clear:both;
padding-top:13px;
}