@import url("reset.css");
/* CSS Document */

body{
	background:#F5F6F7;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}

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

/*==============基本横幅サイズ==============*/
.inner{
	width: 970px;
	margin-left:auto;
	margin-right:auto;
}

/*==============フォント==============*/

.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs19{font-size:19px}
.fs20{font-size:20px}
.fs23{font-size:23px}
.fs25{font-size:25px}
.fs28{font-size:28px}
.fs30{font-size:30px}
.fs35{font-size:35px}
.fs40{font-size:40px}
.white{color:#FFF;}
.red{color:#99002B;}
.gray{color:#666666}
.fb{font-weight:bold}

.comp{
	font-size:12px;
	color:#FF0000;
}

.IE{
 -moz-border-radius: 7px; /* firefox */
 border-radius: 7px; /* CSS3 */
 behavior: url(../border-radius.htc); /* IE */
 }


/*==============リンク==============*/

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a:link    {color:#397EBD; font-weight:800; text-decoration:none;}
a:visited {color:#397EBD; font-weight:800; text-decoration:none;}
a:hover   {color:#3099C7; font-weight:800; text-decoration:none;}
a:active  {color:#3099C7; font-weight:800; text-decoration:none;}

.link_w a:link    {color:#fff; font-weight:800; text-decoration:none;}
.link_w a:visited {color:#fff; font-weight:800; text-decoration::none;}
.link_w a:hover   {color:#fff; font-weight:800; text-decoration:underline;}
.link_w a:active  {color:#fff; font-weight:800; text-decoration:underline;}


.link_br a:link    {color:#6C5939; font-weight:800; text-decoration:none}
.link_br a:visited {color:#6C5939; font-weight:800; text-decoration:none;}
.link_br a:hover   {color:#6C5939; font-weight:800; text-decoration:underline;}
.link_br a:active  {color:#6C5939; font-weight:800; text-decoration:underline;}

.link_event a:link    {color:#F60; font-weight:800; text-decoration:underline;}
.link_event a:visited {color:#f60; font-weight:800; text-decoration:underline;}
.link_event a:hover   {color:#f60; font-weight:800; text-decoration:underline;}
.link_event a:active  {color:#f60; font-weight:800; text-decoration:underline;}

.link_news a:link    {color:#900; font-weight:800; text-decoration:none;}
.link_news a:visited {color:#900; font-weight:800; text-decoration::none;}
.link_news a:hover   {color:#900; font-weight:800; text-decoration:underline;}
.link_news a:active  {color:#900; font-weight:800; text-decoration:underline;}


/*==============レイアウト==============*/

.f_l{float:left;}
.f_r{float:right;}

.al_l{text-align:left}
.al_r{text-align:right}
.al_c{text-align:center}

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


.p5{padding:5px;}
.p0_10{padding:0 10px;}
.p0_20{padding:0 20px;}
.p0_30{padding:0 30px;}
.p10{padding:10px;}
.p10_0{padding:10px 0;}
.p15_0{padding:15px 0;}
.p10_20{padding:10px 20px;}
.pt5{padding-top:5px;}
.pt8{padding-top:8px;}
.pt10{padding-top:10px;}
.pb5{padding-bottom:5px;}
.p20{padding:20px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p30_60{padding:30px 60px;}
.p50_80{padding:50px 80px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}

.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

.mt3r3 {margin:3px 3px 0 0 ;}

.mr5{margin-right:5px ;}
.mr10{margin-right:10px ;}
.mr12{margin-right:12px ;}
.mr18{margin-right:18px ;}
.mr20{margin-right:20px; _margin-right:10px;}
.ml10{margin-left:10px ;}
.ml20{margin-left:20px ;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr70{margin-right:70px;}
.mr100{margin-right:100px;}
.mr_v{margin-right:59px;}

.mrmb10{margin:0 10px 10px 0;}
.mrmb20{margin:0 20px 20px 0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}

ul{list-style:none; margin:0; padding:0;}
ul.dropdown                         { position: relative; width: 100%; }
ul.dropdown li                      { float: left;  position: relative; }
ul.dropdown li a                    { display: block; z-index: 2000; }
ul.dropdown ul 						{ display: none; position: absolute; top: 0; left: 0; width:100%; z-index: 1000; }
ul.dropdown ul li 					{ background:#fff;  border: 1px solid #ccc;border-top: 0; padding:3px 3px; font-size:12px; }
ul.dropdown ul li a					{ display: block; } 
ul.dropdown ul li a:hover			{ display: block; }