@charset "utf-8";

/*/////////////////////////////////////////////////////////////

	[TOC]
	0. BASE
	1. CSS HACK
	2. COMMON
	3. LAYOUT
		
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. BASE
------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	text-align: left;
}

body {
	color: #000 ;
	font-size: 12px;
	font-family: "MS Gothic", "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "Helvetica", "Verdana", sans-serif;
	line-height: 1.5;
	background: #fff ;
}

/* ---------------
EXAMPLES FONT-SIZE
------------------
 83% = 10px
 92% = 11px
100% = 12px
108% = 13px
117% = 14px
125% = 15px
133% = 16px
142% = 17px
150% = 18px
158% = 19px
167% = 20px
175% = 21px
183% = 22px
192% = 23px
200% = 24px
208% = 25px
217% = 26px
--------------- */

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a { border: 0; vertical-align: bottom; }
img { border: 0; vertical-align: bottom; }
i, em, address { font-style: normal; }
input, button { line-height: normal; }

a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
a:link { color: #006fae ; text-decoration: underline ;}
a:visited { color: #006fae ; text-decoration: underline ;}
a:hover { color: #1691d7 ; text-decoration: none ;}
a:active { text-decoration: underline ;}
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

p { margin: 0 0 10px 0 ; padding: 0 ; }

em{color: #adc4d4 ;}
strong{font-weight: bold ;}

input, select {
	vertical-align: middle ;
}

input[type="text"],
input[type="password"]
textarea {
	background: #fff;
	border: 1px solid #aaaab2;
	padding: 2px ;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea {
	background: #fffdeb;
	border: 1px solid #ff8400 ;
}

input[type="button"].input_btn {
	color: #fff ;
	text-align: center ;
	text-shadow: #000 0 -1px 0;
	display: block ;
	overflow: hidden ;
	border: 0 ;
	cursor: pointer ; 
}

input[type="button"].input_btn.a {
	width: 90px ;
	height: 25px ;
	background: url(../img/btn01.png) 0 0 no-repeat ;
}

input[type="button"].input_btn.a:hover {
	background: url(../img/btn01.png) 0 -25px no-repeat ;
}

input[type="button"].input_btn.b,
input[type="button"].input_btn.c {
	font-size: 92% ;
		font-size: 75%\9 ; /* IE6,7,8 */
	width: 70px ;
	height: 20px ;
	background: url(../img/btn02.png) 0 0 no-repeat ;
		padding-top: 2px\9 ; /* IE6,7,8 */
}

input[type="button"].input_btn.c {
	color: #000 ;
	text-shadow: #fff 0 1px 0 ;
	background: url(../img/btn04.png) 0 0 no-repeat ;
}

input[type="button"].input_btn.b:hover {
	background: url(../img/btn02.png) 0 -20px no-repeat ;
}

input[type="button"].input_btn.c:hover {
	color: #fff ;
	text-shadow: none ;
	background: url(../img/btn04.png) 0 -20px no-repeat ;
}

select {
	border: 1px solid #aaaab2;
	padding: 2px ;
}

textarea{ line-height: 1.5 ;}

::selection {
	color: #000 ;
	background: #f6ff00;
}
::-moz-selection {
	color: #000 ; /* Firefox */
	background: #f6ff00;
}

/* ------------------------------------------------------------
	1. CSS HACK
------------------------------------------------------------ */

/* floating box clear */

.clearfix {
	zoom: 1 ;
}
.clearfix:after {
	content: "." ;
	display: block ;
	height: 0 ;
	clear:both;
	visibility: hidden ;
}

/* centered background fix - for Firefox 3 */
body,x:-moz-broken { margin-left:-1px; }

/* ------------------------------------------------------------
	2. COMMON
------------------------------------------------------------ */

.section_left, .block_left column_left, .box_left { float: left ; }
.section_center, .block_center, .column_center, .box_center { float: left ; }
.section_right, .block_right, .column_right, .box_right { float: right ; }

/* ------------------------------------------------------------
	3. LAYOUT
------------------------------------------------------------ */

#wrapper {
	min-width: 800px ;
}

#header {
	width: 100% ;
	min-width: 800px ;
	background: #c6c6d0 url(../img/header_bg.gif) repeat-x ;
	padding: 1px 0 ;
}

#header .section_left {
	height: 32px ;
	background: url(../img/header_bg01.gif) left center no-repeat ;
	overflow: hidden ;
	padding: 3px 0 3px 5px ;
}

#header h1 {
	font-size: 117% ;
	font-weight: bold ;
	text-shadow: #fff 0 1px 0;
	background: url(../img/icon09.gif) left center no-repeat ;
	padding: 5px 0 3px 16px ;
}

#header .section_right {
	/*background: url(../img/header_bg02.gif) right center no-repeat ;*/
	padding: 7px 10px 0 0 ;
}