@charset "UTF-8";

/*================================================
*  CSSリセット
================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}


/*================================================
*  一般・共通設定
================================================*/
body {
font-size:14px;
color:#333;
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
line-height:1.6;
background:#fff;
}

.inner {
position:relative;
width:1200px;
margin:0 auto;
}

header {
box-sizing:border-box;
position:relative;
width:100%;
background:#fcfcfc;
}

nav {width:100%;background:#fff;box-shadow:0 1px 2px;}
nav:after {
content:'';
display:block;
clear:both;
}

#contents {overflow:hidden;width: 95%;max-width:1400px;min-width: 300px;margin:20px auto;background:#fff;}
#contents2 {overflow:hidden;width: 95%;max-width:1000px;min-width: 300px;margin:20px auto;background:#fff;}

#main {
box-sizing:border-box;
overflow:hidden;
float:left;
width:64%;
}

#sub {
box-sizing:border-box;
overflow:hidden;
float:right;
width:34%;background:#fff;
}

footer {
box-sizing:border-box;
width:100%;
margin:0 auto;
}

a {
color:#333;
text-decoration:none;
}
a:hover {
color:#333;
text-decoration:none;
}

h1 {padding:2px 0;font-size:11px;color:#333;line-height:1.4;}

h2 {
margin-bottom:0.5em;
padding:10px 0;
font-size:21px;
color:#333;
border-top:3px solid #9cf;
border-bottom:1px dotted #9cf;
}

h3 {
margin-bottom:0.25em;
padding:2px 5px;
color:#fff;
font-size:16px;
color:#333;
border-top:3px solid #0f0;
border-bottom:1px dotted #0f0;
}

h4 {
margin-bottom:0.25em;
padding:2px 5px;
color:#fff;
font-size:16px;
color:#333;
border-top:3px solid #ff0;
border-bottom:1px dotted #ff0;
}

h5 {
position:relative;
margin-bottom:0.25em;
padding-left:10px;
color:#9cf;
font-size:14px;
font-weight:bold;
}
h5:before {
content:"";
margin-top:-7px;
position:absolute;
top:50%;
left:0;
width:5px;
height:14px;
background:#8c0e0e;
}

h6 {
margin-bottom:0.25em;
color:#382400;
font-size:14px;
font-weight:bold;
}

p {
margin:0 0 1em 0;
}

img {
vertical-align:bottom;
}

em {
font-weight:bold;
}

pre {
margin:1em 0;
padding:1em;
}

blockquote {
margin-bottom:1em;
padding:1em;
border:1px dotted #ddd;
border-left:5px solid #ddd;
}

ul,ol,dl {
margin:0 0 1em 0;
}
ul li {
list-style:disc;
}
ol li {
list-style:decimal;
}
li {
margin-left:2em;
}

dt {
margin-bottom:0.5em;
border-bottom:1px dotted #ddd;
}
dt:before {
content:"\0025a0";
}
dd {
margin-bottom:1em;
}
table{width:100%;table-layout: fixed;word-break: normal;}
.table1{width:80%;table-layout: fixed;word-break: normal;}
.table1c {width:80%;table-layout: fixed;word-break: normal;margin: 0 auto;}
.table2 {border-collapse:collapse;border-color:#000000;}
.table3 {width:450px;border: none;}
.tr1{font-size:14px;font-weight:bold;color:#222;padding:2px;border: none;}

.td1{font-size:14px;font-weight:bold;color:#222;padding:5px;background:#cccccc;border:1px solid;border-color:#666666;}
.td1c{font-size:14px;font-weight:bold;color:#222;padding:5px;text-align:center;background:#cccccc;border:1px solid;border-color:#666666;}
.td1c1{font-size:14px;font-weight:bold;color:#222;padding:5px;text-align:center;background:#cccccc;border:1px solid;border-color:#666666; width: 25%;}
.td1c2{font-size:14px;font-weight:bold;color:#222;padding:5px;text-align:center;background:#cccccc;border:1px solid;border-color:#666666; width: 15%;}
.td1c3{font-size:14px;font-weight:bold;color:#222;padding:5px;text-align:center;background:#cccccc;border:1px solid;border-color:#666666; width: 8%;}

.td2{font-size:13px;color:#444;padding:5px;border:1px solid;border-color:#666666;}
.td2 a{text-decoration:none;}
.td2r{font-size:13px;color:#444;text-align: right;padding:5px;border:1px solid;border-right:1px solid;border-color:#666666;padding-right:10px;width: 25%;}
.td2r a{text-decoration:none;}
.td2l{font-size:13px;color:#444;text-align: left;padding:5px;border:1px solid;border-color:#666666;padding-left:10px;width: 75%;}
.td2ri{font-size:13px;color:#444;text-align:right;padding:5px;border:1px solid;border-color:#666666;}
.td2le{font-size:13px;color:#444;text-align:left;padding:5px;border:1px solid;border-color:#666666;}
.td3{font-size:13px;text-align: left;text-decoration:none;color:#444;padding:5px;border-bottom:1px solid;border-color:#666666;}
.td4{width:110px;font-size:14px;font-weight:bold;color:#222;padding-left:5px;border: none;}

.t1 {color:#666666;font-size:28px;font-weight:bold;text-align: center;}
.t1c {color:#666666;font-size:28px;font-weight:bold;text-align: center;}
.t2r {font-size:14px;font-weight:bold;color:#cc0000;}
.t2 {color:#444444;font-size:12px;font-weight:normal;}
.t3 {color:#666666;font-size:18px;font-weight:bold;text-decoration:none;}
.t3c {color:#666666;font-size:22px;font-weight:bold;text-decoration:none;text-align: center;}
.t4r {font-size:20px;font-weight:bold;color:#cc0000;}
.t5 {color:#444444;font-size:14px;font-weight:normal;}

.right {margin-left:auto;margin-right:auto;text-align:right}
.left {margin-left:auto;margin-right:auto;text-align:left}
.center {margin-left:auto;margin-right:auto;text-align:center}
/*================================================
*  ヘッダー
================================================*/
header {
padding:10px 10px;
}

.summary {position:absolute;font-size:13px;color:#444;line-height:1.2;top:2px;right:10px;margin:0;}

/*================================================
*  グローバルナビゲーション
================================================*/
@media print, screen and (min-width:768px) {
nav {
background:#fff;
border-bottom:5px solid #39f;
box-shadow:0 1px 3px #999;
z-index:3;
}

/* 共通 */
nav ul {
margin:0px;
padding:3px;
}

nav ul li {
position:relative;
margin:0;
padding:0;
list-style:none;
}

nav ul li a {display:block;margin:0;padding:8px 0;background:fff;color:#000;font-size:13px;font-weight:normal;line-height:1;text-decoration:none;}

nav ul li:hover > a {
color:#fff;
background:#99CCFF;
}

/* 1段目 */
nav ul.gnav > li {position:relative;width:15%;float:left;margin:1px;padding:0;text-align:center;list-style:none;}
nav ul.gnav > li:first-child {width:15%;}
nav ul.gnav > li.subnav a {padding-right:1px;}
nav ul.gnav > li.subnav > a:after {position:absolute;content:"";top:20px;width:0;height:0;margin-left:3px;}

/* 2段目 */
nav ul li ul {
position:absolute;
z-index:3;
top:100%;
left:0;
width:100%;
margin:0;
padding:0;
}

nav ul li ul li {
overflow:hidden;
width:140%;
height:0;
color:#99CCFF;
transition:.2s;
}

nav ul li ul li a {
padding:14px 15px;
text-align:left;
background:#cff;
font-weight:normal;
}

nav ul li:hover > ul > li {
overflow:visible;
height:40px;
border-bottom:2px solid #fff;
}

nav ul li:hover ul li:last-child {
border-bottom:none;
}

nav ul.gnav > li:last-child > ul {
left:-50%;
}

nav ul li ul li ul:before {
position:absolute;
content:"";
top:13px;
left:-20px;
width:0;
height:0;
border:5px solid transparent;
border-left-color:#60f;
}

nav ul.gnav > li:last-child ul li ul:before {
position:absolute;
content:"";
top:13px;
left:200%;
margin-left:-20px;
border:5px solid transparent;
border-right-color:#000;
}

/* 3段目 */
nav ul li ul li ul {
top:0;
left:100%;
}

nav ul li ul li ul li {
width:100%;
}

nav ul li ul li:hover > ul > li {
border-bottom:1px solid #69f;
}

nav ul.gnav > li:last-child > ul li ul {
left:-100%;
}

nav ul li ul li ul li a {
background:#cfc;
}

nav ul li ul li ul li a:hover {
background:#99CCFF;
}

.gnav {
display:block !important;
}

#spMenu {
display:none;
}

.fixed {
position:fixed;
top:0;
left:0;
}
}

/*================================================
*  トピックパス（パンくずリスト）
================================================*/
#topicpath {
font-size:12px;
margin-bottom:20px;
padding:2px;
background:#f1f1f1;
}

/*================================================
*  サブコンテンツ
================================================*/
.submenu li {
margin:0;
padding:0;
list-style:none;
}
.submenu li a:before {
content:"\0025a0";
color:#000;
}
.submenu li a {
display:block;
padding:10px 2px;
color:#000;
border-bottom:1px dotted #ddd;
text-decoration:none;
}
.submenu li a:hover {
background:#eee;
}

.bnr {
overflow:hidden;
}
.bnr ul {
overflow:hidden;
}
.bnr li {
margin:0 0 10px 0;
padding:0;
list-style:none;
}
.bnr li a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha( opacity=80 )";
}
.bnr img {
width:100%;
}

/*================================================
*  フッター
================================================*/
footer {
clear:both;
}

.footmenu {
width:100%;
padding:20px 0;
overflow:hidden;
background:#efede9;
}
.footmenu ul {
position:relative;
float:left;
left:50%;
margin:0;
padding:0;
}
.footmenu li {
position:relative;
left:-50%;
float:left;
list-style:none;
margin:0;
padding:0 15px;
font-size:12px;
text-align:center;
}
.footmenu a {
color:#333;
text-decoration:none;
}
.footmenu a:hover {
color:#333;
text-decoration:underline;
}

.copyright {
clear:both;
padding:10px 0;
font-size:11px;
text-align:center;
color:#555;
background:#eee;
}

/*================================================
*  ページトップへの戻り
================================================*/
.totop {
position:fixed;
bottom:15px;
right:15px;
}
.totop a {
display:block;
text-decoration:none;
}
.totop img {
background:#39f;
}
.totop img:hover {
background:#9cf;
}

/*================================================
*  クラス
================================================*/
.list {
padding:0 0 0 0.5em;
}
.list li {
margin:0;
padding:0 0 0 15px;
list-style:none;
background:url(../images/check.png) 0 5px no-repeat;
}

.info dt {
border-bottom:none;
}
.info dd {
padding-bottom:1em;
border-bottom:1px solid #ddd;
}

.col_two_one {
overflow:hidden;
}

.col_two_one ul {
overflow:hidden;
margin:2% -2% 0 0;
}
.col_two_one li {
list-style:none;
float:left;
width:48%;
margin:0 2% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
clear:both;
}
.col_two_one li img {
width:100%;
margin-bottom:2.5%;
}

/*================================================
*  メイン
================================================*/
.no-wrap { white-space: nowrap;}
.midashi03 {margin:10px 0 10px 0;padding:2px 5px;color:#000;font-size:110%;font-weight:bold;background:#80c8ff;}
.midashi03a {margin:10px 0 10px 0;padding:2px 3px;color:#000;font-size:100%;font-weight:bold;background:#eff;}
.midashi06 {
margin:10px 0 10px 0;padding:2px 0px 2px 15px;color:#008d07;font-size:100%;font-weight:bold;background:#fff;border-bottom:1px solid #008d07;}
.midashi07 {margin:0px 0 10px 0;padding:2px 0px 2px 5px;color:#09158c;font-size:120%;font-weight:bold;background:#fff;border-left:5px solid #ff0000;}
.midashi07a {margin:5px 5px 0 0;padding:2px 0px 2px 2px;color:#555;Font-size:11pt;font-weight:bold;background:#fff;}

.tb{color:#000;font-weight:bold;}

.rinen-01{font-size:14px;line-height:180%;width: 80%;padding:2px 15px 2px 0px;}
.rinen-02{line-height:180%;width: 100%;}

.tc {text-align: center;}
.tc2 {float: center;}
.tr {text-align: right;}
.tr2 {float: right;}
.tl {text-align: left;}
.tl2 {float: left;}

.text-tume {font-stretch : condensed;}

.center100 {max-width: 100%;margin: 0 auto;}
.flex{padding: 20px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}

.resize1 {width: 100%;max-width:2000px;min-width: 300px;}
.resize2 {width: 100%;max-width: 400px;min-width: 200px;table-layout: fixed;}
.resize3 {width: 100%;max-width:1400px;height:200px;min-width: 300px;}
.resize4 {width: 100%;max-width:1400px;height:900px;min-width: 300px;}
.resize5 {width: 100%;max-width:680px;height:200px;min-width: 300px;}
.resize6 {width: 100%;max-width:680px;height:100px;min-width: 300px;}

.boxmenu {border: 5px double #666;background-color:#CBD0F5;opacity: 10;padding: 2em;border-radius: 15px;}
.box1 {width: 680px;height:100%;background-color:#fff;}
.box2 {width: 430px;height:100%;background-color:#fff;}
.box4{padding: 2px 5px;margin: 1em 0;background: #ddeefa;border-top: solid 5px #6688ff;border-bottom: solid 5px #6688ff;}
.box4 p {margin: 0; padding: 0;}
.box5{width: 280px;padding: 2px 5px;margin: 1em 0;background: #ddeefa;border-top: solid 5px #6688ff;border-bottom: solid 5px #6688ff;}
.box5 p {margin: 0; padding: 0;}
.box6 {font-size:14px;border: 1px solid #999;padding: 10px;text-align: center;background: #fff;}
.box6 .t5 {font-size:14px;margin-top: 8px;padding-top: 8px;border-top: 1px solid #ccc;font-weight:normal;}

<!--.box6 {width: 100px;height:100%;font-size:14px;font-weight:bold;border: 2px solid #000;background-color:#fff;padding: 4px;border-radius: 15px;}
.box6 .t5 {border-top: 1px solid #000;margin-top: 6px;padding-top: 6px;}-->
.sub-box1{float:left;width: 49%;font-size:90%;margin:10px 5px 10px 0;border-left: solid 0px #ff6600;border-right: solid 0px #ff6600;border-bottom: solid 0px #ff6600;border-top: solid 0px #ff6600;}

.sub-box2{float:left;width: 49%;font-size:90%;margin:10px 5px 10px 5px;border-left: solid 0px #ff6600;border-right: solid 0px #ff6600;border-bottom: solid 0px #ff6600;border-top: solid 0px #ff6600;}

.letter-01{background-color: #2e6600;width: 98%;font-weight:bold;color:#fff;margin:0 0 0 10px;padding:5px;border-left: solid 0px #ff6600;border-right: solid 0px #ff6600;border-bottom: solid 0px #ff6600;border-top: solid 0px #ff6600;}

.letter-02{background-color: #e7ffd4;width: 98%;font-weight:normal;color:#000;line-height: 200%;margin:0 0 0 10px;padding:5px 5px 5px 15px;border-left: solid 0px #ff6600;border-right: solid 0px #ff6600;border-bottom: solid 0px #ff6600;border-top: solid 0px #ff6600;}

.access-01{background-color: #fff;padding:3px 3px 3px 3px;font-size:85%;text-align:center;vertical-align:top;font-weight:normal;border-left:0px solid #666666;border-top: 0px solid #666666;border-right: 0px solid #666666;border-bottom: 1px solid #666666;}

.access-02{background-color: #fff;padding:3px 3px 3px 3px;font-size:85%;text-align:left;vertical-align:top;font-weight:normal;border-left:0px solid #666666;border-top: 0px solid #666666;border-right: 0px solid #666666;border-bottom: 1px solid #666666;}

.container {margin: 0 auto;width: 80%;display: flex;justify-content: space-between;} 
.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.flex-container table {
flex: 1 1 42%;
margin-bottom: 10px;
}

/* スマートフォン用スタイル */
@media screen and (max-width: 600px) {
.flex-container table {
flex: 1 1 100%;
}
}

iframe.top-f {width: 100%;height: 270px;}
iframe.pdf01 {width: 100%;height: 1100px;}
iframe.pdf02 {width: 100%;height: 600px;}
iframe.pdf02-600 {width: 100%;height: 600px;}
iframe.pdf02-800 {width: 100%;height: 800px;}
iframe.pdf03 {width: 770px;height: 900px;}
iframe.pdf04 {width: 770px;height: 500px;}
iframe.pdf05 {width: 100%;height: 1140px;}
.iframe-wrapper {position: relative;padding-bottom: 98%;height: 0;overflow: hidden;}
.iframe-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
iframe.youtube01 {width: 100%;margin:10px 0px 750px 0px;}

.bgc1 {background-color:#FFFF99;}
.bgc2 {background-color:#CCFFCC;}
.bgc3 {background-color:#CCFFFF;}
.bgc4 {background-color:#FFCC99;}
.bgc5 {background-color:#99FF66;}
.bgc6 {background-color:#FFCCFF;}

.margin1{margin:30px;}
.margin3{margin-bottom:15px;}
.margin4{margin-top:35px;margin-bottom:15px;}
.margin5{margin-bottom:5px;}
.margin6{margin-top:30px;}
.margin7{margin-bottom:15px;}
.margin8{margin:3px;}
.margin9{margin:10px;}
.margin-l{margin-left:14px;}
.margin-l2{margin-left:-10px;}
.margin-r1{padding-right:35px;}
.margin2{padding:0px 14px;}
.padding1{padding:3px;}
.padding2{padding:5px;}
.padding3{padding-bottom:10px;}

.ta-recruit{
margin:0 0 30px 0;
}

.ta-recruit-none{
margin:0 0 500px 0;
font-size:100%;
font-weight:bold;
}

td.recruit-01{
width:25%;
background-color: #e7ffe7;
padding:3px 3px 3px 3px;
font-size:85%;
text-align:left;
vertical-align:middle;
font-weight:normal;
border-left:1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

td.recruit-02{
width:75%;
background-color: #fff;
padding:3px 3px 3px 3px;
font-size:85%;
text-align:left;
vertical-align:top;
font-weight:normal;
border-left:1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}

td.recruit-03{
width:100%;
background-color: #fff;
padding:3px 3px 3px 3px;
font-size:85%;
text-align:left;
vertical-align:top;
font-weight:normal;
border-left:1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
td.recruit-04{width:25%;background-color: #fff;padding:3px 3px 3px 3px;font-size:85%;text-align:left;vertical-align:top;font-weight:normal;border-left:1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #999999;border-bottom: 1px solid #999999;}
td.recruit-04a{width:30%;background-color: #fff;padding:3px 3px 3px 3px;font-size:70%;text-align:left;vertical-align:top;font-weight:normal;}
td.recruit-04b{width:25%;background-color: #fff;padding:3px 3px 3px 3px;font-size:70%;text-align:left;vertical-align:top;font-weight:normal;}
td.recruit-04c{background-color: #fff;padding:3px 3px 3px 3px;font-size:70%;text-align:left;vertical-align:top;font-weight:normal;}

.recruit01{
text-align:left;
margin:0 2px 10px 2px;
font-size:8pt;
font-size:8pt;
font-weight:normal;
line-height: 140%;
}

.recruit02{
display:none;
}

.recruit03{
font-weight:bold;
}

.recruit04{
margin:0 0 0 23px;
}

.recruit05{
font-weight:bold;
text-decoration:underline;
}

.recruit06{
margin:0 0 10px 0;
border-left: solid 0px #ff0000;
border-right: solid 0px #ff0000;
border-bottom: solid 1px #ff0000;
border-top: solid 1px #ff0000;
}

.introduction-01 {
width: 97%;
padding:2px 30px 2px 15px;
font-size:90%;
}

.introduction-02a{
background-color: #fff1e3;
padding:2px 2px 2px 2px;
font-size:85%;
text-align:center;
vertical-align:top;
font-weight:normal;
border-left:1px solid #666666;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
}

.introduction-02b{
background-color: #fff;
padding:2px 2px 2px 2px;
font-size:85%;
text-align:center;
vertical-align:top;
font-weight:normal;
border-left:1px solid #666666;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
}

.introduction-03{
background-color: #fff1e3;
padding:2px 2px 2px 2px;
font-size:85%;
text-align:left;
vertical-align:top;
font-weight:normal;
border-left:1px solid #666666;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
}

.introduction-04{
background-color: #fff;
padding:2px 2px 2px 2px;
font-size:85%;
text-align:right;
vertical-align:top;
font-weight:normal;
border-left:1px solid #666666;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
}


img.introduction01a{border-style:none;outline:none;max-width: 100%;height: auto;width /***/:auto;margin:0 0 10px 0;}

img.introduction-0b{border-style:none;outline:none;max-width: 100%;height: auto;width /***/:auto;margin:0 0 10px 0;}

/*================================================
*  タブレット向けデザイン
================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) 
{
.inner {width:100%;}
#contents {box-sizing:border-box;width:100%;padding:0 10px;}
footer {width:100%;}
.text-tume {font-size-adjust}
.text-tume2 {font-stretch : ultra-condensed;}
nav ul li a {display:block;margin:0;padding:8px 0;background:fff;color:#000;font-size:10px;font-weight:normal;line-height:2;text-decoration:none;}
}

/*================================================
*  スマートフォン向けデザイン
================================================*/
@media screen and (max-width:767px) {
.lock {
overflow:hidden;
}

header {
z-index:2;
box-sizing:border-box;
position:fixed;
top:0;
left:0;
width:100%;
padding:15px 10px;
}

.summary {
position:relative;
top:auto;
right:auto;
margin-top:10px;
}

#main {
float:none;
width:100%;
}

#sub {
float:none;
width:100%;
}
.boxmenu {border: 1px #666;background-color:#99CCFF;opacity: 10;padding: 0.1em;margin:0px;}


nav {
background:#fff;
}
nav ul {
margin:0;
padding:0;
}

nav .inner > ul {
z-index:2;
overflow:auto;
position:fixed;
top:53px;
right:3px;
width:100%;
height:88%;
height:-webkit-calc(100%);
height:calc(100%);
}
nav li {
position:relative;
width:100%;
float:none;
margin-left:0;
text-align:left;
list-style:none;
background:#fff;
}

nav li:first-child {
border-top:0;
}
nav li:last-child {
border-bottom:0;
}

nav li a {display:block;border-bottom:1px solid #fff;padding:10px 30px;color:#333;text-decoration:none;background:#9cf;}
nav li a:hover {
color:#333;
background:#9cf;
}
nav ul ul {
display:none;
position:relative;
}
nav li li a {
box-sizing:border-box;
width:100%;
padding:10px 30px 10px 50px;
text-align:left;
}

nav li li li a {
padding:10px 30px 10px 0px;
}

.subnav > a:before {
display:block;
content:"";
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:20px;
right:30px;
width:10px;
height:10px;
margin-top:-5px;
background:#fff;
}
.subnav > a:after {
display:block;
content:"";
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
top:20px;
right:30px;
width:10px;
height:10px;
margin-top:-10px;
background:#9cf;
}
.subnav a:hover:after {
background:#9cf;
}

.active > a:before {
margin-top:0;
}
.active > a:after {
margin-top:5px;
}

.gnav {
display:none;
}

#spMenu {
display:block;
z-index:2;
position:fixed;
top:10px;
right:10px;
}
#spMenu:hover {
cursor:pointer;
}

#navBtn {
display:inline-block;
position:relative;
width:30px;
height:30px;
background:#39f;
}
#navBtnIcon {
display:block;
position:absolute;
top:50%;
left:50%;
width:14px;
height:2px;
margin:-4px 0 0 -7px;
background:#fff;
transition:.2s;
}
#navBtnIcon:before,
#navBtnIcon:after {
display:block;
content:'';
position:absolute;
top:50%;
left:0;
width:14px;
height:2px;
background:#fff;
transition:0.3s;
}
#navBtnIcon:before {
margin-top:-6px;
}
#navBtnIcon:after {
margin-top:4px;
}
#navBtn .close {
background:transparent;
}
#navBtn .close:before,
#navBtn .close:after {
margin-top:0;
}
#navBtn .close:before {
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}
#navBtn .close:after {
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

.col_two_one ul {
margin-right:0;
}
.col_two_one li {
width:100%;
}
.col_two_one li:nth-child(2n+1) {
clear:both;
}
}

p.resizeimage img { width: 100%; }
p.resizeimage2 img { width: 69% }
img.resizeimage { width: 100%;display: block;margin-left:auto;margin-right:auto;}
img.resizeimagec { width: 69%;display: block;margin-left:auto;margin-right:auto;}

.copyright2 {clear:both;padding:18px 0;color:#efede9;background:#2e2e2e; text-align: center;background-position:center;background-image: url("../images/copyright.png");text-indent:-99999px;font-size: 8px;background-repeat: no-repeat;}
textarea {resize: both;}