@charset "UTF-8";
/* CSS Document */

body { background: #FFF; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; line-height: 130%;}
html,body { width: 100%; text-align: center; color: #333;}

/*clearfix*/
.clearfix {zoom:1;}
.clearfix:after{ content: ""; display: block; clear: both;}

.sp { display: none;}


#wrapper { width: 950px; margin: auto; padding: 0 15px; text-align: left;}
#wrapper li { list-style: none;}

header { width: 950px; border-bottom: solid 2px #4D4D4D; margin-bottom: 10px; padding: 20px 0 10px; text-align: left; overflow: hidden;}
header h1 { float: left; width: 283px; height: 32px; margin-top: 23px;}
header #header_right { float: right; width: 650px;}

header #header_right div.Google_search { float: right; width: 240px; height: 26px;}
header #header_right div.Google_search td.gsc-input { width: 152px; padding: 0;}
header #header_right div.Google_search input.gsc-input { float: left; width: 152px; height: 26px; border: solid 1px #999; padding: 0;}
header #header_right div.Google_search td.gsc-search-button { width: 77px; padding-left: 5px;} 
header #header_right div.Google_search input.gsc-search-button { width: 77px; height: 28px; margin: 0; border: none; background: #231815; color: #FFF; text-align:center; border-radius: 0; -webkit-border-radius: 0; cursor: pointer;}
header #header_right div.Google_search input.gsc-search-button:hover { background: #333;}
header #header_right div.Google_search td.gsc-clear-button { display: none;}

header #header_right nav { clear: both; float: right; width: 230px; padding-top: 15px;}
header #header_right nav ul li { float: right;}
header #header_right nav ul li a:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity: 0.7; zoom:1;}

#contents #MainPhoto { position: relative; width: 950px; height: 285px; overflow: hidden;}
div.top #contents_main { float: left; width: 950px; margin: 0; padding: 15px 0; border-bottom: solid 1px #4D4D4D;}
div.inner #contents_main { float: left; width: 950px; margin: 0; padding: 15px 0; border-bottom: solid 1px #4D4D4D;}

#main_nav { float: left; width: 207px; line-height: 0;}
#main_nav a { display: block;}
#main_nav a:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity: 0.7; zoom:1;}
#main_nav ul li { border-top: solid 1px #231815;}
#main_nav ul li > ul { display: none;}
#main_nav ul li img { margin: 10px 5px;}
#main_nav ul li > ul li { border-top: solid 1px #999;}
#main_nav ul li > ul li img { margin: 8px 0 8px 25px;}
#main_nav ul.banner { padding: 10px 10px 0; border-top: solid 1px #231815;}
#main_nav ul.banner li { margin: 0; padding: 0; border: none;}
#main_nav ul.banner li img { margin: 10px auto 0;}
#main_nav ul li span.trigger { display: block;}
#main_nav ul li span.trigger img:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity: 0.7; zoom:1;}

#contents_left { float: right; width: 708px;}

#contents_left a:link { color: #2688D7; text-decoration: underline;}
#contents_left a:visited { color: #2688D7; text-decoration: underline;}
#contents_left a:hover { color: #F21D5A; text-decoration: none;}
#contents_left a:active { color: #F21D5A; text-decoration: none;}

#contents_left h1 { padding: 9px 0 10px 5px; border-bottom: solid 1px #231815; font-size: 16px; font-weight: normal;}
#contents_left div.top_news { width: 703px; margin: 15px 0 0 5px; padding-bottom: 10px; font-size: 14px; border-bottom: dotted 1px #666;}
#contents_left div.top_news h2 { margin-bottom: 8px; font-size: 14px; font-weight: bold;}
#contents_left div.top_news p { line-height: 140%;}

div.pagetop { clear: both; padding: 5px; text-align: right; font-size: 12px;}
div.pagetop a:link { color: #231815; text-decoration: underline;}
div.pagetop a:visited { color: #231815; text-decoration: underline;}
div.pagetop a:hover { color: #4D4D4D; text-decoration: none;}
div.pagetop a:active { color: #4D4D4D; text-decoration: none;}


footer { clear: both; width: 950px; margin: 0; padding: 5px 0; overflow: hidden;}
footer ul { width: 950px; padding: 10px 0; overflow: hidden;}
footer ul li { float: left; margin: 0 25px 0 0; padding: 0;}
footer ul.pc-upper li a:hover { opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity: 0.7; zoom:1;}
footer ul.pc-upper li { margin: 0 30px 0 0; padding: 0;}
footer ul.sp-upper { display: none;}

footer article  { clear: both; width: 950px; border-top: solid 2px #4D4D4D; overflow: hidden;}
footer article ul { float: left; padding: 10px 0; font-size: 14px; line-height: 120%;}
footer article ul li { margin-right: 10px;}
footer article a:link { color: #231815; text-decoration: underline;}
footer article a:visited { color: #231815; text-decoration: underline;}
footer article a:hover { color: #4D4D4D; text-decoration: none;}
footer article a:active { color: #4D4D4D; text-decoration: none;}

footer article div { float: right; padding: 10px 0; font-size: 12px;}

#bread { margin: 15px 0; font-size: 12px;}
#bread a:link { color: #231815; text-decoration: underline;}
#bread a:visited { color: #231815; text-decoration: underline;}
#bread a:hover { color: #4D4D4D; text-decoration: none;}
#bread a:active { color: #4D4D4D; text-decoration: none;}

#contents_left div#contents_inner { width: 703px; margin: 15px 0 0 5px; padding-bottom: 10px; font-size: 14px; line-height: 140%;}
#contents_left div#contents_inner > h2 { margin-bottom: 8px; font-size: 14px; font-weight: bold;}

#contents_inner article ,#contents_inner aside { clear: both; margin-bottom: 40px;}
#contents_inner section { clear: both; margin-bottom: 20px;}
#contents_inner article p.mb15 { margin-bottom: 15px;}
#contents_inner article p.mb25 { margin-bottom: 25px;}


#getreader { clear: both; width: 703px; margin: 15px 0 0 5px; overflow: hidden;}
#getreader img { float: left;}
#getreader p { float: right; width: 530px; font-size: 12px; line-height: 130%;}

.red { color: #F00;}