@charset "UTF-8";


/*
########################################################
  common style
########################################################
*/

*{
	font-family: "メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "KozGoStd-Light", "KozGoStd-Regular", "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif !important;
	-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;
}
html{
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}/*IE6 hover*/
body {
	line-height:180%;
	color:#333333;
	font-size:16px;
	text-align:left;
  font-family: "Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	-webkit-text-size-adjust:100%;
}

img{
	border:0;
  vertical-align:baseline;
}

li{
	list-style-type:none;
}
ol{
	margin:0.5em 0;
}
ol li{
	margin-left:1.7em;
	list-style-type:decimal;
}
ul.List{
	margin:0.5em 0;
}
ul.List li{
	margin-left:1.7em;
	list-style-type:disc;
}
ol.decimal li{
	list-style-type:decimal;
}

input{
	padding:1px;
}
/* table */
table.border{
	border-collapse:collapse;
}
table.border th,
table.border td{
	border:1px solid #9b9b9b;
	padding:3px 5px;
	vertical-align:top;
}
table.border th{
	background:#e4e4e5;
	color:#333333;
}
table.border th.title,
table.border td.title{
	background:#f3f3f3;
	font-weight:normal;
}
table.border .noborder{
	border:0px;
}
a:link{
	color:#0778b2;
	text-decoration:none;
}

a:visited{
	color:#0778b2;
	text-decoration:none;
}

a:hover,
a:active{
	color:#62aad2;
	text-decoration:underline;
}
a[name]:hover {
 font:inherit;
 color:inherit;
 background:transparent;
 text-decoration:none;
}
hr{
	margin:0.5em 0;
}
p{
	margin:0.5em 0;
}

/*
########################################################
  Form
########################################################
*/
input[type="text"],
textarea,
input[type="button"],
input[type="submit"],
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="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{
	outline: none;
	border: 1px solid #aaa;
	margin:0;
	padding:1px 0;
	cursor:pointer;
	vertical-align: top;
	cursor:pointer;
	font-size:16px;
}
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;
}
/*textarea{
	resize: none;
}*/
/*
########################################################
  .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;
}

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

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}

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

.clearfix{
	zoom: 100%;
}

/*
########################################################
  Font
########################################################
*/
/* ##### WHITE ##### */
.white{
	color:#ffffff;
}
/* ##### BLACK ##### */
.black{
	color:#000000;
}
/* ##### GRAY ##### */
.gray,
.gray01{/*GRAY*/
	color:#808080;
}
.gray02{
	color:#c0c0c0;
}
.gray03{
	color:#333333;
}
.gray04{
	color:#747474;
}
/* ##### RED ##### */
.red,
.red01{ /*RED*/
	color:#ff0000;
}
.red02{
	color:#dc143c;
}
.red03{
	color:#ff0033;
}
.red04{
	color:#800000;
}
.red05{
	color:#ff6666;
}
.red06{
	color:#cc394c;
}
.red07{
	color:#cc3366;
}
.red08{
	color:#ff3300;
}
/* ##### ORANGE ##### */
.orange,
.orange01{ /*ORANGE*/
	color:#ffa500;
}
.orange02{
	color:#df6c3a;
}
.orange03{
	color:#dd5b00;
}
/* ##### BLUE ##### */
.blue,
.blue01{ /*BLUE*/
	color:#0000ff;
}
.blue02{
	color:#330099;
}
.blue03{
	color:#15015a;
}
.blue04{
	color:#330099;
}
.blue05{
	color:#0000cd;
}
.blue06{
	color:#003366;
}
.blue07{
	color:#639ac6;
}
.blue08{
	color:#000066;
}
.blue09{
	color:#3366ff;
}
.blue10{
	color:#000099;
}
.blue11{
	color:#2c67b2;
}
.blue12{
	color:#008ace;
}
/* ##### GREEN ##### */
.green,
.green01{ /*GREEN*/
	color:#008000;
}
.green02{
	color:#2d5b00;
}
.green03{
	color:#55822a;
}
.green04{
	color:#bbdca6;
}
.green05{
	color:#009933;
}
.green06{
	color:#003300;
}
.green07{
	color:#006860;
}
.green08{
	color:#339933;
}
/* ##### OTHER COLOR ##### */
.pink{
	color:#ff3399;
}
.purple{
	color:#cc0099;
}

/* ##### BOLD ##### */
.bold{
	font-weight:bold;
}
/* ##### SIZE ##### */
.size01{
	font-size:10px;
	line-height:150%;
}
.size01L{
	font-size:11px;
	line-height:150%;
}
.size02S{
	font-size:12px;
	line-height:150%;
}
.size02{
	font-size:13px;
	line-height:150%;
}
.size03{
	font-size:14px;
}
.size04{
	font-size:18px;
	line-height:150%;
}
.size05{
	font-size:24px;
	line-height:140%;
}
.size06{
	font-size:30px;
	line-height:140%;
}
.size07{
	font-size:38px;
	line-height:140%;
}
/*
########################################################
  BackGround Table
########################################################
*/
/* table */
table th,
table td{
	/*text-align:left;*/
}
table.border{
	border-collapse:collapse;
	margin-bottom:10px;
}
table.border th,
table.border td{
	border:1px solid #bbb;
	padding:2px 4px;
	vertical-align:top;
	text-align:left;
}
table.border th{
	background:#eee;
	color:#333333;
	font-weight:normal;
}
table.border th.title,
table.border td.title{
	background:#f3f3f3;
	font-weight:normal;
}
table.border .noborder{
	border:0px;
}
table.noborder th,
table.noborder td{
	border:0px;
}
table tr.noborder th,
table tr.noborder td{
	border:0px;
}
/* ##### COLOR ##### */
tr.bg_white th,
tr.bg_white td,
table.border th.bg_white,
.bg_white{
	background-color:#ffffff;
}
tr.bg_black th,
tr.bg_black td,
table.border th.bg_black,
.bg_black{
	background-color:#000000;
	color:#fff;
}
tr.bg_gray th,
tr.bg_gray td,
table.border th.bg_gray,
.bg_gray{/*GRAY*/
	background-color:#808080;
	color:#fff;
}
tr.bg_gray2 th,
tr.bg_gray2 td,
table.border th.bg_gray2,
.bg_gray2{
	background-color:#d0d0d0;
	color:#333;
}
tr.bg_gray3 th,
tr.bg_gray3 td,
table.border th.bg_gray3,
.bg_gray3{
	background-color:#eee;
	color:#333;
}
tr.bg_red th,
tr.bg_red td,
table.border th.bg_red,
.bg_red{ /*RED*/
	background-color:#ff7171;
	color:#fff;
}
tr.bg_red2 th,
tr.bg_red2 td,
table.border th.bg_red2,
.bg_red2{
	background-color:#ffbdbd;
	color:#333;
}
tr.bg_red3 th,
tr.bg_red3 td,
table.border th.bg_red3,
.bg_red3{
	background-color:#ffefef;
	color:#333;
}
tr.bg_orange th,
tr.bg_orange td,
table.border th.bg_orange,
.bg_orange{ /*ORANGE*/
	background-color:#ffb051;
	color:#fff;
}
tr.bg_orange2 th,
tr.bg_orange2 td,
table.border th.bg_orange2,
.bg_orange2{
	background-color:#ffd29c;
	color:#333;
}
tr.bg_orange3 th,
tr.bg_orange3 td,
table.border th.bg_orange3,
.bg_orange3{
	background-color:#fff3e5;
	color:#333;
}
tr.bg_blue th,
tr.bg_blue td,
table.border th.bg_blue,
.bg_blue{ /*BLUE*/
	background-color:#809eff;
	color:#fff;
}
tr.bg_blue2 th,
tr.bg_blue2 td,
table.border th.bg_blue2,
.bg_blue2{
	background-color:#bacaff;
	color:#333;
}
tr.bg_blue3 th,
tr.bg_blue3 td,
table.border th.bg_blue3,
.bg_blue3{
	background-color:#e8edff;
	color:#333;
}
tr.bg_purple th,
tr.bg_purple td,
table.border th.bg_purple,
.bg_purple{ /*PURPLE*/
	background-color:#9280ff;
	color:#fff;
}
tr.bg_purple2 th,
tr.bg_purple2 td,
table.border th.bg_purple2,
.bg_purple2{
	background-color:#c4baff;
	color:#333;
}
tr.bg_purple3 th,
tr.bg_purple3 td,
table.border th.bg_purple3,
.bg_purple3{
	background-color:#eae6ff;
	color:#333;
}
tr.bg_green th,
tr.bg_green td,
table.border th.bg_green,
.bg_green{ /*GREEN*/
	background-color:#89d559;
	color:#fff;
}
tr.bg_green2 th,
tr.bg_green2 td,
table.border th.bg_green2,
.bg_green2{
	background-color:#c3ff9d;
	color:#333;
}
tr.bg_green3 th,
tr.bg_green3 td,
table.border th.bg_green3,
.bg_green3{
	background-color:#eeffe3;
	color:#333;
}
tr.bg_yellow th,
tr.bg_yellow td,
table.border th.bg_yellow,
.bg_yellow{ /*YELLOW*/
	background-color:#f6f62c;
	color:#333;
}
tr.bg_yellow2 th,
tr.bg_yellow2 td,
table.border th.bg_yellow2,
.bg_yellow2{
	background-color:#ffffa9;
	color:#333;
}
tr.bg_yellow3 th,
tr.bg_yellow3 td,
table.border th.bg_yellow3,
.bg_yellow3{
	background-color:#ffffdd;
	color:#333;
}
/*
########################################################
  btn
########################################################
*/
/* 角丸 */
[class^=btn]{
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;}

a.btn01{
	font-size:16px;
	line-height:40px;
	border:1px solid #0068b7;
	background:#0068b7;
	color:#fff !important;
	padding:10px;
}
a:hover.btn01{
	background:#fff;
	color:#0068b7 !important;
	text-decoration:none;
}
a.btn01L{
	font-size:28px;
	line-height:54px;
	border:1px solid #0068b7;
	background:#0068b7;
	color:#fff !important;
	padding:10px 30px;
}
a:hover.btn01L{
	background:#fff;
	color:#0068b7 !important;
	text-decoration:none;
}
a.btn01S{
	font-size:11px;
	line-height:26px;
	border:1px solid #0068b7;
	background:#0068b7;
	color:#fff !important;
	padding:5px 10px;
}
a:hover.btn01S{
	background:#fff;
	color:#0068b7 !important;
	text-decoration:none;
}
a.btn02{
	font-size:16px;
	line-height:40px;
	border:1px solid #888;
	background:#888;
	color:#fff !important;
	padding:10px;
}
a:hover.btn02{
	background:#fff;
	color:#888 !important;
	text-decoration:none;
}
a.btn02L{
	font-size:28px;
	line-height:54px;
	border:1px solid #888;
	background:#888;
	color:#fff !important;
	padding:10px 30px;
}
a:hover.btn02L{
	background:#fff;
	color:#888 !important;
	text-decoration:none;
}
a.btn02S{
	font-size:11px;
	line-height:26px;
	border:1px solid #888;
	background:#888;
	color:#fff !important;
	padding:5px 10px;
}
a:hover.btn02S{
	background:#fff;
	color:#888 !important;
	text-decoration:none;
}
a.btn03{
	font-size:16px;
	line-height:40px;
	border:1px solid #f77572;
	background:#f77572;
	color:#fff !important;
	padding:10px;
}
a:hover.btn03{
	background:#fff;
	color:#f77572 !important;
	text-decoration:none;
}
a.btn03L{
	font-size:28px;
	line-height:54px;
	border:1px solid #f77572;
	background:#f77572;
	color:#fff !important;
	padding:10px 30px;
}
a:hover.btn03L{
	background:#fff;
	color:#f77572 !important;
	text-decoration:none;
}
a.btn03S{
	font-size:11px;
	line-height:26px;
	border:1px solid #f77572;
	background:#f77572;
	color:#fff !important;
	padding:5px 10px;
}
a:hover.btn03S{
	background:#fff;
	color:#f77572 !important;
	text-decoration:none;
}
a.btn04{
	font-size:16px;
	line-height:40px;
	border:1px solid #59ace9;
	background:#59ace9;
	color:#fff !important;
	padding:10px;
}
a:hover.btn04{
	background:#fff;
	color:#59ace9 !important;
	text-decoration:none;
}
a.btn04L{
	font-size:28px;
	line-height:54px;
	border:1px solid #59ace9;
	background:#59ace9;
	color:#fff !important;
	padding:10px 30px;
}
a:hover.btn04L{
	background:#fff;
	color:#59ace9 !important;
	text-decoration:none;
}
a.btn04S{
	font-size:11px;
	line-height:26px;
	border:1px solid #59ace9;
	background:#59ace9;
	color:#fff !important;
	padding:5px 10px;
}
a:hover.btn04S{
	background:#fff;
	color:#59ace9 !important;
	text-decoration:none;
}
a.btn05{
	font-size:16px;
	line-height:40px;
	border:1px solid #88be58;
	background:#88be58;
	color:#fff !important;
	padding:10px;
}
a:hover.btn05{
	background:#fff;
	color:#88be58 !important;
	text-decoration:none;
}
a.btn05L{
	font-size:28px;
	line-height:54px;
	border:1px solid #88be58;
	background:#88be58;
	color:#fff !important;
	padding:10px 30px;
}
a:hover.btn05L{
	background:#fff;
	color:#88be58 !important;
	text-decoration:none;
}
a.btn05S{
	font-size:11px;
	line-height:26px;
	border:1px solid #88be58;
	background:#88be58;
	color:#fff !important;
	padding:5px 10px;
}
a:hover.btn05S{
	background:#fff;
	color:#88be58 !important;
	text-decoration:none;
}
a.btn06{
	font-size:16px;
	line-height:40px;
	border:1px solid #f68442;
	background:#f68442;
	color:#fff !important;
	padding:10px;
}
a:hover.btn06{
	background:#fff;
	color:#f68442 !important;
	text-decoration:none;
}
a.btn06L{
	font-size:28px;
	line-height:54px;
	border:1px solid #f68442;
	background:#f68442;
	color:#fff !important;
	padding:10px 30px;
}
a:hover.btn06L{
	background:#fff;
	color:#f68442 !important;
	text-decoration:none;
}
a.btn06S{
	font-size:11px;
	line-height:26px;
	border:1px solid #f68442;
	background:#f68442;
	color:#fff !important;
	padding:5px 10px;
}
a:hover.btn06S{
	background:#fff;
	color:#f68442 !important;
	text-decoration:none;
}