@charset "Shift_JIS";

/* ===================================
Reset
Tag
Layout
Float Clearing
Margin
Align
White-space
Float
Heading
=================================== */


/* ===== Reset ===== */
*{
margin:0;
padding:0;
text-decoration:none;
list-style-type:none;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,em,font,img,q,s,samp,small,strike,strong,sub,sup,
var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	outline:0;
	vertical-align:baseline;
}
strike{ text-decoration: line-through;}

/* ===== Tag ===== */

ul,ol{
list-style-type:none;
list-style-position:outside;
}

hr{
display:none;
}

address{
	font-style:normal;
}

img,fieldset{
border:none;
}
input:focus{outline-offset:-2px;}
input.txt{
height:14px;
padding:2px;
border:1px solid #a5acb2;
line-height:1em;
}
textarea{
padding:2px;
border:1px solid #a5acb2;
}

li img{
vertical-align:top;
}

em{
color:#f00;
font-style:normal;
}

/* ===== Margin ===== */
mt5{
margin-top:5px;
}
mt10{
margin-top:10px;
}
mt15{
margin-top:15px;
}
mt20{
margin-top:20px;
}
mb5{
margin-bottom:5px;
}
mb10{
margin-bottom:10px;
}
mb15{
margin-bottom:15px;
}
mb20{
margin-bottom:20px;
}
mr5{
margin-right:5px;
}
mr10{
margin-right:10px;
}
mr15{
margin-right:15px;
}
mr20{
margin-right:20px;
}
ml5{
margin-left:5px;
}
ml10{
margin-left:10px;
}
ml15{
margin-left:15px;
}
ml20{
margin-left:20px;
}

/* ===== Align ===== */
.txt-left{
text-align:left;
}
.txt-right{
text-align:right;
}
.txt-center{
text-align:center;
}

/* ===== White-space ===== */
.nowrap{
white-space:nowrap
}

/* ===== Float ===== */
.img-left{
float:left;
}
.img-right{
float:right;
}
.clear{
clear:both;
}
hr {
	display:none
}
img {
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
	border-left-style:none;
	vertical-align: bottom;
}
.clearfix:after,
.clearFix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:"";
	clear:both;
	height:0
}
* html .clearfix,
* html .clearFix,
*:first-child+html .clearfix,
*:first-child+html .clearFix{
	zoom:1
}

/* Style1 */
.style1 #contents{
width:950px;
/*margin-bottom:2em;*/
}
/* Style2 */
.style2 #container{
width:950px;
margin-bottom:2em;
}
.right #container{
width:950px;
}
.style2 #information{
float:right;
width:195px;
margin-bottom:2em;
}
.style2 #navigation{
float:left;
width:188px;
}
.style2 #contents{
float:right;
width:748px;
}
.style2 #indexright {
width:748px;
float:right;	
}
.style2 #indexright #mainbanner{
width:740px;
}
.style2 #indexright #information{
float:right;
width:195px;
margin-bottom:2em;
margin-top:15px;
}
.style2 #indexright #contents{
float:left;
width:537px;
}
.style2 #navigation{
float:left;
width:188px;
}

/* ==== form ==== */
input, textarea {
line-height:1em;
padding:0;  
vertical-align:middle;
}
textarea {
line-height:1.4;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align:text-bottom;
}

input[type="submit"] {
padding:0.1em;
}

select {
padding:0;
}

  /* for IE6 */  
  
  * html input.checkbox,
  * html input.radio {
  vertical-align:-0.3em;
  }
  
  * html input.submit {
  line-height:1.2;
  padding-top:0.2em;
  }
  
  * html select {
  vertical-align:-0.2em;
  }
  
  
  *+html input.submit {
  line-height:1.2;
  padding-top:0.2em;
  }
  
  *+html select {
  vertical-align:-0.2em;
  }
  
  /* for Opera9.27 */
  
  html:first-child input[type="checkbox"],
  html:first-child input[type="radio"] {
  vertical-align:middle;
  }
  
  html:first-child input[type="submit"] {
  padding:0.3em;
  }
  
  html:first-child select {
  padding:0.2em;
  }
  
  /* for Opera9.5 [Safari3] */
  body:first-of-type input {
  padding:0.1em;
  }
  
  body:first-of-type input[type="checkbox"],
  body:first-of-type input[type="radio"] {
  vertical-align:-0.3em;
  }
  
  body:first-of-type input[type="submit"] {
  padding:0.3em 0.3em 0.2em 0.3em;
  }
  
  /* for Safari3 */
  html:not(:only-child:only-child) input {
  padding:0;
  vertical-align:baseline;
  }
  
  html:not(:only-child:only-child) input[type="checkbox"],
  html:not(:only-child:only-child) input[type="radio"] {
  vertical-align:baseline;
  }
  
  html:not(:only-child:only-child) select {
  vertical-align:0.1em;
  }
