@charset "utf-8";

/* ---------------------
1: base settings
	1-1: reset
	1-2: base
	1-3: utility parts
2: common parts for PC
	2-1: main
	2-2: breadcrumbNav
	2-3: other
3: common parts for Smartphone
	3-1: main
	3-2: other
4: print for PC
--------------------- */

/* ----------
	1: base settings
---------- */

/* 1-1: reset---------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}
 
a{
    text-decoration:none;
		/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
}
 
a:hover,a.selected{
    text-decoration:none;
}
 
a {
/*\*/
    overflow: hidden;
/**/
}

h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
ol,ul{list-style:none;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
mark{background:none;}
caption,th{text-align:left;}
video,audio,canvas{display:inline;zoom:1;}
svg:not(:root){overflow:hidden;}
audio:not([controls]),[hidden]{display:none;}
hr{display:none;}
img{height:auto;width :auto; max-width:100%;-ms-interpolation-mode:bicubic;vertical-align:top;}
sub,sup{position:relative;line-height:0;font-size:12px;font-size:1.2rem;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
address {font-style: normal;}

/* 1-2: base---------- */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%; /* 1rem = 10px */
}
body {
	color: #333333;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: Arial,"Microsoft Yahei","微软雅黑",Tahoma,Helvetica,STHeiti,"Hiragino Sans GB";
	line-height: 1.86;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

div, li {
	word-break: break-all;
}

/* link setting */
a:link {
	color: #117693;
	text-decoration: none;
}
a:visited {
	color: #42318c;
	text-decoration: none;
}
a:hover {
	color: #117693;
	text-decoration: underline;
}
a:active {
	color: #42318c;
	text-decoration: underline;
}
.spOnly {
	display: none;
}

@media all and (min-width: 641px) {

body {
	overflow: hidden;
}

}

@media only screen and (max-width: 640px) {

body {
	overflow: hidden;
	line-height: 1.43;
}
.pcOnly {
	display: none;
}
.spOnly {
	display: block;
}

}

/* 1-3: utility parts---------- */
.mt0 {margin-top: 0 !important;} .mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;} .mt30 {margin-top: 30px !important;} .mt35 {margin-top: 35px !important;} .mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;} .mt50 {margin-top: 50px !important;} .mt55 {margin-top: 55px !important;} .mt60 {margin-top: 60px !important;} .mt65 {margin-top: 65px !important;} .mt70 {margin-top: 70px !important;} .mr0 {margin-right: 0 !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} .mr35 {margin-right: 35px !important;} .mr40 {margin-right: 40px !important;} .mr45 {margin-right: 45px !important;} .mr50 {margin-right: 50px !important;} .mr55 {margin-right: 55px !important;} .mr60 {margin-right: 60px !important;} .mr65 {margin-right: 65px !important;} .mr70 {margin-right: 70px !important;} .mb0 {margin-bottom: 0 !important;} .mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;} .mb30 {margin-bottom: 30px !important;} .mb35 {margin-bottom: 35px !important;} .mb40 {margin-bottom: 40px !important;} .mb45 {margin-bottom: 45px !important;} .mb50 {margin-bottom: 50px !important;} .mb55 {margin-bottom: 55px !important;} .mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;} .mb70 {margin-bottom: 70px !important;} .ml0 {margin-left: 0 !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;} .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;} .ml50 {margin-left: 50px !important;} .ml55 {margin-left: 55px !important;} .ml60 {margin-left: 60px !important;} .ml65 {margin-left: 65px !important;} .ml70 {margin-left: 70px !important;} .pt0 {padding-top: 0 !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;} .pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;} .pt40 {padding-top: 40px !important;} .pt45 {padding-top: 45px !important;} .pt50 {padding-top: 50px !important;} .pt55 {padding-top: 55px !important;} .pt60 {padding-top: 60px !important;} .pt65 {padding-top: 65px !important;} .pt70 {padding-top: 70px !important;} .pr0 {padding-right: 0 !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;} .pr30 {padding-right: 30px !important;} .pr35 {padding-right: 35px !important;} .pr40 {padding-right: 40px !important;} .pr45 {padding-right: 45px !important;} .pr50 {padding-right: 50px !important;} .pr55 {padding-right: 55px !important;} .pr60 {padding-right: 60px !important;} .pr65 {padding-right: 65px !important;} .pr70 {padding-right: 70px !important;} .pb0 {padding-bottom: 0 !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;} .pb30 {padding-bottom: 30px !important;} .pb35 {padding-bottom: 35px !important;} .pb40 {padding-bottom: 40px !important;} .pb45 {padding-bottom: 45px !important;} .pb50 {padding-bottom: 50px !important;} .pb55 {padding-bottom: 55px !important;} .pb60 {padding-bottom: 60px !important;} .pb65 {padding-bottom: 65px !important;} .pb70 {padding-bottom: 70px !important;} .pl0 {padding-left: 0 !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} .pl30 {padding-left: 30px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl45 {padding-left: 45px !important;} .pl50 {padding-left: 50px !important;} .pl55 {padding-left: 55px !important;} .pl60 {padding-left: 60px !important;} .pl65 {padding-left: 65px !important;} .pl70 {padding-left: 70px !important;} .w001per {width: 1% !important;} .w002per {width: 2% !important;} .w003per {width: 3% !important;} .w004per {width: 4% !important;} .w005per {width: 5% !important;} .w006per {width: 6% !important;} .w007per {width: 7% !important;} .w008per {width: 8% !important;} .w009per {width: 9% !important;} .w010per {width: 10% !important;} .w011per {width: 11% !important;} .w012per {width: 12% !important;} .w013per {width: 13% !important;} .w014per {width: 14% !important;} .w015per {width: 15% !important;} .w016per {width: 16% !important;} .w017per {width: 17% !important;} .w018per {width: 18% !important;} .w019per {width: 19% !important;} .w020per {width: 20% !important;} .w021per {width: 21% !important;} .w022per {width: 22% !important;} .w023per {width: 23% !important;} .w024per {width: 24% !important;} .w025per {width: 25% !important;} .w026per {width: 26% !important;} .w027per {width: 27% !important;} .w028per {width: 28% !important;} .w029per {width: 29% !important;} .w030per {width: 30% !important;} .w031per {width: 31% !important;} .w032per {width: 32% !important;} .w033per {width: 33% !important;} .w034per {width: 34% !important;} .w035per {width: 35% !important;} .w036per {width: 36% !important;} .w037per {width: 37% !important;} .w038per {width: 38% !important;} .w039per {width: 39% !important;} .w040per {width: 40% !important;} .w041per {width: 41% !important;} .w042per {width: 42% !important;} .w043per {width: 43% !important;} .w044per {width: 44% !important;} .w045per {width: 45% !important;} .w046per {width: 46% !important;} .w047per {width: 47% !important;} .w048per {width: 48% !important;} .w049per {width: 49% !important;} .w050per {width: 50% !important;} .w051per {width: 51% !important;} .w052per {width: 52% !important;} .w053per {width: 53% !important;} .w054per {width: 54% !important;} .w055per {width: 55% !important;} .w056per {width: 56% !important;} .w057per {width: 57% !important;} .w058per {width: 58% !important;} .w059per {width: 59% !important;} .w060per {width: 60% !important;} .w061per {width: 61% !important;} .w062per {width: 62% !important;} .w063per {width: 63% !important;} .w064per {width: 64% !important;} .w065per {width: 65% !important;} .w066per {width: 66% !important;} .w067per {width: 67% !important;} .w068per {width: 68% !important;} .w069per {width: 69% !important;} .w070per {width: 70% !important;} .w071per {width: 71% !important;} .w072per {width: 72% !important;} .w073per {width: 73% !important;} .w074per {width: 74% !important;} .w075per {width: 75% !important;} .w076per {width: 76% !important;} .w077per {width: 77% !important;} .w078per {width: 78% !important;} .w079per {width: 79% !important;} .w080per {width: 80% !important;} .w081per {width: 81% !important;} .w082per {width: 82% !important;} .w083per {width: 83% !important;} .w084per {width: 84% !important;} .w085per {width: 85% !important;} .w086per {width: 86% !important;} .w087per {width: 87% !important;} .w088per {width: 88% !important;} .w089per {width: 89% !important;} .w090per {width: 90% !important;} .w091per {width: 91% !important;} .w092per {width: 92% !important;} .w093per {width: 93% !important;} .w094per {width: 94% !important;} .w095per {width: 95% !important;} .w096per {width: 96% !important;} .w097per {width: 97% !important;} .w098per {width: 98% !important;} .w099per {width: 99% !important;} .w100per {width: 100% !important;} .aC {text-align: center !important;} .aL {text-align: left !important;} .aR {text-align: right !important;} .vT {vertical-align: top !important;} .vM {vertical-align: middle !important;} .vB {vertical-align: bottom !important;} .dB {display: block !important;} .dN {display: none !important;} .fR {float:right !important;} .fL {float:left !important;} .fN {float:none !important;}  .clearB {clear:both !important;} .clearR {clear:right !important;} .clearL {clear:left !important;} .clearN {clear:none !important;} .voiceGuide {display: block;width: 1px;height: 1px;margin: 0;padding: 0;position: absolute;top: 0;left: 0;overflow: hidden;font-size: 0;}.mwA img{max-width: none !important;}


/* ----------
	2: common parts for PC
---------- */
html {
	background-color: #fff;
}
body {
	background-color: #fff;
	text-align: left;
}
#mainContainer .mainContents,
#contentsHeader,
#breadcrumbNav ul,
.snsBtn {
	position: relative;
	max-width: 950px;
	margin: 0 auto;
	width: 100%;
	text-align: left;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}
#breadcrumbNav p {
	margin-top: 0;
}

/* box-sizing */
#mainContainer > .inner {
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

/* navigation */
.navigation .menuSwitch {
	display: none;
}

/* 2-1: main---------- */
#mainContainer {
	display: block;
	overflow: hidden;
	background: url(/sc/common/images/com_bg01.png) repeat-y 50% 0 #f3f3f3;
	z-index: 1;
}
.mainContents > .contentsInner {
	padding: 35px 45px;
	background: #fff;
}
.headLine01 + .contentsInner {
	padding-top: 0;
}
.brandTitle + .contentsInner {
	margin-top: 0;
}
.mainContents > .contentsInner > *:first-child {
	margin-top: 0 !important;
}
.snsBtn {
	margin-top: 16px;
	margin-bottom: 16px;
}
.snsBtn > div {
	width: 125px;
	float: right;
	margin-right: -6px;
}
#contentsHeader {
	z-index: 5001;
}

/* 2-2: breadcrumbNav---------- */
/* breadcrumbNav */
#breadcrumbNav {
	float: left;
	overflow: hidden;
	clear: both;
	width: 655px;
	min-height: 27px;
	margin-top: 14px;
}
#breadcrumbNav ul {
	overflow: hidden;
}
#breadcrumbNav ul li {
	position: relative;
	float: left;
	margin-right: 28px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 20px;
}
#breadcrumbNav ul li:after {
	position: absolute;
	content:"＞";
	padding-left: 8px;
}
#breadcrumbNav ul li:first-child {
	margin-left: 0;
	padding-left: 0;
}
#breadcrumbNav ul .current {
	font-weight: bold;
}
#breadcrumbNav ul .current:after {
	position: relative;
	content:"";
}
/* contentsNav */
#contentsNav {
	position: relative;
	float: right;
	width: 285px;
}
#contentsNav > ul > li {
	float: left;
	width: 95px;
	height: 51px;
	background: #3f3f3f;
	text-align: center;
}
#contentsNav > ul > li.current {
	background: #ffd500;
}
#contentsNav > ul > li.current a {
	color: #000;
}
#contentsNav > ul > li.current a:hover,
#contentsNav > ul > li.current.on a {
	color: #ffffff;
}
#contentsNav > ul > li > a {
	display: block;
	width: 95px;
	height: 51px;
	padding-top: 12px;
	vertical-align: middle;
	color: #ffffff;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}
#contentsNav > ul > li:hover {
	background: #929292;
}
#contentsNav > ul li a:hover {
	text-decoration: none !important;
}
#contentsNav > ul > li .dropDownMenu {
	position: absolute;
	top: 51px;
	left: 0;
	display: none;
	width: 285px;
}
#contentsNav > ul > li .dropDownMenu li {
	background: #929292;
	color: #ffffff;
	font-size: 13px;
	font-size: 1.3rem;
}
#contentsNav > ul > li .dropDownMenu li > a {
	display: block;
	margin: 0 5px;
	border-top: solid 1px #aeaeae;
	color: #ffffff;
	padding: 10px 0;
}
#contentsNav > ul > li .dropDownMenu li > a:hover {
	text-decoration: underline !important;
}
#contentsNav > ul > li .dropDownMenu li:first-child > a {
	border-top: none;
}


/* 2-3 other---------- */
p.pageTop {
	position: fixed;
	bottom: 40px;
	right: 40px;
	text-indent: -9999px;
}
p.pageTop > a {
	display: block;
	width: 69px;
	height: 69px;
	background:url(/sc/common/images/pagetop_ic01.png) no-repeat 0 0;
}
p.pageTop > a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */
	
}

@media only screen and (max-width: 640px) {

/* ----------
	3: common parts for Smartphone
---------- */

.sp-mr0 {margin-right: 0 !important;}

/* 3-1: main---------- */
#mainContainer > .inner {
	width: 100%;
	padding: 10px;
	background-image: none;
}
#mainContainer .mainContents {
	width: 100%;
}
#mainContainer #mainContents > *:first-child,
#mainContainer #asideNav > *:first-child {
	margin-top: 0 !important;
}
.mainContents > .contentsInner {
	margin-top: 10px;
	padding: 12.5px;
}
.brandTitle + .contentsInner {
	margin-top: 0;
}
#contentsHeader {
	display: none;
}

/* 3-2 other---------- */
/* pageTop */
p.pageTop {
	position: fixed;
	bottom: 45px;
	right: 10px;
	text-indent: -9999px;
}
p.pageTop > a {
	width: 39px;
	height: 39px;
	background:url(/sc/common/images/pagetop_ic01.png) no-repeat 0 0;
	background-position: 0 -35px;
	background-size: 39px;
}

}

@media print {

/* ----------
	4: print for PC
---------- */
body {
	padding-top: 0 !important;
	width: 100%;
	zoom: 0.6;
}

}


/* ----------
	clearfix
---------- */

#mainContainer .mainContents:after,
.snsBtn:after,
#contentsHeader:after,
#contentsNav > ul:after {
	content: "";
	display: block;
	clear: both;
}
#mainContainer .mainContents,
.snsBtn,
#contentsHeader,
#contentsNav > ul {
	zoom: 1;
}