@charset "utf-8";
/* CSS Document */

*{
    padding:0;
    margin:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

ol, ul {
	list-style:none;
}
blockquote, q{
	quotes:none;
}

html{
    overflow-y:scroll;  
}  

body{
	font-size:1em;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,Verdana;
	background:url(img/bg01.gif) repeat-x #f6f6f6;
	color:#1a1a1a;
}

a{
	color:#007d7d;
	text-decoration:underline;
}

a:hover{
    color:#007d7d;
	text-decoration:none;
}

h1,h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	line-height:1.5;
	text-align:left;
}

p{
	line-height:1.6;
	font-size:0.75em;
}

h1{
    width:340px;
	height:111px;
}

h1 a{
    width:340px;
	height:0;
	overflow:hidden;
	display:block;
	background:url(img/site01.jpg) no-repeat;
	padding-top:111px;
}

h2{
    width:720px;
	height:0;
	overflow:hidden;
	margin:0 0 24px 25px;
	background:url(img/site01.jpg) -25px -111px no-repeat;
	padding-top:40px;
}

h3{
    width:620px;
	height:0;
	overflow:hidden;
	background:url(img/bg02.gif) no-repeat;
	padding-top:64px;	
}

h3#one{
    width:940px;
	height:0;
	overflow:hidden;
	background:url(img/1.gif) no-repeat;
	padding-top:64px;	
}

h3#two{
    width:940px;
	height:0;
	overflow:hidden;
	background:url(img/2.gif) no-repeat;
	padding-top:64px;	
}

h3#three{
    width:940px;
	height:0;
	overflow:hidden;
	background:url(img/3.gif) no-repeat;
	padding-top:64px;	
}

h3#four{
    width:940px;
	height:0;
	overflow:hidden;
	background:url(img/4.gif) no-repeat;
	padding-top:64px;	
}

h3#five{
    width:940px;
	height:0;
	overflow:hidden;
	background:url(img/5.gif) no-repeat;
	padding-top:64px;	
}

h3#six{
    width:940px;
	height:0;
	overflow:hidden;
	background:url(img/6.gif) no-repeat;
	padding-top:64px;	
}

h3#seven{
    width:940px;
	height:0;
	overflow:hidden;
	background:url(img/7.gif) no-repeat;
	padding-top:64px;	
}

h4#about{
    width:298px;
	height:0;
	overflow:hidden;
	background:url(img/about.gif) no-repeat;
	padding-top:63px;	
}

h4#etc{
    width:298px;
	height:0;
	overflow:hidden;
	background:url(img/etc.gif) no-repeat;
	padding-top:63px;	
}

#container{
	text-align:left;
	width:940px;
	margin:0 auto 0 auto;
}

#head{
    width:940px;
	height:420px;
	background:url(img/site01.jpg) no-repeat;
	overflow:hidden;
	zoom:1;
	margin:0 0 20px 0;
}

#head p.description{
    margin:0 0 16px 36px;
}

div.rank1{
    width:180px;
	height:180px;
	padding:0 0 0 8px;
	margin:0;
	float:left;
	overflow:hidden;
	zoom:1;
}

div.rank2345{
    width:180px;
	height:180px;
	padding:0 0 0 6px;
	margin:0;
	float:left;
	overflow:hidden;
	zoom:1;
}

p.a{
    margin:0 0 12px 0;
}

p.b{
    padding:0 0 0 38px;
	margin:0;
	width:85px;
	float:left;
	font-size:0.875em;
}

p.c{
    width:50px;
    padding:2px 0 0 0;
	margin:0;
	float:left;
}

#left{
	width:620px;
	margin:0 20px 20px 0;
	float:left;
	background: #ffffff;
	overflow: hidden;
	zoom:1;
}

#leftsub{
	width:618px;
	background: #ffffff;
	border:1px solid #dedede;
}  

div.info{
    padding:10px;
	margin:0;
	width:598px;
	overflow:hidden;
	zoom:1;
}

div.info img.image{
    margin:0 10px 0 0;
	float:left;
	width:140px;
}

p.info2{
    overflow:hidden;
	zoom:1;
}

#leftleft{
	width:940px;
	margin:0 0 20px 0;
	float:left;
	background: #ffffff;
	overflow: hidden;
	zoom:1;
}

#leftsubleftsub{
	width:938px;
	background: #ffffff;
	border:1px solid #dedede;
}  

div.infoinfo{
    padding:15px;
	margin:0;
	width:908px;
	overflow:hidden;
	zoom:1;
}

p.infoinfo2{
    font-size:0.875em;
    overflow:hidden;
	zoom:1;
}

p.kuti{
    padding:10px;
	margin:0 10px 10px 10px;
	width:576px;
	background:#fcf5de;
	border:1px solid #f1e6c3;
}

p.kugiri{
    width:600px;
    margin:0 auto 0 auto;
}

#right{
	width:298px;
	float:left;
	background: #ffffff;
	border:1px solid #dedede;
	margin:0 0 20px 0;
	overflow:hidden;
	zoom:1;
}

#right p.con{
    width:278px;
	padding:0 10px 10px 10px;
}

p.kugiri2{
    width:295px;
    margin:0 auto 10px auto;
	padding:0;
}

#tec{
	clear:both;
	background:url(img/tec.jpg) no-repeat;
	width:940px;
	height:400px;
	padding:0 0 20px 0;
	border-bottom:1px solid #dedede;
	overflow:hidden;
}

p.read1{
    width:102px;
	height:22px;
	margin:95px 0 4px 493px;
	background:url(img/tec02.jpg) -493px -95px no-repeat;
}

p.read1 a{
    width:102px;
	height:0;
	display:block;
	overflow:hidden;
	padding-top:22px;
	background:url(img/tec.jpg) -493px -95px no-repeat;
}

p.read1 a:hover{
    background:none;
}

p.read2{
    width:102px;
	height:22px;
	margin:0 0 4px 493px;
	background:url(img/tec02.jpg) -493px -95px no-repeat;
}

p.read2 a{
    width:102px;
	height:0;
	display:block;
	overflow:hidden;
	padding-top:22px;
	background:url(img/tec.jpg) -493px -95px no-repeat;
}

p.read2 a:hover{
    background:none;
}

p.copy{
    width:920px;
	text-align:center;
	padding:5px 10px 10px 10px;
}