@charset "utf-8";


body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
font-size: 100%;
list-style: none;
}

body {
color: #222222;
font-size: 75%;
font-family: "���C���I","meiryo",Verdana,"Hiragino Kaku Gothic Pro W3","MS UI Gothic";
text-align:center;
}

/*=========================================
INDEX
===========================================*/

body#Index {
color: #1d0f04;
background: url(../images/bg.gif) no-repeat center top;
background-attachment: fixed;
}

*html body#Index {
color: #1d0f04;
background: url(../images/bg.gif) no-repeat center top;
background-attachment: fixed;
height:260px;
}


#Frame {
width: 600px;
margin: 0 auto;
position: relative;
}

*a,form* {position:relative;}

/*=========================================
INDEX CENTER
===========================================*/

div#IndexCenter {
background: url(../images/line_index.gif) repeat-y center;
width: 420px;
padding: 156px 0 0 0;
margin: 0 auto;
}

#IndexCenter h1 {
background: url(../images/logo.gif) no-repeat;
height: 44px;
width: 82px;
margin: 0 auto 66px auto;
text-indent: -10000px;
}

#IndexCenter h2 {
background: url(../images/text_index_01-trans.png) no-repeat;
height: 281px;
width: 244px;
margin: 0 auto 26px auto;
text-indent: -10000px;
}


#IndexCenter h3 {
background: url(../images/text_index_02-trans.png) no-repeat;
height: 32px;
width: 393px;
margin: 0 0 78px 20px;
text-indent: -10000px;
}

#IndexCenter h4 {
height: 25px;
width: 66px;
text-indent: -10000px;
background: url(../images/challenge.gif) no-repeat;
margin: 0 auto 248px auto;
}

#Copyright {
background: url(../images/copyright.gif) no-repeat center top;
width: 51px;
height: 70px;
text-align: center;
margin: 0 auto;
text-indent: -10000px;
}

/*=========================================
INDEX LEFT
===========================================*/

#IndexLeft {
width: 402px;
font-size: 12px;
text-align: left;
position: absolute;
top: 322px;
left: -240px;
}
#IndexLeft p {
background: #FFFFFF;
margin: 0 0 27px 0;
line-height: 140%;
}

#IndexLeft div {
background: url(../images/index_menu-trans.png) no-repeat left top;
width: 198px;
padding: 20px 0;
*padding: 8px 0 20px 0;
margin: 0 auto;
}

#IndexLeft div h2 {
background: url(../images/menu.gif) no-repeat;
height: 28px;
width: 123px;
margin: 0 0 16px 30px;
text-indent: -10000px;
}

#IndexLeft div li {
margin: 0 0 17px 30px;
*margin: 0 0 17px 16px;
text-indent: -10000px;

}

#IndexLeft div li a  {
display: block;
height: 13px;
text-indent: -10000px;
overflow: hidden;
}

#IndexLeft div li a.Menu01  {
background: url(../images/menu_01.gif) no-repeat left top;
height: 13px;
width: 60px;
}

#IndexLeft div li a:hover.Menu01  {
background: url(../images/menu_01_on.gif) no-repeat left top;
height: 13px;
width: 60px;
}

#IndexLeft div li a.Menu02  {
background: url(../images/menu_02.gif) no-repeat left top;
height: 13px;
width: 100px;
}

#IndexLeft div li a:hover.Menu02  {
background: url(../images/menu_02_on.gif) no-repeat left top;
height: 13px;
width: 100px;
}

#IndexLeft div li a.Menu03  {
background: url(../images/menu_03.gif) no-repeat left top;
height: 13px;
width: 75px;
}

#IndexLeft div li a:hover.Menu03  {
background: url(../images/menu_03_on.gif) no-repeat left top;
height: 13px;
width: 75px;
}

#IndexLeft div li a.Menu04  {
background: url(../images/menu_04.gif) no-repeat left top;
height: 13px;
width: 150px;
}

#IndexLeft div li a:hover.Menu04  {
background: url(../images/menu_04_on.gif) no-repeat left top;
height: 13px;
width: 150px;
}

#IndexLeft div li a.Menu05  {
background: url(../images/menu_05.gif) no-repeat left top;
height: 13px;
width: 50px;
}

#IndexLeft div li a:hover.Menu05  {
background: url(../images/menu_05_on.gif) no-repeat left top;
height: 13px;
width: 50px;
}

#IndexLeft div li a.Menu06  {
background: url(../images/menu_06.gif) no-repeat left top;
height: 13px;
width: 75px;
}

#IndexLeft div li a:hover.Menu06  {
background: url(../images/menu_06_on.gif) no-repeat left top;
height: 13px;
width: 75px;
}

/*=========================================
INDEX RIGHT
===========================================*/

#IndexRight {
width: 440px;
position: absolute;
right: -280px;
top: 106px;
}

#IndexRight .Gi {
text-align: right;
width: 440px;
padding: 0 0 100px 0;
}

#IndexRight .Box {
background: #FFFFFF;
text-align: left;
padding: 9px 0 0 0;
margin: 0 0 20px 0;
}

#IndexRight .Box h2 {
background: url(../images/gi_text.gif) no-repeat;
height: 21px;
width: 413px;
margin: 0 0 14px 9px;
text-indent: -10000px;
}

#IndexRight .Box p {
font-size: 11px;
padding: 0 0 10px 9px;
}

.NewsArea {
width: 440px;
text-align: left;
font-size: 11px;
padding-top:15px;
}

.New {
background: #FFFFFF;
float: left;
width: 210px;
padding: 5px 0 0 0;
}
.New p {
margin: 0 5px 10px 5px;
}

#blog {
background: #FFFFFF;
float: right;
width: 210px;
padding: 5px 0 0 0;
}

#blog p {
margin: 0 5px 10px 5px;
}

#feed {
padding: 0 5px 5px 5px;
}


*html.top_yahoo{
	width: 138px;
	position: absolute;
	right: -209px;
	*right: -510px;
	top: 0;
	height: 45px;
}

.top_yahoo{
	width: 138px;
	position: absolute;
	right: -209px;
	*right: -510px;
	top: 956px;
	*top: -70px;
	height: 45px;
}



.top_yahoo2{
	width: 138px;
	position: absolute;
	height: 45px;
	left: 80px;
	top: 240px;
}

/*=========================================
INDEX logo 追加部分
===========================================*/
.yglogo{
	list-style:none;
	width:280px;
	
}

.yahoo {
	float:left;
	margin-right:5px;
}

.google{
float:left;
}