/*
 *
 * Template Name: Andia
 * Template URI: http://azmind.com
 * Description: Andia - Responsive Agency Template
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */


body {
	background: #fff;
	text-align: center;
	color: #333;
	font-size: 14px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	color: #CCCCCC;
	text-decoration: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
a:hover {
	color: #999;
	text-decoration: none;
}
strong {
	font-weight: bold;
}
/* ----- Header ----- */

.header .navbar {
	margin-bottom: 0;
}
.header .navbar-inner {
	background: #fff;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.header h1 {
	float: left;
	margin: 0;
	text-align: left;
}
.header a.brand {
	display: block;
	text-indent: -9999px;
	width: 340px;
	height: 80px;
	padding-top: -50px;
	background: url(../img/logo.png) center no-repeat;
	clear: left;
}
.header .info {
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	margin-bottom: -20px;
}
.header .logo {
	clear: left;
}
.header ul.nav {
	font-size: 14px;
	text-transform: uppercase;
}
.header ul.nav li a {
	padding: 30px 20px 10px 20px;
	color: #5d5d5d;
	text-shadow: none;
}
.header ul.nav li.current-page a {
	padding-top: 25px;
	border-top: 5px solid #9d426b;
	background: #f8f8f8;
}
.header ul.nav li a:hover {
	background: #9d426b;
	color: #fff;
}
.header ul.nav li a i {
	line-height: 35px;
	color: #aaa;
}
.header ul.nav li a:hover i {
	color: #fff;
}
/* ----- Slider ----- */

.slider {
	margin: 0 auto;
	/* [disabled]background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
*/
	-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;
}
.flexslider {
	margin-top: 45px;
	margin-bottom: 55px;
	border: 6px solid #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 -5px 15px 0 rgba(0,0,0,.05);
	font-weight: normal;
}
.flex-caption {
	position: absolute;
	bottom: 20px;
	max-width: 920px;
	padding: 10px 20px;
	margin: 0;
	background: #1d1d1d; /* browsers that don't support rgba */
	background: rgba(0, 0, 0, .7);
	font-size: 14px;
	line-height: 24px;
	color: #eaeaea;
	text-align: left;
}
.bunner_01 {
	margin: 30px 0;
}
/* ----- Presentation ----- */

.presentation {
	margin: 30px auto;
}
.presentation h2 {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	color: #5d5d5d;
}
.presentation p {
	font-size: 18px;
}
.top_txt {
	letter-spacing: 2px;
	text-align: left;
	line-height: 210%;
}
.movie {
	margin: -30px 0;
}
.movie_txt {
	margin-top: -10px;
	margin-bottom: -10px;
	text-align: center;
}
/* ----- What we do ----- */

.what-we-do {
	margin-top: 30px;
	margin-bottom: 50px;
}
.what-we-do .service {
	padding-bottom: 23px;
	border-bottom: 2px solid #9d426b;
	padding-top: 10px;
	background-color: #FAFAFA;
}
.service02 h4 {
	font-weight: normal;
	letter-spacing: 2px;
	margin: 20px 10px;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.service02 {
	padding-bottom: 23px;
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	/* [disabled]padding: 0 5px;
*/
	height: 300px;
	margin-bottom: 30px;
}
.service02 p {
	padding: 20px;
	line-height: 160%;
	margin-top: -35px;
}
.service03 h4 {
	font-weight: normal;
	letter-spacing: 3px;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 16px;
}
.service03 {
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin: 30px 2% !important;
}
.service03 p {
	padding: 20px;
	line-height: 160%;
	/* [disabled]margin-top: 0px;
*/
}
.service04 {
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	padding: 30px;
	width: 50%;
	margin: 30px 25% !important;
	letter-spacing: 3px;
	font-size: 16px;
}
.service04 p {
	padding: 20px;
	line-height: 160%;
	/* [disabled]margin-top: 0px;
*/
}
.service05 {
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin: 30px 10% !important;
}
.service05 h3 {
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 3px;
	margin-left: 30px;
}
.service05 .home_ico {
	background-image: url(../img/home_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
	padding-bottom: 10px
}
.service05 .tel_ico {
	background-image: url(../img/tel_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
}
.service06 {
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin: 30px 10% !important;
	font-size: 16px;
}
.service06 h3 {
	float: left;
	font-weight: normal;
	font-size: 22px;
	letter-spacing: 3px;
	margin-left: 30px;
}
.service06 ul {
	list-style: none;
	font-size: 15px;
	letter-spacing: 2px;
}
.service06 .home_ico {
	background-image: url(../img/home_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
	padding-bottom: 10px
}
.home_ico {
	background-image: url(../img/home_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
	padding-bottom: 10px
}
.service06 .tel_ico {
	background-image: url(../img/tel_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
}
.tel_ico {
	background-image: url(../img/tel_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
}
.service06 p {
	padding-left: 30px;
}
.service06 .text {
	margin: 20px 0;
	clear: left;
}
.service07 {
	color: #666;
	text-align: left;
	line-height: 160%;
	margin: 30px 5px !important;
}
#select_point {
	float: left;
	text-align: left;
	font-size: 18px;
	letter-spacing: 3px;
	width: 50%;
}
.no {
	color: #9D426B;
	font-family: 'Century Gothic';
	font-size: 20px;
	margin-right: 10px;
}
.no_last {
	color: #9D426B;
	font-family: 'Century Gothic';
	font-size: 20px;
	margin-left: -10px;
	margin-right: 8px;
}
#kanri {
	list-style: none;
	font-size: 16px;
	letter-spacing: 2px;
	padding: 5px;
	margin-top: 10px;
}
#kanri li {
	float: left;
	width: 20%;
	margin-top: 10px;
	margin-right: 10px;
	background-color: #F3F3F3;
	padding: 30px 10px;
}
#kanri .right {
	float: left;
	width: 70% !important;
	background-color: #FFF !important;
	/* [disabled]margin-top: 10px;
*/
	margin-left: 10px;
	border-bottom: 1px solid #CCC;
	margin-top: 10px;
}
.what-we-do .service:hover {
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}
.what-we-do .service .icon-awesome {
	margin-top: 15px;
	font-size: 50px;
	line-height: 50px;
	color: #5d5d5d;
}
.what-we-do .service h4 {
	margin-top: 5px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #5d5d5d;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	font-weight: normal;
}
.what-we-do .service p {
	padding-bottom: 30px;
	line-height: 24px;
	padding: 20px;
	font-size: 14px;
	text-align: left;
}
.what-we-do .service a {
	padding: 5px 22px;
	background: #9d426b;
	color: #fff;
	text-decoration: none;
	-moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.what-we-do .service a:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.what-we-do .service a:active {
	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.title_01 {
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: normal;
	/* [disabled]background-color: #9D426B;
*/
	color: #666666;
	padding-left: 10px;
	border-left: 5px solid #9D426B;
	text-align: left;
}
.title_02 {
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: normal;
	background-color: #9D426B;
	color: #FFF;
	padding-left: 10px;
}
.title_03 {
	font-size: 16px;
	letter-spacing: 3px;
	font-weight: normal;
	/* [disabled]background-color: #A93CA5;
*/
	color: #FFFFFF;
	padding-left: 10px;
	text-align: left;
	background-color: #9D426B;
}
/* ----- Testimonials ----- */

.testimonials {
	margin-top: 50px;
	padding-bottom: 50px;
}
.testimonials-title {
	background: url(../img/line.png) left center repeat-x;
}
.testimonials-title h3 {
	width: 180px;
	margin: 0 auto;
	background: #fff;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	color: #5d5d5d;
	letter-spacing: 2px;
}
.testimonial-list {
	margin-top: 30px;
	text-align: left;
	font-size: 16px;
	line-height: 190%;
}
.testimonial-list img {
	float: left;
	margin: 10px 0 0 60px;
	border: 3px solid #eaeaea;
}
.testimonial-list p {
	padding: 0 60px 0 150px;
	font-size: 14px;
	line-height: 30px;
	/* [disabled]font-style: italic;
*/
}
.testimonial-list .nav-tabs {
	width: 200px;
	float: right;
	border: 0;
}
.testimonial-list .nav-tabs li {
	margin-right: 6px;
}
.testimonial-list .nav-tabs li a {
	width: 12px;
	height: 12px;
	padding: 0;
	background: #eaeaea;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.testimonial-list .nav-tabs li a:hover {
	border: 0;
	background: #ddd;
}
.testimonial-list .nav-tabs li.active a {
	background: #9d426b;
}
#news {
	width: 100%;
	margin: 0 auto;
}
#news dd{
border-bottom: 1px solid #CCCCCC;
    line-height: 160%;
    padding: 5px 20px;
    text-align: left;
    text-decoration: none;
    width: 80%;}
#news dd a {
		color: #973F67;
}
#news dd a:hover {
	color: #FFF;
	background-color: #973F67;
	padding: 5px 0px;
}

/* ----- Footer ----- */

footer {
	margin: 0 auto;
	padding-bottom: 10px;
	background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
	-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;
	color: #FFF;
}
footer a {
	color: #FFF;
	text-decoration: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
footr a:hover {
	color: #333;
	text-decoration: none;
}
footer .widget {
	margin-top: 20px;
	text-align: left;
}
footer .widget h4 {
	margin-top: 20px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	letter-spacing: 2px;
	font-weight: normal;
}
footer .widget p {
	line-height: 24px;
	letter-spacing: 2px;
	font-size: 14px;
}
footer .sitemap {
	line-height: 24px;
	border-bottom: 1px solid #ccc;
	width: 80%;
}
footer .widget i {
	padding-right: 7px;
}
.sns {
	margin-top: 10px;
	margin-bottom: -50px;
}
/* Twitter feed */
.show-tweets {
	margin: 0;
	overflow-y: hidden;
}
.tweet_list {
	height: 10em;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	list-style: none;
}
.tweet_list li {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	line-height: 24px;
}
.tweet_list .tweet_avatar {
	float: left;
}
.tweet_list .tweet_avatar img {
	vertical-align: middle;
}
/* Flickr feed */
.flickr-feed {
	margin: 16px 0 0 0;
	overflow: hidden
}
.flickr-feed li {
	float: left;
	padding: 0 4px 4px 0;
	list-style: none;
}
.flickr-feed li img {
	width: 50px;
	border: 2px solid #eaeaea;
}
.flickr-feed a:hover {
	opacity: 0.7;
}
footer .footer-border {
	margin-top: 30px;
	border-top: 1px dashed #ddd;
}
footer .copyright {
	margin-top: 35px;
	text-align: center;
	font-size: 11px;
	font-family: "Century Gothic";
	letter-spacing: 2px;
}
footer .social {
	margin-top: 10px;
	text-align: right;
}
footer .social a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 0 0 8px;
	vertical-align: middle;
}
footer .social a.twitter {
	background: url(../img/social-icons/twitter.png) left bottom no-repeat;
}
footer .social a.dribbble {
	background: url(../img/social-icons/dribbble.png) left bottom no-repeat;
}
footer .social a.rss {
	background: url(../img/social-icons/rss.png) left bottom no-repeat;
}
footer .social a.pinterest {
	background: url(../img/social-icons/pinterest.png) left bottom no-repeat;
}
footer .social a.flickr {
	background: url(../img/social-icons/flickr.png) left bottom no-repeat;
}
footer .social a.forrst {
	background: url(../img/social-icons/forrst.png) left bottom no-repeat;
}
footer .social a.vimeo {
	background: url(../img/social-icons/vimeo.png) left bottom no-repeat;
}
footer .social a.linkedin {
	background: url(../img/social-icons/linkedin.png) left bottom no-repeat;
}
footer .social a.facebook {
	background: url(../img/social-icons/facebook.png) left bottom no-repeat;
}
footer .social a.email {
	background: url(../img/social-icons/email.png) left bottom no-repeat;
}
footer .social a.github {
	background: url(../img/social-icons/github.png) left bottom no-repeat;
}
footer .social a.behance {
	background: url(../img/social-icons/behance.png) left bottom no-repeat;
}
footer .social a.googleplus {
	background: url(../img/social-icons/googleplus.png) left bottom no-repeat;
}
footer .social a.youtube {
	background: url(../img/social-icons/youtube.png) left bottom no-repeat;
}
footer .social a.skype {
	background: url(../img/social-icons/skype.png) left bottom no-repeat;
}
footer .social a.tumblr {
	background: url(../img/social-icons/tumblr.png) left bottom no-repeat;
}
footer .social a:hover {
	background-position: left top;
}
/* ----- Page title ----- */

.page-title {
	margin: 0 auto;
	padding: 30px 0 35px 0;
	background: #f8f8f8 url(../img/pattern.jpg) left top repeat;
	-moz-box-shadow: 0 5px 15px 0 rgba(157, 66, 107) inset, 0 -5px 15px 0 rgba(157, 66, 107) inset;
	-webkit-box-shadow: 0 5px 15px 0 rgba(157, 66, 107) inset, 0 -5px 15px 0 rgba(157, 66, 107) inset;
	text-align: left;
}
.page-title h2 {
	display: inline;
	margin-left: 10px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
	vertical-align: middle;
}
.page-title p {
	display: inline;
	margin-left: 5px;
	font-size: 12px;
	/* [disabled]font-style: italic;
*/
	vertical-align: middle;
	color: #FCC;
	letter-spacing: 2px;
}
.page-title-icon {
	margin-left: 20px;
	font-size: 46px;
	color: #ccc;
	vertical-align: middle;
}
/********** ----- ABOUT PAGE ----- **********/

/* ----- About us text ----- */

.about-us {
	margin-top: 20px;
}
.about-us-text {
	padding: 10px 0;
	text-align: left;
}
.about-us-text h4 {
	margin-top: 25px;
	padding: 0 20px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.about-us-text p {
	padding: 0 20px;
	line-height: 28px;
	font-size: 13px;
}
/* ----- Meet our team ----- */

.team {
	margin-top: 30px;
}
.team-title {
	background: url(../img/line.png) left center repeat-x;
}
.team-title h3 {
	width: 220px;
	margin: 0 auto;
	background: #fff;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	color: #5d5d5d;
}
.team-text {
	margin-top: 40px;
	padding-bottom: 20px;
	background: #f8f8f8;
	border-bottom: 2px solid #9d426b;
}
.team-text:hover img {
	opacity: 0.7;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
.team-text:hover {
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}
.team-text .social-links {
	margin-top: 15px;
}
.team-text .social-links a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 4px;
	vertical-align: middle;
}
.team-text .social-links a.twitter {
	background: url(../img/social-icons/twitter.png) left top no-repeat;
}
.team-text .social-links a.dribbble {
	background: url(../img/social-icons/dribbble.png) left top no-repeat;
}
.team-text .social-links a.pinterest {
	background: url(../img/social-icons/pinterest.png) left top no-repeat;
}
.team-text .social-links a.flickr {
	background: url(../img/social-icons/flickr.png) left top no-repeat;
}
.team-text .social-links a.forrst {
	background: url(../img/social-icons/forrst.png) left top no-repeat;
}
.team-text .social-links a.vimeo {
	background: url(../img/social-icons/vimeo.png) left top no-repeat;
}
.team-text .social-links a.linkedin {
	background: url(../img/social-icons/linkedin.png) left top no-repeat;
}
.team-text .social-links a.facebook {
	background: url(../img/social-icons/facebook.png) left top no-repeat;
}
.team-text .social-links a.email {
	background: url(../img/social-icons/email.png) left top no-repeat;
}
.team-text .social-links a.behance {
	background: url(../img/social-icons/behance.png) left top no-repeat;
}
.team-text .social-links a.googleplus {
	background: url(../img/social-icons/googleplus.png) left top no-repeat;
}
.team-text .social-links a.youtube {
	background: url(../img/social-icons/youtube.png) left top no-repeat;
}
.team-text .social-links a.skype {
	background: url(../img/social-icons/skype.png) left top no-repeat;
}
.team-text .social-links a.tumblr {
	background: url(../img/social-icons/tumblr.png) left top no-repeat;
}
.team-text .social-links a:hover {
	background-position: left bottom;
}
.team-text h4 {
	margin-top: 20px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.team-text p {
	line-height: 24px;
}
#frame01 {
	width: 80%;
	margin: 0 auto;
	letter-spacing: 2px;
	border: 1px solid #ccc;
}
#frame01 th, td {
	border: 1px solid #ccc;
	padding: 20px;
	text-align: left;
}
/********** ----- CONTACT PAGE ----- **********/

/* ----- Form ----- */

.contact-us {
	margin-top: 20px;
	padding-bottom: 50px;
	text-align: left;
}
.contact-us h4 {
	margin-top: 25px;
	padding: 0 20px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.contact-us p {
	padding: 0 20px;
	line-height: 28px;
	font-size: 18px;
}
.contact-form {
	padding: 10px 0;
}
.contact-form p {
	margin-top: 15px;
}
.contact-us form {
	margin-top: 25px;
	padding: 0 20px;
}
.contact-us form input, .contact-us form textarea {
	width: 90%;
	height: 24px;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #888;
	font-size: 13px;
}
.contact-us form input:focus, .contact-us form textarea:focus {
	border: 1px solid #bbb;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.contact-us form textarea {
	height: 160px;
}
.contact-us form button {
	width: 120px;
	height: 30px;
	margin-top: 15px;
	background: #9d426b;
	border: 0;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	color: #fff;
	-moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}
.contact-us form button:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.contact-us form button:active {
	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.contact-us form label {
	margin-top: 10px;
	font-size: 13px;
}
 .contact-us form input:-moz-placeholder, .contact-us form textarea:-moz-placeholder {
color: #ccc;
}
.contact-us form input:-ms-input-placeholder, .contact-us form textarea:-ms-input-placeholder {
color: #ccc;
}
.contact-us form input::-webkit-input-placeholder, .contact-us form textarea::-webkit-input-placeholder {
color: #ccc;
}
/********** ----- SERVICES PAGE ----- **********/

/* ----- Services full width text ----- */

.services-full-width {
	margin-top: 20px;
}
.services-full-width-text {
	padding: 10px 0 0 0;
	text-align: left;
}
.services-full-width-text h4 {
	margin-top: 25px;
	padding: 0 20px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	letter-spacing: 3px;
}
.services-full-width-text p {
	padding: 0 20px;
	line-height: 28px;
	font-size: 16px;
	letter-spacing: 2px;
}
/* ----- Services half width text ----- */

.services-half-width {
	margin-top: 20px;
}
.services-half-width-text {
	padding: 10px 0;
	text-align: left;
}
.services-half-width-text h4 {
	margin-top: 25px;
	padding: 0 20px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
.services-half-width-text p {
	padding: 0 20px;
	line-height: 28px;
	font-size: 13px;
}
/* ----- Call to action ----- */

.call-to-action {
	margin-top: 20px;
	padding-bottom: 50px;
}
.call-to-action-text {
	padding: 25px 0 20px 0;
	text-align: left;
	background: #f8f8f8;
	overflow: hidden;
}
.call-to-action-text:hover {
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.05), 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
}
.call-to-action-text .ca-text, .call-to-action-text .ca-button {
	float: left;
	padding: 0 0 0 35px;
	line-height: 30px;
	font-size: 18px;
	/* [disabled]font-style: italic;
*/
}
.call-to-action-text .ca-button {
	float: right;
	padding: 0 35px 0 0;
}
.call-to-action-text .ca-button a {
	padding: 5px 22px;
	background: #9d426b;
	color: #fff;
	text-decoration: none;
	-moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
.call-to-action-text .ca-button a:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.call-to-action-text .ca-button a:active {
	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset, 0 -1px 25px 0 rgba(0,0,0,.05) inset;
}
/********** ----- PORTFOLIO PAGE ----- **********/

.portfolio-page {
	margin-top: 20px;
	padding-bottom: 50px;
}
.portfolio-page h4.filter-portfolio {
	margin-top: 35px;
	padding: 0 20px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #5d5d5d;
	text-align: left;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
}
ul.portfolio-img {
	margin: 0;
	overflow: hidden;
}
ul.portfolio-img li {
	list-style: none;
}
.filter-portfolio a {
	color: #5d5d5d;
	text-decoration: none;
}
.filter-portfolio a:hover {
	color: #9d426b;
	text-decoration: none;
}
.filter-portfolio a#active-imgs {
	color: #9d426b;
}
.filter-portfolio a#active-imgs:hover {
	color: #5d5d5d;
}
#list {
	margin: 0 15%;
}
#akeno_photo {
	width: 100%;
	margin: 0 5%;
}
#akeno_photo .span5 {
	width: 35%;
	margin-left: 80px !important;
}
#usuki_photo {
	width: 100%;
	margin: 0 15%
}
#usuki_photo .span3 {
	width: 23%;
}
/* ----- Media queries ----- */

@media (min-width: 980px) and (max-width: 1200px) {
.navbar .nav.pull-right {
	float: right;
	margin-right: 0;
}
.header a.brand {
	display: block;
	text-indent: -9999px;
	width: 200px;
	height: 80px;
	padding-top: -50px;
	background: url(../img/logo.png) center no-repeat;
	clear: left;
}
.navbar .nav.pull-right {
	float: right;
	margin-right: 0;
	margin-top: 20px;
}
.flex-caption {
	max-width: 700px;
}
.what-we-do .service p, .portfolio .work p {
	padding-left: 10px;
	padding-right: 10px;
}
.call-to-action-text {
	padding-bottom: 30px;
}
.call-to-action-text .ca-text {
	padding: 0 35px;
}
.call-to-action-text .ca-button {
	margin-top: 10px;
}
#photo .span4 {
	width: 95%;
}
.span5 {
	width: 80%;
}
.container .span4 {
	width: 31%;
}
.span3 {
	width: 46.5%;
}
.service02 {
	padding-bottom: 23px;
	background: #f8f8f8;
	font-size: 16px;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border: 5px solid #9F406B;
	/* [disabled]padding: 0 5px;
*/
	height: 350px;
	margin-bottom: 30px;
}
.service02 h4 {
	line-hight: 160%;
}
.service02 img {
	max-width: 40%;
}
.service02 p {
	padding: 10px;
	line-height: 160%;
	letter-spacing: 1px;
	margin-top: 5px;
}
.box01, .box02, .box05, .box06 {
	height: 280px;
}
.box04, .box03 {
	height: 300px;
}
.span5 {
	width: 40%;
}
.span7 {
	width: 50%;
}
.contact_map {
	width: 410px
}
#akeno_photo .span5 {
	width: 39%;
	margin-left: 80px !important;
}
#list {
	width: 100%;
}
#select_point {
	float: left;
	text-align: left;
	font-size: 16px;
	letter-spacing: 3px;
	width: 50%;
	margin-left: -70px;
}
#usuki_photo {
	width: 100%;
	margin: 0 15%
}
#usuki_photo .span3 {
	width: 23%;
}
}
 @media (min-width: 768px) and (max-width: 979px) {
.sns {
	display: none
}
.header a.brand {
	display: block;
	width:700px ;
	height: 80px;
	padding-top: -50px;
	background: url(../img/logo.png) center no-repeat;
	clear: left;
}
.header .info{width:700px;}
.movie_size{width:200px;}
.header ul.nav li a {
	padding: 15px 20px 15px 20px;
	font-weight: normal;
	text-align: left;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.header ul.nav li.current-page a {
	padding-top: 15px;
}
.header ul.nav li a i, .header ul.nav li a br {
	display: none;
}
.flex-caption {
	max-width: 500px;
}
.what-we-do .service p, .portfolio .work p {
	padding-left: 10px;
	padding-right: 10px;
}
.call-to-action-text {
	padding-bottom: 30px;
}
.call-to-action-text .ca-text {
	padding: 0 35px;
}
.call-to-action-text .ca-button {
	margin-top: 10px;
}
.service {
	width: 47%;
	margin: 10px;
}
.service02 {
	padding-bottom: 23px;
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	/* [disabled]padding: 0 5px;
*/
	width: 47%;
	margin-bottom: 30px;
}
.service02 h4 {
	line-height: 160%;
	padding: 10px 0 10px 0;
	color: #39C;
	font-weight: bold;
	letter-spacing: 3px;
}
.service02 p {
	letter-spacing: 2px;
}
.service02 img {
	max-width: 50%;
}
.service06 {
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin: 30px auto !important;
	font-size: 14px;
	width: 100%;
}
.span4 {
	width: 100%;
}
#select_point {
	float: left;
	text-align: left;
	font-size: 16px;
	letter-spacing: 3px;
	width: 50%;
	margin-left: -70px;
}
.no {
	color: #9D426B;
	font-family: 'Century Gothic';
	font-size: 20px;
	margin-right: 10px;
}
.no_last {
	color: #9D426B;
	font-family: 'Century Gothic';
	font-size: 20px;
	margin-left: -10px;
	margin-right: 8px;
}
#list {
	width: 100%
}
#akeno_photo {
	width: 100%;
	margin: 0 15%;
}
#akeno_photo .span5 {
	width: 35%;
	margin-left:10px !important;
}

.span4 {
	width: 45%;
	margin-top: 30px;
}
.span7 {
	width: 40%;
}
.container .span4 {
	width: 220px;
}
.span5 img {
	max-width: 100%;
}
#frame01 {
	width: 100%;
	margin: 0 auto;
	letter-spacing: 2px;
	border: 1px solid #ccc;
}
#frame01 th, td {
	border: 1px solid #ccc;
	padding: 20px;
	text-align: left;
}
.span7 {
	width: 370px;
}
.contact_map {
	width: 340px!important
}

#usuki_photo {
	width: 100%;
	margin: 0 15%
}
#usuki_photo .span3 {
	width: 23%;
}

}
 @media (max-width: 767px) {
body {
	padding-left: 0;
	padding-right: 0;
}
.navbar .nav.pull-right {
	float: right;
	margin-right: 0;
}
.slider, .what-we-do, .portfolio {
	padding: 0 20px;
}
.what-we-do {
	margin-top: 30px;
}
.header ul.nav li a {
	padding: 15px 20px 15px 20px;
	font-weight: normal;
	text-align: left;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.header ul.nav li.current-page a {
	padding-top: 15px;
}
.header ul.nav li a i, .header ul.nav li a br {
	display: none;
}
.flex-caption {
	display: none;
}
.presentation, footer, .testimonials {
	padding-left: 20px;
	padding-right: 20px;
}
.presentation p {
	line-height: 30px;
}
.what-we-do .service p, .portfolio .work p {
	padding-left: 10px;
	padding-right: 10px;
}
.what-we-do .service .icon-awesome {
	padding-top: 10px;
}
.page-title p {
	display: block;
	margin-top: 10px;
	margin-left: 20px;
}
.call-to-action-text {
	padding-bottom: 30px;
}
.call-to-action-text .ca-text {
	padding: 0 35px;
}
.call-to-action-text .ca-button {
	margin-top: 10px;
}
.portfolio-page {
	padding-bottom: 50px;
}
.tweet_list {
	height: 6em;
}
}
 @media (max-width: 480px) {
	 .header a.brand {
	display: block;
	width:320px ;
	height: 80px;
	padding-top: -50px;
	background: url(../img/logo.png) center no-repeat;
	clear: left;
}
.header .info{width:auto;}

.navbar .nav.pull-right {
	float: right;
	margin-right: 0;
}
.tweet_list {
	height: 10em;
}
.sns {
	display: none !important;
}
.presentation p {
	font-size: 14px;
}
.services-full-width-text p {
	padding: 0 20px;
	line-height: 28px;
	font-size: 14px;
	letter-spacing: 1px;
}
.top_txt {
	letter-spacing: 2px;
	text-align: left;
	line-height: 210%;
}
.header .info {
	font-weight: normal;
	font-size: 9px;
	text-align: center;
	margin-bottom: -20px;
}
.header .newsnews {
	font-weight: normal;
	font-size: 9px;
	text-align: center;
	margin-bottom: -20px;
}
.header .logo {
	clear: left;
	margin-left: -30px;
}
.bunner_01 {
	margin: 10px 0 -50px 0;
}
.service02 {
	padding-bottom: 23px;
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border: 5px solid #9F406B;
	/* [disabled]padding: 0 5px;
*/
	height: 350px;
	margin-bottom: 30px;
}
.service02 img {
	max-width: 50%;
}
.service02 p {
	padding: 10px;
	line-height: 160%;
	letter-spacing: 1px;
}
.service02 h4 {
	line-height: 160%;
	padding: 10px 0 10px 0;
	color: #39C;
	font-weight: bold;
	letter-spacing: 3px;
}
.box08 {
	height: 250px;
}
.box01, .box02, .box06 {
	height: 280px;
}
.box04 {
	height: 300px;
}
.service06 h3 {
	margin-bottom: -10px;
}
.service06 img {
	margin-top: -5px;
	margin-left: 15px;
	margin-bottom: 15px;
	max-width: 90%;
	text-align: center;
}
.service06 {
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin: 30px auto !important;
	font-size: 14px;
	height: 250px;
}
.service06 .home_ico {
	background-image: url(../img/home_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: -10px;
}
.service06 .tel_ico {
	background-image: url(../img/tel_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
}
#list {
	margin: -20px 0 0 -20px;
}
#select_point {
	float: left;
	text-align: left;
	font-size: 13px;
	letter-spacing: 3px;
	width: 100%;
	margin-bottom:-10px;
}
.no {
	color: #9D426B;
	font-family: 'Century Gothic';
	font-size: 16px;
	margin-right: 5px;
}
.no_last {
	color: #9D426B;
	font-family: 'Century Gothic';
	font-size: 16px;
	margin-left: -10px;
	margin-right: 3px;
}
#frame01 {
	width: 100%;
	margin: 0 auto;
	letter-spacing: 2px;
	border: 1px solid #ccc;
}
#frame01 th, td {
	border: 1px solid #ccc;
	padding: 20px;
	text-align: left;
}
/* ----- Google maps ----- */

.map {
	margin: 20px 30px 40px -10px;
	width: 250px;
	height: 300px;
	border: 5px solid #f8f8f8;
}
.service03 {
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin: -10px 1%  10px !important;
}

.service03 h4 {
	font-weight: normal;
	letter-spacing: 3px;
	padding-top: 20px;
    font-size: 16px;
}
.service05 {
	background: #f8f8f8;
	color: #666;
	text-align: left;
	line-height: 160%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	margin-left:-1% !important;
	margin-top:-50px !important; 
}
.service05 h3 {
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 3px;
	margin-left: 20px;
	padding-top:10px;
}
.service05 .home_ico {
	background-image: url(../img/home_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
	padding-bottom: 30px;
	margin-left:-10px !important;
}
.service05 .tel_ico {
	background-image: url(../img/tel_ico.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 30px;
	padding-bottom: 20px;
	margin-left:-10px !important;
}
#akeno_photo .span5 {
	width:90%;
	margin-left:-3% !important;
}

#akeno_photo {
	width: 100%;
	margin: 0 3%;
}
#akeno_photo .span5 {
	width: 100%;
	float:left;
	margin-bottom:10px !important;
}


#usuki_photo {
	width: 100%;
	margin: 0 3%;
	margin-bottom:-30px !important;
}
#usuki_photo .span3 {
	width: 100%;
	float:left;
	margin-bottom:10px !important;
	margin-left:-2% !important;
}
.span4 {
	width: 80%;
	margin-top: 30px;
	margin-left:30px;
}

 }