@charset "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo" , "メイリオ", sans-serif;
}

a img,img {
	border:0px;
}

/* 一般リンク */

a:link, a:visited {
	color: #3366CC;
	text-decoration: none;
}

a:hover, a:active {
	color: #3366CC;
	text-decoration: underline;
}

#container{
	width: 1000px;
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
	margin: 0 auto;
}

.wrapper{/*ホームヘッダ背景*/
	width: 1000px;
	height: 500px;
	background: url(/img/image-photo.jpg) no-repeat 0px 0px;
}

.under{/*下層ヘッダ背景*/
	background: url(/img/image-photo.jpg) no-repeat 0px 0px;
}

/*ヘッダ*/
#header {
	width: 1000px;
	height: 100px;
	/*background: url(/common/img/header-BG.jpg) no-repeat 0px 0px;*/
	border-bottom: 2px #999 solid;
}

#header h1{
	width: 140px;
	height: 80px;
	background: url(/common/img/Rakit-logo.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin:10px 0px 0px 40px;
	padding: 0px;
	float: left;
}

#header .btn a{
	display: block;
	width: 170px;
	height: 40px;
	background: url(/common/img/btn-inquiry.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin-top:30px; 
	margin-right: 20px;
	float: right;
}

#header .btn a:hover{
	background-position: 0px -40px;
}

/*メインナビ*/
#MainNavi{
	width: 1000px;
	border-bottom: 5px #999 solid;
	/*margin-bottom: 5px;*/
}

#MainNavi ul,#subNavi ul{
	margin: 0px;
	padding: 0px;
}

#MainNavi li,#subNavi li{
	list-style: none;
	float: left;
}

/*#MainNavi li a,#MainNavi li.btn_04{
	display: block;
	width: 248px;
	height:38px;
	line-height: 38px;
	text-align: center;
	border: 1px #000 solid;
}*/

#MainNavi li a{
	display: block;
	width: 250px;
	height:40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	background: url(/common/img/main-btn-BG.png) no-repeat 0px 0px;
}

#MainNavi li a:hover{
	background-position: 0px -40px;
	text-decoration: none;
}

#MainNavi li.btn_04{
	display: block;
	width: 250px;
	height:40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	background: url(/common/img/main-btn-BG.png) no-repeat 0px -80px;
}


#container #content #home-img{
	width: 1000px;
	height: 500px;
	/*background-color: skyblue;*/
}

#container #content #login{
	width: 1000px;
	height: 300px;
	/*border: 1px #000 solid;*/
}

#container #content #login .left-box{
	/*width: 500px;
	height: 300px;*/
	width: 350px;
	height: 250px;
	margin: 25px 75px;
	background: url(/img/Rakit-logo_L.png) no-repeat 0px 0px;
	text-indent: -9999px;
	float: left;
}

#container #content #login .right-box{
	width: 500px;
	height: 300px;
	float: right;
	}

#container #content #login .right-box strong{
	display: block;
	width: 280px;
	height: 25px;
	background: url(/img/analyzer.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin: 75px auto 25px;
}

#container #content #login .right-box .btn a{
	display: block;
	width: 400px;
	height: 100px;
	background: url(/img/btn-login.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin: 0 auto;
}

#container #content #login .right-box .btn a:hover{
	background-position: 0px -100px;
}

/*サブナビ*/
/*#subNavi li a{
	display: block;
	width: 328px;
	height:48px;
	line-height: 48px;
	text-align: center;
	border: 1px #000 solid;
}

#subNavi li.btn_02{
	margin: 0 5px;
}*/

#subNavi{
	margin:10px 0px;
}

#subNavi li a{
	display: block;
	width: 320px;
	height:50px;
	line-height: 50px;
	text-align: center;
	color: #333;
	letter-spacing: 1px;
}

#subNavi li a:hover{
	color: #0000FF;
	text-decoration: none;
}

#subNavi li.btn_01 a{
	background: url(/img/sub-btn-BG.png) no-repeat 0px 0px;
	margin-left: 8px;
}

#subNavi li.btn_01 a:hover{
	background-position: 0px -50px;
}

#subNavi li.btn_02 a{
	background: url(/img/sub-btn-BG.png) no-repeat -320px 0px;
	margin: 0 8px;
}

#subNavi li.btn_02 a:hover{
	background-position: -320px -50px;
}

#subNavi li.btn_03 a{
	background: url(/img/sub-btn-BG.png) no-repeat -640px 0px;
	margin-right: 8px;
}

#subNavi li.btn_03 a:hover{
	background-position: -640px -50px;
}

/*新着ニュース*/
#news{
	margin: 20px 15px 20px;
}

#news h2{
	font-size: 1.2em;
	letter-spacing: 1px;
	color: #E60012;
	text-indent: 10px;
	border-left: 10px #E60012 solid;
	border-bottom: 1px #E60012 solid;
}

#news dl{
	margin-top: 20px;
/*margin-left:20px;
	margin-right: 20px;*/
	margin-bottom: 10px;
}

#news dt{
	font-size: 0.8em;
color: #FF2626;
  float: left;
  clear: left;
}

#news dt:after{
	content: "：";
	padding-left: 5px;
	padding-right: 10px;
}

#news dd{
	font-size: 1.0em;
	margin-left: 0px;
	padding-left: 15px;
	border-bottom: 1px #666 dotted;
	margin-bottom: 1.0em;
}

/* Pagetopデザイン */
#page-top {
	position: fixed;/* 下部で固定*/
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}

#page-top a {
	background: #4D4DFF;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 20px;
}

#page-top a:hover {
	text-decoration: none;
	opacity: 0.6;
}

#footer{
	padding: 10px;
	font-size: 0.7em;
	letter-spacing: 1px;
	text-align: right;
	border-top: 1px #000 dotted;
}

/*よくある質問*/

#faq{
	padding: 0px 20px 0px 20px;
}

#faq h2{
	height: 40px;
	line-height: 40px;
	padding: 5px 15px 5px;
	letter-spacing: 1px;
	color: #FFFFFF;
	background: url(/common/img/page-BG.png) repeat-x 0px 0px;
}

#faq h3{
	height: 35px;
	line-height: 35px;
	padding: 5px 15px;
	letter-spacing: 1px;
	border-top:3px #2B54A4 solid;
	border-left: 1px #D9D9D9 solid;
	border-right: 1px #D9D9D9 solid;
	border-bottom: 1px #D9D9D9 solid;
	background: url(/common/img/chapter-BG.png) repeat-x 0px 0px;
}

#faq dt{
	border-left: 5px #2B54A4 solid;
	border-bottom: 1px #D9D9D9 solid;
	text-indent: 10px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
}

#faq dt:before{
	content: "Q: ";
	}

#faq dd{
	margin-left: 15px;
	margin-bottom: 2em;
	}

#faq dd:before{
	content: "A: ";
	}


/*clearfix*/
	.clearfix:after{
	display : block;
	clear : both;
	height : 0px;
	line-height: 0px;
	visibility: hidden;
	content : ".";
	font-size: 1.0em;
}