@charset "utf-8";

/*---------------------
  global reset
---------------------*/

  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
  pre,form,fieldset,input,textarea,table,th,td,img {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  nav,
  section {
    display: block;
  }

  a   { border: none;}
  img { border: none; vertical-align: top;}
  th  { text-align: left;}
  li  { list-style-type: none;}

/*---------------------
  roll over
---------------------

  a {
    color: #3179CD;
    text-decoration: underline;
  }

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


/*---------------------
  body
---------------------*/

  html,
  body {
    height: 100%;
    margin: 0;
    padding: 0;
  }

  html {
    overflow-y: scroll;

  }

  body {
    color: #333;
    text-align: left;
    font: 14px/1.5 "メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

  .ie body {
    min-width: 1030px;
}
a {
   color:#333;
   text-decoration:none;
}


table.photo{
	width:100%;
}
table.photo td{
	width:33%;
}

table.photo td img{
	width:100%;
}
/*---------------------
  header
---------------------*/

h1{
	margin:0 auto;
	width:100%;
	text-align:left;
	font-size:12px;
	color:#666666;
}

h2{
	height:30px;
	line-height:30px;
	margin:10px 0;
	padding:0px 5px;
	text-align:left;
	background-color:#036eb8;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h3{
	margin:10px 0;
	text-align:left;
	color:#036eb8;
	border-bottom:2px solid #036eb8;
	font-size:16px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

  #header {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

.logo {
	width:100%;
	margin:0 auto;
	text-align:left;
	position: relative;
	height:100px;
}

.tel{
	position: absolute;
	top:0px;
	right:0px;
}

.mail{
	position: absolute;
	top:30px;
	right:0px;
}
/* ========MENU CUSTOMIZE======== */
#menu {
	width:100%;
	height:33px;
	padding:0px;
	text-align:center;
	border-bottom:5px solid #036EB8;

}
#menu ul {
	line-height:33px;
	height:33px;
	width: 100%;
	margin: 0px auto;
	padding:0;
}




#menu li {
	list-style:none;
	margin: 0px;
	padding:0 48px;
	height:33px;
    float:left;
}

#menu li a {
	color:#036EB8;
	margin: 0px;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	text-decoration:none;
}


#menu li.active{
	background:#036EB8;
}




/* 回り込み解除 */
#menu ul:after {
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.menu02{
	padding:5px;
	border:1px solid #999;
}

.menu02 a{
	color:#333;
	text-decoration:underline;
	
}

#headImage {
	width:100%;
   	height:350px;
   	position:relative;
   	list-style:none;
	margin:0 auto;
}

#headImage ul {
   list-style:none;
   margin:0;
   padding:0;
}


#headImage li {
   	position:absolute;
   	height:350px;
}
/*---------------------
  メインコンテンツ
---------------------*/
.wrap{
	margin:0 auto;
	width:100%;
}

.container{
	margin:0px auto;
	width:95%;
	padding:0;
	background-color:#FFF;
}

table.main{
	margin:10px auto;
}

table.main tr{
	vertical-align:top;
}

.lefttbox{
	width:300px;
}

.rightbox{
	width:650px;
}


.rightbox p{
	margin:10px auto;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	
}

.box02{
	width:640px;
	border:1px solid #CCC;
	overflow-y:scroll;
	overflow-x:hidden;
	height:150px;
	margin:5px auto;
	font-size:13px;	
}


.box02 table.news{
	text-align:left;
	width:600px;
	margin:10px auto;
}
.box02 table.news tr{
	padding:0;
	
}

.box02 table.news td{
	padding:5px;
	border-bottom:1px dotted #666666;
	color:#666666;
}



table.company{
	margin:10px 0;
	background-color:#EFEFEF;
}

table.company td{
	border-bottom:1px solid #999;
	padding:5px;
}
/*------------------------------------*/
.bannar00{
	width:100%;
	margin:0 auto;
	text-align:center;
	position: relative;
}


.s_text{
	position: absolute;
	bottom:10px;
	left:20px;
}

p.top02{
	margin:10px auto 40px;
	color:#666;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS PGothic", sans-serif;
	font-size:12px;
}

/*------------------------------------*/

/*---------------------
  pagetop
---------------------*/

  #pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 900;
  }

  #pagetop a {
    display: block;
    padding: 14px 0 0;
    width: 48px;
    height: 34px;
    text-align: center;
    text-decoration: none;
	background-image:url(../../image/right_bg.png);
  }

  #pagetop a.hover {
  	background: #fc0;
  }


/*---------------------
  footer
---------------------*/
  #footer p{
	  color:#fff;
}


  #footer {
	background-color:#036eb8;
 }

  .footer-inner {
    margin: 0 auto;
    width: 100%;
  }

  .footer-inner div,
  .footer-inner ul {
    display: inline-block;
    letter-spacing: normal;
  }

  .ie6 .footer-inner div,
  .ie7 .footer-inner div,
  .ie6 .footer-inner ul,
  .ie7 .footer-inner ul {
    display: inline;
    zoom: 1;
  }

  .footer-logo {
  	vertical-align: 18px;
  }

  .copy {
  	margin: 10px 0;
  }

  .copy small {
    font-size: 12px;
    color: #2E70BD;
  }

  .main-list {
  	padding: 10px 0;
  }

  .service-list {
  	padding: 10px 0;
  }

.footer-inner li {
	float:left;
	margin: 0 10px 0 0;
}
  .footer-inner a {
    display: block;
    padding: 0 0 0 10px;
    height: 20px;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}