@charset "shift_jis";

/* ベース　CSS Document */

/*---------------------------------------------
 初期化
---------------------------------------------*/
html {
  overflow-y:scroll;
  overflow-x: hidden;
}

html, body {
  margin: 0;
  padding: 0;
  /* フォント指定しないと、Operaは明朝系になる */
  font-family: "ＭＳ Ｐゴシック", "Osaka", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 0.9em;
  color: #663300;
  line-height: 1.6em;
  width: 100%;
  height: 100%;
}

/* fieldsetは、IEは無害だがFirefoxやOperaでは余白が生まれる */
h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }

img {
  	border: none;
}

.borderset {
	border-style:solid;
	border-color:#FF0000 #FFFF00 #00FF00 #00FFFF;
	border-width:thin;
}

.hideText {
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*---------------------------------------------
 ヘッダー
---------------------------------------------*/
div#headArea {
	width: 100%;
	height: 164px;
	background: url(../../images/head_bg.png) repeat-x;
	margin: 0;
	padding: 0;
}
div#headMain {
	width: 873px;
	margin: 0 auto;
	padding: 0;
}
div#headTitle {
	width: 350px;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	top: 63px;
}
div#headDopamin {
	width: 177px;
	height: 49px;
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	top: 54px;
}
div#headDopamin a {
	display: block;
	width: 177px;
	height: 49px;
}


/*---------------------------------------------
 コンテンツ
---------------------------------------------*/
div#contArea {
	width: 100%;
	height: 100%;
	background: url(../../images/cont_bg.png) repeat;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
}
div#contArea:after {	/* 高さ認識 */
	content: "";
	display: block;
	clear: both;
}

div#contMain {
	width: 873px;
	background: url(../../images/cont_main.png) no-repeat;
	margin: 0px auto;
	padding: 0px;
}
div#contMain:after {	/* 高さ認識 */
	content: "";
	display: block;
	clear: both;
}

div#contInputArea {
	width: 356px;
	margin: 0px;
	margin-left: 494px;
	padding: 0px;
	padding-top: 158px;
}

div#contInputAreaTitle {
	width: 356px;
	height: 38px;
	margin: 0px;
	padding: 0px;
	background: url(../../images/cont_input_title.png) no-repeat;
}

div#contInputAreaMain {
	width: 356px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../../images/cont_input_bg.png) repeat-y;
}
div#contInputAreaInput {
	width: 356px;
	margin: 0px;
	padding: 0px;
	padding-top: 29px;
	padding-bottom: 29px;
	_padding-bottom: 15px;
}
div#contInputAreaBottom {
	width: 356px;
	height: 33px;
	margin: 0px;
	padding: 0px;
	background: url(../../images/cont_input_bgbottom.png) no-repeat;
}

table, tr, th, td {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
table {
	width: 320px;
	height: 82px;
	margin-left: 16px;
}
th {
	display: block;
	width: 118px;
	height: 32px;
	_vertical-align: top;/*ie6だと位置がずれるため*/
}
.space {
	height: 18px;
	_height: 4px;/*ie6だと位置がずれるため*/
}

/*ログイン*/
div#head_login a {
	width: 158px;
	height: 33px;
	margin: 0px auto;
	display: block;
	background: url(../../images/cont_login.png) no-repeat 0px 0px;
}
div#head_login a:hover {
	background: url(../../images/cont_login.png) no-repeat 0px -33px;
}

/*---------------------------------------------
 
---------------------------------------------*/
input {
  outline: none;
  background: none;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}
 
.middle,
.middle div {
  width: 202px;	/*入力欄幅*/
  height: 32px;
  display: inline-block;
}
 
.middle {
  background: url(../../images/cont_input_center.gif) repeat-x;
}
 
.middle input {
  display: block;
  height: 30px;
  padding: 1px;
}
 
.left_corner {
  background: url(../../images/cont_input_left.gif) no-repeat left top;
}
 
.right_corner {
  background: url(../../images/cont_input_right.gif) no-repeat right top;
}

input.textArea {
	font-size: 18px;
	margin: 6px 0px;
}
:root *> input.textArea {/*IE6~8以外*/
	font-size: 18px;
	margin: auto 0px;
}

table#banner {
	width: 873px;
	margin: 20px auto 0px auto;
	padding: 0px;
	border-collapse: collapse;
	border: none;
}
table#banner td {
	height: 68px;
}
table#banner td a {
	display: block;
	width: 218px;
	height: 68px;
	margin: 0px auto;
	padding: 0px;
}
td#b1 a { background: url(../../../lib/images/banner_juken.png) no-repeat 0px 0px; }
td#b1 a:hover { background: url(../../../lib/images/banner_juken.png) no-repeat 0px -68px; }

td#b2 a { background: url(../../../lib/images/banner_prog.png) no-repeat 0px 0px; }
td#b2 a:hover { background: url(../../../lib/images/banner_prog.png) no-repeat 0px -68px; }

td#b3 a { background: url(../../../lib/images/banner_haircut.png) no-repeat 0px 0px; }
td#b3 a:hover { background: url(../../../lib/images/banner_haircut.png) no-repeat 0px -68px; }

td#b4 a { background: url(../../../lib/images/banner_golf.png) no-repeat 0px 0px; }
td#b4 a:hover { background: url(../../../lib/images/banner_golf.png) no-repeat 0px -68px; }


/* end of file */