@charset "utf-8";

/*---------------------------------
共通要素(今後使用してください)
----------------------------------*/
html{
	height:100%;
	font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande", "Geneva", "Arial", "Verdana", "sans-serif";
}
body{
	background-color:#eeeeee;
	text-align:center;
	margin:15px 0 0 0;
	background-repeat:repeat-x;
	height:100%;
	width:100%;
	color:#717171;
	line-height:110%;
}

p{
	font-size:80%;
	line-height:120%;
}
a{
	text-decoration:none;
	color:#888888;
	text-decoration:underline;
	position:relative;
	z-index:5;
}
a:hover{
	color: #3366cc;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

img{
	border:none;
}

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

#main{
width:780px;
margin:0 auto auto auto;
position:relative;
text-align:left;
}

/*---------------------------------
header
----------------------------------*/

#header{
margin-top:0px;
}

/*---------------------------------
content
----------------------------------*/

#top{
margin-top:4px;
}

#content {
	padding-bottom:20px;
}


#left{
float:left;
width:500px;
}

#left table{
margin-top:10px;
margin-bottom:30px;
color:#444444;
}

#left a{
	color:#999999;
}
#left a:hover{
	color:#3366CC;
}

#left p{
color:#444444;
/*text-align:justify;*/
line-height:140%;
}
.td_text{
margin-left:10px;
}
/*----------------
  IE6 CSSハック
----------------*/
* html #ie6img {
	margin-top:-20px;
}

* html #ie6img_2 {
	margin-top:-18px;
}

/*----------------
     ここまで
----------------*/

.td_text2{
margin-right:10px;
}
#left td {
	font-size:80%;
	line-height:140%;
}

#right{
float:right;
width:230px;
}

#right #system{
background-image:url(../../images/grani/grani3/system_bg.png);
background-repeat:no-repeat;
width:auto;
height:209px;
margin-top:20px;
padding:12px 10px 12px 10px;
}

#right #system p{
font-size:12px;
color:#FFFFFF;
text-align:left;
margin:5px 0 10px 0;
}

#right #release{
background-image:url(../../images/grani/grani3/release_bg.png);
width:230px;
height:88px;
margin-top:20px;
}

#right #release p{
font-size:12px;
color:#FFFFFF;
padding:40px 10px 0 10px;
text-align:left;
}


#right #system a{
	text-decoration:underline;
	color:#FFFFFF;
}


#right #silver{
	margin-top:20px;
	text-align:center;
}


#navi{
	text-align:center;
	font-size:80%;
	margin-top:30px;
	position:relative;

}
#navi img { vertical-align: -2px; }
#navi a{
	color:#888888;
	font-size:100%;
	text-decoration:underline;
}

#navi a:hover{
	color:#3366CC;
}

/*---------------------
footer
---------------------*/

#footer{
	clear:both;
	text-align:center;
}

/*---------------------
コピーライト
---------------------*/

#copy_right{
	position:relative;
	text-align:center;
	font-size:75%;
	color:#999999;
	padding:5px 0px 50px 0px;

}
#copy_right a{
	font-size:100%;
	color:#999999;
	font-weight:bold;
}
#copy_right a:hover{
	color:#3366CC;
}