@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%

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

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


	sirokuro common item


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

/*//////////////////////////////////////
	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;
}


/*//////////////////////////////////////
	sirokuro
//////////////////////////////////////*/


body#sirokuro {
	background-color:#eeeeee;
	width:100%;
	color:#bbbbbb;
}

#sirokuro a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}

#sirokuro #content_top {
	background-image:url(../../images/sleipnir/sirokuro/skskin_title.png);
	background-repeat:no-repeat;
	height:94px;
	text-indent: -10000px;
}


#sirokuro #contents {
	background-image:url(../../images/sleipnir/sirokuro/skskin_back.png);
	background-repeat:repeat-y;
}

#sirokuro #sirokuro_footer {
	margin: 0px;
	background-image:url(../../images/sleipnir/sirokuro/skskin_bottom.png);
	height:30px;
	width:770px
}




/*//////////////////////
	siro
///////////////////////*/

#siro_content {
	float: left;
	width: 385px;
	color: #333;
}

#siro_content .siroimg {
	z-index:0;
	width: 380px;
	position:relative;
	margin-left: 40px;
	padding-top: 30px;
}

#siro_content .siroribon {
	background-image:url(../../images/sleipnir/sirokuro/skskin_siro_ribon.png);
	gackground-repeat:no-repeat;
	width:94px;
	height:94px;
	z-index:1;
	position:absolute;
	top:9px;
	left:248px;
}

#siro_content .dl_bt {
	margin: 25px auto 25px;
	text-align: center;
	width: 380px;
}

#siro_content .dl_bt img {
	padding-bottom: 10px;
}



/*//////////////////////
	kuro
///////////////////////*/

#kuro_content {
	float: right;
	width: 350px;
	color: #ccc;
}

#kuro_content .kuroimg {
	z-index:0;
	width: 345px;
	position:relative;
	padding-top: 30px;
}

#kuro_content .kuroribon {
	background-image:url(../../images/sleipnir/sirokuro/skskin_kuro_ribon.png);
	gackground-repeat:no-repeat;
	width:94px;
	height:94px;
	z-index:1;
	position:absolute;
	top:9px;
	left:246px;
}

#kuro_content .dl_bt {
	margin: 25px auto 0;
	text-align: center;
	width: 290px;
	padding-right: 30px;
}

#kuro_content .dl_bt img {
	padding-bottom: 10px;
}



/*----------------
	info
----------------*/

#sirokuro h2.info_top {
	clear: both;
	background-image:url(../../images/sleipnir/sirokuro/skskin_footer_frame_head.png);
	width:677px;
	height:24px;
	margin:40px 0 0 40px;
	color: #FFF;
	padding: 7px 0 0 16px;
}

#sirokuro .info_back {
	background-image:url(../../images/sleipnir/sirokuro/skskin_footer_frame_back.png);
	background-repeat:repeat-y;
	width:693px;
	height:auto;
	margin:0px 40px 0 40px;
}
#sirokuro .info_back h3 {
	padding-bottom: 15px;
}

#sirokuro .info_back p {
	padding-bottom: 15px;
	color: #FFF;
}

#sirokuro .info_left {
	float:left;
	border-right:1px solid #ababab;
	width:314px;
	padding: 16px 16px 0 16px;
}

#sirokuro .info_right {
	float:right;
	width:314px;
	padding: 16px 16px 0 16px;
}


#sirokuro .info_bottom {
	background-image:url(../../images/sleipnir/sirokuro/skskin_footer_frame_bottom.png);
	height:23px;
	width:693px;
	clear: both;
}


#sirokuro .attention {
	font-size:93%;
	color:#9a9a9a;
	width:320px;
	float: right;
	margin-right:40px;
	display:inline;
	margin-top: 20px;
}
#sirokuro .attention_left {
	float:left;
	display: block;
}
#sirokuro .attention_right {
	display: block;
	padding-left:12px;
}

/*----------------
	frame
----------------*/

#frame_top {
	clear: both;
	background-image:url(../../images/sleipnir/sirokuro/skskin_frame_top.png);
	background-repeat:no-repeat;
	height:12px;
	width:693px;
	overflow:hidden;
	margin:0px 0 0 40px;
}
#frame_back {
	background-image:url(../../images/sleipnir/sirokuro/skskin_frame_back.png);
	background-repeat:repeat-y;
	height:auto;
	width:693px;
	overflow:hidden;
	margin-left:40px;
}


#frame_bottom {
	background-image:url(../../images/sleipnir/sirokuro/skskin_frame_bottom.png);
	background-repeat:no-repeat;
	height:65px;
	width:693px;
	margin-left:40px;
}

#frame_left {
	float:left;
}
#frame_right {
	float:left;
}


p#frame_siro {
	width:283px;
	margin:0 50px 10px 15px;
	color:#333333;
}

p#frame_kuro {
	width:283px;
	margin-left:47px;
	color:#CCCCCC;
}