@charset "utf-8";
/* --------------------------------------------------
	Base Layout
-------------------------------------------------- */

html,h1 {
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: 0px;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	color:#000;
	margin:0px;
	}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-decoration:underline;
  color:#fff;
  }
 
 a:hover{
	 color:#fff;
	 text-decoration:none;}

img {border:none;}

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 3px;
  padding: 0; }


/* --------------------------------------------------
	Base Font
-------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }


/* --------------------------------------------------
	font
-------------------------------------------------- */
.right{text-align:right !important;}
.left{text-align:left !important;}
.center{text-align:center !important;}

.g-text {color:#666; font-size:120%;}

.blue-text {color:#99CCFF; font-size:120%;}

.black-text {color:#333333;}

.green-text {color:#255140;}
.green2-text {color:#339933;font-weight:bold;}
.green3-text {color:#669933;}

.orenge-text {color:#ff6633;font-weight:bold;}
.orenge-text10 {color:#ff6633; font-size:85%;}
.orenge-text10-2 {color:#ff6633; font-size:72%;}

.darkred-text {color:#993333;}

.text85 {font-size:85%;}


/* #header 
-------------------------------------------------- */
#header {
	width:100%;
	position: relative;
	margin:0px;
	padding:0px;
	background-image:url(../img/common/hd-bg.gif) ;
	background-repeat:repeat-x;
	height:164px;
	overflow:hidden;
	}

.menu-area{position: relative;margin:0px auto; width:1000px;}
#logo-mark{position: absolute;top:27px;left:673px; z-index:10;}

.pankuzu{position: relative;margin:0px auto; width:1000px; font-size:12px;color:#fff;}
.pankuzu p{margin:7px 30px; margin-top:10px¥9;}
#otoiawase-mark{position: absolute;top:-21px;left:836px; z-index:10;}
#otoiawase-mark{position: absolute;top:-22px\9;left:836px; z-index:10;}


/* #main
-------------------------------------------------- */
#main {
	width:100%;
	line-height:160%\9;
	overflow:hidden;
}

.page-area {
	margin:0 auto;
	width: 940px;
	padding:27px 30px 0px 30px;
}

.page-area-bno {
	margin:0 auto;
	width: 940px;
	padding:27px 30px 0px 30px;
}
.page-area-bno2 {
	margin:0 auto;
	width: 940px;
	padding:22px 30px 4px 30px;
}




/* #footer
-------------------------------------------------- */
#footer {
	width:100%;
	position: absolute;
	margin:0px;
	padding:0px;
	background-image:url(../img/common/ft-bg.gif) ;
	background-repeat:repeat-x;
	overflow:hidden;
}
#logo-mark-ft{position: absolute;top:133px;left:674px; z-index:10;}

.ft-box-area{position: relative;margin:18px auto; width:1000px; color:#fff; font-size:12px; line-height:180%;}
.ft-box{width:178px;float:left; padding:5px 10px 5px 38px;}
.ft-box2{width:183px;float:left; padding:5px 5px 5px 34px; border-left:#d5def9 dashed 1px;}
.ft-box3{width:162px;float:left;}
.ft-box3-naka{width:126px;padding:5px 10px 5px 26px; border-left:#d5def9 dashed 1px;}
.ft-box4{width:126px;float:left;padding:5px 10px 5px 26px; border-left:#d5def9 dashed 1px;}
#otoiawase-mark-ft{position: absolute;top:140px;left:674px; z-index:10;}
.ft-box-copy{position: relative;margin:18px auto; width:1000px; color:#fff; font-size:12px; line-height:180%;}

/* clear
--------------------------- */
.clear { clear:both; }  
.clear hr { display:none; }  



/* Other Device */

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px) {

body,
#footer {
	width:1048px;
}

}

@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px) {

body,
#footer {
	width:1048px;
}






}