@charset "UTF-8";

/*******************************************************************************************************************
 共通設定 
 *******************************************************************************************************************/

/*================================================================================================
リセット
================================================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0;	padding:0;}
img{border:none; margin:0; padding:0; vertical-align:bottom;}
li{list-style-type:none; margin:0; padding:0;}
/*table {border-collapse:collapse; border-spacing: 0;}*/


/*================================================================================================
フォント設定
================================================================================================*/
body{font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
;;body{font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
*:first-child+html body {font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
* html body {font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}

/*================================================================================================
基本設定
================================================================================================*/
.cl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cl{display:inline-block;}
* html .cl{height:1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.cl{display:block;}
.clear{clear:both;}
.bold{font-weight:bold;}
.small{font-size:12px;}


/*================================================================================================
汎用クラス
================================================================================================*/

/*marginシリーズ*/
.m0{margin-bottom:0px !important;}
.m5{margin-bottom:5px !important;}
.m10{margin-bottom:10px !important;}
.m15{margin-bottom:15px !important;}
.m20{margin-bottom:20px !important;}
.m25{margin-bottom:25px !important;}
.m30{margin-bottom:30px !important;}
.m40{margin-bottom:40px !important;}
.m50{margin-bottom:50px !important;}
.last{margin-bottom:0 !important;}

/*align*/
.align_center{text-align:center !important;}
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}

/*color*/
.red{color:#C00;}

/*notice*/
.notice_r{padding:5px; background:#FFDFDF;border:1px solid #CC0000;color:#CC0000;}
.notice_y{padding:5px; background:#FCF9F3;border:1px solid #EACFA8;}
.notice_b{padding:5px; background:#F2F7FB;border:1px solid #71C4DF;}

img.icon{vertical-align:middle;}

/*rollover*/
a.over:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
a.over{background: #fff;}

button{cursor:pointer;}
button:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/*テーブル*/
table{border-collapse:collapse;}
td,th{padding:0;}

/*ヘッダーボタン*/
#headerbotan {
	float: right;
	height: 45px;
	width: 450px;
	padding-top: 20px;
}
.botanwaku {
	float: left;
	height: 44px;
	width: 150px;
}