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

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

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


	about common item


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


body{
	background-color:#eeeeee;
}

#title {
	background:url(../../images/main_top.png) no-repeat 0 top;
}

#contents{
	background:url(../../images/main_mid.png) repeat-y;
	width:770px;
}

#main_contents {
	margin-top:20px;
	float:left;
	height:auto;
	padding-left:40px;
	width:480px;
}

#sub_contents {
	margin-top:20px;
	float:right;
	padding-right:40px;
	width:190px;
}


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

#footer a{
	text-decoration: underline;
}

/*//////////////////////////////////////////
 sub_contents
//////////////////////////////////////////*/

#sub_contents h3 {
	background:url(../../images/labs/menu_top.png) no-repeat;
	padding:4px 0 4px 13px;
	overflow:hidden;
	color:#ffffff;
}

#sub_contents .back {
	background:url(../../images/labs/menu_back.png) repeat-y;
	margin-bottom:20px;
}


#sub_contents ul {
	padding:10px 0 10px 15px;
	background:url(../../images/labs/menu_bottom.png) no-repeat 0 bottom;
	font-size: 100%;
}

#sub_contents li {
	font-weight:bold;
	margin:0 0 0px 0px;
	background:url(../../images/labs/labs_side_dot.gif) no-repeat left 6px;
	padding-left: 7px;
	line-height: 140%;
}

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


	About top


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


#company div.contents_inside{
margin:0 0 20px 0px;
font-size: 100%;
}

#company .fenrir_logo{
	float:left;
	padding:20px 10px 10px;
	width:43px;
	display: block;
}

#company .fenrir_notes{
	width:410px;
	float: right;
	display: block;
	
}

#company .promise p{
	margin-bottom: 15px;
}

#company span.postscript{
	font-size:85%;
	margin-top:10px;
}

#company p.item{
	width:7.6em;
	text-align:right;
	margin:0 18px 5px 15px;
	float:left;
	clear:both;
	color:#999999;
	font-weight: bold;
}

#company p.import{
	width:300px;
	float:left;
	margin-bottom:5px;
}

#company p.import img.mail{
	padding-top: 6px;
}

#company p.import .blog {
	margin-bottom: -2px;
}


/*----------------
Feed 一覧ページ
----------------*/


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

#contents h2{
	border-bottom:1px solid #ABABAB;
	color:#999999;
	margin:0 0 8px 0px;
	padding:2px 0;
}

#sub_contents h4{
	background-image:url(../../images/frame/menu_top.png);
	color:#FFFFFF;
	font-size:90%;
	font-weight:bold;
	line-height:26px;
	padding-left:15px;
}

#sub_contents .menu_bottom {
	background-image:url(../../images/frame/menu_bottom.png);
	background-repeat:no-repeat;
	font-size:95%;
	height:10px;
	margin-bottom:20px;
	text-align:right;
	width:190px;
}

#main_contents{
	padding-left:40px;
	float:left;
	height:auto;
	width:480px;
}

#sub_contents{
	float:right;
	width:190px;
	padding-right:40px;
}

/*----------------
お問い合わせ ページ
----------------*/

/* お知らせ用 CSS */

#contact .info_btm{
	background:url(../../../../img/about/info_frm_btm.png) no-repeat 0 bottom;
	width:480px;
	padding-bottom:10px;
	margin-bottom: 20px;
}

#contact .info_top{
	color: #222;
	padding: 10px 20px 0 20px;
	background:url(../../../../img/about/info_frm_top.png) no-repeat 0 top #EEEEEE;
}

#contact .info_top h2 {
	border: none;
	color: #000;
	margin-bottom: 3px;
}

#contact #contents .info_top p{
	margin-bottom:0;
}

/* お知らせ用の CSS ここまで */

#contact p.contact {
	border:none;
	margin:5px 20px 0 70px;
	width:350px;
}


#contact a.contact {
	border:none;
	margin:0px 20px 0 10px;
	background-image:url(../../images/about/dot.png);
	background-position:0 8px;
	background-repeat:no-repeat;
	padding-left:7px;
}

#contact span.etc {
	width: auto;
	margin-left: 53px;
	display: block;
}

#contact #contents #main_contents h3{
	color:#999999;
	margin-bottom:10px;
}

#contact #contents p{
margin:0 0px 15px 0px;
}

#contact #contents div.contact_support p{
	margin:0 0 10px 70px;
}

#contact #contents div.support_links li{
	background-image:url(../../images/about/dot.png);
	background-position:0 8px;
	background-repeat:no-repeat;
	padding-left:7px;
	margin-bottom:10px;
}

#contact .contact_support{
	margin:0 0px 15px 0px;
	border-bottom:1px solid #ABABAB;
	padding-bottom:10px;
}

#contact .border_none{
	border-bottom:none;
}


.contact_bottom {

}

#contact .noborder{
	border-bottom:none;
}

#contact .ap_image {
	float:left;
	padding-right:5px;
	width:48px;
}

#contact .support_links{
	float:left;
	margin-left:10px;
}

#contact #contents p.contact_num{
	float:left;
	width:20px;
	font-weight:bold;
}

#contact #contents .contact_method{
	margin:0 0 10px 35px;
	width:445px;
}

#contact #contents #main_contents .contact_method h3{
	color:#000000;
	margin:0;
}

#contact #contents #main_contents .contact_method h4{
	color:#999999;
	margin:0;
}

#contact #contents #main_contents .contact_method p.margin6 {
	margin-bottom:6px;
}


#contact #contents .contact_method li {
	background-image:url(../../images/about/dot.png);
	background-position:5px 6px;
	background-repeat:no-repeat;
	padding-left: 12px;
	line-height:130%;
	margin-bottom: 5px;
}

#contact .contact_support ul {
	margin:10px 0px 0 63px;
}
#contact .contact_support li {
	line-height:140%;
	margin-bottom:10px;
	background-image:url(../../images/about/dot.png);
	background-position:0 8px;
	background-repeat:no-repeat;
	padding-left:7px;
}


#contact .strong {
	color:#999999;
	font-weight:bold;
	width:300px;
	margin:20px 0 0 70px;
}

#contact .info {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:20px 0;
	margin:20px 0;
}

#contact .prodact{
	border-bottom:1px dotted #999999;
	padding-bottom:20px;
	margin-bottom:20px;
}

#contact .prodact a{
	display:block;
	height:93px;
	width:111px;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	margin:0 10px 10px 0;
}

#contact .prodact a.sleipnir{
	background:url(../../images/about/sc_sleipnir.png) no-repeat;
}

#contact .prodact a.grani{
	background:url(../../images/about/sc_grani.png) no-repeat;
}

#contact .prodact a.pictbear{
	background:url(../../images/about/sc_pictbear.png) no-repeat;
}

#contact .prodact a.snapcrab{
	background:url(../../images/about/sc_snapcrab.png) no-repeat;
	margin-right:0;
}

#contact .prodact a.fenrirfs{
	background:url(../../images/about/sc_fenrirfs.png) no-repeat;
}

#contact .prodact a.others{
	background:url(../../images/about/sc_others.png) no-repeat;
}

#contact #main .section {
	margin-bottom:20px;
	background:url(../../images/about/bottom.png) no-repeat 0 bottom;
	padding-bottom:8px;
}

#contact .s_title {
	background:url(../../images/about/title_sleipnir.png) #6a6a6a no-repeat;
	width:480px;
	min-height:68px;
	height: auto !important;
	height:68px;
}

#contact .g_title {
	background:url(../../images/about/title_grani.png) #6a6a6a no-repeat;
	width:480px;
	min-height:68px;
	height: auto !important;
	height:68px;
}

#contact .p_title {
	background:url(../../images/about/title_pictbear.png) #6a6a6a no-repeat;
	width:480px;
	height:64px;
}

#contact .sna_title {
	background:url(../../images/about/title_snapcrab.png) #6a6a6a no-repeat;
	width:480px;
	height:62px;
}

#contact .f_title {
	background:url(../../images/about/title_fenrirfs.png) #6a6a6a no-repeat;
	width:480px;
	height:62px;
}

#contact .o_title {
	background:url(../../images/about/title_others.png) #6a6a6a no-repeat;
	width:480px;
	height:62px;
}

#contact #contents p.white,
#contact #contents p.white a {
	color:#ffffff;
	font-weight:bold;
	font-size:93%;
}

#contact #contents p.white {
	padding:40px 5px 0 60px;
	margin:0;
}

#contact .section .section_body{
	background:#f4f4f4;
	border-left:1px solid #6a6a6a;
	border-right:1px solid #6a6a6a;
	padding:15px 0 0 17px;
}

#contact .border{
	border-bottom:1px solid #6a6a6a;
}

#contact .box {
	padding-bottom:20px;
	margin-right:17px;
}

#contact .box h3.faq {
	background:url(../../images/about/menu03.png) no-repeat;
	width:129px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
}

#contact .box h3.other {
	background:url(../../images/about/menu02.png) no-repeat;
	width:175px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
}

#contact .box h3.mail {
	background:url(../../images/about/menu01.png) no-repeat;
	width:135px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
}

#contact .section .section_body ul{
	margin-left:37px;
}

#contact .section .section_body ul li{
	background:url(../../images/about/circle.png) no-repeat 0 2px;
	padding-left:15px;
	margin-bottom:5px;
	font-size:108%;
}

#contact a.pagetop {
	background:url(../../images/about/pagetop.png) no-repeat;
	width:119px;
	height:20px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	margin-left:326px;
	padding-bottom:8px;
}

#contact .contact_mail {
	margin-bottom:-3px;
}

#contact #contents p.alert {
	color:#666666;
	margin-top:20px;
}


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


	news


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

#news h3.pdf_icon {
	background:url(../../images/about/pdf_icon.png) left 1px no-repeat;
	text-indent: 20px;
	}

#news .get_pdf {
	background:url(../../images/about/dot_topline.png) 0 top no-repeat;
	margin-top: 10px;
	padding-bottom: 50px;
	padding-top: 15px;
	font-size:93%;
	width: auto;
	margin: 10px 35px;
}

#news .get_pdf .banner{
	float: left;
	width:112px;
	padding-right: 5px;
}

#news .get_pdf .pdf_text {
	width: 400px;
	float: left;
	font-size: 93%;
	line-height: 150%;
}

#news .right {
	float:right;
	margin-bottom:20px;
}

#news .days {
	color:#999999;
}

#news h2 {
	clear:both;
}

#news #main_contents p {
	margin-bottom:20px;
	line-height: 135%;
}

#news #main_contents h3 {
	margin-bottom:2px;
	line-height: 130%;
	font-size:108%;
}

#news #main_contents li p {
	margin-bottom:5px;
}

#news #main_contents li a.info {
	text-decoration:none;
	overflow:hidden;
	display:block;
	float:left;
	margin-left:8px;
	border-bottom:1px solid;
	line-height:100%;
}


#footer a{
	text-decoration:none;
}