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

/*龠龠龠--------------------------------------------------------------------------
basic_css commonLayout

_0. reset
_1. setup
_2. common
	3.1_container
	3.2_header
	3.3_gnavi
	3.4_content
	3.5_side
	3.6_footer
	3.7_page-up
_3. common class
_4. other

--------------------------------------------------------------------------*/

/* --------------------------------------------------
	0. reset
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, code, p, blockquote, th, td, form, fieldset, legend {
  margin: 0;
  padding: 0;
}

article, header, footer, section, nav, aside {
  display: block;
}

/* --------------------------------------------------
_1. setup
-------------------------------------------------- */




html {
  overflow-y: scroll;
}

/* for mozilla: always display scrollbar */
body {
	color: #000;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-shadow: 0 0 1px rgba(255,255,255,.01);
	/* for ie6/7 */
    font-size: 13px;
	line-height: 1.5;
    *font-size: 82%;
	
	
	background: #E7E8EB url(../images/header_bg.jpg) repeat-x left top;  /* for ie6/7 */
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/
a:link {
  color: #356586;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

a:visited {
  color: #551a8b;
}

a:hover,
a:active {
  color: #f60;
  text-decoration: none;
}

.btnLink {
	display: block;
	margin: 0 auto;
	border: solid 1px #000;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a:hover .btnLink {
  border: solid 1px #4c5d18;
}


.small-error{
	font-size:85%;
	color: #F00;	
}

.medium-notice{
	font-size:90%;
	color: #F00;	
}

.medium-notice-black{
	font-size:90%;
	color: #000;	
}

.small_black{
	font-size:85%;
	color: #666;
}

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

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
   background-color: #ffffcc;
   border: 1px solid red;
	}
	
	
/* --------------------------------------------------
	1_2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  line-height: 1.5;
}


/* --------------------------------------------------
	1_3. List
-------------------------------------------------- */
li {
  list-style: none;
}

/* --------------------------------------------------
	1_4. Table
-------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-family: inherit;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

/* --------------------------------------------------
	1_5. Form
-------------------------------------------------- */
fieldset {
  border: none;
}

input, textarea, select, label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: middle;
}

label {
	cursor: default;
}

textarea {
  overflow: auto;
}

/* --------------------------------------------------
	1_6. Other
-------------------------------------------------- */
img {
  border: none;
  vertical-align: bottom;
}

object {
  vertical-align: middle;
  outline: none;
}

em, strong {
  font-weight: bold;
  font-style: normal;
}

abbr, acronym {
  border: none;
  font-variant: normal;
}

q:before, q:after {
  content: '';
}

address, caption, cite, code, dfn, var {
  font-weight: normal;
  font-style: normal;
}

code, pre {
  font-family: monospace;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

hr {
  display: none;
}

/*float_clear*/
.clear {
	height:0px;
	line-height:0;
	font-size:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/*float_clearFix*/
.clr:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clr {
	display: inline-table;
	/*zoom:100%;*/
}


/* Hide4MacIE \*/
* html .clr {height: 1%;}
.clr {display: block;}
/* endHide */


/* ------------------------------------------------------------
	1_7. For IE6/7
------------------------------------------------------------ */
/* --- for ie7: page zoom bug fix --- */
*:first-child + html body,
*:first-child + html br {
  letter-spacing: 0;
}


/* --------------------------------------------------
_3. common class
-------------------------------------------------- */
.pad_t5  {padding-top: 5px;}
.pad_t10 {padding-top:10px;}
.pad_t15 {padding-top:15px;}
.pad_t20 {padding-top:20px;}
.pad_t30 {padding-top:30px;}

.pad_b0  {padding-bottom: 0px !important;}
.pad_b5  {padding-bottom: 5px;}
.pad_b10 {padding-bottom:10px;}
.pad_b15 {padding-bottom:15px;}
.pad_b20 {padding-bottom:20px;}
.pad_b30 {padding-bottom:30px;}

.mgn_t5  {margin-top: 5px;}
.mgn_t10 {margin-top:10px;}
.mgn_t15 {margin-top:15px;}
.mgn_t20 {margin-top:20px;}
.mgn_t30 {margin-top:30px;}

.mgn_b5  {margin-bottom: 5px;}
.mgn_b10 {margin-bottom:10px;}
.mgn_b15 {margin-bottom:15px;}
.mgn_b20 {margin-bottom:20px;}
.mgn_b30 {margin-bottom:30px;}


/*st*/
.hx_st {
display:block;
	font-weight:bold;
}