@charset "shift_jis";
/*------------------------------------------------
reset
-------------------------------------------------*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	/*vertical-align: baseline;*/
	word-wrap:break-word;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
	input, textarea, {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
a {
	text-decoration:none;
	word-wrap: break-word;
}
a:focus {
	outline:none;
}
.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
code{
	display:inline-block;
}

/*------------------------------------------------
header
-------------------------------------------------*/
header{
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
header ul:after,
header:after{
	content: "";
	clear: both;
	display: block;
}
header li{
	text-align:right;
}

.smHeader{
	display:none;
}

/*------------------------------------------------
navi  http://www.colorzilla.com/gradient-editor/
-------------------------------------------------*/

#navi {
	width:100%;
	padding:0;
	margin:20px auto;
	list-style-type: none;
}
#navi li {
	width:25%;
	float:left;
	padding:0;
	margin:0;
	text-align:center;
}
#navi li a {
	position:relative;
	width:auto;
	color:#333;
	font-weight:bold;
/*	text-shadow:0 -1px 0px #333,0 1px 0px #555;*/
	padding:10px 0;
	text-decoration:none;
	display:block;
	
	 /*全体のグラデーション*/
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
	
	border-left:1px solid #FC9700;/*仕切り線*/
	}

/*先頭の角丸*/

#navi li.first a{
	border-left:0px;
	border-radius:8px 0 0 8px;
	-moz-border-radius:8px 0 0 8px;
	-webkit-border-radius:8px 0 0 8px;
	-o-border-radius:8px 0 0 8px;
	-ms-border-radius:8px 0 0 8px;
	border-left:0;
	behavior: url("http://liginc.co.jp/demo/2012/06/shi_ra/PIE.htc");
}

/*最後の角丸*/
#navi li.last a {
	display:block;
	border-radius:0 8px 8px 0;
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;
	-o-border-radius:0 8px 8px 0;
	-ms-border-radius:0 8px 8px 0;
	behavior: url("http://liginc.co.jp/demo/2012/06/shi_ra/PIE.htc");
}

#navi li a:hover {
background: #ffe1bf; /* Old browsers */
background: -moz-linear-gradient(top, #ffe1bf 0%, #ffac4f 50%, #fc9700 51%, #ffce96 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe1bf 0%,#ffac4f 50%,#fc9700 51%,#ffce96 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe1bf 0%,#ffac4f 50%,#fc9700 51%,#ffce96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1bf', endColorstr='#ffce96',GradientType=0 ); /* IE6-9 */
}


#navi li.active a {
background: #ffe1bf; /* Old browsers */
background: -moz-linear-gradient(top, #ffe1bf 0%, #ffac4f 50%, #fc9700 51%, #ffce96 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffe1bf 0%,#ffac4f 50%,#fc9700 51%,#ffce96 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffe1bf 0%,#ffac4f 50%,#fc9700 51%,#ffce96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1bf', endColorstr='#ffce96',GradientType=0 ); /* IE6-9 */
}


/*------------------------------------------------
footer　header共通
-------------------------------------------------*/
header a, footer .inner2 a {
	color:#4d4d4d !important;
}
header a:hover, footer a:hover {
	text-decoration:underline;
}
header a:hover, footer a:hover {
	text-decoration:underline;
}

header, #breadcrumb, footer {
	font-size:11.5px;
}

/*------------------------------------------------
footer　パンくず　共通
-------------------------------------------------*/
footer ul, #breadcrumb ul, footer ul {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#breadcrumb ul:after, footer ul:after {
	content: "";
	clear: both;
	display: block;
}

/*------------------------------------------------
footer
-------------------------------------------------*/
footer .userNavi{
	text-align: left;
	padding-left: 10px;
}
footer .userNavi li{
	display:inline-block;
	height: 34px;
	line-height: 34px;
	background-size:auto 23px;
	padding-left:23px;
	font-size:1.4em;
}
footer .inner2 {
	background:#e5f2ff;
	border-bottom:1px solid #2970c0;
}
footer .inner2 ul {
	padding:1em 1em 0.5em 1em;
}
footer .inner2 li {
	float:left;
	margin-right:1em;
	margin-bottom: 0.5em;
}
footer .inner3{
	width:940px;
	margin:10px auto;
}

footer p {
	text-align:center;
	margin-top:1em;
}
footer .corpNavi li {
	border-left:1px solid #626262;
	padding-left:1em;
}
footer .corpNavi li:first-child {
	border-left:none;
	padding-left:0;
}



/*------------------------------------------------
#page-top
-------------------------------------------------*/
#page-top {
	position: fixed;
	right: 20px;
}
#page-top {
	width: 50px;
	height:50px;
	background:url("../images/common/pagetop.png");
	cursor:pointer;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	text-indent:-9999px;
}
#page-top:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/*------------------------------------------------
footer　パンくず　共通
-------------------------------------------------*/
footer ul, #breadcrumb ul, footer ul {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
#breadcrumb ul:after, footer ul:after {
	content: "";
	clear: both;
	display: block;
}
/*------------------------------------------------
パンくず
-------------------------------------------------*/
#breadcrumb {
	/*height:45px;*/
	background:#e5f2ff;
	padding-left:10px;
	font-size:11.5px;
	margin-bottom:10px;
}
#breadcrumb ul li {
	display:block;
	float:left;/*line-height:45px;*/
}
#breadcrumb ul li a:after {
	content:url("../images/common/arrow_breadcrumb.png");
	margin-right:1em;
	margin-left:1em;
}
#breadcrumb ul li:last-child a:after {
	content:"";
}






/*------------------------------------------------
layout grit system
-------------------------------------------------*/
.container:after, .row:after {
	content: "";
	clear: both;
	display: block;
}
.container {
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
.row {
	margin-bottom:20px;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float:left;
	margin-left:2.08%;
	margin-top:0 !important;
}
.gridclear, *[class^="grid"]:first-child {
 margin-left: 0;
 clear: left;
}
.gridclear,
.gridclear~[class^="grid"]{
	margin-top:20px !important;
}
.grid1 {
	width:6.382978723404255%;
}
.grid2 {
	width:14.8936170212766%;
}
.grid3 {
	width:23.40425531914894%;
}
.grid4 {
	width:31.91489361702128%;
}
.grid5 {
	width:40.42553191489362%;
}
.grid6 {
	width:48.93617021276596%;
}
.grid7 {
	width:57.4468085106383%;
}
.grid8 {
	width:65.95744680851064%;
}
.grid9 {
	width:74.46808510638298%;
}
.grid10 {
	width:82.97872340425532%;
}
.grid11 {
	width:91.48936170212766%;
}
.grid12 {
	float:left;
	width:100%;
}

/*------------------------------------------------
basic common
-------------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

img {
	max-width:100%;
	height: auto;
	display:block;
	vertical-align:bottom;
}
.clear {
	clear:both;
}

img, a img {
	border-style:none;
}
a img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.fLeft {
	float:left;
}
.fRight {
	float:right;
}

.tCenter {
	text-align:center !important;
}
.tRight {
	text-align:right !important;
}
.tLeft {
	text-align:left !important;
}
a.tCenter,
a.tRight,
a.tLeft {
	display:block;
}
.tCenter img,
.tRight img,
.tLeft img{
	display:inline;
}
.nowrap{white-space: nowrap;}

img.imgBorder{
	border:1px solid #ccc;
}
.imgBorderParent img{
	border:1px solid #ccc;
}
img.imgBorderNon{
	border:none !important;
}
#mainColumn aside,
.container aside{
	width:90%;
	margin:20px auto;
	padding:1.5em 5%;
	background:#ededed;
}
.borderTRBL{
	border:1px solid #ccc;
}
.borderT{
	border-top:1px solid #ccc;
}
.borderR{
	border-right:1px solid #ccc;
}
.borderB{
	border-bottom:1px solid #ccc;
}
.borderL{
	border-left:1px solid #ccc;
}

/*------------------------------------------------
margin padding等
-------------------------------------------------*/
.mgL1em {
	margin-left:1em !important;
}
.mgR1em {
	margin-right:1em !important;
}
.mgT12em{
	margin-top:1.2em !important;
}

.mgT00 {
	margin-top:0 !important;
}
.mgT05 {
	margin-top:05px !important;
}
.mgT10 {
	margin-top:10px !important;
}
.mgT15 {
	margin-top:15px !important;
}
.mgT20 {
	margin-top:20px !important;
}
.mgT25 {
	margin-top:25px !important;
}
.mgT30 {
	margin-top:30px !important;
}
.mgT35 {
	margin-top:35px !important;
}
.mgT40 {
	margin-top:40px !important;
}
.mgR00 {
	margin-right:0 !important;
}
.mgR05 {
	margin-right:05px !important;
}
.mgR10 {
	margin-right:10px !important;
}
.mgR15 {
	margin-right:15px !important;
}
.mgR20 {
	margin-right:20px !important;
}
.mgR25 {
	margin-right:25px !important;
}
.mgR30 {
	margin-right:30px !important;
}
.mgR35 {
	margin-right:35px !important;
}

.mgB00 {
	margin-bottom:0 !important;
}
.mgB05 {
	margin-bottom:05px !important;
}
.mgB10 {
	margin-bottom:10px !important;
}
.mgB15 {
	margin-bottom:15px !important;
}
.mgB20 {
	margin-bottom:20px !important;
}
.mgB25 {
	margin-bottom:25px !important;
}
.mgB30 {
	margin-bottom:30px !important;
}
.mgB35 {
	margin-bottom:35px !important;
}

.mgL00 {
	margin-left:0 !important;
}
.mgL05 {
	margin-left:05px !important;
}
.mgL10 {
	margin-left:10px !important;
}
.mgL15 {
	margin-left:15px !important;
}
.mgL20 {
	margin-left:20px !important;
}
.mgL25 {
	margin-left:25px !important;
}
.mgL30 {
	margin-left:30px !important;
}
.mgL35 {
	margin-left:35px !important;
}
.mainBox div + div, .mainBox div + p, .mainBox div + dl, .mainBox div + ul, .mainBox div + ol, .mainBox div + table,
.mainBox p + div, .mainBox p + p, .mainBox p + dl, .mainBox p + ul, .mainBox p + ol, .mainBox p + table,
.mainBox dl + div, .mainBox dl + p, .mainBox dl + dl, .mainBox dl + ul, .mainBox dl + ol, .mainBox dl + table,
.mainBox ul + div, .mainBox ul + p, .mainBox ul + dl, .mainBox ul + ul, .mainBox ul + ol, .mainBox ul + table,
.mainBox ol + div, .mainBox ol + p, .mainBox ol + dl, .mainBox ol + ul, .mainBox ol + ol, .mainBox ol + table,
.mainBox table + div, .mainBox table + p, .mainBox table + ol, .mainBox table + ul, .mainBox table + ol, .mainBox table + table{
	margin-top:1em;
}
/*------------------------------------------------
font size
-------------------------------------------------*/
body {
	font-size: 16px;
	color:#333333;
	font-family:"メイリオ", Meiryo , Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
	letter-spacing:0.1em;
	line-height:1.6;
}

h1, h2, h3, h4, h5, h6{
	margin-bottom:0.4em;
	line-height:1.4em;
	padding-left:1.05%;
}

h1, h2, h3, h4, h5, h6{
	color:#109954;
}

/* h Style simple*/
h1.simple, h2.simple, h3.simple, h4.simple, h5.simple, h6.simple {
	border:none;
	background:none;
	padding-bottom:0;
}

/* h Style basic*/

h1 {
	font-size: 2.275rem;
	position: relative;
	padding-bottom:3px;
}

h1:after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	box-sizing: border-box;
	bottom: 0;
	border-top: 1px solid #109954;
	border-bottom: 3px solid #109954;
}

h2{
	font-size: 1.925rem;
	border-bottom:2px solid #109954;
}

h3{
	font-size: 1.575rem;
	border-left:7px solid #109954;
}

h4{
	font-size: 1.4875rem;
	border-left:4px solid #109954;
}
h5{
	font-size: 1.3125rem;
	border-left:2px solid #109954;
}
h6{
	font-size: 1.1375rem;
	border-left:1px solid #109954;
}

.fs06 {
	font-size:0.6em !important;
}
.fs07 {
	font-size:0.7em !important;
}
.fs08 {
	font-size:0.8em !important;
}
.fs09 {
	font-size:0.9em !important;
}
.fs10 {
	font-size:1em !important;
}
.fs11 {
	font-size:1.1em !important;
}
.fs12 {
	font-size:1.2em !important;
}
.fs13 {
	font-size:1.3em !important;
}
.fs14 {
	font-size:1.4em !important;
}
.fs15 {
	font-size:1.5em !important;
}
.fs16 {
	font-size:1.6em !important;
}
.fs18 {
	font-size:1.8em !important;
}
.fs20 {
	font-size:2em !important;
}
.fs24 {
	font-size:2.4em !important;
}
.fwBld {
	font-weight:bold !important;
}
.fwNml {
	font-weight:normal !important;
}
.flBld:first-line{
	font-weight:bold !important;
}

.alert01 {
	color:#c8000b !important;
}
.alert02 {
	background:#fcfb99 !important;
}
.catch {
	text-align:center;
	font-size:1.4875em;
	margin-bottom:0.9em;
}

/*------------------------------------------------
link
-------------------------------------------------*/
a {
	color:#33a0b8;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.btnLink {
	padding:0.4em 0.8em;
	display:inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#ffffff;
}
.btnLink:after {
	content:url("../images/common/arrow_a_btnW.png");
	margin-left:1em;
}
.btnRed {
	background:#d3333c;
}
.btnRed:hover {
	background:#c11922;
	text-decoration:none;
}

.btnBlue {
	background:#39789a;
}
.btnBlue:hover {
	background:#33a0b8;
	text-decoration:none;
}

.btnGray {
	padding:0.4em 0.8em;
	display:inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#ffffff;
	background: #999999;
    border: none;
}


a.underLine {
	text-decoration:underline !important;
}
a.underLine:hover {
	text-decoration:none !important;
}
.tLink-a {
	display:block;
	background:url("../images/common/arrow_a.png") no-repeat left 0.35em;
	padding-left:20px;
	word-wrap: break-word;
}
*[class^="attBox"] dd .tLink-a{
	padding-left:35px;
}


/*------------------------------------------------
layout
-------------------------------------------------*/
.keyimgBox, .mainBox {
	width:100%;
}
.keyimgBox img, h1 {
	margin-right:auto;
	margin-left:auto;
}
.keyimgBox {
	margin-bottom:20px;
}
.mainBox {
/*	padding-top:25px;*/
	padding-bottom:40px;
	margin-bottom:0 !important;
}
article {
	margin-bottom:60px;
}
.bnrArea a {
	display:inline-block;
	margin-right:1.04%;
	margin-bottom:2.08%;
}

.bnrArea a.last{
	margin-right:0 !important;
}


/*------------------------------------------------
table
-------------------------------------------------*/
table.detail {
	width:100%;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
table.detail caption {
	margin-bottom:0.2em;
	text-align:left;
	padding-left:1.04%;
	font-size:1.05em;
}
table.detail th, table.detail td {
	padding:1.04%;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
table.detail th {
	background:#efefef;
	text-align:center;
	white-space: nowrap;
	width:8em;
	vertical-align:top;
}
table.thLeft th {
	text-align:left;
}
table.detail td p, table.detail td ol, table.detail td ul, table.detail td dl {
	margin-top:1em;
}
table.detail td *:first-child {
	margin-top:0;
}
table td.teacher:after {
	content: "";
	clear: both;
	display: block;
}
table td.teacher img {
	float:left;
	margin-right:2em;
}
table td.teacher a, table td.teacher span {
	width:100%;
	float:left;
	line-height:51px;
}
table td.teacher a.clear, table td.teacher p.clear {
	margin-top:10px;
}
table td.teacher a.clear:after, table td.teacher p.clear:after {
	content: "";
	clear: both;
	display: block;
}
table tr td ul.disc,
table tr td ul.circle{
	margin-left:1em;
}

/*------------------------------------------------
attBox
-------------------------------------------------*/



.attBox01, .attBox02, .attBox03, .attBox04 {
	padding:2.08%;
}
*[class^="attBox"] dt {
	font-weight:bold;
	margin-top:1em;
}
*[class^="attBox"] dt:first-child {
	margin-top:0;
}
*[class^="attBox"] dd,
*[class^="attBox"] li {
	text-indent:-1em;
	padding-left:1em;
}
*[class^="attBox"] + *[class^="attBox"] {
	margin-top:20px;
}
.attBox01 {
	border:5px solid #ededed;
	background:#ffffff;
}
.attBox02 {
	border:5px solid #ededed;
	background:#ededed;
}
.attBox03 {
	border:5px solid #fdfdcc;
	background:#fdfdcc;
}
.attBox04 {
	border:5px solid #fdcccf;
	background:#fdcccf;
}


.tIndent0 {
	text-indent:0 !important;
}
.tIndent {
	text-indent:-1em;
	padding-left:1em;
}
.tIndent2 {
	margin-left:1.5em;
	text-indent:-2.5em;
	padding-left:1em;
}
.tIndentBracket{
	margin-left:0.8em;
	text-indent:-1.6em;
	padding-left:1em;
}

/*------------------------------------------------
List
-------------------------------------------------*/
ul.disc {
	list-style-type:disc;
}
ul.disc li,
ul.circle li{
	margin-left: 1em;
}
ul.circle{
	list-style-type:circle;
}

ol.decimal{
	margin-left:2em;
	margin-right:1em;
	list-style-type:decimal;
	list-style-position: outside;
}
ol.lRoman{
	margin-left:2em;
	margin-right:1em;
	list-style-type:lower-roman;
	list-style-position: outside;
}
ol.lLatin{
	margin-left:2em;
	margin-right:1em;
	list-style-type:lower-latin;
	list-style-position: outside;
}
.decimal li ol,.decimal li ul,.decimal li dl,
.eachIndent li ol,.eachIndent li ul,.eachIndent li dl {
	margin-left:2em;
	margin-right:0;
}
.dlFloat:after{
	content: "";
	clear: both;
	display: block;
}
.dlFloat dt{
	clear:both;
	float:left;
	margin-right:2em;
	padding-left:0.6em;
	border-left:4px solid #DADADA;
	width:20%;
}
.dlFloat dd{
	float:left;
	width:75%;
}
dt{
	font-size:1.05em;
	font-weight:bold;
	margin-bottom:0.6em;
}


/*------------------------------------------------
youtube responsive
-------------------------------------------------*/
.youtube iframe {
	display: block;
	width:380px;
	margin-left:auto;
	margin-right:auto;
}
.youtubeL iframe {
	display: block;
	width:640px;
	margin-left:auto;
	margin-right:auto;
}

.pcNone {
	display:none;
}
.smNone {
	display:block;
}

/*------------------------------------------------
news
-------------------------------------------------*/

.news dl{
	border-bottom: 1px dotted #cccccc;
	padding-bottom:10px;
}

.news dl dt{
	background: #c8e8ff;
	color: #227dc4;
	font-weight: bold;
	font-size: 0.8em;
	float: left;
	text-align: center;
	width:12em;
	margin-right:12px;
}
.news dl dd {
	overflow: hidden;
}

.news dl dd span{
	display: block;
	font-weight:bold;
}
span.framePart {
	border: 2px solid #fcaeb1;
	padding: 0 0.3em;
	margin-right: 0.5em;
	font-weight: bold;
	border-radius: 4px;
}