* { border:0; margin:0 auto; padding:0; outline:none; }
body { width:100%; margin:0; padding:0; font:normal 16px/30px メイリオ; background:#fff; color:#444}
.wrapper { background:#fff; }


p { font-size: 16px; line-height:30px; padding: 0; color:#444; font-family: メイリオ; margin: 10px 0; }
p.white { color:#fff;}

a { text-decoration:none; color:#444; font-family: メイリオ }
a:hover { color:#0b68da; }

h1 {  color:#666666; font-size:24px; font-family: メイリオ}
h1 small { color:#c3c1c1; font-size:18px; text-transform:none; font-family: メイリオ}

h2{ color:#444; font-size:28px; line-height:1.3; padding: 0; font-family: メイリオ!important; margin: 15px 0 10px;}
h2.small { font-size:22px; line-height: 1.3; margin: 5px 0; color:#0072ff; font-weight:normal; padding:10px 10px 0 10px; font-family: メイリオ!important;}

a.colbox { display: block;}
a h2 span { text-decoration:none; color:#262626; font-size:20px;text-transform: none;}
a:hover h2 span { color:#0072ff; }

h2.op { color:#000000;  padding:0; margin-top:50px; width:940px; margin-bottom:10px;}
h2.op a{background:#fec223; padding:2px 6px; color:#000!important; text-decoration:none; float:right; font-size:12px!important;}
h2.op span {  color:#fec223;  padding:10px 10px 10px 0; margin:0;  }

h3 { font-size:21px; line-height: 1.3; margin: 15px 0 10px; color:#0b68da; font-weight:normal; font-family: メイリオ!important;}
a h3 span { text-decoration:none; color:#262626;  }
a:hover h3 span { color:#0072ff; }
h3 a { color:#0072ff; font-family: メイリオ;
    -webkit-transition:   0.3s ease;
-moz-transition:   0.3s ease;
-ms-transition:   0.3s ease;
-o-transition:   0.3s ease;
transition:   0.3s ease;
}
h3 a:hover{color:#0072ff!important;}

.describe {  padding: 10px; margin: 0px; background: #eee;}
.describe p {color: #0072ff;}

img {max-width: 100%;}
@media screen {
	img { width: auto;}
}

img.sub { margin: 0 0 10px;}

a.pic {  position: relative; padding:0; margin:0;
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
img.margin_right { margin:0 20px 0 0; }
a.pic img.h { position :absolute; padding:0; top:-1px; bottom:0; left:1px; visibility:hidden; }
a.pic:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
-moz-opacity: 0.7; 
-khtml-opacity: 0.7; 
opacity: 0.7; }



a.pic h3 { margin:15px 0 5px 0;}


.envelope-res { background:none; margin:0; padding:0; max-width:100%;  }
.bg_white{background:#fff;}
.brd{border-bottom:4px solid #87b165;}
.main_resise { margin:0 auto;  
              -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;   
        
}



.preenvelope-header { padding:0; color:#333333; position:relative; z-index:9999;  margin:0 auto;  
             width: 100%;}
        
.preenvelope-header.prefooterg {border-top: none;}
.envelope-header { padding:0; margin:0; position:relative; z-index:9999; background:#b4e3ff; }
.envelope-header-resize { margin: 0 auto;}      
.nav-panel {  }


.logo {  font-size:60px; line-height:100%; text-transform:none;  padding:25px 0; font-weight: lighter; margin:0 auto; text-align:center; }
.logo span {color: #0072ff!important; font-weight: lighter!important;}
.logo a { color:#262626; text-decoration:none; font-weight: lighter; }

.RSS_blog {  padding:0; float: left; margin-top: 15px;}
.RSS_blog a { text-align:right; display:inline;}
.RSS_blog img { margin:0 0px 0 3px; }

.envelope-header_right_text { line-height:13px; font-size:11px; display:block;}
.envelope-header_right_text span { display:block;}

img.rss1 { background:url(../images/f1.png) no-repeat; width:32px; height:32px; 
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
img.rss1:hover { background:url(../images/f1_a.png) no-repeat; width:32px; height:32px;}
img.rss2 { background:url(../images/f2.png) no-repeat; width:32px; height:32px;
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
img.rss2:hover { background:url(../images/f2_a.png) no-repeat; width:32px; height:32px;}
img.rss3 { background:url(../images/f3.png) no-repeat; width:32px; height:32px;
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
img.rss3:hover { background:url(../images/f3_a.png) no-repeat; width:32px; height:32px;}
img.rss4 { background:url(../images/f4.png) no-repeat; width:32px; height:32px;
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
img.rss4:hover { background:url(../images/f4_a.png) no-repeat; width:32px; height:32px;}
img.rss5 { background:url(../images/f5.png) no-repeat; width:32px; height:32px;
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
img.rss5:hover { background:url(../images/f5_a.png) no-repeat; width:32px; height:32px;}
img.rss6 { background:url(../images/f6.png) no-repeat; width:32px; height:32px;
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
img.rss6:hover { background:url(../images/f6_a.png) no-repeat; width:32px; height:32px;}
img.rss7 { background:url(../images/f7.png) no-repeat; width:32px; height:32px;
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
img.rss7:hover { background:url(../images/f7_a.png) no-repeat; width:32px; height:32px;}



.content { margin:0 auto; width:100%; position:relative; margin-top:0px; z-index:999;}
.content1 { margin:0 auto; width:100%; position:relative; margin-top:0px; z-index:999;}
.sep{height:3px; background:url(../images/sep.png) center center no-repeat; margin:40px 0 -20px 0; opacity:0.5;}

.content_text { font-size:18px;line-height:1.6em; padding:10px 0; margin:0 0px; background:url(../images/content_bg.png) repeat;}
.content_text h1 { display:block; float:left; width:80%; font-weight:lighter; padding:10px 0; margin:2% 0; text-align:left;}
.content_text span { display:block; padding:0 10px; margin:0 2%;}
.content_text small { font-size:14px; color:#a6a6a6; display:block; }
.content_text small span { display:inline; font-size:14px; color:#a6a6a6; margin:0; padding:0; }
.content_text img { float:right; margin:0; padding:0; height:50px; }
.content_text img.button_1 { background:url(../images/button_text_hover.png) no-repeat; }
.content_text img.button_1:hover { background:url(../images/button_text.png) no-repeat; }

.projects { background:#262626;}

p.button a { color:#ffffff !important; background:#0072ff; padding:15px 10px; font-weight:lighter; margin-top:25px; float:right;}


.img-box.pic { display: block; position: relative; }
.img-box.pic .img_hover_overlay { position: absolute; top: 0; left: 0; visibility:hidden;  border:none; width:100%; height:100%; padding:0;
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
.img-box.pic:hover .img_hover_overlay { visibility:visible; }
.img-box.pic .img_hover_overlay2 {background: #b9c562; position: absolute; top: 0; left: 0; visibility:hidden;  border:none; width:100%; height:100%; padding:0;
-webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
.img-box.pic:hover .img_hover_overlay2 { visibility:visible; background: #b9c562;}

.img-box.pic .r_plus { position: absolute; bottom: 60px; left: 50%; visibility:hidden;  border:none;  margin:0;}
.img-box.pic .r_plus:hover {opacity:1;}
.img-box.pic:hover .r_plus { visibility:visible; }

.img-box.pic .img_hover_overlay { background:url(../images/img_overlay.png) repeat;}
.img-box.pic .img_hover_overlay2 { background:#b9c562 url(../images/img_overlay.png) repeat;}
.img-box.pic .r_plus { background:url(../images/img_hover.png) no-repeat;}
.img-box.pic .r_plus.pos_right { background:url(../images/img_hover_href.png) no-repeat;}

.img-box.pic .r_plus {height:40px; width:40px; margin:-12px 0 0 -12px; }
.img-box.pic .r_plus.pos_left {margin-left:-8px; }
.img-box.pic .r_plus.pos_right {margin-left:2px; }


.sliderwrapper {height: 291px;}
.now-slider { z-index:99; padding-top: 0px; }
.home_text { max-width:100%;  margin-top:20px; text-align: center; text-transform: none!important;}
.home_text h1 { padding-bottom:10px;}
.home_text p {font-size: 12px;}
hr {margin-top: 20px; color: #e6e6e6; background: #e6e6e6; height: 1px;}

.after_slder { background: url(../images/middlebg.png);}


.main_content {position: relative; width:940px; margin:0 auto; padding:0; max-width: 99%;}


.now_page{width:100%; background:#262626; -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; padding: 10px 0 5px; }
.now_page_res {   margin:0 auto; text-align:center; color:#fff; font-size:12px; position:relative; z-index:100;  }
.now_page_res h1 {padding: 20px 0 0px 0; text-transform: none; font-weight:lighter !important; font-size:30px !important; color:#ffffff !important; line-height: 0.8em; }
.now_page_res h1 span {color:#317bb5!important;}
.now_page_res p {padding-bottom: 30px; padding-top:10px; font-size:18px !important; color: #aaaaaa !important;}
.now_page_res .social{ background:#87b165; min-height:50px;  text-align:right; padding-top:25px;}
.now_page_res .tit{color:#fffffe; font-size:18px; font-weight:bold; font-style:normal; margin-bottom:10px;}
h2.title{background:url(../images/baar.png) center repeat-x;;  padding-left:0px; margin: 20px 55px 20px 0; color:#ffffff !important; padding:40px 0 20px 0; }
h2.title span { display: inline-block; padding: 6px 20px 6px 0; color: #535353; background: #fff; font-weight: lighter;}
h2.title2{background:url(../images/baar.png) center repeat-x;;  padding-left:0px; margin: 20px 0px 20px 0; }
h2.title2 span { display: inline-block; padding: 6px 20px 6px 0; color: #535353; background: #fff;font-weight: lighter;}

.side_full { width:97%; float:right; margin:2% 1.5%; }
.side_big { width:64%; float:right; margin:2% 0 2%  }
.side_small { width:30%; float:left; margin:2% 0 2%  }

.side_small .content { padding:0;}


.side_small ul { list-style:none; margin:10px 0; padding:0; }
.side_small ul li { padding:5px 10px 5px 0px; margin:3px 0; font-size:11px; border-bottom:1px solid #f1f1f1; color:#333; }
.side_small ul li a { color:#15acf2; display:block; }
.side_small ul li a:hover { color:#414141; }



.coment1 { overflow:hidden; margin:3% 0 0 1%; border-top:1px solid #c8c8c8; padding-top:20px; }
.coment2 { overflow:hidden; margin:3% 0 0 20%; border-top:1px solid #c8c8c8; padding-top:20px; }


.columns { margin:0px auto 0 auto; padding:0; }
.columns.margin_board { margin:0 2%; width:96%;}
.colums_box { text-align:left; width:240px; margin:0 10px 0 0; padding:0; float:left; background:#ffffff;}
.colums_box a h2{ padding:0 0 0px 0px; padding-top: 25px; color: #fff;}
.colums_box.last { text-align:left; width:240px; margin:0 0 0 0; padding:0;}
.colums_box.project { text-align:left; width:219px; margin:20px 28px 0 0; padding:0; float:left; }
.colums_box.project:hover{border-bottom:1px solid #fec223;}
.colums_box.project.last { text-align:left; width:219px; margin:20px 0 0 0; padding:0; float:right; }


.colums_box.text_left { text-align:left; }
.colums_box.text_left h2, .colums_box.text_left p { }
.colums_box p.more_bg { padding:15px 0; border:1px solid #f0f0f0; border-top:0; background:#fcfcfc;}
.colums_box:hover p.more_bg  { background:#f0f0f0; }
.col4{width:25%; float:left;}
.col4:hover{}
.col4.last{ margin-right:0; float:right;}
.col4 .tit { padding:10.5% 2% 1% 2%;}
.col4 a h2.ico1{background:url(../images/ico1.png) center left no-repeat; padding-left:35px;}
.col4 a h2.ico2{background:url(../images/ico2.png) center left no-repeat; padding-left:35px;}
.col4 a h2.ico3{background:url(../images/ico3.png) center left no-repeat; padding-left:35px;}
.col4 a h2.ico4{background:url(../images/ico4.png) center left no-repeat; padding-left:35px;}
.col4 a h2:hover{color:#87b165!important;}
.col4 .col_text{padding:5px 20px 25px 10px; font-size:12px; line-height:22px;}
.col4 .col_text p{ color:#a9a9a9;}
.col2{float:left; width:49%; margin:0% 2% 2% 0; background:#fff; }
.col2 p{ padding:0 0px}
.col2.last{ margin:0% 0% 2% 0;}
.col2 .tit{border-bottom:1px solid #e6e6e6; padding:15px 20px 10px 20px;}
.col2 .col_text{padding:2.5% 2% 2% 2%;}
.col2 a h1{background:url(../images/tit_bg_big.png) center left no-repeat; padding-left:20px; text-transform:none;}
.col2.extra { float:left; width:100%; margin:3% 2% 3% 0; background:#fff; }
.col2.extra p {margin: 0; padding: 0;}
.l_w_item{float:left; width:45%; margin-right:10px;}
.l_w_item p {margin-bottom:20px; font-size:11px;}
.l_w_item h3 {font-weight:normal; margin-top:20px; margin-bottom:10px;}
.butt{background:#a8be0f; border-radius:2px; color:#fff!important; padding:4px 10px;}
h2 img { position:relative; top:0px; padding-right:0px;}

.feat_item{padding-left:70px;}
.feat_item p {line-height:22px;}
.item1{background:url(../images/service.png) center left no-repeat;}
.item2{background:url(../images/service2.png) center left no-repeat;}
.item3{background:url(../images/service3.png) center left no-repeat;}


.bluecap {background: #317bb5; width: 100%; height: 50px; color: #fff;}
.colums_box.no_bg { border:none; text-align:left; width:24%; margin:4% 1.3% 0% 0;  float:left; -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; }
.colums_box.no_bg.last {   margin:4% 0% 0% 0;  float: right;}
.colums_box.no_bg p { color:#747474; font-size:12px; margin-top: 10px;  padding-bottom: 15px;}

.colums_box.no_bg:hover .bluecap {background: #2a699a;}

.colums_box.no_bg a h3 span { padding:11px 10px; display:block; float:left; margin-left:2px;}
.colums_box.no_bg a:hover h3 span { background:#0072ff; color:#ffffff !important; padding:11px 10px; display:block;}

.colums_box.no_bg img { float:left;
    margin-bottom: 0px;
    -webkit-transition:   0.5s ease;
-moz-transition:   0.5s ease;
-ms-transition:   0.5s ease;
-o-transition:   0.5s ease;
transition:   0.5s ease;}
.colums_box_1 a img { background: #fff url(../images/serv1.png) center center no-repeat;}
.colums_box_2 a img { background:  #fff url(../images/serv2.png) center center no-repeat;}
.colums_box_3 a img { background: #fff url(../images/serv3.png) center center no-repeat;}
.colums_box_4 a img { background: #fff url(../images/serv4.png) center center no-repeat; }


.content_blog { padding:0; }
.content_blog ul { list-style:none; }
.content_blog li { background:url(../images/ul_li_body.png) left no-repeat; padding:2px 0 2px 15px; }
.content_blog li a { font-weight:bold; font-style:italic; color:#8f8f8f; font-size:11px; }
.content_blog li a:hover {color:#db7641;}


.prefooter {  padding:0; margin:0; max-width:100%;  margin-top:0px; background: url(../images/footer_bg.png) repeat;}
.prefooter_resise { margin:0 auto; padding: 40px 0;  
 -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;  }
.prefooter h2 {padding:0px 0px 20px; margin-bottom:10px; font-weight: lighter;}
.prefooter h3 {padding:0px 0px 20px; margin-bottom:10px; font-weight: lighter; font-size:18px !important;}
.prefooter h2.log{font-size:30px!important;}
.prefooter h2.log span{color:#fec223;}
.prefooter p { color:#4f4f4f; font-size:12px; line-height:1.5em; padding:0px 0 5px; }
.prefooter p span{color:#afafaf; font-size:12px;}
.prefooter a { color:#25a9ff;  }

.widget_flickrRSS { }
.widget_flickrRSS img { border: 0; background:#484848; text-align: center; margin:0px 7px 7px 0; width:60px; height:60px; }
.widget_flickrRSS img.last { margin:7px 0; }
.widget_flickrRSS img:hover {  }

footer { text-align:center; padding:20px 0; margin:0; background:none; width: 100%; margin: 0 auto;}
footer .envelope-main-resize{
	margin-top: 0!important;
}
footer a { color:#0b68da!important; text-decoration:none; font-weight: bold; }

.selectnav {display: none;}
.search { margin:7px 0px 0px 0;  padding:0px 0 0 0; width:auto; height:30px;  margin-right: 0px;  width: 160px; margin-top: 7px; padding:5px 0px 5px 0;  float:right;}
.search form { padding:0; width:auto; }
.search label { padding:2px 10px 0 0;}
.search span { display:block;  padding:0;  background:url(../images/search_bg.png) no-repeat left top; }
.search input.editbox_search {  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;padding:0px 0px 0px;  width:100%; height:30px; font-size:12px; line-height:16px; color:#b4b4b4; background: #fafafa;  padding-left: 5px; box-sizing: border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
.search input.button_search {  padding:0; border:none; float:left; }

a.fl { margin:10px 10px 10px 0; float:left; padding:0; }

img.fgh { background:#3d3d3d; padding:4px; margin:0 3px 0 0; float:left; }
img.fgh:hover { background:#e05d1f; }


.sitemap-page { line-height: 160%; }
.sitemap-page h4 { margin-bottom: 5px; font-weight: normal; }
.sitemap-page h3 { padding-bottom: 10px; margin-bottom: 15px; }
.sitemap-page ul { margin-bottom: 20px; }
.sitemap-page ul li { margin: 1px 2%; }
.sitemap-page ul li ul { margin: 1px 2%; }
.sitemap-page ul li a { color: #656464; }

h3.archive_year { font-weight: normal; font-size: 1.4em; color: #585858; margin-top: 0; padding: 0px; }

.breadcrumbs { padding: 10px 0; width: 100%; overflow:hidden; font-size: 12px; }
.breadcrumbs a { font-size:12px; color:#ffffff;}



.post-comments h2 { padding-top:10px; }
.post-comments .fl { width:80px; padding:0 10px 0 0; }
.post-comments .fr { width:100%; margin-right: 0; }

.post-commets { padding:2px 0 0 0; margin:5px 0 0 0; float:right; width:42px; height:28px; text-align:center; }
.post-commets a { color:#fff; font-size: 18px; text-decoration:none; }


.box2 { background:#f9f9f9; border:1px solid #ddd; width: 480px; height:1%; margin:0 0 20px; padding:10px; min-height:100px; }
.box2.alt { background:#FFFFFF; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; font-size: 80%; }

.cols { float:left; width:45%; }
.cols:first-child { padding:0 15px 0 0; }
.col ul li { border-bottom:1px solid #EAEAEA; clear:both; padding:8px 0 8px; }
.col.popular-posts li { border-bottom:none; padding:0px 0 0px; }
.col.popular-posts li { min-height:65px; }
.col ul li img { float:left; margin:0 10px 0 0; max-height:58px; max-width:58px; border:1px solid #EAEAEA; padding:4px; background:#fff; }
.col.widget_recent_entries { float:right; }
.col span { float:left; width:65%; }
.cols ul { list-style: none; }
.col ul li a:hover { text-decoration:underline; }


.clr { clear:both; height:0; margin:0 auto; padding:0;  overflow: hidden;}
.bg { clear: both; }
.left, .fl { float:left; }
.right { float:right;}
img.fl { float:left; margin:5px 15px 0 0; }

a.post{background:url(../images/arr_post.png) center left no-repeat; padding-left:10px; color:#a9a9a9!important;}
a.post span{padding-left:10px; color:#fec223;}

a.getstarted {font-size: 20px; color: #fff!important; padding: 10px 40px; background: #85af64; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin: 20px 0; display: inline-block;}


.feelfree { float: left; color: #7d7d7d; font-size: 12px; margin-top: 22px; margin-bottom: 20px; text-transform: uppercase;}
.feelfree span {color: #b9c562;}



.envelope-content-full-size { width:100%;  padding-bottom: 40px;}


.post h3 { padding-top:15px; padding-bottom:0; margin-bottom:0; font-size:16px; font-weight:normal; color:#414141; }
.post h3 a,
.post h3 a:hover {  }

.post h2 {margin-bottom:0; }
.post h2 a{ font-weight:bold;}

.post .pic { margin:0 0 20px; }
.post_detail { color:#a4a4a4; font-style:normal; padding:0; font-size:11px; font-weight:normal; margin:5px 0 5px 0; }
.post_detail a { font-size:11px; color:#a4a4a4; font-weight:bold; font-style:normal; text-decoration:none; }
.post_detail a:hover { font-size:11px; color:#a4a4a4; text-decoration:none; }
.post_date {  color:#fff; font-style:normal; font-weight:normal; font-size:18px; float:left; text-align:center; padding:8px 15px; background:#e25e54; border-top:3px solid #353535; margin:0 20px 20px 0; display:none;}
.post_date span { color:#fff; font-style:normal; font-weight:normal; font-size:12px; display:block; margin-top:5px; padding:5px 3px 0; text-align:center; border-top:1px solid #fff; }


.post_detail a.read_more:hover { color:#e25e54; font-style:normal; font-weight:normal; }



h3.h3_act_href { clear:both; width:100%; text-align:left; display:block; background:none; padding-left:0; height:15px; margin-bottom: 10px;}
h3.h3_act_href a span,
h3.h3_act_href a{ color:#313131; text-decoration:none; font-weight:bold; 
 -webkit-transition:   0.3s ease;
-moz-transition:   0.3s ease;
-ms-transition:   0.3s ease;
-o-transition:   0.3s ease;
transition:   0.3s ease;}
h3.h3_act_href a:hover span,
h3.h3_act_href a:hover em,
h3.h3_act_href a:hover{color:#3CB7FF; text-decoration:none;  }
h3.h3_act_href a.h3_href em {font-style:normal;}

h3.h3_act_href a.h3_href {padding:8px 0 12px 40px;}

h3.h3_act_href a.ico_1{background:url(../images/ico.png) no-repeat left top;
 -webkit-transition:   0.3s ease;
-moz-transition:   0.3s ease;
-ms-transition:   0.3s ease;
-o-transition:   0.3s ease;
transition:   0.3s ease;}
h3.h3_act_href a.ico_2{background:url(../images/ico-02.png) no-repeat left top;
 -webkit-transition:   0.3s ease;
-moz-transition:   0.3s ease;
-ms-transition:   0.3s ease;
-o-transition:   0.3s ease;
transition:   0.3s ease;}
h3.h3_act_href a.ico_3{background:url(../images/ico-03.png) no-repeat left top;
 -webkit-transition:   0.3s ease;
-moz-transition:   0.3s ease;
-ms-transition:   0.3s ease;
-o-transition:   0.3s ease;
transition:   0.3s ease;}
h3.h3_act_href a.ico_4{background:url(../images/ico-04.png) no-repeat left top;
 -webkit-transition:   0.3s ease;
-moz-transition:   0.3s ease;
-ms-transition:   0.3s ease;
-o-transition:   0.3s ease;
transition:   0.3s ease;}
h3.h3_act_href a.ico_1:hover{background:url(../images/ico_a.png) no-repeat left top; color:#19aae3;}
h3.h3_act_href a.ico_2:hover{background:url(../images/ico_a-02.png) no-repeat left top; color:#19aae3;}
h3.h3_act_href a.ico_3:hover{background:url(../images/ico_a-03.png) no-repeat left top;color:#19aae3;}
h3.h3_act_href a.ico_4:hover{background:url(../images/ico_a-04.png) no-repeat left top;color:#19aae3;}

.cols2 {margin: 30px 0;}


h3.blogpost a {font-size: 16px!important; }

h3.blogpost span {margin-top: 5px; display: block; color: #009ceb;}

.bar {width: 100%; background: url(../images/bar.png) repeat-x; height: 10px;}

.fleft50 {
    float: left;
    width: 575px;
}
.fleft50 img {
    float: left;
    margin-right: 20px;
    height: 120px;
}
.fleft50 div {
    float: left;
    width: 334px;
}
.fleft50 div p {
    
}
.fright50 {
    float: right;
    width: 300px;
}

p.date {
    font-size: 10px!important; 
    color: #a9a9a9;
    margin-top: 5px!important;
    font-style: italic;
    padding: 0 0 0!important;
}


a.readmore {
    color: #3cb7ff!important;
    text-decoration: none;
    font-size: 12px;
    padding-bottom: 10px;
}

a.readmore:hover {
    color: #3cb7ff!important;
    text-decoration: underline;
    font-size: 12px;
    margin-bottom: 10px!important;
}

p.test {
    display: block;
    background: url(../images/test.png) no-repeat;
    font-size: 12px;
    color: #d1d1d1;
    padding: 20px 20px 30px 20px;
    font-style: italic;
     -webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;  
        width: 300px;
        height: 120px;
        text-align: left!important;
}

.picfloat {float: left;}
.namefloat {margin-left: 10px; float: left;}
.name span {font-weight: bold;}
.name { color: #484848!important; float: right; margin: -20px 35px 0 0;}


.prefooter_box:after { clear: both; content: ""; display: block; }
.prefooter_box { width: 100%; margin:0 0 0 0; }
.prefooter_box > div { float: left; vertical-align: top; }
.prefooter_box > div:first-child, .prefooter_box > article:first-child { margin-left: 0; }
.prefooter_box > div:last-child, .prefooter_box > article:last-child { margin-right: 0; }
.pref_box { width:32%; float:left; margin:0 1.3333% 3% 0; padding:0; }
.pref_box.about{margin-right:90px;}
.pref_box.contact{width:150px;}
.pref_box p{color:#afafaf; font-size:12px; }
.pref_box a{color:#5d5d5c!important; text-decoration:underline;}
.pref_box p.bold{font-weight:bold;}
.pref_box .tit {margin-bottom:20px; color:#fff; font-size:18px; margin-top: 30px;}
.pref_box.last {  float:left; margin:0 0 3% 0; padding:0; }
.Flickr { width:20%;  margin:3% 5.3333% 3% 0;}

.menudiv {
    width: 100%;
    border: 1px solid #eaeaea;
    border-left: none;
    border-right: none;
}



.cols44{overflow:visible!important;}
.col44 { width:245px; float:left; padding:0; margin-right:0px; position:relative;  top:0; }
.col44 h3 { position:relative; bottom:0px; margin-bottom:0px;}
.col44 a img { margin-top:0px;}
.col44.last { float:right; margin:0; margin-right:0px;}
.col44.invisible-box { display: none; opacity: 0;  z-index: 1;}
.mask {
    left:0px;
	top:0px;
	background: rgba(0,0,0,0.6);
		-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	width:100%;
	height:100%;
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	z-index:999;
	position:absolute;
		
	padding:0px;
}
.mask span{
    display: block;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	position: relative;
         text-align: left;
         left: 5%;
         bottom: -140px;
        
}
.mask p{
     display: inline-block;
	color:#fff!important;
	font-size:12px;
	padding-top:0px;
	line-height:20px;
        
        
        position: relative;
         text-align: left;
         left: 5%;
         bottom: -125px;
}
a.info {
	display: block;
	text-decoration: none;
	background: url(../images/img_z.png) no-repeat;
	position:absolute;
        
	bottom:71px;
	left:37%!important;
	width:60px!important;
	height:60px!important;
	opacity:0.8;
	overflow:hidden;
}
a.info:hover{
	opacity:1;
}
a.link {
	display: block;
	text-decoration: none;
	background: url(../images/img_z.png) no-repeat;
	position:absolute;
	bottom:41px;
	left:41%!important;
	width:60px!important;
	height:60px!important;
	opacity:0.8;
}
a.link:hover{
	opacity:1;
}
.pic.img-box:hover{
	cursor:pointer;
}
.pic.img-box:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

img.bb {border-bottom: 3px solid #b9c562;}

.somebg {
    width: 100%;
    background: url(../images/dot.png);
    padding: 5px 0 40px;
}

.hrenover {
    background:#f6f6f6;
    padding: 10px 0;
    margin-top: -5px;
	margin-bottom:30px;
}
h2.cl { padding:30px 0; font-weight: lighter;}
.hrenover:hover {
    background: #262626;
}

.hrenover:hover h3 a {
    color: #fff!important;
}

.hrenover:hover p {
    color: #fff!important;
}



.prefooter { padding:0px 0; margin:0 auto; }
.prefooter h2 { padding:15px 0; margin:0; }
.prefooter p { color:#858585; font-size:12px; line-height:1.5em; padding:5px 0; }
.prefooter a { color:#c1c1c1; font-style:italic; }
.pref_blog { width:222px; float:left; margin:0px 15px 5px 0; padding:0; }
.pref_blog.last { margin:0px 0 5px 0; }
a.fl { margin:10px 10px 40px 0; float:left; padding:0; }

img.fgh { background:#3d3d3d; padding:4px; margin:0 3px 0 0; float:left; }
img.fgh:hover { background:#e05d1f; }

.Flickr { float:left;  margin: 0px 20px 5px 0; }
.Flickr img { padding:3px; background:#484848; float:left; margin:5px 4px 5px 0; }
.Flickr img.last { margin:5px 0; }
.Flickr img:hover { padding:2px; border:1px solid #e05d1f; }

#mailform-subscribe {
	color: #fff;
	padding: 20px 0px;
	text-shadow: 1px 1px #111;
}
#mailform-subscribe input {
	font-size: 13px;
	margin-bottom: 10px;
	padding: 5px 0 4px 0;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	
	float:left;
	width:112px;
}
#mailform-subscribe input.email {
	background: #fff url(../images/mailform-subscribe.png) no-repeat 10px center;
	padding-left: 32px;
        height: 21px;
}
#mailform-subscribe input[type="submit"] {
	width: 73px;
	margin:0px 0 0 0px;
	background-color: #3cb7ff;
	
	border-radius: 0px;
	
	color: #ffffff!important;
	cursor: pointer;
	display: inline-block;
	
	padding: 5px 4px 5px 4px !important;
	position: relative;
	text-decoration: none;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	
	font-size: 11px;
	font-weight: normal;
	line-height: 1;
        height: 30px;
}
#mailform-subscribe input[type="submit"]:hover {
	
	color: #fff;
}
#mailform-subscribe input[type="submit"]:active {
	top: 1px
}

.envelope-content-full-size { width:100%; }

.centercol { width:600px; float:left; padding:0; }
.centercol.last {float:right;}

.sidebar {width:300px; float:left;  }
.sidebar h2{
	font-size: 22px;
	margin-top: 0;
}
.sidebar.last { float:right; }
.sidebar ul{
	margin-bottom: 35px;
}
.sidebar ul li{ 
	border-top:solid 1px #ddd; 
	border-bottom:solid 1px #ddd; 
	padding:8px 0; 
	margin: 10px 0;
	list-style: none;
}
.sidebar p a { padding-left: 5px;}

.prefooter { padding:0px 0; margin:0 auto; }
.prefooter h2 { padding:15px 0; margin:0; }
.prefooter p { color:#808080; font-size:12px; line-height:1.5em; padding:5px 0; }
.prefooter a { color:#c1c1c1; font-style:italic; }
.pref_blog { width:23%; float:left; margin:0px 15px 5px 0; padding:0; }
.pref_blog.last { margin:0px 0 5px 0; }
a.fl { margin:10px 10px 40px 0; float:left; padding:0; }


.envelope-content {
    background: #fff;
    margin: 40px 0 0;
}

.envelope-content-full-size { width:100%; }

.centercol { width:65%; float:left; padding:0; }
.centercol.last {float:right;}

.sidebar {background: #ecf7ff; width:30%; float:left; border:solid 1px #ddd; 
	}
.sidebar .pop_posts{
	padding: 20px 10px 0;
}
.sidebar.last { float:right; }


.p404 h2{ font-size:50px!important; color:#e25e54!important;  text-align:center; margin:0px auto 0; line-height:1.2em;  background:none;padding-top: 40px; }
.p404 h2 span{ font-size:22px;  color:#7D7D7D; text-align:center; margin:10px auto 0; line-height:1.2em; }
.p404 p,.p404 a{ font-size:24px; color:#B4B4B4; text-align:center; padding:40px 0 60px; line-height:1.2em; }
.p404 p span { font-size:24px; display:block; text-align:center; margin:20px auto; line-height:1.2em; }
.p404 h2,
.p404 .btn { margin-bottom:0; }
.p404 .content_box { margin-bottom:40px; }

.pic.fl { margin:5px 20px 10px 0; }
.pic.fr { margin:5px 0 20px 10px; }
.fl { float:left; }
.fr { float:right; }

.h2_background {position:relative; }
.h2_background h2 { }

.img-box.pic a img.h2 { position: absolute; top: 0; left: 0; visibility:hidden; background:rgba(0,0,0,0.5) url(../images/img_z.png) center center no-repeat; border:none; display:none; max-width:100%; height: 100%; }
.img-box.pic a:hover img.h2 { visibility:visible; display:block; }


.cols3 { margin:0px auto 0; width:100%; padding:0; text-align:left; }
.col3{ width:960px; margin:0% 0% 2% 0; background:#fff; }
.col3 img {width: 350px; float: left; margin: 0 10px 0 0px;}
.col3 h2{ width: 580px; float: left; padding: 0 0px 0 0; margin: 0 0px 0 0;}
.col3 p { margin:0 0 0 0; padding:0; width: 580px;}
.col3.last { float:right; margin-right:0; }
.col3 h3 {background: #eee; padding: 104px 0 105px 500px;}
.col3 h3 a {font-size: 22px; font-weight: bold;}
.tangodiv {float: left;margin-left: 28px;}


.cols4p { margin:0 auto; width:100%; padding:0; text-align:left; }
.col4p { width:24%; margin:0 12px 0 0; float:left; padding:0;  }
.col4p.last { float:left; margin-right:0; }
.cols4p.bg {background:url(../images/cols4_bg.png) repeat-y top left; padding:10px 0;}
.center_side { margin-top:20px; padding-top:20px; background:url(../images/border.png) repeat-x left bottom; padding-bottom:40px;}
.center_side h2 { display:block; float:left;}

.margin {padding-top: 20px;}

.pluginConnectTextDark {color: #808080!important;}

.nav-panel .tinynav { display: none; }
.main_resise p.button { display: none; }
#slider-wrapper object { width: 100%; }
.change.some h1 span { display: inline; color: #fff;}
.change.some h3 { color: #fff!important; }
.change.some h2 { margin-top: 3px!important; text-align: center!important; font-size: 20px!important; line-height: 30px!important; font-weight: bold!important; color: #fff!important; }
.change.some h1 { margin-top: 3px!important; text-align: center!important; font-size: 20px!important; line-height: 50px!important; font-weight: bold!important; color: #fff!important; }
.change { margin: 20px 0 0 0; }
.change h1 { margin: 0px 0 20px 0 !important; }
.change.some .col2 { width: auto; float: none; }
.change.some .col3 { width: auto; float: none; }
.change.some .col4 { width: auto; float: none; }
.change.some .envelope-header_row_2 h2 { color: #474747!important; }
.change.some  h1.left { text-align: left!important; }
.product img { width: 100%; height: auto; }
.code { padding: 0 12px; width: auto; }
.code h1 { padding: 20px 0 10px 20px; text-align: left; font-size: 24px; color: #fff!important; font-weight: bold; }
.code h3 { font-weight: bold!important; }
.code img { width: 100%; height: auto; }
#ticker1 .tweet_list.tweet_even, #ticker1 .tweet_list, #ticker1 .tweet_list .tweet_even { background: none; color: #fff; }
.column_2 .col2 { background: none; }
.dc_pricingtable05 ul.borderright, .dc_pricingtable05 ul.borderleft, .dc_pricingtable05 ul.borderleft, .dc_pricingtable05 ul.borderleft, .dc_pricingtable06 ul.borderright, .dc_pricingtable06 ul.borderleft { list-style: none; }
.dc_pricingtable05 li { color: #000 !important; }
.one_fourth_pad img { max-width: 100%; height: auto; }
#ticker1 .tweet_list.tweet_even, #ticker1 .tweet_list, #ticker1 .tweet_list .tweet_even { color: #999; }
.pic img { max-width: 100%; height: auto; border:solid 1px #eee}
.extra_cata .box_img{
	float: left;
	width: 49%;
}
.extra_cata .box_msg{
	float: right;
	width: 49%;
}
.clearfix {
    zoom: 1;
}

.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}
.extra_cont1{
	float: left;
	width: 32%;
	margin-top: 40px;
}
.extra_cont1:nth-child(2n){
	margin: 40px 2% 0;
}
.envelope-content-resize{
	margin-bottom: 60px;
}
.extra_cont2{
	display: table;
	width: 100%;
	margin-top: 40px;
}
.extra_cont2 .box1{
	display: table-cell;
	width: 35%;
}
.extra_cont2 .box1 img{
	margin: 0;
}
.extra_cont2 .box2{
	display: table-cell;
	vertical-align: top;
	padding: 10px;
	background: #fff2db;
}