@chareset "Shift_JIS";

 /* ************************* ■右全ての段落main■******************* */
 
 /* 右端の市松模様 右側だけに表示設定*/
div#pagebody {
    background: #ffffff url(../img/base.img/pbodyback25.jpg) repeat-y right top scroll; 
    }

    
  /*　***■メインコンテンツエリ705px,ページにより個々に設定main**** */
#contact #main{
    background-color:#ffffff;
    width: 680px;
    height:auto;
    padding : 50px 0px 0px 0px;
    float:left;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    }


/* ■guide を使用するページのメインコンテンツ内の大枠（この箱に全てが収まる）ここに設定する */
#conguide{
    width: 550px;
    height:auto;
    letter-spacing:0px;
    line-height: 19px;
    font-weight:200;
    font-size:28px; 
    color:#323232;
    text-align: left;
    padding : 20px 0px 0px 0px;
    margin : 0px auto 40px auto;
    text-align:justify;
    }
 
 /* ************************* ■ここまでは共通■******************* */
 
 
/*iアンカー設定  */

.contact1  a {
    text-decoration:none;font-size:13px; font-family: 'MS ゴシック';
    color:#0000FF; letter-spacing:1px;
    line-height:2;font-weight:200;
    }

 .contact1 a:hover { color: #ED1A1A;
    } 
    
    
    
    
    
 /*infoのアンカー設定  */

.info2  a {
    text-decoration:none;font-size:12px; font-family: 'MS ゴシック';
    color:#0000FF; letter-spacing:1px;
    line-height:2;font-weight:200;
    }

 .info2 a:hover { color: #ED1A1A;
    } 
    
  

 /*● レイアウト ●*/



.mousikomi  A {text-decoration:none;font-size:12px; font-family: 'MS ゴシック';
    color:#0000FF; letter-spacing:1px;
    line-height:2;font-weight:200;
    }
  
.mousikomi A:hover {
    color:#ED1A1A;
    } /*マウスオーバーしたときの色*/
 

.male  A {
    text-decoration:none;font-size:12px; font-family: 'MS ゴシック';
    color:#0000FF; letter-spacing:1px;
    line-height:2;font-weight:200;
    }
  
.male A:hover {
    color:#ED1A1A;} /*マウスオーバーしたときの色*/
 
  /* ここからタイトル */

.tittle { 
    width: 320px;
    padding:0px 0px 0px 0px;
    margin:0px auto;
    }

.subtittle{
    width: 500px;
    padding:0px 0px 0px 0px;
    margin-left:80px;
    }
  
.contact1{ 
    width: 500px;
    padding:0px;
    text-align:left;
    margin:0px auto;
    margin-bottom:20px;
    border: 1px #2FDB1A solid;
    }
 

.contact2 { 
    width: 400px;
    padding:0px;
    text-align:left;
    margin:0px auto;
    }

 
.contact3{ 
    width: 400px;
    padding:0px;
    text-align:left;
    margin:0px auto;
    }

#contact4{
    width: 302px;
    height:22px;
    padding:0px;
    text-align:left;
    margin:30px auto;
    border: solid 1px #B2B2B1;
    }
  
.info1{ 
    width: 100px;
    height:16px;
    background-color:#F3E5CD;
    font-size:11px; color:#343434;
    font-weight:400;
    padding:6px 0px 0px 0px;
    text-align:center;
    border : solid  #B2B2B1;
    border-width : 0px 1px 0px 0px;
    float:left;
    }

.info2 { 
    width: 200px;
    height:22px;
    background-color:#F3F3FC;
    font-size:11px;line-height:17px;color:#0000ff;
    font-weight:200;
    padding:0px;
    text-align:center;
    float:left;
    }

 
.info3 { 
    width: 200px;
    background-color:#F3F3FC;
    font-size:11px;line-height:17px;color:#0000ff;
    font-weight:200;
    padding:5px 0px 0px 0px;
    text-align:center;
    float:left;
    }

 
.line2  {
    width: 450px;
    font-size:13px;
    color:#343434;
    line-height:20px;
    margin:0px auto 5px auto;
    

     }

.line3 {
    font-size:12px;
    font-weight:200;
    color:#343434;
    }

.aka {
    font-size:13px;
    line-height:20px;
    color:red;
    font-weight:400;
    }


.midasi {
    font-size:18px;
    font-weight:800;
    color:#EEE6A1;
    font-family:"Arial";
    letter-spacing:2px;
    }

                 
.base1 {
    font-size:11px;
    line-height:17px;color:#0000ff;
    font-weight:200;
    }
 
.line5 {
    font-size:10px;
    font-weight:200;
    color:#918D80;
    font-family:sans-selif;
    letter-spacing:1pt;
    line-height:12pt;
    }
   
.line4 {
   font-size:10px;
   font-weight:200;
   color:#323232;
   font-family:sans-selif;
   letter-spacing:1pt;
   line-height:12pt;
   }
     
     
.aka2 {
    font-size:12px;
    line-height:20px;
    color:red;
    font-weight:400;}    



















/* コンタクトのフォーム */
 
#form {
	width: 350px;
	height:440px;
	padding: 0px;
	margin:30px auto 0px auto;
    }


#area {
	width: 350px;
	height:22px;
	padding: 0px;
    margin:0px 0px ;
 	}
	

	
.area1
	{
	width: 100px;
	height:18px;
	padding-top: 2px;
	margin:0px 0px;
	font-size:13px;font-weight:200;color:#323232;
    font-family:sans-selif;
    letter-spacing:1pt;
    float: left;  
    }
	
.area2{
	width: 200px;
	height:20px;
	padding: 0px;
	margin:0px 0px 0px 5px;
    float: left; 
	}


#area2 {
	width: 350px;
    height:25px;
	padding: 0px;
	margin:0px;
    }

.button1{
	width: 160px;
	height:25px;
	padding: 0px;
	margin:0px 0px 0px 0px;
    float: right;  
 	}
	
.button2{
	width: 150px;
	height:25px;
	padding: 0px;
	margin:0px 0px 0px 0px;
    float: right;  
 	}

#example1 { width: 200px; } 
#example2 { width: 150px; } 

select { width: 300px; } 

textarea { 
    width: 350px; 
    height: 60px; 
    margin:15px 0px;
    }