/*-----------------------------------base------------------------------*/
*{margin:0 0;
padding:0 0;
font-family:'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 }

img { 
border:0;
}

a:link,a:visited{
 color:#4E4E4E;


}
a:active,a:hover{
 color:#CC0000;


 }


body {
	width:900px;
	height:auto;
	color: #4e4e4e;
	font-size: 93%;
	margin: 0 auto;
}

/*-----------------------------------header------------------------------*/
#header{
 width:900px;
 height:500px;
 
 }



h1{
 width:190px;
 height:50px;
 float:left;
 margin:25px 5px 25px 0;
}

h2{
 width:130px;
 height:30px;
 font-size:10px;
 color:#4e4e4e;
line-height:1.5em;
float:left; 

margin:25px 5px 0 10px;
 }

p.welcome {
 width:280px;
 height:23px;
 margin:0 0;
 clear:both;
 }

.comphoto{
 width:640px;
 height:300px;
 float:left;
 margin:5px 120px 5px 0;
 background-image:url(img/comphoto.jpg) ;
 }
 
 .comphoto p {
  padding:200px 0 0 25px;
  }
  
  .comphoto p.t1 {
  padding:10px 0 0 25px;
  }
 
#topnavi {
 width:520px;
 height:60px;
 float:left;
 margin:20px 0 0 20px;
 }

#topnavi p.navi{
 width:250px;
 height:1em;
 color:#666666;
 font-weight:bold;
 font-size:12px;
 margin:0 5px 0 280px;
}

#topnavi p.navi a{
 padding:0 10px;
}
 
 p.top{
 width:470px;
 height:20px;
 float:left;
 padding:10px 0 0 15px;
 }

ul.navi2{
 width:525px;
 height:auto;
  float:left;
 margin:20px 0 0 0px;
 }
 

 
ul.navi2 li {
 list-style:none;
 float:left;
 padding:0 10px;
 }
 
img.welcome{
 width:280px;
 height:23px;
 margin:5px 10px;
 }
 
 
 /*-----------------------------------contents------------------------------*/
#contents{
  width:700px;
height:auto;
padding:10px 10px;

}



 
 /*-----------------------------------contents------------------------------*/
#box {
 width:660px;
 height:auto;
 font-size:15px;
 line-height:1.3em;
 }

h4 {
 width:570px;
 height:auto;
color:#FFF8E8;
 font-size:17px;
 font-weight:bold;

 padding:16px 0 30px 10px;
 background-image:url(../img/h4_bg.jpg);
 background-repeat:no-repeat;
 }

h5{
 width:450px;
 height:auto;
 color:#333333;
 font-size:15px;
 font-weight:bold;
 padding:20px 10px;

 }
 

/*--------------------------------form--------------------------------------*/


.mailform {
 width:470px;
 height:auto;
 padding:20px 0 20px 0;

 }
 


p.form {
 width:600px;
 height:auto;
 line-height:1.5em;
 font-size:14px;
 color:#666666;
 } 

p.form2 form input {
 width:150px;
 height:auto;
 line-height:1.5em;
 font-size:12px;
 color:#666666;
 margin:0 0 0 50px;
 } 
 


p {

 font-size:12px;
 color:#666666;
 padding:5px 0 5px 0;
 }
 
.red {

 font-size:12px;
 color:#C03D1E;
 }


textarea { 
 width:550px;
 height:150px;
 padding:5px 0x 5px 0;

 }

#contents table {
 width:550px;
}

#contents form {
 width:460px;
 }


dl {
 width:460px;}


#contents table tr td {
 font-size:12px;
 background-color:#ffffff;
 color:#666666;
 font-weight:bold;
 border:solid 1px #CCCCCC;
 padding:0 6px 0 10px;

 }
 
#contents table b{
 font-size:12px;
 color:#666666;
 padding:6px 6px 6px 10px;
 }

 
/*err1.html*/

.red2 {
 font-size:15px;
 color:#C03D1E;
 font-weight:bold;
 margin:30px 0 0 50px;
 }


  
 
.err{
font-size:15px;
 margin:30px 0 35px 50px;
 }
 
.err2 {
 margin:40px 0 0 245px;
 }
 
/* #aska {
  margin:0 0 0 350px;
  }
  
 #bbserr {
  width:450px;
  height:280px;
  margin:0 0 0 250px;
  }
  
 #bbserr p {
 margin:2px 0 2px 150px;}
 */

/*err2.html*/
 .red3 {
  font-size:15px;
  color:#C03D1E;
  font-weight:bold;

  }
/*thx.html*/
#thanks{
 width:550px;
 height:auto;
 float:left;
 padding:50px 5px 50px 5px;
 }
 
#thanks b{
 color:#666666;
 font-size:15px;
 line-height:2em;
 padding:100px 110px;
 }
 
form.thanks{
 margin:50px 140px;
 }

p.title{
 padding:5px 0 5px 20px;}
 
 
 
  /*-----------------------------------footer------------------------------*/


#footer{
 width:900px;
height:30px;
font-size:12px;
clear:both;

}


#footer ul {
 width:800px;
 height:auto;
margin:0 0 0 150px;
 }
 
#footer ul li{
 list-style:none;
 float:left;
margin:0 5px;
}

#footer p.footer{
 text-align:center;}