/* ==== Google font ==== */


*{ margin:0; padding:0; }

html { width:100%; height:100%; }
body { font-size:16px !important; line-height:1.6em; color:#666; width:100%; height:100%; background:#fff; }

img { border:none; }
.imgL { float:left; margin: 0 10px 10px 0; }
.imgR { float:right; margin: 0 0 10px 10px; }
.imgM { vertical-align:middle; }
.img-responsive { display:block; margin: 0 auto; max-width:100%; height:auto; }

a,
a:link,
a:visited { color: #399; text-decoration: none; }
a:hover,
a:active,
a:focus { color: #f33; text-decoration: underline; }
a:active,
a:focus { outline: thin dotted #ccc; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }


h2 { margin: 0 0 .5em; padding: .5em 0; font-size:24px; color:#399; border-bottom: 10px solid #399; }
h2 span { font-size:18px; }
h3 { margin: 0 0 .5em; padding:0; font-size:18px; color:#399; line-height:1.5em; border-bottom:1px solid #399; }
h3 span { font-size:14px; }
h4 { margin: 10px 0 5px; padding: 0 0 5px; }
h5 { margin: 5px 0; padding:0; }

p { margin:0; padding: 0 0 1em; }
blockquote { margin-bottom:20px; padding:10px; border:1px solid #333; }

ul { margin: 0 0 1em 1em; padding:0; }
ul li { padding: 0 0 .5em; line-height:1.2em; }

ol { margin: 0 5px 15px 30px; padding: 0 10px; }
ol li { padding-bottom: 5px; line-height:120%; }

dl { margin:0; padding: 1em 0; }
dt { padding:0; line-height:1.2em; }
dd { padding: 0 0 1em 1em; line-height:1.2em; }

table { margin: 0 0 10px; width:100%; line-height:120%; border-collapse:collapse; border-bottom:1px solid #999; border-right:1px solid #999; }
th { padding:5px; font-weight:bold; text-align:center; vertical-align:top; white-space:nowrap; border-top:1px solid #999; border-left:1px solid #999; background:#efefef; }
td { padding:5px; vertical-align:top; border-top:1px solid #999; border-left:1px solid #999; }

hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }


.C { text-align:center !important; }
.L { text-align:left;}
.R { text-align:right;}
.white { color:#fff; }
.red { color:#c33; }
.green { color:#393; }
.blue { color:#369; }
.bold { font-weight:bold; }
.txtL { font-size:large; line-height:130%; }
.txtS { font-size:x-small; color:#999; font-weight:normal; }
.txtSpl { color:#c90; }
.New { font: bold small/150% sans-serif; color: #c00; background: #ff0; }
.cookietrail { margin:0; padding: 0 20px; font-size:10px; }
.extended { clear:both; margin:0; padding: 0 0 15px; font: normal small/120% sans-serif; color:#999; text-align:right; }
.goTop { clear:both; margin:0; padding: 25px 0 0; text-align:right; background:url(images/bg_goTop.gif) no-repeat left top; }
.goTop img { vertical-align:bottom; }
.clear { clear:both; display:block; margin:0; padding:0; font: normal 0px/0% sans-serif; height:0; border:none; float:none; }

.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom:1; }

#nomoreIE { border: 1px solid #f7941d; background:#feefda; text-align:center; clear:both; height:75px; position:relative; }
.IEclose { position:absolute; right:3px; top:3px; font-weight:bold;}
.IEwrap { width:640px; margin: 0 auto; text-align:left; padding:0; overflow:hidden; }
.IEconts { width:275px; float:left; font-family: Arial, sans-serif; }
.IEtext1 { font-size:14px; font-weight:bold; margin-top:12px; }
.IEtext2 { font-size:12px; margin-top:6px; line-height:12px; }
.IEbox { width:70px; float:left; text-align:center; }

/* 角丸： 左上 右上 右下 左下; */
.radius { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.radiusTop { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.radiusBtm { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

/* 透過 */
.sample_alpha { filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }
.sample_bg { background-color: rgba(0,0,255,50%); } /* 背景のみ透過 */
.sample_bg { background-color: rgba(0,0,255,0.5); } /* 背景のみ透過 */

/* 影付： 水平 垂直 ぼけ距離 広がり rgba(色指定) inset(内側); */
.box-shadow { box-shadow: 10px 10px; }
.box-shadow { box-shadow: 10px 10px 10px rgba(0,0,0,0.4); }
.box-shadow { box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); }
.box-shadow { box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4) inset; }

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width:100% !important; } /* Facebook 幅一杯表示 */

/* **  ** */
#conts { margin:0; padding:1em; }

.box { margin:0; padding:0; *zoom:1; }
.box:before,
.box:after { content:""; display:table; }
.box:after { clear:both; }

.boxL { float:left; margin: 1em 0; width:50%; }
.boxR { float:right; margin: 1em 0; width:50%; }

.boxIn { margin:0; padding: 0 1em; }

dl.hisDL { margin: 0 1em; padding:0; font-size:small; }
dl.hisDL  dt { margin:0; padding:0; line-height:20px; }
dl.hisDL  dd { margin: -20px 0 0; padding: 0 0 10px 100px; line-height:20px; }

.btn { position:relative; display:inline-block; outline:medium none; color:#fff !important; text-transform:uppercase; letter-spacing:1px; text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3); }
.btn-skin { padding: .5em; color:#fff; border:none; font-size:large; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#399; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); }
.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active { color:#fff; background:#666; border-color:#666; box-shadow:none; }

.infList { }
.infList li ul { margin:0; padding: .5em 0; list-style:none; }
.infList li li { margin:0; padding:0; font-size:90%; }

.infList li li a { padding:0; }
.infList li li a span { color:#666; }
.infList li li a::before { padding: 0 .5em 0 0; content:"\f1c1"; font-family:'FontAwesome'; color:#c33; }
.infList li li a.xlsFile::before { padding: 0 .5em 0 0; content:"\f1c3"; font-family:'FontAwesome'; color:#393; }
.infList li li a.webFile::before { padding: 0 .5em 0 0; content:"\f0c1"; font-family:'FontAwesome'; color:#369; }

#foot { clear:both; margin: 1em 15px 0; padding:1em; font-size:small; text-align:center; border-top:1px solid #eee; }
#foot a { color:#999; text-decoration:none; }
#foot a:hover { color:#c33; }


@media (max-width: 480px) {

}

@media (max-width: 768px) {

	.boxL,
	.boxR { float:none; width:100%; }

	.img-responsive { margin: 0 auto; }

	dl.hisDL  dt { margin:0; padding: .5em 0; line-height:1.2em; border-top: 1px solid #eee; }
	dl.hisDL  dd { margin:0; padding: 0 0 .5em 1em; line-height:1.2em; }

}

@media (max-width: 992px) {

}

@media print {
	a[href]:after { content: "" !important; }
	abbr[title]:after { content: "" !important; }

}