@charset "utf-8";
/*------
????3
-------*/

html{
}

/* IE6 */
body {
	font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

input{
	font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size:80%;
}

textarea{
	font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-size:80%;
}

/* IE7-IE8 */
html>body ,
*html body,
*html input,
*html textarea {
	font-family:"Meiryo","メイリオ","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

/* firefox opera safari */
html>body,
html>body input,
html>body textarea {
	font-family:"Meiryo","メイリオ","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

body{
	margin:0px;
	background-repeat:repeat-x;
	background-color:#EEEEEE;
	height:100%;
	width:100%;
	color:#717171;
	line-height:110%;

}
a{
	text-decoration:none;
	color:#FFFFFF;
	position:relative;
	z-index:5;
}
a:hover{
	color: #3366cc;
}
img{
	border:0px;
	margin:0px;
}
ul{
	padding:0px;
	margin:0px;
	list-style:none;
		position:relative;
	z-index:5;
}

li{
	position:relative;
	z-index:5;
}


h1,h2,h3,h4{
	color:#FFFFFF;
	margin:0px;
	clear:both;
}
h2,h3,h4{
	font-size:90%;
}
p{
	margin:0px;
	font-size:85%;
	position:relative;
	z-index:5;
	color:#6F6F6F;
}


table{
	border-collapse:collapse;
}


/** clearfix **/

.clearfix:after {
	content: "";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/** clearfix **/

/*//////////////////////

	freesoftmenu

//////////////////////*/

#freesoftmenu {
	margin:-60px auto 25px;
	width:100%;
	text-align:center;
}

#freesoftmenu ul {
	width:770px;
	margin:0 auto;
	_margin:0;
	padding-left:2px;
}

#freesoftmenu ul li {
	float:left;
	list-style-type:none;
}

#freesoftmenu ul li a {
	text-indent:-9999px;
	overflow:hidden;
	height:36px;
	display:block;
}


#freesoftmenu ul li a#sleipnir {
	background:url(../../images/menu/freesoftmenu.png) no-repeat 0 0;
	width:193px;
}

#freesoftmenu ul li a#sleipnir:hover {
	background:url(../../images/menu/freesoftmenu.png) no-repeat 0 -36px;
}

#freesoftmenu ul li a#grani {
	background:url(../../images/menu/freesoftmenu.png) no-repeat -193px 0;
	width:190px;
}

#freesoftmenu ul li a#grani:hover {
	background:url(../../images/menu/freesoftmenu.png) no-repeat -193px -36px;
}

#freesoftmenu ul li a#pictbear {
	background:url(../../images/menu/freesoftmenu.png) no-repeat -383px 0;
	width:190px;
}

#freesoftmenu ul li a#pictbear:hover {
	background:url(../../images/menu/freesoftmenu.png) no-repeat -383px -36px;
}

#freesoftmenu ul li a#ie8 {
	background:url(../../images/menu/freesoftmenu.png) no-repeat -573px 0;
	width:193px;
}

#freesoftmenu ul li a#ie8:hover {
	background:url(../../images/menu/freesoftmenu.png) no-repeat -573px -36px;
}


/*--------------
?u???b?N
---------------*/
#main{
	width:770px;
	height:100%;
	margin:0px auto;
	background-color:#eeeeee;
	text-align:left;
	padding:0px 0px 0;
	position:relative;
}

#main h1{
width:770px;
height:219px;
text-indent:-100000px;
overflow:hidden;
background:url(../../images/grani/title_grani.png);
}


#eclat #content{
	margin:0px 0px 0px 0px;
}
#left{
	width:450px;
	float:left;
	height:auto;
	margin:30px 0px 0px 0px;
	
}
#menu{
	float:right;
	width:280px;
	margin:30px 0px 0px 0px;
	/*background-color:#FFFFFF;*/
}

#head {
	margin:20xp 0px 0px 0px;
}

strong{
	color:#4A4A4A;
}


#navi{
	text-align:center;
	font-size:80%;
	padding:0px 0 35px 0;
	position:relative;

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

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



#copy_right{
	text-align:center;
	font-size:75%;
	color:#999999;
	padding:12px 0px 50px 0px;
	margin:0 auto;

}
#copy_right a{
	font-size:100%;
	color:#999999;
	text-decoration:underline;
	font-weight:bold;
	line-height:100%;
}
#copy_right a:hover{
	color:#3366CC;
}


/*---------
?w?b?_?[
----------*/
#header{
	width:100%;
	background-color:#000000;
	background-image:url(../../images/menu/menu_back.png);
	margin:0px 0px 50px 0px;
	height:70px;
	text-align:center;
}

#top_menu{
	text-align:center;
	height:30px;
	width:760px;
	margin:0px auto 0px auto;
}

#top_menu a#fenrir_logo {
	background-image:url(../../images/fenrir_logo.gif);
	background-repeat:no-repeat;
	width:40px;
	height:60px;
	display:block;
	position:relative;
	left:3px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}

#top_menu a#fenrir_logo:hover {
	background-image:url(../../images/fenrir_logo_hover.png);
}


#top_menu img#logo{
	float:left;
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
}
#top_menu a{
	border:none;
}



a {
	color:#888888;
	text-decoration:underline;
}

#top_menu img{
	margin:0px 0px 0px 0px;
	filter:alpha(opacity=0);
	opacity:0;
}

#top_menu img#bandit{
	float:left;
	filter:alpha(opacity=100);
	opacity:1.0;
	-moz-opacity:1.0;
	margin-top:8px;
	margin-left:-2px;
}

#top_menu div{
	float:right;
	margin:16px 0px 0px 0px;
	background-repeat:no-repeat;
}

#ad{
	position:relative;
	top:-10px;
	text-align:center;
}

#top_menu img.select{
	opacity:0;
	-moz-opacity:0;
}

#top_menu img#global{
float:right;
margin:16px 0px 0px 15px;
opacity:1;
filter:alpha(opacity=100);
}


/***** eclat *****/

#eclat #top_img {
	background-image:url(../../images/grani/skins/eclat_top.png);
	height:528px;
	width:770px;
	background-repeat:no-repeat;
}

#eclat #bg {
	background-image:url(../../images/grani/skins/eclat_bg.png);
	background-repeat:repeat-y;
	height:auto;
	width:770px;
	margin:0 auto;
}

#eclat .e_content_go {
	width:708px;
	height:auto;
	margin:0 0 0px 31px;
	padding-bottom:36px;
}

#eclat .e_content_ro {
	width:708px;
	height:auto;
	margin:0 0 0px 31px;
	padding-bottom:40px;
}

#eclat #gold {
	height:264px;
	width:708px;
	position:relative;
}

#eclat #rose_logo {
	margin:0 0 14px 330px;
}

#eclat #rose {
	height:264px;
	width:708px;
	position:relative;
}

#eclat #bottom {
	background-image:url(../../images/grani/skins/eclat_bottom.png);
	background-repeat:no-repeat;
	height:9px;
	width:770px;
}

#eclat #bubble_l1 {
	position:absolute;
	top:264px;
	left:0;
}

#eclat #bubble_l2 {
	position:absolute;
	top:268px;
	left:0;
}


#eclat #bubble_r1 {
	position:absolute;
	top:264px;
	right:0;
}

#eclat #bubble_r2 {
	position:absolute;
	top:268px;
	right:0;
}

/***** eclat *****/


/***** brillant-colors *****/

#bri #top_img {
	background-image:url(../../images/grani/skins/bri_top.png);
	height:487px;
	width:768px;
	background-repeat:no-repeat;
	margin:0 1px;
}

#bri #bg {
	background-image:url(../../images/grani/skins/bri_bg.png);
	background-repeat:repeat-y;
	height:auto;
	width:768px;
	margin:0 auto;
	margin:0 1px;
}

#bri #bottom {
	background-image:url(../../images/grani/skins/bri_bottom.png);
	background-repeat:no-repeat;
	height:13px;
	width:768px;
	margin:0 1px;
}


.bri_content {
	margin:0 auto;
	height:auto;
	margin:0 0 20px 33px;
}
	

/***** brillant-colors *****/