@charset "utf-8";
/************************************

  CSS for PFU Direct
   
  Theme color         : #262680
  Theme color Lighter : #3737BB


*************************************/

/**** default settings *****/

body,h1,h2,h3,h4,h5,h6,p,a,ul,li,blockquote,button {
  font-family: "メイリオ", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

body {
/*	background:url(images/bg_body.png);*/
	background:#f3f3f4;
}

div.bg_cover {
	position:absolute;
	width:100%;
	height:600px;
	background:url(images/bg_cover.png) repeat-x;
	z-index:-1;
}

h2 {
	margin:30px 0;
}


p {
margin:7px 0;
font-size:14px;
}

p span,
h1 span,
h2 span,
h3 span,
h4 span {
	display:inline-block!important;
}

a,
a code {
	color:#262680;
	text-decoration: none;
	-webkit-transition: 0.3s linear;
	   -moz-transition: 0.3s linear;
		 -o-transition: 0.3s linear;
			transition: 0.3s linear;
}

a img {
	-webkit-transition: 0.3s linear;
	   -moz-transition: 0.3s linear;
		 -o-transition: 0.3s linear;
			transition: 0.3s linear;
}

a img:hover {
	opacity:0.8;
}

ul.list-inline:before,
ul.list-inline:after
 {
  display: table;
  content: " ";
}

ul.list-inline:after {
  clear: both;
}

ul.list-inline {
	*zoom:1;
}

ul.list-inline > li {
	float:left;
}

.en,
.en a {
font-family: 'Josefin Slab', serif!important;
font-weight:700!important;
}

.small {
	font-size:90%;
}

blockquote {
background-color:#F5F5F5;
border-left: 3px #CCC solid;
margin: 20px;
padding:2em 1em 1em 1em;
position:relative;
}
blockquote  p{
font-size:1.0em;
color:#333;
}

blockquote:before{
content:"“";
font-family:"ＭＳ Ｐゴシック",sans-serif;
font-style:normal;
font-size:500%;
line-height:1em;
color:#CCC;
position:absolute;
left:0;
top:0;
}
blockquote:after{
content:"”";
font-family:"ＭＳ Ｐゴシック",sans-serif;
font-style:normal;
font-size:500%;
line-height:0em;
color:#CCC;
position:absolute;
right:0.1em;
bottom:0;
}


hr {
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 1.0);
}


/* hack for Bootstrap */

.container {
	background:#FFF;
	padding:0;
	box-shadow:0px 2px 6px rgba(0,0,0,0.3);
}


header.header {
/*
	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
	background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
	background-repeat: repeat-x;
*/
}

.header_pfu {
	height:50px;
	background:url(images/bg_pfu_header.gif) repeat-x;
	padding:0;
	border-bottom:1px #DDD solid;
}

header.header h1 {
	font-size:11px;
	position:absolute;
	top:10px;
	left:15px;
	margin:0;
	padding:0;
	line-height:150%;
}

.header_pfu ul {
	font-size:13px;
	margin:16px 13px 0;
}

.header_pfu ul li {
	padding-left:0;
}

.header_pfu ul li:last-child:after {
	content:"";
	padding-left:0px;
}

.header_pfu ul li a {
	color:#FFF;
}

.header .header-main {
	position:relative;
	border-top:3px #262680 solid;
	padding: 0;
	padding-bottom:50px;
	height:30px;
}

.header .header-main a.btn {
	position:absolute;
	top:10px;
	right:15px;
}

#logo{
	position:absolute;
	top:-8px;
	left:50%;
	margin-left:-90px;
	-webkit-transition: 0.2s linear;
	   -moz-transition: 0.2s linear;
		 -o-transition: 0.2s linear;
			transition: 0.2s linear;
	z-index:3;
}

#logo:hover {
	top:-2px;
}

img#logo:hover {
	opacity:1.0!important;
}


nav.main-nav {
	padding:0;
	margin:0;
}

.main-nav,
.navbar-collapse.collapse.in
 {
	z-index:2;
	background-position: 0% 0%;
	background-repeat: repeat-x;
	margin-bottom: 20px;
}


.main-nav button {
	background:#262680;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.main-nav button:hover {
  background: #3737BB;
}

.main-nav button span{
	display:inline-block;
	padding-left:10px;
}

.nav_caption {
	color:#666;
	font-size:11px;
}

ul.dropdown-menu {
	border:0px ;
}

ul.nav.navbar-nav {
	width:100%;
	padding:0;
}

li.nav-item {
	border-left:1px #FFF solid; 
	border-right:1px #DDD solid; 
	border-bottom:1px #FFF solid; 
	font-weight:normal!important;
	text-align:center;
	float:left;
	background: #CCC url(images/bg_navi.jpg) repeat-x;
}

li:last-child.nav-item {
	border-right:1px #FFF solid; 
}


.navbar-nav>li>a {
	padding:8px 10px;
	color:#333;
	text-shadow:1px 1px 0px #FFF;
	border:none;
}

.navbar-nav>li>a:hover,
.navbar-nav>li.active>a
 {
	background:#FFF;
}

.main-nav .nav .nav-item span {
	opacity:0.6;
	text-transform:none!important;
}

ul.dropdown-menu li {
	text-align:left;
}

.sub-navigation {
	margin-bottom:10px;
	padding:15px 15px 10px;
}

.sub-navigation h2{
	padding-top:8px;
	display:inline-block;
	font-size: 20px;
	margin:0 15px 0 0;
}

.sub-navigation a.btn {
	margin:3px 0;
}

.container_main {
	padding:15px;
	margin-top:10px;
}


.img-responsive.pull-left {
margin-right:15px;
}

.img-responsive.pull-right {
margin-left:15px;
}

.page-wrapper .breadcrumbs ul li {
  color: #aaaaaa;
}
.page-wrapper .breadcrumbs ul li a {
  color: #789F2F;
}
.page-wrapper .breadcrumbs ul li a:hover {
  color: #34655c;
}


.flexslider {
	position:relative;
	margin-bottom:0px;
	overflow:hidden;
	max-height: 500px;

	border: none;
}

.flexslider ul.slides li {
	width: 100%;
	float: left;
	margin-right:-100%;
	position: relative;
	display: none;
}

.flexslider ul.slides li img {
  vertical-align:middle;
  margin: auto;
}

/*
.flex-control-nav {
	top:15px;
	right:15px;
	width:auto;
}
*/

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

.header .header-main {
	height:45px;
}

#logo{
	height:60px;
	margin-left:-60px;
}

.main-nav .container {
	padding:0;
	margin:0;
	width:100%;
}

ul.nav.navbar-nav {
	padding:0;
	margin:0;
/*	background:#FFF url(images/bg_navi.png) repeat-x;*/
}

.navbar-nav>li>a {
	font-size:10px;
}

.navbar-nav>li>a>img {
	width:75%;
}

.flexslider {
	height:auto;
	max-height: 100%;
}

#navigation { 
display:none; /* hide geeklog tiny menu*/
}

} /* end @media(max-width: 767px) */


ul#projects-carousel li {
	height:350px;
}

a.button {
	display:inline-block;
}

a.button.huge {
	font-weight:normal;
	font-size:1.2em;
}

a.button.color,
.button i
 {
	color:#FFF!important;
}


.label {
	display:inline-block;
	font-weight:normal;
	margin:3px 5px 0 0;
	padding:3px 5px;
}

.thumbnail {
	position:relative;
	padding:0px 0px 10px;
	border:none;
	border-radius:0;
/*
	border-bottom:1px #DDD solid;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
*/
}

.thumbnail p,
.thumbnail h3,
.thumbnail h4 {
	padding-left:10px;
	padding-right:10px;
}

.thumbnail img {
	width:100%;
}


.table {
    background-color:#FFF;
    border-bottom:#dedede 1px solid;
}

.table th {
    background-color:#F5F5F5;
}

.wrapper {
	margin-bottom:0;
}

section {
padding:20px 0;
}


.caption {
	font-size:12px!important;
	color:#999!important;
}

.box {
	border:1px #DDD solid;
}

ul.list-bullet {
	list-style:none;
	padding-left:0em;
	font-size:0.9em;
	margin-bottom:0;
}

ul.list-bullet > li {
	padding-left:0em;
}

ul.list-bullet>li:before {
  content: '\f0da'; /* FontAwesome char code inside the '' */
  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 0.7em; /* same as padding-left set on li */
  margin-left: 0em; /* same as padding-left set on li */
}

.lines-on-sides {
  position: relative;
  text-align: center;
}

.lines-on-sides > span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.lines-on-sides:before {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}

.lines-on-sides:before {
  left: 0;
}


/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {

.thumbnail {
	border-bottom:1px #DDD solid;
}

.lines-on-sides {
  display: block;
  border-bottom:2px #ccc solid;
	white-space:normal;
}

.lines-on-sides:after, .lines-on-sides:before {
  width: 0;
  background:none;
  border:none;

}

}


#footer,
.footer
 {
	height:auto;
}

.footer {
  background: #7D98EC url(images/bg_footer.jpg) repeat-x;
  color: #fff;
  margin-bottom:0;
}

.footer p {
  color: #dcdcdc;
}

.footer ul li a {
  color: #DDD;
}

.footer ul li a:hover {
  color: #FFF;
}

.footer ul.footer-link {
	font-size:12px;
	margin-left:15px;
}

.footer ul.social {
	font-size:16px;
}

.footer .copyright {
	margin-left:15px;
	font-size:11px;
	margin-bottom:0;
}

#topcontrol {
  background: #666;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 45px;
  height: 45px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
#topcontrol:hover {
  background: #888;
}
#topcontrol .fa {
  position: relative;
  top: 10px;
  font-size: 25px;
}

.btn {
	border-radius:3px;
}

a.btn {
	color:#FFF!important;	
}

a.btn i{
	color:#FFF!important;	
}


a.btn.btn-default,
a.btn.btn-default i
 {
	color:#333!important;
}


.page-wrapper .page-heading {
border-bottom: 1px solid #CCC;
}

.btn-w100 {
	width:100%;
}

.btn-w80 {
	width:80%;
}

/* custom class */

.header .contact .phone {
	font-size:20px;
}


.tel {
	font-size:24px;
}

.mt0 {
	margin-top:0;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mb0 {
	margin-bottom:0;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mr0 {
	margin-right:0px;
}
.mr5 {
	margin-right:5px;
}
.mr10 {
	margin-right:10px;
}
.ml0 {
	margin-left:0px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}

.pd0 {
	padding:0px;
}

.pd5 {
	padding:5px;
}

.pd10 {
	padding:10px;
}

.pd15 {
	padding:15px;
}

.pt0 {
	padding-top:0px;
}
.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt30 {
	padding-top:30px;
}

.pb0 {
	padding-bottom:0px;
}
.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb30 {
	padding-bottom:30px;
}

.pl0 {
	padding-left:0px;
}

.pl5 {
	padding-left:5px;
}

.pl10 {
	padding-left:10px;
}

.pl15 {
	padding-left:15px;
}

.pl20 {
	padding-left:20px;
}

.pl30 {
	padding-left:30px;
}

.pr0 {
	padding-right:0px;
}

.pr5 {
	padding-right:5px;
}

.pr10 {
	padding-right:10px;
}

.pr15 {
	padding-right:15px;
}

.pr20 {
	padding-right:20px;
}

.pr30 {
	padding-right:30px;
}




.bg-white {
	background:#FFF;
}

.bg-lightgray {
	background:#F5F5F5;
}

.box-shadow {
	box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
}

.border-radius {
	border-radius:4px;
}

.text-center {
	text-align:center;
}

.text-large {
	font-size:130%;
	line-height:140%;
}

.text-small {
	font-size:11px;
}

.text-white {
	color:#FFF;
}
.text-red {
	color:#D90000;
}
.text-bold {
	font-weight:bold;
}

.text-price {
	font-weight:bold;
/*	color:#CC0000; */
}

.text-shadow {
	text-shadow: 1px 1px 3px #333;
}

.text-underline {
	border-bottom:2px #CCC solid;
	padding-bottom: 4px;
}

.text-dotted {
	border-bottom:1px #CCC dotted;
	padding-bottom: 4px;
}

.text-cancel {
	text-decoration:line-through;
}

/* Facebook Like Box width: 100% */

.facebookWrapper{
background:#FFF;
position: relative ;
padding-top: 180px ;
overflow: hidden ;
border:1px #CCC solid;
}

.facebookWrapper iframe {
position: absolute;
top: 0 ;
left: 0 ;
width: 100%!important ;
}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}


/*youtube responsive*/
.youtubeWrapper{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.youtubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}