/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: auto;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;vertical-align:middle;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #333;
	font-size: 14px;
	line-height:1.5;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
	padding: 0;
	margin: 0;
}
a {color: #428bca;text-decoration: none;}
a:hover,a:focus {color: #999;}
.clearfix:after{
	visibility: hidden;
	display: block;
	content: ".";
	height: 0;
	clear: both;
}
* html .clearfix{ height: 1%; };
.clearfix{display: block;}

hr{
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
}

/**共通css*************/
.size-9px{font-size:9px;}.size-10px{font-size:10px;}.size-11px{font-size:11px;}.size-12px{font-size:12px;}.size-13px{font-size:13px;}.size-14px{font-size:14px;}.size-15px{font-size:15px;}.size-16px{font-size:16px;}.size-17px{font-size:17px;}.size-18px{font-size:18px;}.size-19px{font-size:19px;}.size-20px{font-size:20px;}

.w5{width:5%;}.w10{width:10%;}.w15{width:15%;}.w20{width:20%;}.w25{width:25%;}.w30{width:30%;}.w35{width:35%;}.w40{width:40%;}.w45{width:45%;}.w48{width:48%;}.w50{width:50%;}.w55{width:55%;}.w60{width:60%;}.w65{width:65%;}.w70{width:70%;}.w80{width:80%;}.w90{width:90%;}.w100{width:100%;}

.w50px{width:50px;}.w100px{width:100px;}.w110px{width:110px;}.w150px{width:150px;}.w200px{width:200px;}.w250px{width:250px;}.w300px{width:300px;}

.h10px{height:10px;}.h11px{height:11px;}.h12px{height:12px;}.h13px{height:13px;}.h14px{height:14px;}.h15px{height:15px;}.h16px{height:16px;}.h17px{height:17px;}.h18px{height:18px;}.h19px{height:19px;}.h20px{height:20px;}.h30px{height:30px;}.h40px{height:40px;}.h50px{height:50px;}.h100px{height:100px;}.h200px{height:200px;}

.color-blue{color:#59A0D2;}
.color-red{color:#E23D47;}

.center{text-align:center;}
.b-center{margin:0 auto;}
.clear{clear:both;}

.float-l{float:left;}
.float-r{float:right;}

.migiyose{ text-align:right; color: #FFF;}/* 池袋一覧へのリンクボタン用 */

.radius2{border-radius:2px;}
.radius5{border-radius:5px;}
.radius10{border-radius:10px;}
.radius20{border-radius:20px;}

.m0{ margin: 0!important; }
.m0-t{ margin-top: 0!important; }
.m0-r{ margin-right: 0!important; }
.m0-b{ margin-bottom: 0!important; }
.m0-l{ margin-left: 0!important; }
.m3{ margin: 3px!important; }
.m3-t{ margin-top: 3px!important; }
.m3-r{ margin-right: 3px!important; }
.m3-b{ margin-bottom: 3px!important; }
.m3-l{ margin-left: 3px!important; }
.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }
.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }
.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }
.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }
.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }
.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }
.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }
.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }
.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }
.p3{ padding: 3px!important; }
.p3-t{ padding-top: 3px!important; }
.p3-r{ padding-right: 3px!important; }
.p3-b{ padding-bottom: 3px!important; }
.p3-l{ padding-left: 3px!important; }
.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }
.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }
.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }
.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }
.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }
.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }
.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }
.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }
.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

/* ボタン
-----------------*/

.contIntro_btn {
  display: inline-block;
  *display: inline;
  padding: 8px 20px;
  margin:10px auto;
  *margin-left: .3em;
  font-size: 15px;
  min-width:140px;
  line-height: 20px;
  *line-height: 20px;
  color: #fff;
  text-align: center;

  vertical-align: middle;
  cursor: pointer;
  background-color: #d1d1d1;
  *background-color: #ffdddd;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbb;
  *border:1px solid #ccc;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  behavior: url(/common/css/ie-css3.htc);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.contIntro_btn a{
	color:#fff!important;
	font-weight:bold;
}
.contIntro_btn:hover {
  color: #ffff00;
  text-decoration: none;
}

.contIntro_btn-primary {
  color: #fff;
  background-color: #006dcc;
  *background-color: #0044cc;

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);

  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-image: url(/common/smp/images/common/arw_circle_white.png);
  background-repeat: no-repeat;
  background-position: 98% 50%;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.contIntro_btn-primary:hover{
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.contIntro_btn-primary:active{
  background-color: #003399 \9;
}

.btn_supplemental{
	background: -moz-linear-gradient(top,#99CC00 0%,#009900);
	background: -webkit-gradient(linear, left top, left bottom, from(#99CC00), to(#009900));
	border: 2px solid #FFF;
	color: #FFF;
	font-weight:bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width:auto;
	padding: 5px 8px;
	margin:3px 1px;
	display:inline-block;
	clear:both;
}
a.btn_supplemental:hover{
	color:#ffff00;
}