@charset "UTF-8";

/*
########################################################
  common style
########################################################
*/
html {height:100%;}
*{
	-webkit-text-size-adjust: 100%;
}
body,div,p,ul,ol,li,span,dl,dt,dd,a,img,input,h1,h2,h3,h4,h5,h6,h7,form{
	margin : 0;
	padding: 0;
}
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif !important;
	min-width  : 1000px;
	height     : 100%;
	line-height: 180%;
	color      : #323232;
	font-size  : 14px;
	text-align : left;
}
h1{
	font-size  : 24px;
	font-weight: normal;
	line-height: 120%;
	color      : #00437c;
}
h2{
	font-size    : 18px;
	font-weight  : normal;
	margin       : 0 0 23px 0;
	padding      : 0 0 3px 0;
	border-bottom: 2px solid #00437c;
}
h3{
	font-size  : 16px;
	font-weight: normal;
	line-height: 120%;
	text-align : left;
	padding    : 10px 0 0 30px;
	/*margin-top:-110px;*/
}
h4{
	font-size  : 14px;
	font-weight: normal;
	padding    : 0 0 0 0px;
}
h5{
	margin     : 25px 0 10px 0;
	font-size  : 16px;
	font-weight: bold
}
h6{
	margin     : 10px 0 0 0;
	font-size  : 14px;
	font-weight: bold
}
img{
	border        : 0;
	vertical-align: baseline;
}
li{
	list-style-type: none;
}
ol{
	margin-bottom: 1em;
}
ol li{
	margin-left    : 1.7em;
	list-style-type: decimal;
}
ul{
	margin-bottom: 1em;
}
ul.List li{
	margin-left    : 1.7em;
	list-style-type: disc;
}
ul.List li ol li{
	margin-left    : 1.7em;
	list-style-type: decimal;
}
a:link{
	color          : #00437c;
	text-decoration: none;
	line-height    : 120%;
}
a:visited{
	color          : #00437c;
	text-decoration: none;
}
a:hover,
a:active{
	color          : #00b4e3 !important;
	text-decoration:underline;
}
a[name]:hover {
 font           : inherit;
 color          : inherit;
 background     : transparent;
 text-decoration: none;
}
a:hover img{
	opacity: 0.7;
	filter : alpha(opacity=70);
}
a.arrow{
	display     : block;
	background  : url(/img/common/icon-arrow.png) left top no-repeat;
	line-height : 30px;
	padding-left: 35px;
	color       : #323232;
}
a.arrow:hover{
	color: #0555c8 !important;
}
a.arrow:hover span{
	color: #0555c8 !important;
}
#SideContent #SideMenu a:hover img{
	opacity: 1;
	filter : alpha(opacity=100);
}
hr{
	width : 100%;
	border-top:0;
	border-bottom: 2px solid #909fbc;
	border-left:0;
	border-right:0;
}
p{
	margin: 0 0 1.8em 0;
}

/* table */
table{
	margin-bottom: 1em;
}
table,
table th,
table td{
	border        : 0;
	padding       : 2px 10px 3px 0;
	vertical-align: top;
	text-align    : left;
}
table th,
table td{
	font-weight: normal;
}
table.border{
  border-collapse: collapse;
  font-size      : 14px;
  line-height    : 140%;
}
table.border th,
table.border td{
  padding       : 5px;
  border        : 1px solid #aaa;
  vertical-align: top;
  text-align    : left;
}
table.border th{
	background : #efefef;
	font-weight: normal;
}
table.border .noborder{
	border: 0px;
}
.marginB{
	margin-bottom: 1em;
}
table.noborder th,
table.noborder td{
border-bottom: 0px !important;
}
/*
########################################################
  Form
########################################################
*/
input[type="text"],
textarea,
input[type="button"],
input[type="submit"],
input[type="email"],
button,
input[type="search"],
input[type="password"]{
	-webkit-appearance: none;
	-moz-appearance   : none;
	appearance        : none;
	border-radius     : 0;
	font-size         : 16px;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	outline: none;
	border : 1px solid #aaa;
	padding: 2px;
	cursor : text;
}
input[type="text"]    : focus,
input[type="search"]  : focus,
input[type="password"]: focus,
      textarea        : focus {
	/*background:#fffbc7;*/
	box-shadow: 0 0 3px #009af3;
	border    : 1px solid #009af3;
}
select{
	font-size     : 16px;
	outline       : none;
	border        : 1px solid #aaa;
	margin        : 0;
	padding       : 1px 0;
	cursor        : pointer;
	vertical-align: top;
	cursor        : pointer;
}
input[type="radio"]{
	width         : 18px;
	height        : 18px;
	margin-right  : 5px;
	vertical-align: middle;
	background    : #fff;
	cursor        : pointer;
}
input[type="checkbox"]{
  width         : 18px;
  height        : 18px;
  margin-right  : 5px;
  vertical-align: middle;
  background    : #fff;
  cursor        : pointer;
}
input[type="button"],
input[type="submit"],
button{
	border               : 1px solid #999;
	border-radius        : 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-moz-box-shadow      : 1px 1px 1px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow   : 1px 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow           : 1px 1px 1px rgba(0, 0, 0, 0.15);
	background           : #ddd;
	padding              : 3px 10px;
	cursor               : pointer;
}
input[type="button"]: hover,
input[type="submit"]: hover,
      button        : hover{
	border    : 1px solid #009af3;
	background: #f1f1f1;
}
/*
########################################################
  margin border
########################################################
*/
.nomargin{
	margin : 0 !important;
	padding: 0 !important;
}
.noborder{
	border: 0 !important;
}

/*
########################################################
  .align
########################################################
*/
.alignC {
	text-align: center !important;
}
.alignL {
	text-align: left !important;
}
.alignR {
	text-align: right !important;
}
.valignM {
	vertical-align: middle !important;
}
.valignT {
	vertical-align: top !important;
}
.valignB {
	vertical-align: bottom !important;
}
/* ###### table align ##### */
table.alignC th,
table.alignC td {
	text-align: center !important;
}
table.alignL th,
table.alignL td {
	text-align: left !important;
}
table.alignR th,
table.alignR td {
	text-align: right !important;
}
table.valignM th,
table.valignM td {
	vertical-align: middle !important;
}
table.valignT th,
table.valignT td {
	vertical-align: top !important;
}
table.valignB th,
table.valignB td {
	vertical-align: bottom !important;
}
tr.alignC th,
tr.alignC td {
	text-align: center !important;
}
tr.alignL th,
tr.alignL td {
	text-align: left !important;
}
tr.alignR th,
tr.alignR td {
	text-align: right !important;
}
tr.valignM th,
tr.valignM td {
	vertical-align: middle !important;
}
tr.valignT th,
tr.valignT td {
	vertical-align: top !important;
}
tr.valignB th,
tr.valignB td {
	vertical-align: bottom !important;
}

/*
########################################################
  .float
########################################################
*/

.floatR{
	float: right;
}

.floatL{
	float: left;
}

.floatN{
	float: none;
}

.floatC{
	margin-left : auto;
	margin-right: auto;
}

.clearR{
	clear: right;
}

.clearL{
	clear: left;
}

.clear{
	clear: both;
}

.clearfix:after {
	content: "";
	display: block;
	clear  : both;
}

.clearfix{
	zoom: 100%;
}

/*
########################################################
  Font
########################################################
*/
/* ##### COLOR ##### */
.white{
	color: #ffffff;
}
.black{
	color: #000000;
}
.gray{/*GRAY*/
	color: #808080;
}
.red{ /*RED*/
	color: red;
}
.orange{ /*ORANGE*/
	color: orange;
}
.blue{ /*BLUE*/
	color: blue;
}
.green{ /*GREEN*/
	color: green;
}

/* ##### BOLD ##### */
.bold{
	font-weight: bold;
}
/* ##### SIZE ##### */
.size01{
	font-size  : 65%;
	line-height: 140%;
}
.size02{
	font-size  : 85%;
	line-height: 140%;
}
.size03{
	font-size  : 100%;
	line-height: 180%;
}
.size04{
	font-size  : 120%;
	line-height: 180%;
}
.size05{
	font-size  : 140%;
	line-height: 160%;
}
.size06{
	font-size  : 160%;
	line-height: 140%;
}
.size07{
	font-size  : 180%;
	line-height: 120%;
}