@charset "utf-8";

/***** �^�O�E���Z�b�g *****/
@import "reset.css";


*{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	color: #444;
	font-size: 13px;
}

/************************************クリアー関係

float直前の要素にクラスclearを入れる

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

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

.clear {
  min-height: 1px;
}

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

.clearb{
	clear:both;/**直前のクラスにclearを入れられないと時用**/
}

a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

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

トップ

***************************************************/
body{
	background:url(../images/top/bg.jpg);
}

#container .title{
	width:960px;
	height:238px;
	background:url(../images/top/main2.jpg) no-repeat;
	margin:0 auto;

}
#container h1{
	font-size:36px;
	color:#fff;
	padding:100px 0 0 40px;
	line-height:30px
}

#container h1 .titleSmall{
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

#container .login{
	background:url(../images/top/loginBg.jpg);
	width:405px;
	height:280px;
	margin:30px auto 40px;;
}

#container .login h2{
	margin:0 auto;
	padding:30px 0 30px 0;
	width:213px;
	text-align:center;
	font-size:24px;
	line-height:22px;
	font-weight:bold;
}

#container .login h2 .logintitleSmall{
font-size:20px;
}

#container .login dl{
	margin-bottom:20px;
	padding-left:50px;
}

#container .login dd{
	margin:-23px 0 0 80px;
}

#container .login dd input{
	width:220px;
}

#container .login p{
	width:189px;
	margin:0 auto;
}

#container .login p:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";

}
#container .login p a{
	display:block;
	height:47px;
	line-height:48px;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding-left:45px;
	
}


#container .under{
	background:#119f7f;
	width:960px;
	margin:0 auto;
}

#container .underIn{
    padding: 10px 20px;
}

#container .underIn .left{
	float:left;
	width:610px;
	background:#fff;
	border:1px solid #fff;
	margin-top:15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;
	padding-bottom:40px;
}

#container .underIn .left h3{
	background:url(../images/top/listtitleLeft.jpg) no-repeat;
	height:30px;
	line-height:30px;
	border-bottom:3px solid #757575;
	width:545px;
	margin:13px 0 0 15px;
	padding-left:30px;
	font-size:22px;
	font-weight:bold;
	color:#333;
}

#container .underIn .left ul{
	margin:20px 0 40px 15px;

}

#container .underIn .left li{
	background:url(../images/top/listArrow.jpg) no-repeat;
	line-height:13px;
	padding-left:18px;
	margin-bottom:15px;
}

#container .underIn .left p{
	line-height:13px;
	padding-left:18px;
	margin-bottom:15px;
	margin:10px 0 10px 20px;
}

#container .underIn .right{
	float:right;
	width:280px;
}

#container .underIn .right .up{
	background:url(../images/top/map.jpg) #fff no-repeat 140px 8px;
	border:1px solid #fff;
	margin-top:15px;
	width:280px;
	height:145px;
    border-radius: 10px;  
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}

#container .underIn .right .up p{
	margin:25px 0 0 25px;
	font-size:15px;

}

#container .underIn .right .down{
	background:#fff;
	border:1px solid #fff;
	margin-top:15px;
	width:280px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	margin-bottom:15px; 
}

#container .underIn .right .down p{
	background:url(../images/top/pdf.jpg) no-repeat;
	height:36px;
	line-height:36px;
	font-size:15px;
	padding-left:40px;
	margin:8px 0 8px 67px;
}

#container .underIn .right .down p a{
	font-size:15px;
	text-decoration:none;
}

.companyLog{
	width:225px;
	margin:10px auto;
}