@charset "UTF-8";
/*! インデックス */
.cl, section .contentInWrap {
	display: inline-block;
	min-height: 1%;
	display: block;
	*zoom: 1;
}
.cl:after, section .contentInWrap:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
* html .cl, * html section .contentInWrap, section * html .contentInWrap {
	height: 1%;
}

/*----------------------------------
 mvArea
----------------------------------*/
#mvArea {
	margin-top: 40px;
	position: relative;
	text-align: center;
}
#mvArea h1 {
	margin-left: 15px;
	color: #4d4d4d;
	font-size: 237.5%;
	text-align: left;
	line-height: 1.5;
	font-weight:normal;
}
#mvArea h1 span.mvArea_font {
	font-size: 18px;
	*margin-bottom: 0px;
	*display: inline-block;
}
#mvArea h1, #mvArea img {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1;
}

@media only screen and (max-width: 640px) {
  	/* mvArea */
	#mvArea h1 {
    	margin-left: 0.2%;
		font-size: 175%;
	}
	#mvArea img {
		width: 20%;
	}

	/* mainText */
	#mainText {
		width: auto !important;
		padding: 0 5%;
	}
}
@media only screen and (max-width: 480px) {
  #mvArea h1 {
    font-size: 137.5%;
  }
}
@media only screen and (max-width: 360px) {
  #mvArea h1 {
    font-size: 125%;
  }
}

/*----------------------------------
 mainText
----------------------------------*/
#mainText {
	width:80%;
	margin: 20px auto 0;
}
#typeText {
	margin-top: 15px;
}

/*----------------------------------
 section
----------------------------------*/
h2.section_header {
	padding: 5px 15px;
	background: #ddd;
	color: #4d4d4d;
	font-size: 1.750em;
	letter-spacing: 0.1em;
	font-weight:normal;
	margin:0 0 0.8em;
}

#sec01 {
  margin-top: 50px;
}
#sec02,#sec03,#sec04,#sec05 {
  margin-top: 70px;
}

/*----------------------------------
 article
----------------------------------*/

.sub_section {
	padding:0 0 2em 0;
	margin:0 0 3em 0;
	border-bottom: 1px solid #e8e8e8;
	position:relative;
}

.article_header {
	float:right;
	width:70%;
	margin:0 0 2em 0;
}

.article_header h3 {
	font-size: 1.600em;
	color: #4d4d4d;
	font-weight:normal;
}

@media only screen and (max-width: 640px) {
	.article_header h3 {
		font-size: 1.5em;
		padding:0.5em 0 0 1.5em;

	}
}
.article_img {
	float:left;
	width:227px;
	margin:0.5em 0 0 0;
	text-align:center;
}

.article_main {
	float:right;
	width:70%;
	padding:0;
}


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

	.article_img {
		float:left;
		width:29%;
		text-align:center;
	}

	.article_img img {
		width:100%;
		margin:0 0 1em 0;
	}

	.article_main {
		clear:both;
		float:none;
		width:auto;
		display:block;
	}
}


/* ヒント */

.hint_area {
	margin:1.5em 0 0 0;
	border:1px solid #999;
	padding:6px 5px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.hint_area span {
	border:1px solid #999;
	background:#fcfade;
	padding:0 0.6em;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

.hint_area p {
	font-size:1.0em;
	margin-top:8px;
	padding:0 0 0 0.6em;
}

.hint_area ul li {
	list-style:disc;
	margin:5px 0 0 1.5em;
	padding:0 0 0 0.3em;
}


/* 注意 */

.atten_area {
	margin:1.5em 0 0 0;
	border:1px solid #999;
	padding:6px 5px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.atten_area span {
	background:#cc0000;
	color:#fff;
	padding:0 0.6em;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

.atten_area p {
	font-size:1.0em;
	margin-top:8px;
	padding:0 0 0 0.6em;
}

.atten_area ul li {
	list-style:disc;
	margin:5px 0 0 1.5em;
	padding:0 0 0 0.3em;
}

/*----------------------------------
 footer
----------------------------------*/
footer {
  border-top: none;
}

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

  /* section */
  section {
    margin: 0 4%;
    padding: 10px 2%;
  }
  section .contentInWrap {
    padding: 15px 3%;
  }
  section .secText {
    margin: 15px 0px 25px;
  }
  section .inLeft ul, section .inRight ul {
    margin-top: 25px;
  }
  section h1 {
    font-size: 125%;
  }
  section h2 {
    font-size: 112.5%;
  }

  #sec02,#sec03,#sec04,#sec05 {
    margin-top: 15px;
  }
	#mvArea h1 span.mvArea_font {
		font-size: 13px;
	}
}


/*===========================================
	linkButtonA
=============================================*/

.link_in {
	margin:2em 0 0 1em;
}

.link_in li {
	list-style:none;
	background: url('/support/share/images/icon_arrow_black.gif') no-repeat scroll 0 6px transparent;
	padding-left: 10px;
	margin-top:3px;
}

.link_in2 li {
	list-style:none !important;
	background: url('/support/share/images/icon_arrow_black.gif') no-repeat scroll 0 6px transparent;
	padding-left: 10px !important;
	margin-top:3px !important;
}

span.link_out {
    background: url('/support/walkman/images/icon_blank.gif') no-repeat scroll 0px 0px transparent;
    display: inline-block;
    height: 0px;
    margin-left: 3px;
    overflow: hidden;
    padding: 9px 0px 0px;
    vertical-align: baseline;
    width: 11px;
}


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

	.link_in {
		margin:2em 0 0 0;
	}

	.link_in li {
		list-style:none;
		background:none;
		padding:0;
		margin:0 !important;
	}

	.link_in li a {
		zoom: 1;
		background: url("/support/share/images/bg_btnA.png") no-repeat scroll 0 52% transparent;
		background-color: #f2f2ff2;
		border: 1px solid #BCBCBC;
		border-radius: 3px 3px 3px 3px;
		color: #333333;
		cursor: pointer;
		line-height: 1.3;
		text-align: left;
		text-decoration: none;
		padding: 12px 5px 10px 23px;
		margin: 8px 0 0 0;
		display: block;
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity: 1;
		-webkit-transition: opacity 0.2s ease-in 0s;
		-moz-transition:    opacity 0.2s ease-in 0s;
		-o-transition:      opacity 0.2s ease-in 0s;
		-ms-transition:     opacity 0.2s ease-in 0s;
		transition:         opacity 0.2s ease-in 0s;
	}

	.link_in li a:hover {
		background-color: #ffffff;
		color: #333333;
		text-decoration: none;
		filter: alpha(opacity=60);
		-moz-opacity:0.6;
		opacity: 0.6;
	}

	.link_in li a span {
		font-size:0.86em;
	}
}


/*===========================================
	親ページへのリンク
=============================================*/
.mt30 {
	margin-top:30px;
}

.parent_link {
	text-align:right;
	padding:0 3px 0 0;
	margin:0;
}

.parent_link span {
	background: url('/support/share/images/icon_arrow_black.gif') no-repeat scroll 0 6px transparent;
	padding-left: 10px;
	margin-top:3px;
}

.parent_link a {
	font-weight:bold;
}

@media only screen and (max-width: 640px) {
	.parent_link {
		text-align:left;
	}
}