@charset "shift_jis";
main {
	display: block;
}
/*
	-------------------------
	 show-hide_area
	-------------------------
*/
dl.show-hide_area,
dl.show-hide_area * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

dl.show-hide_area {
	margin: 0 0 30px 0;
}

dl.show-hide_area dt {
	margin: 0;
	padding: 5px 15px;
}
dl.show-hide_area.mb_accordion dt {
	cursor: pointer;
}
dl.show-hide_area dt img.icon {
	display: none;
	margin: 0 0.5em 0 0;
	vertical-align: middle !important;
	-webkit-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
dl.show-hide_area.mb_accordion dt img.icon {
	display: inline-block;
}
dl.show-hide_area dt.open img.icon {
	-webkit-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	transform: scaleY(-1);
}
dl.show-hide_area dd {
	margin: 0;
	padding: 15px;
}
dl.show-hide_area dd li {
	margin-bottom: 30px;
}
dl.show-hide_area.dark dt {
	background-color: #999;
	color: #fff;
	font-size: 1.25em;
}

dl.show-hide_area.dark.mb_accordion dd {
	border: solid 2px #999;
}

dl.show-hide_area.light dt {
	background-color: #ddd;
	color: #333;
	font-size: 1.125em;
}

dl.show-hide_area.light.mb_accordion dd {
	border: solid 2px #ddd;
}

/*
	================================================================================================
		support share css common.css
	================================================================================================
*/
h2.page_title {
    clear: both;
    color: #000;
    font-size: 2.25em;
	margin-top: 56px;
    margin-bottom: 56px;
	text-align: center;
}
h2.page_title.ttl_bnr{
	margin: 0;
}
h2.page_title.ttl_bnr img {
	width: 950px;
}
h3.section_title {
	clear: both;
	color: #000;
	font-size: 1.7em;
	margin-top: 35px;
	padding: 3px 0 3px 3px;
	margin-bottom: 15px;
}
h4.section_title {
    clear: both;
    color: #666;
    font-size: 1.5em;
	margin-top: 35px;
    padding: 3px;
	margin-bottom: 15px;
}
h5.section_title {
    clear: both;
    color: #666;
    font-size: 1.25em;
	margin-top: 35px;
    padding: 3px;
	margin-bottom: 15px;
}
ol.decimal {
	margin: 0 0 1em 2em;
	padding: .5em 0;
}
ol.decimal li/* , ul li */ {
	list-style: decimal;
	margin-left: .5em;
	margin-bottom: .35em;
}
dl.show-hide_area ul.disc li {
	list-style: disc;
	margin-bottom: 0.5em;
}
dl.show-hide_area ul.disc {
	margin: 0 0 0 1em;
	padding-bottom: 0;
}
.word-wrapper {
	display: inline-block;
	font-weight: inherit;
}
/*
	====================================
		Contents ALL style
	====================================
*/
/*
	-------------------------
	  headerfooter_global
	-------------------------
*/
#header_bg {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 65px;
	background-color: #000;
}
#header {
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
}
#header .left{
	padding: 23px 0;
	width: 100px;
	height: 19px;
	float: left;
}
#header .right{
	margin: auto 0;
	padding-top: 17px;
	text-align: right;
	font-family: Arial, Helvetica;
	font-size: 13px;
	color: #fff;
	float: right;
}
#header .right a{
	color: #fff;
	text-decoration: none;
}
#header .right a:hover{
	text-decoration: underline;
}
#footer_bg {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 65px;
	background-color: #000;
	clear: both;
}
#footer {
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	font-family: Arial, Helvetica;
	font-size: 12px;
}
#footer .left{
	margin: 17px 0 auto 25px;
	float: left;
}
#footer .left a{
	color: #ccc;
	text-decoration: none;
}
#footer .left a:hover{
	text-decoration: underline;
}
#footer .right{
	margin: 17px 25px auto 0;
	color: #ccc;
	float: right;
}
.multilingual_pdl {
	text-align: right;
	margin: 10px auto;
	max-width: 1200px;
	padding-right:20px;
}

@media (max-width: 1280px){
	#header .left,
	#header .right{
		margin: auto 10px;
	}
	.multilingual_pdl,
	#header,
	#footer {
		max-width: 100%;
	}
} 
@media (max-width: 640px){
	#footer .right{
		margin: 3px 0 auto 25px;
		clear: both;
		float: left;
	}
}
/*
	-------------------------
		basic style
	-------------------------
*/
html{
	background-color:#fff;
	color: #333;
}
body {
	margin: 0;
}
#contents {
	clear: both;
	max-width: 1200px;
	margin: 0 auto;
	/* 2016-06-10 */
}
#contents_header {
	clear: both;
	max-width: 1200px;
	height: 40px;
	background-color:#ddd;
	margin: 20px auto 0;
    padding: 1em 0 1em 2em;
}
.mod-mainContentContainer {
	clear: both;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 20px;
	*zoom: 1;
	font-size: 14px;
    line-height: 1.5;
}
@media (max-width: 1280px) {
	#contents {
		max-width: 100%;
	    margin: 0 .5em;
	}
	#contents_header{
		max-width: 100%;
		height: auto;
	}
	.mod-mainContentContainer {
		max-width: 100%;
	}
}
/* 2016-06-10 */
@media (max-width: 992px) {
	#contents {
		padding: 0 60px;
	}
}
@media (max-width: 768px) {
	#contents {
		padding: 0 30px;
	}
}
@media (max-width: 640px) {
	.mod-mainContentContainer {
		max-width: 640px;
		min-width: 300px;
		width: auto;
		_width: 300px;
	}
	/* 2016-06-10 */
	#contents {
		padding: 0;
	}
}
.mod-mainContentContainer p {
	margin: 0 .3em 1.25em;
}
.accent {
	color: #ff0000;
}
.pagetop {
    clear: both;
    margin: 0 0 30px auto;
    width: 76px;
    height: 10px;
}
/*
	-------------------------
		layout
	-------------------------
*/
.section {
	margin-bottom: 30px;
    clear: both;
}
.section:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
ol li div.pct img {
    margin-top: .75em;
    margin-left: 0;
}
.mq-show {
	display: none;
}
@media screen and (max-width: 640px) {
	.mq-show {
		display: block;
	}
}
/* column setting */
.unit {
	margin: 0 auto 30px;
}

.unit:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.unit .right,
.unit .left {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.unit .right {
	padding: 0 0 30px 15px;
}
.unit .left {
	padding: 0 15px 30px 0;
}
.one-half {
	width: 50%;
}
.one-third {
	width: 33.33333333%;
}
.two-thirds {
	width: 66.66666667%;
}
.one-quarter {
	width: 25%;
}
.three-quarters {
	width: 75%;
}
/*@media screen and (max-width: 1250px) {
	.unit img.resize {
		width: 100%!important;
		max-width: 100%!important;
		height: auto!important;
	}
}*/
img.resize {
		width: auto;
		max-width: 100%!important;
		height: auto!important;
}
@media screen and (max-width: 1030px) {
	.unit .right {
		padding: 0 0 30px 5px;
	}
	.unit .left {
		padding: 0 5px 30px 0;
	}
}
@media screen and (max-width: 640px) {
	.unit .right,
	.unit .left {
		float: none;
		padding: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-thirds,
	.one-quarter,
	.three-quarters {
		width: auto;
		height: auto;
	}
}
/*
	-------------------------
		title
	-------------------------
*/
h1 {
	margin: 0;
}
h1 a, h1 a:visited, h1 a:hover, h1 a:active {
	color: #333;
	text-decoration: none;
	display: block;
}
h2 {
    clear: both;
    color: #000;
    font-size: 3.25em;
    margin-bottom: 30px;
	text-align: center;
}
h2.ttl_bnr{
	margin: 0;
}
h2.ttl_bnr img {
	width: 1200px;
}
h3 {
    clear: both;
    color: #000;
    font-size: 2em;
    padding: 3px 0 3px 3px;
	margin-bottom: 15px;
}
h4 {
    clear: both;
    color: #666;
    font-size: 1.8em;
    padding: 3px;
	margin-bottom: 15px;
}
h5 {
    clear: both;
    color: #666;
    font-size: 1.25em;
    padding: 3px;
	margin-bottom: 15px;
}
.one-half h3, .one-third h3, .two-thirds h3, .one-quarter h3, .three-quarters h3,
.one-half h4, .one-third h4, .two-thirds h4, .one-quarter h4, .three-quarters h4,
.one-half h5, .one-third h5, .two-thirds h5, .one-quarter h5, .three-quarters h5 {
	margin-top: 0;
	margin-left: .4em;
	padding-top: 0;
}
@media screen and (max-width: 1280px) {
	h2.ttl_bnr img {
		max-width: 100%!important;
		height: auto!important;
		width: auto;
	}
}
@media screen and (max-width: 640px) {
	h3 {
		padding: 0;
	}
	h4, h5 {
		padding: 0 0 0 2px;
	}
}

/*
	-------------------------
		list
	-------------------------
*/
.mod-content ol {
    margin: 0 0 1em 2em;
    padding: .5em 0;
}
.mod-content ol li,
.mod-content ul li {
    margin-left: .5em;
    margin-bottom: .35em;
}
.mod-content ul {
    margin: 0 0 1em 2em;
    padding: .5em 0;
    list-style: disc;
}
.mod-content ol li p,
.mod-content ol li div.pct img,
.mod-content ol li .attention_area,
.mod-content ol li .onepoint_area,
.mod-content ul li p,
.mod-content ul li div.pct img,
.mod-content ul li .attention_area,
.mod-content ul li .onepoint_area {
	margin-left: 0;
}
.mod-content ol li ol,
.mod-content ol li ul,
.mod-content ul li ol,
.mod-content ul li ul {
	margin-left: 1em;
}
.mod-content ol li ul.txtlink,
.mod-content ul li ul.txtlink {
	margin-left: .5em;
}
.mod-content ol li dl,
.mod-content ul li dl {
	margin-bottom: 0;
} 
.mod-content ol li dl dt,
.mod-content ul li dl dt { 
	margin-left: 0;
}
.mod-content ol li dl dd,
.mod-content ul li dl dd { 
	margin-left: 1em;
}
@media screen and (max-width: 640px) {
	ol,
	ul {
		margin: 0 0 1em 1em;
	}
}

/*
	-------------------------
		list (annotation)
	-------------------------
*/
ul.annotation li {
	list-style: none;
	text-indent: -0.7em;
	font-size: 0.9em;
}
ul.annotation2 li {
	list-style: none;
	text-indent: -1.8em;
	font-size: 0.9em;
}
ul.annotation2  {
	margin-left: 2.9em;
}
ol li ul.annotation,
ul li ul.annotation,
dl dt ul.annotation,
dl dd ul.annotation,
ol li ul.annotation2,
ul li ul.annotation2,
dl dt ul.annotation2,
dl dd ul.annotation2 {
	margin-left: 1em;
}
@media screen and (max-width: 640px) {
ul.annotation  {
	margin-left: 1em;
}
ul.annotation2  {
	margin-left: 2em;
}
ol li ul.annotation,
ul li ul.annotation,
dl dt ul.annotation,
dl dd ul.annotation,
ol li ul.annotation2,
ul li ul.annotation2,
dl dt ul.annotation2,
dl dd ul.annotation2 {
	margin-left: 0.5em;
}
}
/*
	-------------------------
		definition
	-------------------------
*/
dl { 
	margin: 0 0 20px 0;
	padding: 0.5em 0;
}
dl dt { 
	margin-left: 1.5em;
	font-weight: 700;
}
dl dd { 
	margin-left: 2.5em;
	margin-bottom: 1em; 
}
@media screen and (max-width: 640px) {
	dl { 
		margin-left: .25em; 
	}
	dl dt { 
		margin-left: 0; 
	}
	dl dd { 
		margin-left: 0.5em; 
	}
}
dt.disc {
    padding: 0 0 0 12px;
    background: url(/www/support/share/images/ico_disc.gif) no-repeat left .5em;
}

/*
	-------------------------
		images
	-------------------------
*/
figure {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
}
.pct img {
	margin: 0 1em 1.5em;
}
.cnt {
    text-align: center;
}
img.pct_line {
	border: 1px solid #666;
}
img.right {
	float: right;
	margin: 0 0 30px 30px;
}
img.left {
	float: left;
	margin: 0 30px 30px 0;
}
img.right:after,
img.left:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
@media screen and (max-width: 1280px) {
	div.img600, figure.img600 {max-width: 600px;}
	div.img800, figure.img800 {max-width: 800px;}
	div.img900, figure.img900 {max-width: 900px;}
}
@media screen and (max-width: 768px) {
	.pct img {
		margin: 0 .5em 1.5em;
	}
}
@media screen and (max-width: 640px) {
	div.pct img {
		margin: 0 .25em 1.5em;
	}
	.pct img.right,
	.pct img.left {
		float: none;
		margin: 0 0 20px;
	}
	div.img200, figure.img200 {max-width: 200px;}
	div.img220, figure.img220 {max-width: 220px;}
	div.img240, figure.img240 {max-width: 240px;}
	div.img260, figure.img260 {max-width: 260px;}
	div.img280, figure.img280 {max-width: 280px;}
	div.img300, figure.img300 {max-width: 300px;}
	div.img320, figure.img320 {max-width: 320px;}
	div.img340, figure.img340 {max-width: 340px;}
	div.img360, figure.img360 {max-width: 360px;}
	div.img380, figure.img380 {max-width: 380px;}
	div.img400, figure.img400 {max-width: 400px;}
	div.img420, figure.img420 {max-width: 420px;}
	div.img440, figure.img440 {max-width: 440px;}
	div.img460, figure.img460 {max-width: 460px;}
	div.img480, figure.img480 {max-width: 480px;}
	div.img500, figure.img500 {max-width: 500px;}
	div.img520, figure.img520 {max-width: 520px;}
	div.img540, figure.img540 {max-width: 540px;}
	div.img560, figure.img560 {max-width: 560px;}
	div.img580, figure.img580 {max-width: 580px;}
	img.resize {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	img.pct_line {
		width: 99%;
	}
}

/*
	-------------------------
		button
	-------------------------
*/
ul.BtnA,
ul.BtnB {
	margin: 0 0 30px 0;
	padding:0;
	list-style:none;
    overflow: hidden;
}
ul.BtnA li {
	margin:0 0 5px 10px;
    padding: 0 0 0 15px;
	border: solid 1px #CCCCCC;
	list-style:none;
    float: left;
    width: 370px;
    text-indent: -15px;
    background: url("/www/support/share/images/bg_mod-linkButton.jpg") repeat-x left center;
	/* behavior: url(./css/PIE.htc); */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.BtnB li {
	margin:0 0 5px 10px;
    padding: 0 0 0 15px;
	border: solid 1px #CCCCCC;
	list-style:none;
    width: 765px;
    text-indent: -15px;
    background: url("/www/support/share/images/bg_mod-linkButton.jpg") repeat-x left center;
	/* behavior: url(./css/PIE.htc); */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.BtnA li a,
ul.BtnB li a {
	padding: 0px;
	color: #333;
	padding: 10px;
	display: block;
    transition: opacity 0.2s ease-in 0s;
	
	/* behavior: url(./css/PIE.htc); */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
ul.BtnA li span.content,
ul.BtnB li span.content {
	background: url("/support/share/images/arrow_black.png") no-repeat 0 0.4em;
    padding: 0 0 0 15px;
}
ul.BtnA li p,
ul.BtnB li p {
	margin-left:15px;
}
ul.BtnA li a:hover,
ul.BtnB li a:hover {
    opacity: 0.5;
    text-decoration: none;
}
@media screen and (max-width: 825px) {
	ul.BtnA li {
		margin: 0 10px 5px 0;
	}
	ul.BtnB li {
		margin: 0 0 5px 0;
		width: auto;
	}
}
@media screen and (max-width: 640px) {
	ul.BtnA li {
		margin: 0 0 5px 0;
		width: auto;
		float: none;
	}
}
/*anchor*/
ul.anchorBtnA,
ul.anchorBtnB {
	margin: 0 0 30px 0;
	padding:0;
	list-style:none;
    overflow: hidden;
}
ul.anchorBtnA li {
	margin:0 0 5px 10px;
    padding: 0 0 0 15px;
	border: solid 1px #CCCCCC;
	list-style:none;
    float: left;
    width: 370px;
    text-indent: -15px;
    background: url("/www/support/share/images/bg_mod-linkButton.jpg") repeat-x left center;
	/* behavior: url(./css/PIE.htc); */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.anchorBtnB li {
	margin:0 0 5px 10px;
    padding: 0 0 0 15px;
	border: solid 1px #CCCCCC;
	list-style:none;
    width: 765px;
    text-indent: -15px;
    background: url("/www/support/share/images/bg_mod-linkButton.jpg") repeat-x left center;
	/* behavior: url(./css/PIE.htc); */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
ul.anchorBtnA li a,
ul.anchorBtnB li a {
	padding: 0px;
	color: #333;
	padding: 10px;
	display: block;
    transition: opacity 0.2s ease-in 0s;
	
	/* behavior: url(./css/PIE.htc); */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
}
ul.anchorBtnA li span.content,
ul.anchorBtnB li span.content {
	background: url("/support/ichigan/enjoy/photo/acc/flash/share/images/ico_arrowdown.gif") no-repeat 0 0.4em;
    padding: 0 0 0 15px;
}
ul.anchorBtnA li p,
ul.anchorBtnB li p {
	margin-left:15px;
}
ul.anchorBtnA li a:hover,
ul.anchorBtnB li a:hover {
    opacity: 0.5;
    text-decoration: none;
}
@media screen and (max-width: 825px) {
	ul.anchorBtnA li {
		margin: 0 10px 5px 0;
	}
	ul.anchorBtnB li {
		margin: 0 0 5px 0;
		width: auto;
	}
}
@media screen and (max-width: 640px) {
	ul.anchorBtnA li {
		margin: 0 0 5px 0;
		width: auto;
		float: none;
	}
}
/*
	-------------------------
		attention_area
	-------------------------
*/
.attention_area {
    margin: 10px 0 30px 20px;
    border: 1px solid #666;
    background-color: #eee;
    padding: 1em 10px 0;
}
.attention_area p.ttl {
	font-weight: 700;
	margin-bottom: 0.5em;
}
.attention_area p.ttl img {
	vertical-align:text-bottom
}
@media screen and (max-width: 640px) {
	.attention_area {
    	margin: 10px 0 30px 0px;
	}
}

/*
	-------------------------
		onepoint_area
	-------------------------
*/
.onepoint_area {
    margin: 10px 0 30px 20px;
    background-color: #FAF5C8;
    padding: 15px 0.8em 5px;
}
.onepoint_area p.ttl {
	font-weight: 700;
	margin-bottom: 0.5em;
}
.onepoint_area p.ttl img {
	vertical-align:text-bottom
}
@media screen and (max-width: 640px) {
	.onepoint_area {
    	margin: 10px 0 30px 0px;
	}
}

/*
	-------------------------
		table
	-------------------------
*/
.mod-mainContentContainer table {
	margin: 0 0 30px 20px;
	border: 1px #CCC solid;
	border-collapse: collapse;
	border-spacing: 0;
	clear: both;
}
.mod-mainContentContainer table th{
	width: auto;
	height: 30px;
	padding: 10px;
	border: 1px #CCC solid;
	line-height: 1.2;
	text-align: center;
}
.mod-mainContentContainer table td {
	width: auto;
	height: 30px;
	padding: 10px;
	border: 1px #CCC solid;
	line-height: 1.2;
}
thead th {
	background-color: #eee;
	text-align: center;
	font-size: 12px;
}
@media screen and (max-width: 768px) {
	.mod-mainContentContainer table {
		margin: 0 10px 30px;
	}
}
/*
	-------------------------
		dotArea
	-------------------------
*/
div.dotArea {
	margin:0 0 30px 15px;
	padding:0 0 20px 0;
	background: url("/www/support/share/images/dotline.gif") repeat-x bottom;
	clear:both;
}
div.line-none {
	background: none;
	clear:both;
}
div.dotArea div.stepArea {
	margin:10px 0 0 35px;
}
div.dotArea div.stepArea div.leftArea,
div.dotArea div.stepArea div.leftArea-2 {
	width:325px;
	float:left;
	margin:0 0 20px 0;
}
div.dotArea div.stepArea div.rightArea,
div.dotArea div.stepArea div.rightArea-2 {
	width:325px;
	float: right;
	margin:0;
}
div.dotArea div.stepArea p,
div.dotArea div.stepArea div.pct img,
div.dotArea div.stepArea .attention_area,
div.dotArea div.stepArea .onepoint_area {
	margin-left: 0;
}
div.dotArea div.stepArea ol,
div.dotArea div.stepArea ul {
	margin-left: 1em;
}
div.dotArea div.stepArea ul.txtlink {
	margin-left: .5em;
}
div.dotArea div.stepArea dl dt { 
	margin-left: 0;
}
div.dotArea div.stepArea dl dd { 
	margin-left: 1em;
}
@media screen and (max-width: 768px) {
	div.dotArea div.stepArea {
		margin:10px 0 0 5px;
	}
}
@media screen and (max-width: 640px) {
	div.dotArea {
		margin:0 0 30px 0;
	}
	div.dotArea div.stepArea div.leftArea,
	div.dotArea div.stepArea div.leftArea-,
	div.dotArea div.stepArea div.rightArea,
	div.dotArea div.stepArea div.rightArea-2 {
		width: auto;
		float:none;
	}
	div.dotArea div.stepArea {
		margin:10px 0 0 0;
	}
	div.dotArea div.img {
	  width: 100%;
	  height: auto;
	}
}

/*
	-------------------------
		lineArea
	-------------------------
*/
div.lineArea {
	border:#999999 1px solid;
	margin: 15px 0px 0px 0px;
	padding: 15px;
}
.dot_line {
  margin: 15px 0 0 0;
  padding: 15px 0 0 0;
  border-top: #999 1px dotted;
}

/*
	-------------------------
		no
	-------------------------
*/
.no1 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_01.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no2 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_02.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no3 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_03.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no4 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_04.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no5 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_05.gif) no-repeat 0px 0px;
	font-weight:bold;

}
.no6 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_06.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no7 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_07.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no8 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_08.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no9 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_09.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no10 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_10.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no11 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_11.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no12 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_12.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no13 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_13.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.no14 {
	padding: 3px 0px 3px 35px;
	margin-left: 0 !important;
	background: url(/www/support/share/images/no_14.gif) no-repeat 0px 0px;
	font-weight:bold;
}
/* num */
.num_01 {
	margin-top: 20px;
	margin-left: 20px;
	padding:20px 0 3px 27px;
	background: url(/www/support/share/images/num_01.gif) no-repeat 0 20px;
}
.num_02 {
	margin-top: 20px;
	margin-left: 20px;
	border-top: #999 1px dotted;
	padding:20px 0 3px 27px;
	background: url(/www/support/share/images/num_02.gif) no-repeat 0 20px;
}
.num_03 {
	margin-top: 20px;
	margin-left: 20px;
	border-top: #999 1px dotted;
	padding:20px 0 3px 27px;
	background: url(/www/support/share/images/num_03.gif) no-repeat 0 20px;
}
.num_04 {
	margin-top: 20px;
	margin-left: 20px;
	border-top: #999 1px dotted;
	padding:20px 0 3px 27px;
	background: url(/www/support/share/images/num_04.gif) no-repeat 0 20px;
}
.num_05 {
	margin-top: 20px;
	margin-left: 20px;
	border-top: #999 1px dotted;
	padding:20px 0 3px 27px;
	background: url(/www/support/share/images/num_05.gif) no-repeat 0 20px;
}
.num_06 {
	margin-top: 20px;
	margin-left: 20px;
	border-top: #999 1px dotted;
	padding:20px 0 3px 27px;
	background: url(/www/support/share/images/num_06.gif) no-repeat 0 20px;
}
.num_07 {
	margin-top: 20px;
	margin-left: 20px;
	border-top: #999 1px dotted;
	padding:20px 0 3px 27px;
	background: url(/www/support/share/images/num_07.gif) no-repeat 0 20px;
}
.num_08 {
	margin-top: 20px;
	margin-left: 20px;
	border-top: #999 1px dotted;
	padding:20px 0 3px 27px;
	background: url(/www/support/share/images/num_08.gif) no-repeat 0 20px;
}
.num_01 div.pct img,.num_02 div.pct img,.num_03 div.pct img,.num_04 div.pct img,.num_05 div.pct img,.num_06 div.pct img,.num_07 div.pct img,.num_08 div.pct img {
	margin: 0 0 1.5em;
}
@media screen and (max-width: 768px) {
	.num_01,.num_02,.num_03,.num_04,.num_05,.num_06,.num_07,.num_08 {
		margin-left: 5px;
		padding:45px 0 3px 0;
	}
}
@media screen and (max-width: 640px) {
	.num_01,.num_02,.num_03,.num_04,.num_05,.num_06,.num_07,.num_08 {
		margin-left: 0;
	}
}
/*
	-------------------------
		link
	-------------------------
*/
a {
	color: #43677e;
	text-decoration: none;
	background-color: transparent;
	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-ms-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in
}
a:visited {
	color: #43677e;
	background-color: transparent
}
a:hover, a:active {
	color: #c41230;
	text-decoration: underline;
	background-color: transparent
}
ul.txtlink li {
    margin: 0 30px 0 0;
    padding: 0 0 0 10px;
    list-style: none;
    background: url(/support/share/images/arrow_black.gif) no-repeat left .4em;
}
span.link_out {
    background: url(/www/support/share/images/icon_blank.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 9px 0 0;
    vertical-align: baseline;
	*vertical-align: middle;	/* for IE */
    width: 11px;
	margin-left: 5px;
}
hr {
    border-width: 1px 0px 0px 0px;
    border-style: dotted;
    border-color: #cccccc;
    clear: both;
    height: 1px;
    margin: 1.25em auto;
}

/*
	-------------------------
		enquete
	-------------------------
*/
.enq {
	clear: both;
	margin: 0 auto 30px;
	width: 342px;
}
.enq #message {
	text-align: center;
}
@media screen and (max-width: 640px) {
	.enq,
	.enq #message {
		width: auto;
	}
}
/*
	-------------------------
		local navigation
	-------------------------
*/
.local_navigation {
	margin: 5px 0 0 0;
	border-bottom: #eee solid 1px;
}
.local_navigation ul.contents_navi {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.local_navigation ul.contents_navi li {
    margin: 15px 0 0 1.4375em;
    padding: 0;
    float: left;
    line-height: 1;
}
.local_navigation ul.contents_navi a {
    display: block;
    margin-bottom: 0;
    outline: none;
    padding-right: 6px;
    padding-bottom: 10px;
    padding-left: 6px;
	color: #333;
	transition: 0.15s ease-out;
}
.local_navigation ul.contents_navi li:hover a,
.local_navigation ul.contents_navi .active a,
.local_navigation ul.contents_navi a.current {
	text-decoration: none;
	box-shadow: inset 0 -4px 0 #5887f5;
}
/*
	============================================================================================================
	============================================================================================================
	============================================================================================================
*/
/*
	====================================
		QA style
	====================================
*/
/*
	-------------------------
		layout
	-------------------------
*/
div.ttl_area {
	margin-bottom: 50px;
}
div.ttl_area p.ans {
    margin: 5px 0 30px 0;
    padding: 2px 15px 0px 30px;
    background: url(/www/support/share/images/ttl_ico_a.gif) left top no-repeat;
    font-size: 15px;
    font-weight: normal;
}

/*
	-------------------------
		title
	-------------------------
*/
.qa h2 {
    margin: 5px 0 10px 0;
    padding: 2px 15px 5px 30px;
    background: url(/www/support/share/images/ttl_ico_q.gif) left top no-repeat;
    font-size: 16px;
    border-bottom: 1px #ccc solid ;
}

/*
	-------------------------
		list
	-------------------------
*/
div.ttl_area ul.anchor {
    margin: 5px 0 30px 50px;
}
div.ttl_area ul.anchor li {
    margin-bottom: 5px;
    list-style: url(/support/ichigan/enjoy/photo/acc/flash/share/images/ico_arrowdown.gif) ;
    padding-left: 5px;
}
div.ttl_area ul.anchor ul {
    margin: 5px 0 15px 15px;
}
div.ttl_area ul.anchor ul li {
    list-style: disc;
    margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
	div.ttl_area ul.anchor {
	    margin: 5px 0 30px 20px;
	}
	div.ttl_area ul.anchor li,
	div.ttl_area ul.anchor ul li {
	    margin-bottom: 0;
	}
}

/*
	-------------------------
		attention_area
	-------------------------
*/
.qa .attention_area {
	margin: 15px 0 30px 1em;
	padding: 0;
	border: solid 3px #d99694;
	background-color: #fff;
}
.qa .attention_area dt {
	padding: 4px 6px;
	margin: 0;
	color: #fff;
	background-color: #d99694;
	font-weight: bold;
}
.qa .attention_area dd {
	padding: 15px 10px 0 10px;
	margin: 0;
}
@media screen and (max-width: 640px) {
	.qa .attention_area {
		margin: 15px 0 30px;
	}
}

/*
	-------------------------
		onepoint_area
	-------------------------
*/
.qa .onepoint_area {
	margin: 15px 0 30px 1em;
	padding: 0;
	border: solid 3px #376092;
	background-color: #fff;
}
.qa .onepoint_area dt {
	padding: 4px 6px;
	margin: 0;
	color: #fff;
	background-color: #376092;
	font-weight: bold;
}
.qa .onepoint_area dd {
	padding: 15px 10px 0 10px;
	margin: 0;
}
@media screen and (max-width: 640px) {
	.qa .onepoint_area {
		margin: 15px 0 30px;
	}
}

/*
	====================================
	pagenavi
	====================================
*/
.pageNavi{
	clear:both;
	width:100%;
	overflow:hidden;
	margin: 50px 0px 20px;
}
.pageNavi:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
ul#pageNumber {
	list-style-type:none;
	float:left;
	position:relative;
	right:50%;
	padding-right:2px;
	margin-left: 0;
}
#pageNumber {
	padding:0; 
	margin: auto;
	position:relative; 
	left:50%;
}
ul#pageNumber li {
	list-style-type:none;
	float:left;
	position:relative;
	right:50%;
	padding-right:2px;
	margin-left: 0;
}
#pageNumber a{
	width: auto;
	display: block;
	padding: 2px 7px 0px;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #494949;
	text-decoration: none;
}
#pageNumber a:hover{
	color: #494949;
	background-color: #ccc;
}
#pageNumber li.currentNum{
	padding: 3px 8px 1px 8px;
	color: #fff; 
	background-color: #8b8b8b;
	margin-right: 2px;
}

/*
	------------------------------------
	menulist
	------------------------------------
*/
div.menuList{
	background-color: #eee;
	padding: 20px 20px 10px;
	width: 290px;
	margin: 0 auto;
}
div.menuList ul,
div.menuList li {
	list-style: none;
	margin: auto;
}
div.menuList li {
	padding: 0 0 5px;
}
div.menuList ul li.currentList{
	font-weight: 700;
	color: #000;
}
@media screen and (max-width: 768px) { 
div.menuList{
	width: auto;
	padding: 10px 10px 5px;
}
}
/*===========================================
	margin
=============================================*/

.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;
}
.mt0 {
	margin-top: 0px !important;
}
.mt2{
	margin-top: 2px !important;
}
.mt3{
	margin-top: 3px !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;
}
.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;
}
.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;
}