@charset "utf-8";
/* CSS Document */
body.lower a:link	{
	text-decoration: none;
	color: #222;
}
body.lower a:visited	{
	text-decoration: none;
	color: #222;
}
body.lower a:hover	{
	text-decoration: underline;
	color: #464646;
}
body.lower footer a:hover{
	text-decoration: none;
}
body.lower a:active	{
	text-decoration: none;
	color:#222;
}
body.lower{
	background: #f3f3f3;
}

body.lower .lowerButton_Wrapper a.lowerButton,
body.lower header .innerWrapper nav a{
	color: #fff;
}

body.lower #modal a:link,
body.lower #modal a:visited,
body.lower #modal a:hover{
	color: #fff;
	text-decoration: none;
}

body.lower header {
	width: 100%;
	background: #f3f3f3;
	height: 99px;
	text-align: center;
}
body.lower .innerWrapper {
	width: 1000px;
	margin: 0 auto;
}
body.lower header .innerWrapper {
	padding-top: 26px;
}
body.lower header .innerWrapper h1 {
	width: 230px;
	float: left;
	text-align: left;
	padding-top: 5px;
}
body.lower header .innerWrapper h1 img {
	width: 193px;
}
body.lower header .innerWrapper nav {
	width: 762px;
	float: left;
	border: solid 0px red;
}
body.lower header .innerWrapper nav a {
	display: block;
	border-radius: 6px;
	padding: 16px 0;
	color: #fff;
	transition: background 0.8s;
	text-align: center;
}
body.lower header .innerWrapper nav a:hover{
	text-decoration: none;
}

body.lower header .innerWrapper nav a:first-child {
	width: 127px;
	float: left;
	background: #4f4f4f;
}
body.lower header .innerWrapper nav a:nth-child(2) {
	width: 240px;
	float: left;
	margin-left: 17px;
	background: #4f4f4f;
}
body.lower header .innerWrapper nav a:last-child {
	width: 207px;
	float: right;
	background: url(../img/guide/icon_custom.png) no-repeat 11px 12px #29bfea;
	margin-left: 17px;
	text-align: left;
	padding-left: 40px;
}
body.lower header .innerWrapper nav a:first-child:hover, body.lower header .innerWrapper nav a:nth-child(2):hover {
	background: #858585;
}
body.lower header .innerWrapper nav a:last-child:hover {
	background: url(../img/guide/icon_custom.png) no-repeat 11px 12px #1095ea;
}
.breadcrumbs{
	background: #d9d9d9; text-align: center;
	width: 100%;
}
.breadcrumbs ol{
	width: 1000px;
	border:  solid 0px red;
	padding: 15px 0;
	margin: 0 auto;
	text-align: left;
}
.breadcrumbs ol li {
  display: inline;
  list-style-type: none;
}
.breadcrumbs ol li:before {
  content: " > ";
}
.breadcrumbs ol li:first-child:before {
  content:"";
}
.breadcrumbs ol li:after{
display: inline;
}
.breadcrumbs ol li span {
	color: #222;
}
.breadcrumbs ol li span:hover{
	color: #464646;
}
body.lower h2.PageTitle{
	background: #fff;
	width: 100%;
	text-align: center;
}
body.lower h2.PageTitle span{
	display: block;
	padding-bottom: 25px;
}
body.lower h2.PageTitle img{
	margin: 53px 0 23px 0;
}
body.lower .inner{
	width: 1000px;
	margin: 0 auto;
}
body.lower .inner h2{
	font-size: 37px;
	letter-spacing: 0.2em;
	padding: 60px 0 30px 0;
}
body.lower main article figcaption,
body.lower main article p{
	font-size: 16px;
	line-height: 28px;
}
body.lower .inner article h3{
	font-size: 27px;
	letter-spacing: 0.1em;
	padding: 25px 0;
}
body#guide main article.rightimage{
	background: url(../img/guide/img-1.png) no-repeat right 0;
}
body#guide main article.rightimage p{
	width: 765px;
}
body.lower .inner article h4{
	font-size: 21px;
	letter-spacing: 0.1em;
	padding: 20px 0;
	color: #787878;
}
table.BorderNormal{
	width: 100%;
	border-top:  solid 1px #4b4b4b;
	border-left:  solid 1px #4b4b4b;
	border-collapse: collapse;	border-spacing: 0;
	margin-top: 89px;
	margin-bottom: 25px;
}
table.BorderNormal td,
table.BorderNormal th{
	border-bottom:  solid 1px #4b4b4b;
	border-right:  solid 1px #4b4b4b;
	padding: 20px 15px;
	font-size: 16px;
	line-height: 24px;
}

table.BorderNormal td{
	vertical-align: top;

}
table.BorderNone{
	width: 70%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 65px;
	margin-bottom: 25px;
}
table.BorderNone td,
table.BorderNone th{
	padding: 15px 15px;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	font-weight: 100;
}
table.BorderNone td{
	vertical-align: top;
}
.lowerButton_Wrapper{
	text-align: center;
	padding: 35px 0;
}
.lowerButton_Wrapper .lowerButton{
	border-radius: 30px;
	background: #4f4f4f;
	display: inline-block;
	padding: 20px;
	transition: background 0.8s;
	width: 25%;
	color: #fff;
	margin-left: 15px;
}

.lowerButton_Wrapper .lowerButton:hover{
	background: #858585;
	color: #fff;
	text-decoration: none;
}
.inner figure.caseimg{
	width: 100%;
}
.inner figure.caseimg img:after,
.inner figure.caseimg img{
	display: inline;
	padding: 25px 0;
}
.descriptionBoxRight figure{
	width: 100%;
	text-align: right;
	display: block; border: solid 0px red;
	padding: 30px 0;
}
.descriptionBoxRight figure figcaption{
	width: 630px;
	text-align: left;
	float: left;
}
.descriptionBoxRight figure figcaption img{
	width: 335px;
}
figure.imgOnly{
	padding-top: 35px;
	text-align: center;
}
figure.imgOnly figcaption{
	border:  solid 1px #222;
	border-radius: 30px;
	padding: 15px;
	margin-top: 25px;
	text-align: center;
}
.imagebox{
	padding-bottom:65px;
}
.imagebox .lefttextbox{
	width:480px;
	float:left;
}

.imagebox .lefttextbox figure{
	padding:25px 0;
}


body.lower .viewer figurecaption{
	width:100%;
}

body.lower .viewer figurecaption span{
	display:block;
	text-align:center;
	width:32%;
	float:left;
}

body.lower .viewer {
    width: 502px;
    text-align: left;
	float:right;
}
body.lower .viewer div {
    width: 502px;
    height: 502px;
    overflow: hidden;
    position: relative;

}
body.lower .viewer div img {
    top: 0;
    left: 0;
    position: absolute;
}

body.lower .viewer ul {
    width: 502px;
	padding:25px 0;
}

body.lower .viewer ul li {
    width: 100px;
    float: left;
    display: inline;
}

body.lower .viewer ul li img{
	width:100px;
}

body.lower .viewer .active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

body.lower .viewer ul li:hover{
	cursor:pointer;
}
span.caution_text{
	font-size: 12px;
	color: #ea446b;
}