@charset "utf-8";

/*---------- common ----------*/
html,body{margin:0;padding:0;}

/*
YUI 3.10.3 (build 2fb5187)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:/*13px/1.231*/12px/1.5 /*arial,helvetica,clean,sans-serif*/"メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}

body {
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

html, body {
	background: #fff;
	color: #333;
}
a			{ color: #0096ff; text-decoration: none; outline: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; }
a:hover		{ color: #0096ff; text-decoration: none; outline: none; }







/* ####################
MODULE
#######################*/

.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; font-weight: bold; }
.font15 { font-size: 15px !important; font-weight: bold; }
strong { font-weight: bold; }
p { margin-bottom: 1em; }


/* ####################
STRUCTURE
#######################*/



/* mainvisual */
.mainvisual {position: relative;}
.mainvisual img.bg-wrap { width:100%;}
@media screen and (max-width: 800px) { img.bg-wrap { /*margin-top: 20px;*/}}
.mainvisual h1 {width: 100%; position: absolute; top: 10px; left: 0; text-align: center;}
@media screen and (max-width: 800px) {	.mainvisual h1 {top: 15px;}}
.mainvisual h1 img.h1-logo { display: inline; }
.mainvisual h1 img.h1-logo { width: 40%; }
@media screen and (max-width: 800px) {.mainvisual h1 img.h1-logo {width: 180px;}}




/* ####################
READ
#######################*/


.read-inner {
	width: 750px; /* 750px */
	margin:0 auto 40px;
}
@media screen and (max-width: 800px) { .read-inner { width: 270px; /* 300px */}}

.read-ttl { border-bottom: 2px solid #000; padding-bottom: 1em; font-weight: bold; font-size: 18px; margin-bottom: 1em;}
@media screen and (max-width: 800px) { .read-ttl { font-size: 15px;}}

.read-txt { font-size: 13px;}






/* ####################
TAB 
#######################*/

.smajo-tab  {width: 750px; margin: 0 auto 20px; border-top: 2px solid #000; }
@media screen and (max-width: 800px) {.smajo-tab {width: 300px;}}

ul.tab{
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 10px 0;
}

.tab li{
	display: block;
    float: left;
    width: 25%;
    margin-bottom: 5px;
}
	@media screen and (max-width: 800px) {.tab li {width: 50%;}}

.tab li a {
	display: block;
    width: 96%;
    font-weight: bold;
    line-height: 3em;
    text-align: center;
    letter-spacing: -0.5px;
    font-size: 11px;
    color:#000000;
    border-radius: 5px;
    border: 1px solid #333;
    margin: 0 auto;
}




.tab li a:hover {
	color: #000;
	background-color: whitesmoke;
	border: 1px solid #ccc;
}




.tab li.active {}
.tab li.active a,
.tab li.active a:hover { color: #fff; background-color: #333; border: 1px solid #333; }


.tab li.tab-gekijyo a,
.tab li.tab-gekijyo a:hover,
.tab li.tab-gekijyo a:active {
	color: #fff;
	background-color: #dc0000;
	border: 1px solid #dc0000;
}

.smajo-tab-content {
    clear: both;
    font-size: 13px;
    overflow: hidden;
	width: 750px;
	margin: 0 auto; 
}
	@media screen and (max-width: 800px) {
	.smajo-tab-content {
		width: 296px; /* 300px */
		}
	}
.smajo-tab-content-inner {
	border-bottom: 2px solid #000;
	background-color: #fff;
	padding: 15px 0;
}


.smajo-tab-content-inner p {
	margin-bottom: 0.5em;
	}
.smajo-tab-content-inner p a {
	color: #0056BA;
	text-decoration: underline;
}
.smajo-tab-content-inner p a.nolink {
	color: #333;
	text-decoration: none;
	cursor:default
}



.area {
    display: none;
}

table.staff-list { width: 100%; }
table.staff-list th,table.staff-list td { padding: 5px; }
table.staff-list th { width: 70px; text-align: left; font-weight: bold; font-size: 15px;}
@media screen and (max-width: 800px) {table.staff-list th {width: 50px;font-size: 14px;}}

.smajo-date { margin-right: 20px; font-size: 11px;}
@media screen and (max-width: 800px) { .smajo-date { display: block; margin-bottom: 2px; }}



.main-lead {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 50px;
}



/* ####################
featherlight 
#######################*/

.lightbox { display: none; overflow: hidden;}
.lightbox .news-photo img { display: block; width: 100%; margin:0 auto; }
.lightbox .news-separate-box .news-date { font-size: 11px; }
.lightbox .news-separate-box .news-ttl { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.lightbox .news-separate-box .news-txt { margin-bottom: 2em; }
.lightbox .news-separate-box .news-txt p { font-size: 13px; line-height: 1.6; margin-bottom: 2em;}
.lightbox .news-separate-box .news-txt p.majodeco1 { border-bottom: 1px solid #a1a1a1; padding-bottom: 8px; margin-bottom: 8px; font-weight: bold; }
.lightbox .news-separate-box .news-txt p.indent { padding-left: 1em; }


/* ####################
button
#######################*/

a.button {
	display: block;
	margin: 20px auto;
	padding: 20px 10px;
	text-align: center;
	font-size: 18px;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
	width: 300px;
	background-color: #000;
}
@media screen and (max-width: 800px) {a.button {font-size: 16px; width: 240px;}}

a.button:hover {color: #000; background-color: #ccc;}




/* ####################
bnr
#######################*/

.bnr {}
.bnr ul { display: block; width: 100%; text-align: center; }
.bnr ul li { display: inline-block; text-align: center; }





/* ####################
FOOTER
#######################*/

.copyright {
	text-align: center;
	font-size: 11px;
	color: #000;
	margin-bottom: 10px;
}