@charset "utf-8";
@import "../common.css";
@import "../reset.css";

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

 font-size

/////////////////////////////////////////

	10px = 77%		11px = 85%
	12px = 93%		13px = 100%
	14px = 108%		15px = 116%
	16px = 123.1%

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

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/


	ie8


_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

body#fenrirIE8{
background-color:#eeeeee;
color:#6a6a6a;
}


/*//////////////////////////////////////
	freesoftmenu
//////////////////////////////////////*/

#freesoftmenu {
	margin:-10px 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/header/freesoftmenu.png) no-repeat 0 0;
	width:193px;
}

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

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

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

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

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

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

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

/*/////////////////////////////////
ie8
/////////////////////////////////*/


body#fenrirIE8 #title a, 
body#fenrirIE8 #contents a {
	color:#3686CD;
	font-weight: bold;
	text-decoration: underline;
}

.margin{
	padding:0 40px;
}

#main_contents {
	padding:0 0px;
}

body#fenrirIE8 #title a:hover, 
body#fenrirIE8 #contents a:hover {
	color:#3686CD;
	text-decoration: none;
}

#title {
	background-image:url(../../images/ie8/top_image.png);
	background-repeat:no-repeat;
	margin-bottom:5px;
	margin-top:10px;
	padding:118px 0 0 293px;
}

#title h1{
text-indent:-10000px;
overflow:hidden;
}

#title a#topbtn{
	display:block;
	height:30px;
	margin-top:-20px;
	overflow:hidden;
	text-indent:-9999px;
	width:316px;
}

#title p{
	margin:5px 0 15px 0px;
}

#frame_top {
	width:771px;
	height:17px;
	background:url(../../images/ie8/frame_top.png) no-repeat;
	margin-bottom:30px;
}


#frame{
	background-image:url(../../images/ie8/frame_mid.png);
	background-repeat:repeat-y;
	width:771px;
	height:auto;
	overflow:hidden;	
}

#contents{
	width:770px;
	margin:0 auto;
	background-image:url(../../images/ie8/frame_mid.png);
	background-repeat:repeat-y;
	height:auto;
	overflow:hidden;
	text-align:center;
}


#background {
	background-color:#ffffff;
}

#content h1{
background:transparent url(../../images/ie8/content_image.png) no-repeat scroll 0 0;
height:253px;
overflow:hidden;
text-indent:-10000px;
width:663px;
}

.strong {
	color:#ff8c11;
	width:450px;
	display:block;
	font-size:100%;
	margin:10px 0;
}

p.top_content{
text-align:left;
color:#101010;
margin:10px 0 15px;
font-size: 93%;
}

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


#right {
	float:left;
	width:330px;
}

.img{
float:left;
margin-right:12px;
}

.title{
font-size:110%;
color:#3686cd;
font-weight:bold;
margin-bottom:10px;
margin-top:5px;
}

.text{
float:left;
}

#action{
margin-bottom:30px;
}

#action h2{
color:#3686cd;
font-size:108%;
text-align:left;
}

#action table{
border:#5a9ddb solid 1px;
border-left:5px solid #5A9DDB;
border-collapse:collapse;
width:100%;
}

#action .table_title{
border-bottom:1px solid #5A9DDB;
border-right:1px solid #5A9DDB;
color:#3686CD;
font-size:90%;
font-weight:bold;
line-height:140%;
padding:5px 10px 5px 5px;
text-align:left;
}

#action .table_text{
color:#6a6a6a;
font-size:90%;
line-height:140%;
border-bottom:#5a9ddb solid 1px;
padding:5px 10px 5px 5px;
text-align:left;
}

#check {
text-align:left;
}

#check h3{
background:transparent url(../../images/ie8/check_title.png) no-repeat scroll 0 0;
height:27px;
overflow:hidden;
text-indent:-10000px;
width:542px;
margin-bottom:20px;
}

.notes{
font-size:85%;
margin-top:15px;
margin-bottom:40px;
}

#navi {
	background:transparent url(../../images/ie8/content_bottom.png) no-repeat scroll 0 bottom;
}

#navi p{
	color:#999999;
}

#exe h3 {
	margin:40px 0 10px 0;
	text-indent:-9999px;
	overflow:hidden;
	width:591px;
	height:13px;
	background:url(../../images/ie8/install_title.png) no-repeat;
}

#exe #exe_frame {
	background:url(../../images/ie8/install_back.png);
	width:677px;
	height:160px;
	margin-bottom:40px;
}

#exe #exe_frame div.xp {
	float:left;
	margin:55px 0 0 70px;
	position:relative;
	width:216px;
	display:inline;
	}

#exe #exe_frame div.vista {
	float:left;
	margin:55px 0 0 90px;
	position:relative;
	width:216px;
	display:inline;
}

#exe #exe_frame li {
	margin-bottom:16px;
	list-style-type:none;
}

#exe #exe_frame div.xp a#xp32 {
	background:url(../../images/ie8/install_btn.png) no-repeat 0 0;
	height:29px;
	width:216px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}

#exe #exe_frame div.xp a#xp64 {
	background:url(../../images/ie8/install_btn.png) no-repeat 0 -29px;
	height:29px;
	width:216px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}

#exe #exe_frame div.vista a#vista32 {
	background:url(../../images/ie8/install_btn.png) no-repeat 0 -58px;
	height:29px;
	width:216px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}

#exe #exe_frame div.vista a#vista64 {
	background:url(../../images/ie8/install_btn.png) no-repeat 0 -87px;
	height:29px;
	width:216px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}



#content_sc {
background:#F4F4F4 url(../../images/ie8/sc_content_bg.png) repeat-x scroll center top;
border-bottom:1px solid #B9B9B9;
border-top:1px solid #B9B9B9;
height:auto;
margin:0 5px 30px 5px;
overflow:hidden;
width:761px;
text-align:left;
}


#content_sc #content_sc_inside {
padding:15px 65px;
width:auto;
}

div.left_sc {
float:left;
margin-right:20px;
width:450px;
}

#content_sc_inside h3 {
color:#FF6C00;
margin-bottom:10px;
}

#content_sc_inside p {
line-height:140%;
margin-bottom:15px;
}

#content_sc_inside img.right_sc {
display:block;
float:left;
margin-top:15px;
width:131px;
}