@charset "utf-8";
/* CSS Document */

/*===============
base
=================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}  
img{
border:0;
vertical-align: top;
}

body{
	font-size: 11px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	border-top-width: 1px;
	border-top-style: solid;
}


a:link,
a:visited,
a:active{
	color: #069;
	text-decoration: none;
}

a:hover{
color:#069;
text-decoration:none;
}

a:hover img{ 
    filter:alpha(opacity=40);  /* IE7以下用 */
    -ms-filter: "alpha(opacity=40)"; /* IE8用 */
    -moz-opacity:0.4; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.4;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.4; /* Firefox 1.5以上, Opera, Safari用 */
    }


ul,ol{
list-style: none;
}

/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

p{
	font-size: 1.2em;
	line-height: 1.8em;
}

/*footerの背景指定*/
html{
background:#f8f8f8;
}

.nonpc{
display: none;
}

.pc{
display:block;
}

/*==================
header
====================*/

#header{
width:100%;
}

#header_top{
padding:20px 0;
width:960px;
margin:0 auto;
} 

/*ロゴ*/

#logogroup{
	width: 300px;
	float: left;
	padding-left: 18px;
}



/*グローバルナビゲーション*/

#nav{
	width: 475px;
	float: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 18px;
}

#nav ul{
	
}
#nav li{
float:left;
}


/*==================
contents
====================*/
#contentswrap{
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
}

#contents{
width:920px;
margin:0 auto;
}



/*ローカルナビゲーション*/


#localnav{
width:160px;
margin:0 auto;
float:left;
}

#localnav li{
width:160px;
}

.clear{
	clear: both;
}


/*実績　タイトル*/

.pdf{
	width: 300px;
	float: left;
	padding-top: 240px;
	text-align: right;
}


/*実績　右imageエリア*/


.main{
	width: 405px;
	float: right;
	border: 1px solid #CCC;
	margin: 0px;
	padding: 0px;
}





/*aboutus　このサイトについて　コンテンツメインエリア*/


.main02{
	width: 408px;
	float: left;
}
.main02 table{
width:350px;
 border-collapse: collapse;
}
.main02 th{
	width: 80px;
	text-align: left;
}
.main02 th,td{
	border-collapse: collapse;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

/*このサイトについて　右imageエリア*/


.main03{
	width: 408px;
	float: right;
	margin: 0px;
	padding: 0px;
}


/*ログイン説明用*/


.login{
	width: 600px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
	
.login table{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-style: none;
	}	
	
.login td{
		padding-top: 15px;
}	

/*メールフォーム　コンテンツメインエリア*/

.main04{
	width: 510px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.main04_2{
	width: 300px;
	float: right;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/*==================
footer
====================*/

#footer{
width:100%;
margin:0 auto;
text-align:right;
}

#footer_inner{
width:960px;
margin:0 auto;
}

#footer_inner address{
	font-size: 1.2em;
	padding-top: 60px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0;
}