body {
	padding-top:		20px;
	padding-bottom:		0;
	font-family:		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family:		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.jumbotron h1,
.jumbotron h2,
.jumbotron h3 {
	margin-top:			0pt;
	margin-bottom:		5pt;
}

h1 {
	padding:			8px;
	border-left:		Solid 8px rgb(217, 83, 79);
}

.navbar-header {
	height:				60px;
}
.navbar-header button {
	position:			absolute;
	right:				10px;
	z-index:			10;
}	
.nav.navbar-collapse.in {
	padding-bottom:		4px;
}

#logo img {
	width:				119px;
	height:				60px;
}
.product_name {
	position:			relative;
	top:				10px;
	color:				#FFF;
	margin-right:		20px;
	font-size:			110%;
	white-space:		nowrap;
}
@media screen and (max-width: 480px) {
	.navbar-header {
		height:				45px;
	}
	#logo img {
		width:				90px;
		height:				45px;
	}
	.product_name {
		top:				4px;
		font-size:			90%;
	}
	.navbar-toggle {
		zoom:				0.8;
	}
}
.navbar .nav {
	position:			relative;
	left:				120px;
	left:				0\9; /* IE 8+ */
	margin-left:		120px\9; /* IE 8+ */
}
@media screen and (max-width: 900px) {
	.navbar .nav {
		left:				120px;
		max-width:			630px;	/* ヘッダーメニュー文字列長に応じて、max-widthとあわせて調整必要 */
	}
}
@media screen and (max-width: 767px) {	/* ヘッダーメニュー縮小表示時の調整 */
	.navbar .nav {
		left:				0;
	}
}

.nav > li > a {
	padding-top:		8px;
	padding-bottom:		0;
}

#myCarousel .carousel-caption {
	background:			rgb(217, 83, 79);
	background:			rgba(217, 83, 79, 0.9);
	border-radius:		10px;
}

#myCarousel .carousel-caption h1 {
	font-size:			200%;
}

#myCarousel .carousel-control {
	color:				#FFF;
}
#myCarousel .carousel-control:hover,
#myCarousel .carousel-control:focus {
	color:				rgb(217, 83, 79);
	text-shadow:		0px 1px 1px #FFF;
	opacity:			0.9;
}
#myCarousel .carousel-control {
	background:			#EEE;
	filter:				alpha(opacity=60);
	opacity:			0.6;
	max-width:			100px;
	max-width:			1000px\9; /* IE 8+ */
}
:root #myCarousel .carousel-control {
    max-width:			100px;\9; /* IE 9+ */
}

#myCarousel .carousel-control span {
	font-size:			240%;
}
.carousel-control .glyphicon-chevron-right {
	right:				20%;
}
.carousel-control .glyphicon-chevron-left {
	left:				20%;
}
.carousel-indicators {
	padding-top:		10px;
}

.contact p{
	margin-bottom:		0px;
}

.contact strong{
	font-size:			160%;
}

#gototop {
	text-align:			right;
	position:			fixed;
	bottom:				10px;
	right:				10px;
	padding:			6px 12px;
	border-radius:		8px;
	background:			#000;
	opacity:			0.6;
	cursor:				pointer;
}
#gototop:hover {
	opacity:			1;
}
#gototop a {
	text-decoration:	none;
	color:				#FFF;
	font-size:			80%;
}

.carousel-inner > .item > img.slide {
	margin-right:		auto;
	margin-left:		auto;
	min-width:			auto;
	height:				auto;
	min-height:			100%;
}

.container > .lead{
	height:				200px;
}

.carousel {
	margin-bottom:		0px;
}

.jumbotron {
	padding:			0 !important;
	background:			#C1C1C1;
	margin-top:			30px;
	border-bottom:		solid 1px #C1C1C1;
}
.jumbotron .fullwidh {
	padding:			0;
}

.featurette-divider {
	margin-top:			60px;
	padding-top:		85px;
	margin-bottom:		0px;
	clear:				both;
}

h2.featurette-heading {
	border-left:		solid 6px rgb(217, 83, 79);
	border-right:		solid 6px rgb(217, 83, 79);
	background:			rgb(255, 240, 160);
	padding:			0.2em 18px 0.1em 18px;
	margin-top:			10px !important;
	border-radius:		4px;
	font-size:			230%;
}


h3.featurette-subheading {
	position:			relative;
	padding-left:		30px;
	border-bottom:		2px solid #ccc;
	line-height:		130%;
}
h3.featurette-subheading:after,
h3.featurette-subheading:before {
	content:			'';
	display:			block;
	background:			#5cb85c;
	position:			absolute;
	height:				18px;
	width:				4px;
	top:				2px;
	left:				15px;
	border-radius:		10px;
	-webkit-border-radius:	10px;
	-moz-border-radius:	10px;
	transform:			rotate(45deg);
	-webkit-transform:	rotate(45deg);
	-moz-transform:		rotate(45deg);
	-o-transform:		rotate(45deg);
	-ms-transform:		rotate(45deg);
}
h3.featurette-subheading:before{
	transform:			rotate(-45deg);
	-webkit-transform:	rotate(-45deg);
	-moz-transform:		rotate(-45deg);
	-o-transform:		rotate(-45deg);
	-ms-transform:		rotate(-45deg);
	height:				10px;
	top:				10px;
	left:				7px;
}

.divider {
	margin-top:			0px;
	padding-top:		50px;
	visibility:			hidden;
}

.featurette-image:hover {
}
span.imgzoom {
	position:			absolute;
	top:				20px;
	font-size:			220%;
	color:				#FFF;
	right:				30px;
	text-shadow:		1px 0px 1px #333;
	background:			rgb(217, 83, 79);
	background:			rgba(217, 83, 79, 0.9);
	padding:			4px;
	width:				43px !important;
	border-radius:		4px;
	border:				solid 1px #FFF;
}
span.imgzoom:hover {
	opacity:			0.9;
}

table.basic th {
	background:			#5cb85c;
	color:				#FFF;
}
table.option th {
	background:			#428bca;
	color:				#FFF;
}

.note {
	border:				solid 1px #333;
	padding:			10px 10px 10px 40px;
	border-radius:		4px;
	margin-top:			20px;
}

#footer {
	margin-top:			20px;
	margin-bottom:		0em;
	padding:			24px 0 10px 0;
	background:			#DDD;
	color:				#000;
}
p.footer {
	padding-top:		20px;
	text-align:			center;
	font-size:			80%;
}
p.footer-head {
	font-size:			120%;
	position:			relative;
	padding:			6px 6px 2px 6px;
	background-color:	rgb(217, 83, 79);
	color:				#fff;
	border-radius:		3px;
	clear:				both;
}
p.footer-head:before {
	content:			'';
	height:				0;
	width:				0;
	display:			block;
	border:				10px transparent solid;
	border-right-width:	0;
	border-left-color:	rgb(217, 83, 79);
	position:			absolute;
	top:				24px;
	left:				15px;
	transform:			rotate(-270deg);
	-webkit-transform:	rotate(-270deg);
	-moz-transform:		rotate(-270deg);
	-o-transform:		rotate(-270deg);
	-ms-transform:		rotate(-270deg);
}

#footer .nav-pills li {
	margin-left:		0;
}
#footer .nav-pills li a {
	padding:			0;
	margin-left:		6px;
	margin-bottom:		4px;
}

#footer .navbar-nav>li {
	padding:			0;
	margin-right:		4px;
}
#footer .navbar-nav>li.last {
}
#footer .navbar-nav li a {
	color:				#FFF;
	padding:			4px 12px;
	background:			#428bca;
	border-radius:		20px;
	line-height:		240%;
}
#footer .navbar-nav li a:hover {
	opacity:			0.9;
}
#footer .navbar-nav {
	margin-bottom:	10px;
	margin-left:	0;
}