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

html{　overflow-y:scroll;}
body{
   background-image:url(../img/bg.jpg);
   background-repeat:repeat-x;
   background-position:center top;
   margin: 0;
   padding: 0;
   font-size:15px;
   color:#717171;
   line-height: 130%;
   letter-spacing: 0.1em;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   position:relative;
   text-align:center;
}

a:link { color: #0000ff; text-decoration: none; }
a:visited { color:#5924f2; text-decoration: none; }
a:hover { color: #0000ff; text-decoration: underline; }
a:active { color:#0000ff; text-decoration: underline; }

img {
	border: none;
	margin: 0px;
}

p{ margin:10px 0 0;}


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

.clearfix {
  min-height: 1px;
}

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


/*  --------------------------------------
			　共通部分
----------------------------------------*/
#container{
   width:960px;
   margin:0 auto;
}

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

.txtbox{ margin-bottom:30px; 
}

.center{
	margin:0 auto;
	text-align:center;
}

.left{text-align:left;}

.right{text-align:right;}

.fontB{font-weight:bold;}

.fontS{font-size:80%;}

.fontL{font-size:120%;}

.check{ color:#ff0000;}

.caution{ color:#ff0000; font-size:10px;}

.cut{padding:5px; background-color:#ffffff; border:1px solid #ebebeb;}




/*  --------------------------------------
			　ヘッダ
----------------------------------------*/
h1{
   margin:0 auto;
   padding:10px 0 0 0;
   text-align:right;
   font-size:12px;
   font-weight:normal;
   color: #0069b0;
   width: 980px;
}

#header{
   height:140px;
   width: 980px;
   margin: 0 auto 15px;
}

.header_logo{
   width:785px;
   float:left;
}

.header_inq{
   width:190px;
   float:right;
}


/*  --------------------------------------
			　  フッター
----------------------------------------*/
#footer{
   background-image:url(../img/footer_BG.jpg);
   background-repeat:repeat-x;
   margin-top:30px;
   text-align: left;
   width: 100%;
   padding-top: 30px;
}

.footerBox{
   width:960px;
   margin:0 auto;
   line-height:200%;
   letter-spacing:0.07em;
   font-size: 85%;
}

.copy{
   margin-top:100px;
   font-size:11px;
}


/*-----------------------------------------
			 ナビ画像
-----------------------------------------*/

#navibox{
   margin:0 auto 20px;
   text-align: right;
}

.navi_top{
   float:left;
}

.navi_button{
   float:right;
   height: 72px;
}

.navi_button ul{
   margin:0;
   padding:0;
   float:right;
}

.navi_button li{
   margin:0;
   padding:0;
   width:140px;
   float:left;
   text-align:right;
   list-style:none;
}



/*-----------------------------------------
			 左カラム
-----------------------------------------*/
#leftmenu{
   width:280px;
   float:left;
}

#leftmenu ul{ margin:10px 0 25px; 
}

#leftmenu li{
   margin:0 0 8px;
   text-align:left;
}



/*-----------------------------------------
			 右カラム
-----------------------------------------*/
#main{
   width:640px;
   float:right;
   text-align:left;
   border-left:1px solid #cccccc;
   padding-left: 20px;
}

h2{
   padding:0;
   margin: 0 0 15px;
}

h3{
   margin:0 0 15px;
   padding:5px 0 5px 15px;
   border-left:5px solid #f34d4d;
   border-bottom:1px dashed #cccccc;
   font-size:130%;
   font-weight:normal;
   color: #c43838;
}