@charset "utf-8";

* { border:0; margin:0 auto; padding:0; outline:none; }

ol, ul, li { list-style:none; }

body { width:100%; margin:0; padding:0; font:normal 12px/150% Meiryo; background:url(images/main_page_bg.png); }

.clr { clear:both; padding:0; margin:0; width:auto; font-size:0px; line-height:0px; }

.bg { clear:both; padding:3px 0 0 0; margin:10px 0; width:auto; background:url(images/h3_bg.png) top repeat-x; }

.sm_bg_bottom { clear:both; background:url(images/shadow.png) center bottom no-repeat; height:13px;  width:100%; margin:-2px -2px -15px -2px; }

.block_margin { clear:both; margin:20px 0 60px 0; }

.fl { float:left; }
.fl-img { float:left; padding:20px; }

.fr { float:right; }

.fl_t { text-align:left;}

h1, h2, h3, h4 { line-height: 120%; }

a { color:#444; text-decoration:none; }

a:hover { color:#3434de;}

p { line-height:1.8em; padding: 0 0 5px; color: #444; margin: 10px 0;}

h1 { font-weight:bold; padding: 0 0px; color:#3434de; text-align:center; line-height: 1.3}

h1 small { color:#939292; font-weight:normal;}

h2 { padding:0; margin:15px 0 10px; font-size: 25px; line-height:1.3; }
h2 a{ color:#000}

h3 {text-align:left; text-transform:uppercase;  padding:0; margin:15px 0 10px; font-size: 20px;line-height:1.3; color: #3434de;}

h3 span { padding:0 10px; background:#fff;}

.disp { padding:0; margin:0; width:100%;}

figure { margin:0; }

.maps_view { width:99%; height:300px; float:left; position:relative; max-height:100%; max-width:100%; }


img {max-width: 100%;}

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



@media \0screen {

img { width: auto;  }

}



a.pic { display: block; position: relative; padding:0; margin:0;}

img.margin_right { margin:0 20px 0 0; }

a.pic img.h { position :absolute; padding:0; top:-1px; bottom:0;  left:0px; visibility:hidden; height: 100%; width: 100%; }

a.pic:hover img.h { background:url(images/img_z.png) center no-repeat; visibility:visible; }


.content_resize { width:980px; margin:0 auto; padding:30px 0 ; max-width: 90%; }


.header {
	background-color: #d3f1ff;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffffff' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}


.logo { text-align: center; padding: 25px 0; margin:0; }

.logo a { font-weight: normal; text-transform:uppercase; }

.logo a span { color:#3a83d7; }

.rss { float:right; width:auto; margin:15px 0 0 0;}

.rss img {margin:0 3px 0 0;width:  inherit;}

img.rss1 { background:url(images/f_1.png) center no-repeat; }

img.rss2 { background:url(images/f_2.png) center no-repeat; }

img.rss3 { background:url(images/f_3.png) center no-repeat; }

img.rss4 { background:url(images/f_4.png) center no-repeat; }

img.rss5 { background:url(images/f_5.png) center no-repeat; }

img.rss1:hover { background:url(images/f_1_1.png) center no-repeat; }

img.rss2:hover { background:url(images/f_2_1.png) center no-repeat; }

img.rss3:hover { background:url(images/f_3_1.png) center no-repeat; }

img.rss4:hover { background:url(images/f_4_1.png) center no-repeat; }

img.rss5:hover { background:url(images/f_5_1.png) center no-repeat; }


.search { width:auto; padding:0 15px 5px 0; margin:-8px 0 0 0; float:right; }

#search span { width:200px; display:block; margin:0; padding:0; float:left; border:1px solid #eaeaea; background:#fff; height:28px; }

#search input#s { float:left; width:150px; padding:8px 0 5px 10px; margin:0; border:none; background:none; color:#cdcdcd; text-transform: none; font-size:11px;}

#search .btn { float:right; padding:5px 4px 0 0; margin:0; border:0; width:auto; }


.top_text { margin: 0 auto 30px; padding:25px 10px;font-weight: normal; text-align:center; font-size:18px; color:#fff;
background: #fff;
 }

.top_text small { text-transform:none; font-size:14px; color:#888; }


.content_text { font-size:18px; color:#4e4e4e; line-height:1.6em; text-transform:uppercase; padding:20px 35px; margin:0 ; }

.content_text span {}

.content_text small { font-size:14px; color:#a1a0a0; text-transform:none;}

.content_text a img { float:right; margin:0; padding:0; height:50px;}

.content_text img.button_1 { background: url(images/lean_more_h.png) no-repeat;}

.content_text img.button_1:hover { background: url(images/lean_more.png) no-repeat;}


.slider_box { margin:0 auto 30px; padding:0; }

.slider_box img { padding:0;  }


.small_box { width:23%; margin:0 15px 3% 0; float:left;}

.small_box.big_box { width:31%; margin:0 15px 3% 0; float:left;}

.small_box { width:23%; padding:0; }

.small_box.last { }

.small_box.bordered { border:1px solid #f2f2f2; background:#e5f0f8; }

.small_box.bordered:hover { background:#abc5e4;}

.small_box h2 { padding:0; margin:0; font-size:14px; font-weight: normal; text-transform:uppercase; color:#515050; }

.small_box h2 img { float:left; }

.small_box h2:hover { color:#3a83d7;}

.small_box h2 span { float:left; margin:9px 0 0 10px; }

.small_box p { padding:8px 10px 0 10px; font-size:16px; line-height:30px; color:#444; text-align:left; }

.small_box p strong { font-size:12px;  text-transform:uppercase; color:#515050; }

.small_box p strong:hover { color:#3a83d7;}


.port3 { width:30%; float:left; margin:0 2% 0 0;}

.port2 {width:47.5%;float:left;margin:2% 0% 4% 1.6%;padding-bottom:20px;}

.small_box.port1 { width:99%; margin:25px 0;}




.colleft {  width:31%; float:left; margin:0 2% 15px 0; padding: 0;}

.colleft.r {  float:right; margin:0 0 15px 2%;}

.colleft.last { width:31%; float:right; margin:0 0 15px 2%;}

.left_side { float:left; margin:0 0 15px 0; padding:0;}

.left_side.last { float:right; margin:0 0 15px 0;}
.left_side h2 {background: #d3f1ff; padding: 12px; border-radius: 15px; border: 3px dashed #fff;}
.left_side h2 a{
	font-size: 19px;
}


.left_side.small {  width:23%;}


.colleft ul { list-style:none; margin:10px 0 30px; padding:0;}

.colleft ul li { padding:8px 10px; margin:7px 0;  background:#fff0f0; color:#333; border-radius: 15px;}

.colleft ul li a {color:#444;}

.colleft ul li:hover { background:#ffd9d9;}

.right_side_big { width:65%; float:right; margin:0 0 15px 2%;}

.right_side_big.l { float:left; margin:0 2% 15px 0;}

.right_side {}


.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; }


.content_blog { width:47%; float:left; margin:15px 20px 15px 0; padding:0; }

.data { max-width:99%; color:#fff; text-align:center; font-size:12px; font-weight:bold; line-height:1.5em; background:url(images/data_bg.png) top center no-repeat; float:left; margin:0 15px 0 0; padding:5px 18px 8px 18px; }

.post { max-width:99%; font-size:12px; color:#555; line-height:1.2em; font-weight:bold; text-transform:uppercase; padding:5px 0; margin:0 0 10px 65px; }

.post span { color:#b6b6b6; font-size:10px; font-style: normal; }

.text { max-width:99%; font-size:11px; color:#a1a0a0; padding:5px 0; margin:0 0 40px 65px; }

.twit_p { background:#fafafa; border:1px solid #eaeaea; padding:15px 20px; margin:15px 0;}

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


img.banner { border:1px solid #eaeaea; padding:15px 21px; background:#fff; float:left; margin:0 1px 0 0; }

img.banner:hover { border: solid 1px #eaeaea; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }


.prefooter { background:url(images/fbg_bg.png); padding:15px 0; margin:0 auto; }

.prefooter h2 { font-size:12px; color:#555555; text-transform:uppercase; padding:15px 0; margin:0; }

.prefooter p { color:#a1a0a0; font-size:12px; line-height:1.5em; padding:5px 0; }

.prefooter a { color:#3a83d7; font-style: normal; }

.pref_blog { width:30%; float:left; margin:5px 32px 5px 0; padding:0; }

.pref_blog.last { margin:5px 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; width:30%; margin: 5px 20px 5px 0; }

.Flickr img { padding:3px; background: none; border:1px solid #d3d3d3; float:left; margin:5px 4px 5px 0; }

.Flickr img.last { margin:5px 0; }

.Flickr img:hover { padding:3px; border:1px solid #a9b5c7; }


.footer { color:#1b1b1b; text-align:left; padding:15px 0; border-top:solid 1px #ddd; }

.footer a { color:#3434de; font-weight: bold; }


.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }


img.h2_hover1 { background:url(images/h2_img_1.png) center no-repeat; }

img.h2_hover2 { background:url(images/h2_img_2.png) center no-repeat; }

img.h2_hover3 { background:url(images/h2_img_3.png) center no-repeat; }

img.h2_hover4 { background:url(images/h2_img_4.png) center no-repeat; }

img.h2_hover5 { background:url(images/h2_img_5.png) center no-repeat; }

img.h2_hover6 { background:url(images/h2_img_6.png) center no-repeat; }

img.h2_hover1:hover { background:url(images/h2_img_1_h.png) no-repeat; }

img.h2_hover2:hover { background:url(images/h2_img_2_h.png) no-repeat; }

img.h2_hover3:hover { background:url(images/h2_img_3_h.png) no-repeat; }

img.h2_hover4:hover { background:url(images/h2_img_4_h.png) no-repeat; }

img.h2_hover5:hover { background:url(images/h2_img_5_h.png) no-repeat; }

img.h2_hover6:hover { background:url(images/h2_img_6_h.png) no-repeat; }





nav { float:left; line-height: 1.8em; position:relative; bottom:10px; }

nav a { text-decoration: none; color: #737373; }

#nav { margin-top:1px; }

#nav li { display: inline; font-size:0.9em; float: left; text-transform: uppercase; border-right:1px solid #efefef; }

#nav li.last { border:none;}

#nav>li>a { display: block; overflow: hidden; padding: 5px 10px 10px 10px; color: #737373; }

#nav>li>a:hover, #nav>li.current-menu-item>a, #nav>li.current_page_item>a, #nav>li>a.active { background:bottom; border:none;}

#nav>li.current-menu-item>a, #nav>li.current_page_item>a, #nav a:hover {  color: #3a83d7; }

#nav>li>a>.subheader { color: #717171; display: block; font-size: 1em; margin-top:0; font-weight: lighter; }

#nav .sf-sub-indicator { float: right; }

#nav>li>a>.sf-sub-indicator { display: none; }



#nav>li ul { display: block; margin-top:18px; background: #3f3f3f; border-top:3px solid #3a83d7; }

#nav>li ul li { border-right:none;}

#nav>li ul li a { background: url(images/sub_menu_ul_li.png) 7px 21px no-repeat; border-bottom:1px solid #484848; padding: 10px 15px; display: block; font-size: 11px; color: #717171; text-decoration: none; }

#nav>li ul li a span { display: block; }

#nav>li ul li a:hover, #nav>li ul li a.active { background:#343434 url(images/sub_menu_ul_li.png) 7px 21px no-repeat;  color: #717171; }








.col44 { width:200px; float:left; padding:0; margin-right:10px; position:relative; top:0px; margin-top:50px; padding-bottom:40px; }

.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; }



.img_hover_box.pic a { display: block; position: relative; margin-bottom:15px; }

.img_hover_box.pic a img { margin:0; }

.img_hover_box.pic a img.h { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }

.img_hover_box.pic a:hover img.h { visibility:visible; }


.btn { margin:12px 0 0; padding:0px 0px 0; text-align:center; }

.btn a { font-size:11px; color:#8f8f8f; text-transform:uppercase; height:33px; padding:8px 12px; background:#f7f7f7; border:1px solid #ebebeb; font-weight:bold; }

.btn a:hover { color:#fff; background:#3a83d7; border-color:#ebebeb; }

.btn a span { color:#ebad00; font-size:12px; font-weight:normal; }

.pic img { padding:0px; background:#ffffff; max-width: 100%; height: auto; }

.pic img.h { background:none; }

.pic.fl { margin:5px 20px 10px 0; }

.pic.fr { margin:5px 0 20px 10px; }

.img_hover_box.pic a img.r_plus { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; height: 100%; width: 100%; }

.img_hover_box.pic a:hover img.r_plus { visibility:visible; }

.txt { margin-top:50px; }




.content_resize .logo a { font-size:28px; color:#454545;}

.dc_tile_portfolio_content h3  { text-align: left; background: none;}

.dc_pricingtable03 li h2 { font-size:24px !important;}

.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { color:#fff !important; background: none !important;}

.dc_pricingtable03 li h2.caption { color:#999 !important; font-size:28px !important;}

.dc_pricingtable06 ul li h3 { font-size:28px !important; color:#fff !important; line-height:180% !important; background: none !important;}

.dc_pricingtable05 ul li h3 { font-size:28px !important; line-height:250% !important; background: none !important;}


#slider-wrapper object { width: 100%; }

iframe.wid5 { height: 400px; width: 100%; }

iframe.wid6 { height: 550px; width: 100%; }

iframe.wid7 { height: 400px; width: 100%; }

iframe.wid8 { height: 500px; width: 100%; }

#mailform-subscribe {
color: #fff;
padding: 20px 15px;
text-shadow: 1px 1px #111;
}
#mailform-subscribe input {
font-size: 13px;
margin-bottom: 10px;
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 2px #ccc;
-moz-box-shadow: 0 2px 2px #ccc;
-webkit-box-shadow: 0 2px 2px #ccc
}
#mailform-subscribe input.email {
background: #fff url(images/mailform-subscribe.png) no-repeat 10px center;
padding-left: 32px
}
#mailform-subscribe input[type="submit"] {
margin: 3px;
background-color: #666;
border-bottom: 1px solid rgba(0,0,0,0.25);
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
color: #ffffff!important;
cursor: pointer;
display: inline-block;
moz-border-radius: 5px;
moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
padding: 5px 10px 6px;
position: relative;
text-decoration: none;
text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
webkit-border-radius: 5px;
webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
font-size: 13px;
font-weight: bold;
line-height: 1;
}
#mailform-subscribe input[type="submit"]:hover {
background-color: #999;
color: #fff;
}
#mailform-subscribe input[type="submit"]:active {
top: 1px
}
.content6 h3{
	padding: 0;
}
.small_box1{
	margin-top: 40px;
}
.small_box1 img{
	float: left;
	margin-right: 15px;
	width: 40%;
}
.cont03{
	margin: 60px 0;
}
.small_box2{
	margin-top: 40px;
	float: left;
    width: 23.5%;
    margin-right: 2%;
}
.small_box2.last{margin-right: 0;}
.describe{
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    padding: 10px;
    margin-bottom: 40px;
}
.describe p{
	padding: 0;
	margin: 0;
}
.cont03{
	padding: 20px;
	background: #f4f4f4;
	border-left: solid 5px #92e1ff;
	border-bottom: solid 3px #d7d7d7;
}