@charset "UTF-8";
/* CSS Document */

body {
    color: #89004e;
	background-color: #141A1A;
    cursor: default;
    font-family: "Helvetica Neue","Helvetica", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
hr.borderLine {
	border-top-color: #89004e;
	width: 50%;
	border-top: solid 1px;
	margin: 0 auto;
}

/*  header styles
------------------------------ */
header {
	margin-bottom: 1em;
}
header h1 {
	margin-top: 0;
	margin-bottom: 0;
}
[data-magellan-expedition], [data-magellan-expedition-clone] {
    background: none repeat scroll 0 0 #89004e;
    min-width: 100%;
	padding: 10px; 
    z-index: 50;
}
.sub-nav dt, .sub-nav dd, .sub-nav li {
    color: #999999;
    display: inline;
    float: left;
    font-family: "Helvetica Neue","Helvetica", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo;
    font-size: 0.75rem;
    font-weight: normal;
    margin-bottom: 0.625rem;
    margin-left: 1rem;
}
.sub-nav dt a, .sub-nav dd a, .sub-nav li a {
    color: #999999;
    padding: 0.1875rem 0.7rem;
    text-decoration: none;
}
.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
    background: none repeat scroll 0 0 #BA6398;
    border-radius: 1px;
    color: #FFFFFF;
    cursor: default;
    font-weight: normal;
    padding: 0.1875rem 0.7rem;
}
.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
    background: none repeat scroll 0 0 #999999;
}
header #photoProducts {
	border-bottom-color: #ba6398;
	border-top-color: #ba6398;
	width: 100%;
	max-width: 1143px;
	height: auto;
	margin: 0.1em 0 1.1em;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

/*  contents styles
------------------------------ */
#why {
	margin: 2em 0;
}
#why h2 {
	width: 85%;
	height: auto;
	margin: 0 0 1.2em 7%;
}
#why p {
	width: 85%;
	height: auto;
	margin: 0 0 1.5em 7%;
}

#faq h2 {
	margin-left: 7%;
	margin-bottom: 0em;
	margin-right: 0;
	margin-top: 0;
	width: 85%;
	height: auto;
}
#faq p {
	margin-left: 7%;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 0;
	width: 85%;
}	
#faq a.productHowToUse {
	background-color: white;
	padding: 5% 8%;
	margin: 0 7.5% 3em;
}

#voice {
	color: #000000;
	line-height: 1.5;
	/*margin: 0 7.5% 3em;
	padding-top: 2em; */
}
#voice h2 {
	color: #fff;
	margin-bottom: 1rem;
	margin-right: 0;
	margin-top: 0;
	width: 85%;
	height: auto;
}

#voice .accordion dd > a {
	background: none repeat scroll 0 0 #fff;
	color: #000000;
	display: block;
	font-family: "Helvetica Neue","Helvetica", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo;
	font-size: 0.9rem;
	padding: 1rem;
	border-top: 1px solid #404040;	
	border-right: 1px solid #404040;
	border-left: 1px solid #404040;
}
#voice .accordion dd:first-child > a {
	border-top-color: #404040;
	border-top: 1px solid;
}
#voice .accordion dd > a:hover {
    background: none repeat scroll 0 0 #999999;
}
#voice .accordion dd.active > a {
    background: none repeat scroll 0 0 #cccccc;
}
#voice .content {
    background: #cccccc;
   	border-right: 1px solid #404040;
	border-left: 1px solid #404040;
}
#voice p {
	font-size: 0.75rem;
}
#voice p img {
	max-width: 250px;
}



/*  footer styles
------------------------------ */
footer {
	padding-bottom: 1em;
}
footer hr {
	border-top-color: #89004e;
	border-top: solid 1px;
}
footer address {
	font-style: normal;
	font-size: 0.75rem;
	margin: 1em 0;
	color: #666;
}
footer address #footerLogotype {
	margin-bottom: 1em;
}
.question {
	margin: 0px;
	font-weight: bold;
}
.answer {
	margin: 0px;
	color: #333333;
}