/*-------------------------------------------------

-------------------------------------------------*/
*{ padding: 0; margin: 0;}
body{ font-family: メイリオ; font-size: 16px; color: #1a202c; 


background: #fffde4; 
background: -webkit-linear-gradient(to top, #E2E2E2, #fffde4);  
background: linear-gradient(to top, #E2E2E2, #fffde4); 



}
img{ border: none;}
h1{ font-size: 20px; color: #1a202c; font-weight:normal; text-transform:uppercase;}
h1 span.c_1{ color: #6aaee0;}
h1 span.c_2{ color: #ed7faf;}
h1 span.c_3{ color: #fbc92c;}
h1 span.c_4{ color: #10b3a0;}

h2{ font-size: 16px; 
font-weight: bold; 
width:120px;
padding: 5px 0px;
background-color: #251961;
border-radius: 20px;
text-align: center;
color: #ffffff;
margin:10px 0px;
}

h3{ font-size: 18px; color: #333333; font-weight: bold; line-height: 22px;}
h3 span{ font-size: 16px; color: #333333; font-weight:normal; line-height: 20px;}
p{ line-height: 20px;}
a{ text-decoration:none; color: #1f7872;}
a:hover{ color: #d13f31;}

h4{ font-size: 16px; 
font-weight: bold; 
width:360px;
padding: 5px 0px;
background-color: #251961;
border-radius: 20px;
text-align: center;
color: #ffffff;
margin:10px 0px;
}




/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/
.mar-top30{ margin-top: 30px;}
.mar-top20{ margin-top: 20px;}
.mar-top10{ margin-top: 10px;}
.mar-top-10{ margin-top: -10px;}

.mar-right30{ margin-right: 30px;}
.mar-bottom20{ margin-bottom: 20px;}

.mar-left200{ margin-left: 200px;}



.float-left{ float: left;}
.float-right{ float: right;}
.clearing { clear: both;}
.panel{ background: #ffffff;}
.title{}
.Stitle{ padding: 20px 20px 0px 20px;}
.content{}

.button a{ text-decoration: none; display: block; width: 140px; height: 30px; background: #00a0e9; color: #ffffff; line-height: 30px; text-align: center; text-transform: uppercase;}
.button02 a{ text-decoration: none; display: block; width: 200px; height: 30px; background: #333333; color: #ffffff; line-height: 30px; text-align: center; text-transform: uppercase;}


.button_top a{ text-decoration: none; display: block; width: 140px; height: 30px; background: #1f7872; color: #ffffff; line-height: 30px; text-align: center; text-transform: uppercase;}

.button a:hover{ background: #d13f31;}
.button02 a:hover{ background: #d13f31;}

.page{ width: 960px; margin: 0 auto;overflow: hidden;}


.center{text-align:center; margin:0 auto;}


.text_right{text-align:right;}

.font_b{font-weight:bold;}

.text16{font-size:16px;}
.text18{font-size:18px;}
.text20{font-size:20px;}
.text30{font-size:30px;}


/*-------------------------------------------------
MENU CLASSES
-------------------------------------------------*/
.menu-wrap{ overflow: hidden; background: #ffffff;}
.menu{ margin: 0 auto; width:960px; background: #ffffff;　height:85px; margin-top:50px;}
.menu ul li{ list-style:none; float:left; width:auto;}
.menu ul li a{ display:block; height:85px; line-height:85px; padding-left:30px; padding-right:30px; font-size:18px; color:#1a202c; border-right:#ffffff solid 1px; text-transform:uppercase;}
.menu ul li a:hover{ background: #ffffff; color:#1a202c;}

.menu ul li a.M_01:hover{ background:#6aaee0; color:#ffffff;}
.menu ul li a.M_02:hover{ background:#ed7faf; color:#ffffff;}
.menu ul li a.M_03:hover{ background:#fbc92c; color:#ffffff;}
.menu ul li a.M_04:hover{ background:#10b3a0; color:#ffffff;}
.menu ul li a.M_05:hover{ background:#ece1e3; color:#1a202c;}

.menu ul li a.active{ background: #ece1e3; color:#1a202c;}

/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/
.header{margin:0 auto; width: 960px; position: relative;}
.logo{ width: 600px; float: left; line-height: 80px;}
.logo h1{ font-size:28px; color: #d13f31; font-weight: normal;}
.logo h1 span{ color:#1a202c;}

.social{ position: absolute; top: 10px; left: 0;}
.social ul li{list-style:none; float:left; margin-left:15px;}

/*-------------------------------------------------
div banner
-------------------------------------------------*/
.banner{width:960px; height:920px; margin:0 auto; margin-bottom:40px; background:url(images/body.jpg) no-repeat; position:relative;}
.banner h1{ padding:10px; float:right; background:#1a202c; text-transform:uppercase; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top: 0px; right: 0;}
.banner h2{ padding:10px; float:right; background:#ffffff; text-transform:uppercase; color:#1a202c;  font-size:22px; font-weight:normal; font-family: Roboto; position: absolute; top: 58px; right: 0;}
.banner02{width:960px; margin:0 auto; margin-bottom:22px;}
/*-------------------------------------------------
MAIN COLUMAS CLASSES
-------------------------------------------------*/
.primary-col{ width: 650px; overflow: hidden; float: left;}
.primary-col p{ padding-bottom: 10px; line-height: 22px;}
.generic{ float: left; overflow: hidden; width: 100%;}
.generic002{ float: left; overflow: hidden; width: 100%; background: #ffffff; margin: 30px 0 10px 0;}
.generic003{ float: left; overflow: hidden; width: 100%; background: #ffffff; margin: 20px 0 10px 0;}
.generic004{ float: left; overflow: hidden; width: 100%; background: #ffffff; margin: 20px 0 0px 0;}
.generic .panel{ padding: 20px 20px 30px 20px;}
.generic .title h1{ padding-bottom: 0px;}
.generic .content{ overflow: hidden;}
.block{ width: 320px;}
.block .panel{ padding: 10px 10px 30px 20px;}
.block .title h1{ padding-bottom: 0px;}
.block .content img{ padding-bottom: 20px;}
.block .content h3{ padding-bottom: 10px;}
.block .content p{ padding-bottom: 20px;}

.block .content dt{ font-size: 14px;}
.block .content dt.sec{ font-size: 14px; margin: 5px 0 0 0;}
.block .content dd{ font-size: 14px; line-height: 20px;}
.block .content dd.s12{ font-size: 12px; line-height: 20px;}
.block .content dd.s12 span{ padding: 0 0 0 12px;}

/*-------------------------------------------------
SIDE BAR CLASSES
-------------------------------------------------*/
.side-bar{ width: 280px; overflow: hidden; float: right;}
.search{ background: #d13f31; padding: 25px 20px 25px 20px; overflow: hidden;}
.search .title h1{ color: #fff; padding-bottom: 20px;}
.search ul li{ list-style: none; float: left; list-style: none;}
.textfiled{ background: #ffffff; width: 200px; height: 36px;  text-indent: 5px; border: none;}
.side-bar .panel{ padding: 30px 20px 25px 20px; overflow:hidden;}
.side-bar .panel .title{ padding-bottom: 25px;}
.side-bar .panel .title span{ float:left; padding: 4px 8px 0 2px;}

.side-bar .content ul li{ list-style: none; color: #1a202c; height: 80px; padding: 0 0 10px 20px;}
.side-bar .content ul li.-no-border-bottom{ border-bottom: none;}
.side-bar .content ul li a{ text-decoration: none; color: #1a202c;}
.side-bar .content ul li a img:hover{ opacity: 0.6;}

.side-bar .content img{ float:left;}
.side-bar .content .recentPost{ float: right; text-align: left; width: 130px; line-height: 16px; font-size: 12px;}
.side-bar .content .recentPost span{ float:right; text-align: left; width: 130px; line-height: 18px; font-size: 14px; font-weight: bold;}
.side-bar .content .recentPost a{ text-decoration:none; color:#1f7872; float:left; padding-top:20px;}
.side-bar .content .recentPost a:hover{ color:#d13f31;}

/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/

.contact-form { background:#f4f8f6; padding:30px; width:440px; float:left;}
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {display: block; color:#939191;font-size:14px; float:left; width:80px; text-align:left; padding:5px 20px 0 0;}
.contact-form .input_text {padding:10px 10px;width:318px;background:#ffffff;border:#e1ece7 1px solid; color:#939191;}
.contact-form .message{padding:10px 10px;width:318px; background:#ffffff; border:#e1ece7 1px solid;overflow:hidden;height:150px; color:#939191; font-size:14px;}
.contact-form .button{padding:8px;background:#1f7872; color:#ffffff; text-transform:uppercase; font-family:'Oswald', sans-serif;border:0px solid;margin-left:100px;margin-top:20px;}

.address { float:left; width:370px; margin-left:30px;}
.address .panel { border:none; color:#9b9e9a}
.address .panel .title h1 {  color:#d13f31; padding-bottom:10px;}
.address .panel .content p span { color:#9b9e9a;}


/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
.primary-footer{ overflow:hidden; margin:0 auto; min-width: 960px;}
.footer-wrap{ background:#1a202c; overflow:hidden; padding-top:50px; margin-top:50px; padding-bottom:50px;  }
.footer{ width:960px; margin:0 auto;}
.footer .panel{float:left; background:none; width:300px;}
.footer .panel .title h1{ color:#ffffff;}
.footer .panel .content{padding-top:25px;}
.footer .panel .content p{ color:#435059;}
.footer .panel .content .button a{ margin-top:30px; background:#d13f31; width:70px; height:30px;}
.footer .panel .content .button a:hover{ margin-top:30px; background:#1f7872;}
.footer .panel .content ul li{ list-style:url(./images/arrow.png) inside; border-bottom:#273042 solid 1px; line-height:35px;}
.footer .panel .content ul li a{text-decoration:none; color:#435059;}
.footer .panel .content ul li a:hover{color:#d13f31;}
.footer .panel .content ul li.-no-border-bottom{border-bottom:none;}

.copyright-wrap{ background: #0073a8; overflow: hidden; padding: 20px 0px 20px 0px;}
.copyright-wrap .panel{width: 960px; margin: 0 auto; background: none;}
.copyright-wrap .panel .content p{ color: #ffffff; text-align: center; font-size: 12px;}
.copyright-wrap .panel .content p a{ text-decoration: none; color: #ffffff;}
.copyright-wrap .panel .content p a:hover{ color: #1a202c;}