@charset "UTF-8";
/* CSS Document */
/*===========================================*/
/*==テンプレートcss==*/
/*===========================================*/
*{ margin: 0; padding: 0;}
html{ overflow-y: scroll;} /*スクロールバーの有無によるズレ対策*/
html,body{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:160%;
	line-height: 180%;
	color: #1b1b1a;
	height:100%;
}
*html,body{ font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;} /*IE6*/
body{background: #FFFFFF;}
input,textarea,select{
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
input,select { vertical-align: middle;}
*html input,*html textarea{ font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;} /*IE6*/
img{ vertical-align: top; border: none;}
a{ color: #151515; text-decoration: none; }
li{ list-style: none;}
table{ border-collapse: collapse; border-spacing: 0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{ display: block;}
input::-webkit-input-placeholder{ color: #CCCCCC;}
input:-moz-placeholder{ color: #CCCCCC;}
label{ cursor: pointer;}
/*===========================================*/
/*==余白関連==*/
/*===========================================*/
/*Margin All*/
.centering{ margin: 0px auto;}
.mar_a_05{ margin: 5%;} .mar_a_10{ margin: 10%;} .mar_a_15{ margin: 15%;} .mar_a_20{ margin: 20%;} .mar_a_25{ margin: 25%;} .mar_a_30{ margin: 30%;} .mar_a_35{ margin: 35%;} .mar_a_40{ margin: 40%;} .mar_a_45{ margin: 45%;} .mar_a_50{ margin: 50%;} .mar_a_55{ margin: 55%;} .mar_a_60{ margin: 60%;}
/*Margin Top*/
.mar_t_01{ margin-top: 1%;}.mar_t_02{ margin-top: 2%;}.mar_t_03{ margin-top: 3%;}.mar_t_04{ margin-top: 4%;}.mar_t_05{ margin-top: 5%;} .mar_t_10{ margin-top: 10%;} .mar_t_15{ margin-top: 15%;} .mar_t_20{ margin-top: 20%;} .mar_t_25{ margin-top: 25%;} .mar_t_30{ margin-top: 30%;} .mar_t_35{ margin-top: 35%;} .mar_t_40{ margin-top: 40%;} 
/*Margin Right*/
.mar_r_01{ margin-right: 1%;}.mar_r_02{ margin-right: 2%;}.mar_r_03{ margin-right: 3%;}.mar_r_04{ margin-right: 4%;}.mar_r_05{ margin-right: 5%;} .mar_r_10{ margin-right: 10%;} .mar_r_15{ margin-right: 15%;} .mar_r_20{ margin-right: 20%;} .mar_r_25{ margin-right: 25%;} .mar_r_30{ margin-right: 30%;} .mar_r_35{ margin-right: 35%;} .mar_r_40{ margin-right: 40%;} 
/*Margin Bottom*/
.mar_b_01{ margin-bottom: 15px;}.mar_b_02{ margin-bottom: 2%;}.mar_b_03{ margin-bottom: 3%;}.mar_b_04{ margin-bottom: 4%;}.mar_b_05{ margin-bottom: 5%;} .mar_b_10{ margin-bottom: 10%;} .mar_b_15{ margin-bottom: 15%;} .mar_b_20{ margin-bottom: 20%;} .mar_b_25{ margin-bottom: 25%;} .mar_b_30{ margin-bottom: 30%;} .mar_b_35{ margin-bottom: 35%;} .mar_b_40{ margin-bottom: 40%;} 
/*Margin Left*/
.mar_l_01{ margin-left: 1%;}.mar_l_02{ margin-left: 2%;}.mar_l_03{ margin-left: 3%;}.mar_l_04{ margin-left: 4%;}.mar_l_05{ margin-left: 5%;} .mar_l_10{ margin-left: 10%;} .mar_l_15{ margin-left: 15%;} .mar_l_20{ margin-left: 20%;} .mar_l_25{ margin-left: 25%;} .mar_l_30{ margin-left: 30%;} .mar_l_35{ margin-left: 35%;} .mar_l_40{ margin-left: 40%;}
/*Padding All*/
.pad_a_05{ padding: 5%;} .pad_a_10{ padding: 10%;} .pad_a_15{ padding: 15%;} .pad_a_20{ padding: 20%;} .pad_a_25{ padding: 25%;} .pad_a_30{ padding: 30%;} .pad_a_35{ padding: 35%;} .pad_a_40{ padding: 40%;} .pad_a_45{ padding: 45%;} .pad_a_50{ padding: 50%;} .pad_a_55{ padding: 55%;} .pad_a_60{ padding: 60%;}
/*Padding Top*/
.pad_t_05{ padding-top: 5%;} .pad_t_10{
	padding-top: 10%;
} .pad_t_15{ padding-top: 15%;} .pad_t_20{ padding-top: 20%;} .pad_t_25{ padding-top: 25%;} .pad_t_30{ padding-top: 30%;} .pad_t_35{ padding-top: 35%;} .pad_t_40{ padding-top: 40%;} .pad_t_45{ padding-top: 45%;} .pad_t_50{ padding-top: 50%;} .pad_t_55{ padding-top: 55%;} .pad_t_60{ padding-top: 60%;} .pad_t_100{ padding-top: 100%;}
/*Padding Right*/
.pad_r_05{ padding-right: 5%;} .pad_r_10{ padding-right: 10%;} .pad_r_15{ padding-right: 15%;} .pad_r_20{ padding-right: 20%;} .pad_r_25{ padding-right: 25%;} .pad_r_30{ padding-right: 30%;} .pad_r_35{ padding-right: 35%;} .pad_r_40{ padding-right: 40%;} .pad_r_45{ padding-right: 45%;} .pad_r_50{ padding-right: 50%;} .pad_r_55{ padding-right: 55%;} .pad_r_60{ padding-right: 60%;}
/*Padding Bottom*/
.pad_b_05{ padding-bottom: 5%;} .pad_b_10{ padding-bottom: 10%;} .pad_b_15{ padding-bottom: 15%;} .pad_b_20{ padding-bottom: 20%;} .pad_b_25{ padding-bottom: 25%;} .pad_b_30{ padding-bottom: 30%;} .pad_b_35{ padding-bottom: 35%;} .pad_b_40{ padding-bottom: 40%;} .pad_b_45{ padding-bottom: 45%;} .pad_b_50{ padding-bottom: 50%;} .pad_b_55{ padding-bottom: 55%;} .pad_b_60{ padding-bottom: 60%;} .pad_b_100{ padding-bottom: 100%;}
/*Padding Left*/
.pad_l_05{ padding-left: 5%;} .pad_l_10{ padding-left: 10%;} .pad_l_15{ padding-left: 15%;} .pad_l_20{ padding-left: 20%;} .pad_l_25{ padding-left: 25%;} .pad_l_30{ padding-left: 30%;} .pad_l_35{ padding-left: 35%;} .pad_l_40{ padding-left: 40%;} .pad_l_45{ padding-left: 45%;} .pad_l_50{ padding-left: 50%;} .pad_l_55{ padding-left: 55%;} .pad_l_60{ padding-left: 60%;}
/*上下Padding*/
.pad_tb_05{ padding-top: 5%; padding-bottom: 5%;} .pad_tb_10{ padding-top: 10%; padding-bottom: 10%;} .pad_tb_15{ padding-top: 15%; padding-bottom: 15%;} .pad_tb_20{ padding-top: 20%; padding-bottom: 20%;} .pad_tb_25{ padding-top: 25%; padding-bottom: 25%;} .pad_tb_30{ padding-top: 30%; padding-bottom: 30%;} .pad_tb_35{ padding-top: 35%; padding-bottom: 35%;} .pad_tb_40{ padding-top: 40%; padding-bottom: 40%;} .pad_tb_45{ padding-top: 45%; padding-bottom: 45%;} .pad_tb_50{ padding-top: 50%; padding-bottom: 50%;} .pad_tb_55{ padding-top: 55%; padding-bottom: 55%;} .pad_tb_60{ padding-top: 60%; padding-bottom: 60%;} .pad_tb_100{ padding-top: 100%; padding-bottom: 100%;}
/*========ここからマイナスのmargin=========*/
/*マイナスのMargin Top*/
.mar_t_-05{ margin-top: -5%;} .mar_t_-10{ margin-top: -10%;} .mar_t_-15{ margin-top: -15%;} .mar_t_-20{ margin-top: -20%;} .mar_t_-25{ margin-top: -25%;} .mar_t_-30{ margin-top: -30%;} .mar_t_-35{ margin-top: -35%;} .mar_t_-40{ margin-top: -40%;} .mar_t_-45{ margin-top: -45%;} .mar_t_-50{ margin-top: -50%;} .mar_t_-55{ margin-top: -55%;} .mar_t_-60{ margin-top: -60%;}
/*マイナスのMargin Right*/
.mar_r_-05{ margin-right: -5%;} .mar_r_-10{ margin-right: -10%;} .mar_r_-15{ margin-right: -15%;} .mar_r_-20{ margin-right: -20%;} .mar_r_-25{ margin-right: -25%;} .mar_r_-30{ margin-right: -30%;} .mar_r_-35{ margin-right: -35%;} .mar_r_-40{ margin-right: -40%;} .mar_r_-45{ margin-right: -45%;} .mar_r_-50{ margin-right: -50%;} .mar_r_-55{ margin-right: -55%;} .mar_r_-60{ margin-right: -60%;}
/*マイナスのMargin Bottom*/
.mar_b_-05{ margin-bottom: -5%;} .mar_b_-10{ margin-bottom: -10%;} .mar_b_-15{ margin-bottom: -15%;} .mar_b_-20{ margin-bottom: -20%;} .mar_b_-25{ margin-bottom: -25%;} .mar_b_-30{ margin-bottom: -30%;} .mar_b_-35{ margin-bottom: -35%;} .mar_b_-40{ margin-bottom: -40%;} .mar_b_-45{ margin-bottom: -45%;} .mar_b_-50{ margin-bottom: -50%;} .mar_b_-55{ margin-bottom: -55%;} .mar_b_-60{ margin-bottom: -60%;}
/*マイナスのMargin Left*/
.mar_l_-05{ margin-left: -5%;} .mar_l_-10{ margin-left: -10%;} .mar_l_-15{ margin-left: -15%;} .mar_l_-20{ margin-left: -20%;} .mar_l_-25{ margin-left: -25%;} .mar_l_-30{ margin-left: -30%;} .mar_l_-35{ margin-left: -35%;} .mar_l_-40{ margin-left: -40%;} .mar_l_-45{ margin-left: -45%;} .mar_l_-50{ margin-left: -50%;} .mar_l_-55{ margin-left: -55%;} .mar_l_-60{ margin-left: -60%;}
/*===========================================*/
/*==文字関連==*/
/*===========================================*/
/*html=12%基準*/
.font-4{ font-size: 66.7%; line-height:115%;} .font-3{ font-size: 75%; line-height: 120%;} .font-2{ font-size: 83.3%;line-height: 130%;}.font-1{font-size: 91.7%;line-height: 130%;} .font_normal{ font-size: 100%;} .font1{ font-size: 108.3%;}.font2{ font-size: 116.7%;} .font3{ font-size: 125%;} .font4{ font-size: 133.3%;}.font5{ font-size: 141.7%;} .font6{ font-size: 150%;} .font7{ font-size: 158.3%;}.font8{ font-size: 166.7%;} .font9{ font-size: 175%;} .font10{ font-size: 183.3%;}.font11{ font-size: 191.7%;} .font12{ font-size: 200%;}
/*文字色*/
.c_red{ color: #FF0000;} .c_crimson{ color: #CC0000;} .c_blue{color: #2450B3;}.c_green{ color: #669933;} .c_yellow{color: #FFFF00;} .c_white{color: #FFFFFF;}.c_black{ color: #333333;} .c_pink{ color: #FF99CC;} .c_brown{color: #BD9F90;} .c_gray{ color: #999999;}
.c_orange{ color: #FF9933;} .c_sky-blue{color: #6796FF;} .c_gray { color: #666666;} .c_cream { color: #FFFF99;}
/*太字*/
.bold{ font-weight: bold;}.no_bold{ font-weight: normal;}
/*文字隠し*/
.hide-text { text-indent:100%; white-space:nowrap; overflow:hidden;}
/* その他 */
.mincho{
	font-family:
   "ヒラギノ明朝 ProN W3",
   "HiraMinProN-W3",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
}
/*===========================================*/
/*==背景色==*/
/*===========================================*/
.bg_white{ background-color:#FFF;} .bg_yellow{ background-color:#FFFF00;} .bg_cream{ background-color:#FFFF99;}
/*===========================================*/
/*==フロート関連==*/
/*===========================================*/
.f_left{float: left;} .f_right{ float: right;} .clear{ clear: both;} .ul_f_left li{ float:left;}
/*===========================================*/
/*==文字寄せ関連==*/
/*===========================================*/
.left{ text-align: left;} .right{ text-align: right;} .center{ text-align: center;}
.right_1{
	text-align: right;
	padding-right: 1em;
}
/*===========================================*/
/*==ボーダー関連==*/
/*===========================================*/
.border_a{border: 1px solid #CCCCCC;}.border_t{ border-top: 1px solid #CCCCCC;}.border_r{ border-right: 1px solid #CCCCCC;}.border_b{ border-bottom: 1px solid #CCCCCC;}.border_l{ border-left: 1px solid #CCCCCC;}
.border_a-dot{ border: 1px dotted #CCCCCC;}.border_t-dot{ border-top: 1px dotted #CCCCCC;}.border_r-dot{ border-right: 1px dotted #CCCCCC;}.border_b-dot{
	border-bottom: 1px dotted #CCCCCC;}.border_l-dot{ border-left: 1px dotted #CCCCCC;}
.borderless{ border: none;}
/*===========================================*/
/*==クリアフィックス==*/
/*===========================================*/
.clearfix{ zoom: 100%;}.clearfix:after{ display: block; clear: both; content: "."; height: 0.1px; font-size: 0.1em; line-height: 0; visibility: hidden;
} .clearfix{ display: inline-block;}
/*\*/
*html .clearfix{ height: 1%;} .clearfix{ display: block;}

/*===========================================*/
/*==ブロックとインライン==*/
/*===========================================*/
.block{ display: block;} .inline{ display: inline;}
/*===========================================*/
/*==その他==*/
/*===========================================*/
.whole_link {/* <a>タグに指定。親要素にサイズ指定しておけば、親要素ごとリンクに。 */
	height: 100%;
	width: 100%;
	display:block;
	position:relative;
	left: 0%;
	top: 0%;
}
.hidden{ overflow:hidden;}
.none{ display:none;}
.alpha a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.relative{ position:relative;}
.absolute_tl_0{ position:absolute; top:0; left:0;}
.absolute_bl_0{ position:absolute; bottom:0; left:0;}
.absolute_tr_0{ position:absolute; top:0; right:0;}
.absolute_br_0{ position:absolute; bottom:0; right:0;}
.absolute_bc{ position:absolute; bottom:0; left:50%;}
.absolute_cc{ position:absolute; bottom:50%; left:50%;}