@charset "utf-8";
/**
 * contents.css
 */

/* contents
--------------------------------------------------*/
/* container */

/* contentsHeader */
	#contentsHeader {
		zoom: 1;
		margin-bottom: 55px;
	}
	#contentsHeader:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	#contentsHeader .title01 {
		float: left;
		padding-right: 20px;
	}
	#contentsHeader ul.category {
		text-align: right;
	}
	#contentsHeader ul.category li {
		display: inline;
		position: relative;
		padding-left: 10px;
	}

/* contents */
	#contents {
		zoom: 1;
	}
	#contents:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}

/* contentsSide */
	#contentsSide {
		float: left;
		width: 220px;
	}
	#contentsSide .title {
		float: none !important;
		width: auto !important;
		margin-bottom: 40px;
		font-size: 123.1%;
		line-height: 1.88;
		letter-spacing: 0.1em;
	}
	#archiveList ul li {
		margin-bottom: 5px;
	}
	#archiveList * {
		font-weight: 300;
		line-height: 1.70;
		letter-spacing: 0.2em;
	}
	#archiveList li a {
		border-bottom: none;
	}
	#archiveList li.on a {
		color: #333333;
	}
	#sNavList {
		font-size: 92.3%;
		line-height: 1.92;
		letter-spacing: 0.02em;
	}
	#sNavList ul {
		margin-left: 25px;
	}
	#sNavList ul li {
		margin-top: 7px;
	}
	#sNavList ul li a {
		border-bottom: none;
	}
	#sNavList ul li.on a {
		color: #888888;
	}
	#sNavList ul li.on a:hover {
		color: #f1832c;
	}
	#archiveListSP,
	#sNavListSP {
		display: none;
	}

/* contentsMain */
	#contentsMain {
		float: right;
		width: 705px;
	}
	#contentsMain.mainColumn1 {
		float: none;
		width: auto;
	}

/* pulldown */
	.pulldown {
		position: relative;
		width: 145px;
		height: 30px;
		line-height: 1.85;
		letter-spacing: 0.1em;
	}
	.pulldown .inner {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 145px;
		border-radius: 15px;
		background: #f3f1e9;
	}
	.pulldown .label {
		line-height: 23px;
	}
	.pulldown .label a {
		display: block;
		padding: 0 14px;
		border-bottom: none;
		color: #333333 !important;
		text-align: center;
	}
	.pulldown.on .label a,
	.pulldown .active .label a {
		color: #ffffff !important;
	}
	.pulldown .on .label a {
		background: #666666;
	}
	.pulldown .label a span.icon {
		display: block;
		padding: 4px 9px 3px 0;
		background: url(../images/arw-pulldown.png) no-repeat right center;
	}
	body.ie6 .pulldown .label a span.icon {
		background-image: url(../images/arw-pulldown.gif);
	}
	html.retina .pulldown .label a span.icon {
		background-image: url(../images/retina/arw-pulldown.png);
		-webkit-background-size: 9px 5px;
		background-size: 9px 5px;
	}
	.pulldown .active .label a span.icon {
		background-image: url(../images/arw-pulldown_ov.png);
	}
	body.ie6 .pulldown .active .label a span.icon {
		background-image: url(../images/arw-pulldown_ov.gif);
	}
	html.retina .pulldown .active .label a span.icon {
		background-image: url(../images/retina/arw-pulldown_ov.png);
	}
	.pulldown .list {
		display: none;
		padding: 0 10px 10px;
		font-size: 92.3%;
		line-height: 1.92;
	}
	.pulldown .list li a {
		zoom: 1;
		display: block;
	}
	/* open */
	.pulldown.open {
		z-index: 2;
	}
	body.mdn .pulldown.open {
		border-radius: 15px 15px 0 0;
		background: #666666;
	}
	.pulldown.open .inner {
		background: #666666;
	}
	.pulldown.open .label a span.icon,
	.pulldown.open .label a:hover span.icon {
		background-image: url(../images/arw-pulldown_open.png);
	}
	body.ie6 .pulldown.open .label a span.icon,
	body.ie6 .pulldown.open .label a:hover span.icon {
		background-image: url(../images/arw-pulldown_open.gif);
	}
	html.retina .pulldown.open .label a span.icon,
	html.retina .pulldown.open .label a:hover span.icon {
		background-image: url(../images/retina/arw-pulldown_open.png);
	}
	.pulldown.open .list li {
		margin-top: 10px;
	}
	.pulldown.open .list li ul {
		zoom: 1;
		color: #999999;
	}
	.pulldown.open .list li ul li,
	.pulldown.open .list li.first {
		margin-top: 0;
	}
	.pulldown.open .list li a {
		border-bottom: none;
		color: #cccccc !important;
	}
	.pulldown.open .list li a:hover {
		color: #ffffff !important;
	}

/* ancNav */
	#ancNavArea {
		position: fixed;
		top: 50%;
		right: 20px;
		z-index: 10;
	}
	#ancNavArea.hidden {
		overflow: hidden;
		width: 0;
		height: 0;
	}
	#ancNav {
		width: 10px;
	}
	#ancNav li {
		position: relative;
		width: 10px;
		height: 29px;
		font-size: 84.6%;
		line-height: 14px;
	}
	#ancNav li.hidden {
		overflow: hidden;
		width: 0;
	}
	#ancNav li a {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		float: right;
		width: 0;
		padding-left: 10px;
		border-bottom: none;
		background: url(../images/icon-anc.png) no-repeat left 0.2em;
		color: #333333 !important;
		white-space: nowrap;
	}
	#ancNav li.on a,
	#ancNav li a:hover {
		background-image: url(../images/icon-anc_ov.png);
	}
	body.ie6 #ancNav li a {
		background-image: url(../images/icon-anc.gif);
	}
	body.ie6 #ancNav li.on a,
	body.ie6 #ancNav li a:hover {
		background-image: url(../images/icon-anc_ov.gif);
	}
	#ancNav li a span {
		display: inline-block;
		padding-left: 8px;
	}

/* accordion */
	.accordionArea {
		margin-top: 10px;
	}
	.accordionArea .accBody {
		display: none;
		margin-bottom: 30px;
	}
	.accordionArea .accBtn {
		position: relative;
	}

/* section */
	.section {
		margin-top: 72px;
		padding-top: 52px;
		border-top: #ffe6d5 solid 1px;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'72px');
		_padding-top: expression((this.parentNode.firstChild ==this)?'0':'52px');
		_border-top: expression((this.parentNode.firstChild ==this)?'none':'#ffe6d5 solid 1px');
	}
	.section:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
	.section .title01 {
		margin-bottom: 42px;
	}
	.tplBox {
		zoom: 1;
		margin-top: 24px;
	}
	.tplBox:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.tplBox.first {
		margin-top: 0;
	}
	.tplBox .title {
		float: left;
		padding-top: 24px;
		width: 220px;
		font-size: 123.1%;
		line-height: 1.88;
		letter-spacing: 0.1em;
	}
	.tplBox.first .title {
		padding-top: 0;
	}
	.tplBox .body {
		float: right;
		width: 705px;
		padding-top: 24px;
		border-top: #ffe6d5 solid 1px;
	}
	.tplBox.first .body {
		padding-top: 2px;
		border-top: none;
	}
	.tplBox .body .bodyInner {
		margin-top: 24px;
		padding-top: 24px;
		border-top: #ffe6d5 solid 1px;
	}
	.tplBox .body p {
		margin-top: 2.08em;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'2.08em');
	}
	.tplBox .body p:first-child {
		margin-top: 0;
	}
	/* tplColumnArea */
	.tplColumnArea {
		zoom: 1;
		width: 740px;
		margin: 2.08em -35px 0 0;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'2.08em');
	}
	.tplColumnArea:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.tplColumnArea:first-child {
		margin-top: 0;
	}
	.tplColumnArea .inner {
		zoom: 1;
		margin-top: 10px;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'10px');
	}
	.tplColumnArea .inner:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.tplColumnArea .inner:first-child {
		margin-top: 0;
	}
	.tplColumnArea .column {
		float: left;
		width: 335px;
		padding-right: 35px;
	}
	.tplColumnArea .column h5 {
		font-weight: bold;
	}
	/* tplDlStyle */
	.tplDlStyle {
		margin-top: 2.08em;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'2.08em');
	}
	.tplDlStyle:first-child {
		margin-top: 0;
	}
	.tplDlStyle dt {
		font-weight: bold;
		margin-bottom: 10px;
	}
	/* tplImageArea */
	.tplImageArea {
		margin-top: 2.08em;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'2.08em');
	}
	.tplImageArea:first-child {
		margin-top: 0;
	}
	.tplImageArea p.credit {
		margin-top: 8px !important;
		color: #666666;
		font-size: 77.0%;
		line-height: 1.5;
		text-align: right;
	}
	/* tplImageListArea */
	.tplImageListArea {
		zoom: 1;
		margin-top: 2.08em;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'2.08em');
	}
	.tplImageListArea:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.tplImageListArea:first-child {
		margin-top: 0;
	}
	.tplImageListArea .inner {
		zoom: 1;
		margin-top: 32px;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'32px');
	}
	.tplImageListArea .inner:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.tplImageListArea .inner:first-child {
		margin-top: 0;
	}
	.tplImageListArea .list {
		float: left;
		width: 335px;
		margin-left: 35px;
		_margin-left: expression((this.parentNode.firstChild ==this)?'0':'35px');
		line-height: 1.77;
	}
	.tplImageListArea .list:first-child {
		margin-left: 0;
	}
	.tplImageListArea .list .image a {
		border-bottom: none;
	}
	.tplImageListArea .list h5 {
		margin: 14px 0 4px;
		font-weight: bold;
		line-height: 2.08;
	}
	/* tplScrollAreaWrap */
	.tplScrollAreaWrap {
		position: relative;
	}
	.tplScrollAreaWrap h4 {
		margin-bottom: 22px;
		font-weight: bold;
	}
	.tplScrollAreaWrap .scrollAreaContent {
		position: relative;
		padding: 32px 14px 35px 40px;
		border-radius: 5px;
		background: #f8f7f2;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea {
		position: relative;
		overflow: auto;
		height: 200px;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea .jspVerticalBar {
		width: 7px;
		background: none;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea .jspTrack {
		border-radius: 4px;
		background: #dddddd;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea .jspDrag {
		border-radius: 4px;
		background: #666666;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea dl {
		padding-right: 40px;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea dl dt {
		float: left;
		font-size: 92.4%;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea dl dd {
		margin: 0 0 8px 100px;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea dl dd a {
		border-bottom: none;
	}
	/* tplListStyle01Area */
	.tplListStyle01Area {
	}
	.tplListStyle01Area dl {
		zoom: 1;
	}
	.tplListStyle01Area dl:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.tplListStyle01Area dl dt {
		float: left;
		font-weight: 300;
	}
	.tplListStyle01Area dl dd {
		margin-left: 70px;
		padding-bottom: 2.08em;
	}
	.tplListStyle01Area dl dd .label {
		float: left;
		font-weight: 300;
	}
	.tplListStyle01Area dl dd .text {
		margin-left: 45px;
	}
	/* tplListStyle02Area */
	.tplListStyle02Area li {
		margin-top: 2.08em;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'2.08em');
	}
	.tplListStyle02Area li:first-child {
		margin-top: 0;
	}
	/* tplAudio */
	.tplAudio {
		margin-top: 20px;
	}
	.tplAudio audio {
		width: 456px;
		margin: 0;
	}
	/* tplFormArea */
	.tplFormArea {
		position: relative;
		margin-top: 24px;
		_margin-top: expression((this.parentNode.firstChild ==this)?'-42px':'24px');
		padding-top: 14px;
		_padding-top: expression((this.parentNode.firstChild ==this)?'0':'14px');
		border-top: #ffe6d5 solid 1px;
		_border-top: expression((this.parentNode.firstChild ==this)?'none':'#ffe6d5 solid 1px');
	}
	.tplFormArea:first-child {
		margin-top: -42px;
		padding-top: 0;
		border-top: none;
	}
	.tplFormArea .req {
		color: #ff832d;
	}
	.tplFormArea .require {
		margin-bottom: -10px;
		font-size: 92.3%;
		text-align: right;
	}
	.tplBox .body .tplFormArea .tplColumnArea {
		margin-top: 30px;
	}
	.tplFormArea .item {
		margin-top: 30px;
	}
	.tplFormArea .tplColumnArea .item {
		margin-top: 0;
	}
	.tplFormArea .item dt {
		height: auto !important;
		height: 27px;
		min-height: 27px;
		font-size: 123.1%;
		line-height: 1.69;
		letter-spacing: 0.1em;
	}
	.tplFormArea .item dt .caption {
		font-size: 75%;
	}
	.tplFormArea .item dd {
		margin-top: 10px;
		font-size: 92.4%;
	}
	.tplFormArea .item .form_text {
		background: #f3f1e9;
		padding: 2px 5px;
	}
	.tplFormArea .item .form_text input {
		width: 100%;
		height: 26px;
		margin: 0;
		padding: 0;
		border: none;
		background: none;
		/*font-size: 12px;*/
		font-size:87.1%;

		line-height: 26px;
		outline: none;
	}
	.tplFormArea .item label.label_radio {
		display: inline-block;
		height: auto !important;
		height: 20px;
		min-height: 20px;
		padding-left: 25px;
		background: url(../images/form-radio.gif) no-repeat left top;
		line-height: 20px;
		cursor: pointer;
	}
	html.retina .tplFormArea .item label.label_radio {
		background-image: url(../images/retina/form-radio.gif);
		-webkit-background-size: 20px 70px;
		background-size: 20px 70px;
	}
	.tplFormArea .item label.label_radio.checked {
		background-position: left -50px;
	}
	.tplFormArea .item label.label_radio input {
		visibility: hidden;
		overflow: hidden;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
	}
	.tplFormArea .item label.label_checkbox {
		display: inline-block;
		height: auto !important;
		height: 20px;
		min-height: 20px;
		padding-left: 25px;
		background: url(../images/form-checkbox.gif) no-repeat left top;
		line-height: 20px;
		cursor: pointer;
	}
	html.retina .tplFormArea .item label.label_checkbox {
		background-image: url(../images/retina/form-checkbox.gif);
		-webkit-background-size: 20px 70px;
		background-size: 20px 70px;
	}
	.tplFormArea .item label.label_checkbox.checked {
		background-position: left -50px;
	}
	.tplFormArea .item label.label_checkbox input {
		visibility: hidden;
		overflow: hidden;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
	}
	.tplFormArea .item .form_select select {
		visibility: hidden;
		overflow: hidden;
		float: left;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
	}
	.tplFormArea .item .form_upload input {
		visibility: hidden;
		overflow: hidden;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
	}
	.tplFormArea .item .form_upload .label {
		float: left;
		line-height: 30px;
	}
	.tplFormArea .item .form_upload .file {
		overflow: hidden;
	}
	body.ie6 .tplFormArea .item .form_upload {
		position: relative;
	}
	.tplFormArea .item .form_upload .uploadBtn {
		min-width: 90px;
		text-align: center;
	}
	body.ie6 .tplFormArea .item .form_upload .uploadBtn {
		padding-right: 35px;
		padding-left: 35px;
	}
	.tplFormArea .item .form_upload .file_name {
		margin-top: 5px;
	}
	.tplFormArea .item .form_textarea {
		background: #f3f1e9;
		padding: 10px;
	}
	.tplFormArea .item .form_textarea textarea {
		width: 100%;
		height: 100px;
		margin: 0;
		padding: 0;
		border: none;
		background: none;
		/*font-size: 12px;*/
		font-size:87.1%;
		vertical-align: top;
		outline: none;
		resize: none;
	}
	.tplFormArea .item .form_select .pulldown,
	.tplFormArea .item .form_select .pulldown .inner {
		width: 100%;
	}
	.tplFormArea .item .radio_groupStyle01 {}
	.tplFormArea .item .radio_groupStyle01 li.list {
		margin-top: 10px;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'10px');
	}
	.tplFormArea .item .radio_groupStyle01 li.list:first-child {
		margin-top: 0;
	}
	.tplFormArea .item .radio_groupStyle01 li.upload_list {
		zoom: 1;
	}
	.tplFormArea .item .radio_groupStyle01 li.upload_list:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.tplFormArea .item .radio_groupStyle01 li.upload_list label.label_radio {
		display: block;
		float: left;
		margin-top: 5px;
	}
	.tplFormArea .item .radio_groupStyle01 li.list .form_upload {
		float: right;
		width: 600px;
	}
	.tplFormArea .item .radio_groupStyle01 li.list .form_textarea {
		margin-top: 10px;
		margin-left: 25px;
	}
	.tplFormArea .item .radio_groupStyle02 {
		margin-bottom: -10px;
	}
	.tplFormArea .item .radio_groupStyle02 li {
		display: inline-block;
		margin-top: 0;
		margin-right: 20px;
		padding-bottom: 10px;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'0');
	}
	body.ie6 .tplFormArea .item .radio_groupStyle02 li,
	body.ie7 .tplFormArea .item .radio_groupStyle02 li {
		zoom: 1;
		display: inline;
	}
	
	.tplFormArea .middleSize {
		width: 335px;
	}
	.tplFormArea .smallSize .form_text {
		float: left;
		width: 60px;
		margin-right: 10px;
	}
	.tplFormArea .smallSize .unit {
		line-height: 30px;
	}
	.tplFormArea .telArea {
		width: 300px;
		height: 30px;
	}
	.tplFormArea .telArea .form_text {
		float: left;
		width: 60px;
	}
	.tplFormArea .telArea .end {
		width: 90px;
	}
	.tplFormArea .telArea .join {
		float: left;
		width: 30px;
		line-height: 30px;
		text-align: center;
	}
	.tplFormArea .formTable {
		width: 100%;
		border-collapse: collapse;
	}
	.tplFormArea .formTable th,
	.tplFormArea .formTable td {
		padding-top: 33px;
	}
	.tplFormArea .formTable tr:first-child th,
	.tplFormArea .formTable tr:first-child td {
		padding-top: 8px;
	}
	.tplFormArea .formTable th {
		width: 211px;
		font-size: 123.1%;
		line-height: 1.69;
		letter-spacing: 0.1em;
	}
	.tplFormArea .formTable th .caption {
		font-size: 75%;
	}
	.tplFormArea .formBtn {
		position: relative;
		zoom: 1;
		margin-top: 40px;
	}
	.tplFormArea .formBtn:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.tplFormArea .formBtn .btn {
		float: left;
		width: 145px;
	}
	.tplFormArea .formBtn .btn.right {
		margin-left: 10px;
	}
	.tplFormArea .formBtn .btn01,
	.tplFormArea .formBtn .btn02 {
		display: block;
		padding-right: 15px;
		padding-left: 15px;
		text-align: center;
		cursor: pointer;
	}
	.tplFormArea .formBtn #form_submit span,
	.tplFormArea .formBtn #form_top span {
		display: block;
		padding: 0 10px;
		background: url(../images/arw-04.png) no-repeat right center;
	}
	body.ie6 .tplFormArea .formBtn #form_submit span,
	body.ie6 .tplFormArea .formBtn #form_top span {
		background-image: url(../images/arw-04.gif);
	}
	html.retina .tplFormArea .formBtn #form_submit span,
	html.retina .tplFormArea .formBtn #form_top span {
		background-image: url(../images/retina/arw-04.png);
		-webkit-background-size: 5px 9px;
		background-size: 5px 9px;
	}
	.tplFormArea .formBtn #form_back span {
		display: block;
		padding: 0 10px;
		background: url(../images/arw-05.png) no-repeat left 10px;
	}
	.tplFormArea .formBtn #form_back:hover span {
		background-position: left -40px;
	}
	body.ie6 .tplFormArea .formBtn #form_back span {
		background-image: url(../images/arw-05.gif);
	}
	html.retina .tplFormArea .formBtn #form_back span {
		background-image: url(../images/retina/arw-05.png);
		-webkit-background-size: 5px 59px;
		background-size: 5px 59px;
	}
	.tplFormArea .formBtn .error {
		float: left;
		margin-left: 20px;
		color: #ff0000;
		font-size: 92.3%;
		line-height: 30px;
	}
	.tplFormArea .finish {
		margin-bottom: 62px;
	}
	.tplFormArea .finish dt {
		margin-bottom: 25px;
		font-size: 123.1%;
		font-weight: bold;
	}

/* search */
	.cse .gsc-control-cse, .gsc-control-cse {
		padding: 0 !important;
		border: none;
	}
	.gsc-above-wrapper-area {
		padding-top: 0 !important;
	}
	.gsc-result-info {
		margin-top: 0 !important;
	}
	.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column {
		margin-bottom: 30px !important;
	}
	.gsc-result .gs-title {
		height: auto !important;
	}
	.gs-result .gs-title, .gs-result .gs-title * {
		text-decoration: none !important;
	}
	.cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-spelling-original, .gs-spelling-original {
		font-size: 100% !important;
		line-height: 2.08 !important;
	}

/* whitepage */
	#whitepage p {
		margin-top: 2.08em;
		_margin-top: expression((this.parentNode.firstChild ==this)?'0':'2.08em');
	}
	#whitepage p:first-child {
		margin-top: 0;
	}


/* TB
--------------------------------------------------*/
@media only screen and (max-width:1023px) {

/* contentsSide */
	#contentsSide {
		float: left;
		width: 23.8%;
	}
	#contentsHeader ul.category {
		margin-bottom: -10px;
	}
	#contentsHeader ul.category li {
		display: inline-block;
		padding-bottom: 10px;
	}

/* contentsMain */
	#contentsMain {
		float: none;
		width: auto;
		margin-left: 23.8%;
		padding-left: 35px;
	}
	#contentsMain.mainColumn1 {
		margin-left: 0;
		padding-left: 0;
	}

/* pulldown */
	/* open */
	.pulldown.open .inner {
		background: #666666;
	}

/* ancNav */
	#ancNavArea {
		overflow: hidden;
		width: 0;
		height: 0;
	}

/* section */
	.section .title01 .en {
		display: inline;
	}
	.tplBox {
		margin-right: 35px;
	}
	.tplBox .title {
		width: 23.8%;
	}
	.tplBox .body {
		width: 76.2%;
		margin-right: -35px;
	}
	/* tplColumnArea */
	.tplColumnArea {
		width: auto;
		margin-right: 0;
		padding-right: 35px;
	}
	.tplColumnArea .column {
		width: 50%;
	}
	.tplColumnArea .column:nth-child(2) {
		float: right;
		margin-right: -35px;
		padding-right: 0;
	}
	/* tplImageArea */
	.tplImageArea img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	/* tplImageListArea */
	.tplImageListArea .inner {
		padding-right: 35px;
	}
	.tplImageListArea .list {
		width: 50%;
		margin-left: 0;
	}
	.tplImageListArea .list .image img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.tplImageListArea .list:nth-child(2) {
		float: right;
		margin-right: -35px;
	}
	/* tplFormArea */
	.tplFormArea .item .radio_groupStyle01 li.list .form_upload {
		float: none;
		width: auto;
		margin-left: 105px;
	}

}


/* SP
--------------------------------------------------*/
@media only screen and (max-width:767px) {

/* contentsHeader */
	#contentsHeader {
		margin-bottom: 32px;
	}
	#contentsHeader .title01 {
		float: none;
		margin-bottom: 25px;
	}
	#contentsHeader ul.category {
		text-align: left;
	}
	#contentsHeader ul.category li {
		padding-left: 0;
		padding-right: 10px;
	}

/* contentsSide */
	#contentsSide {
		position: relative;
		float: none;
		width: auto;
		margin-bottom: 25px;
	}
	#contentsSide .title {
		margin-right: 150px !important;
		margin-bottom: 0 !important;
	}
	#contentsSide.noneNav .title {
		margin-right: 0 !important;
	}
	#archiveList,
	#sNavList {
		display: none;
	}
	#archiveListSP,
	#sNavListSP {
		display: block;
	}
	#archiveListSP * {
		font-weight: 300;
	}
	#sNavListSP {
		position: absolute;
		top: 0;
		right: 0;
	}
	#sNavListSP .inner .label .icon {
		overflow: hidden;
		width: 102px;
		padding-right: 12px;
		padding-left: 3px;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#archiveListSP .list li {
		margin-top: 0;
		text-align: center;
	}

/* contentsMain */
	#contentsMain {
		float: none;
		width: auto;
		padding-left: 0;
		margin-left: 0;
	}

/* ancNav */
	#ancNavArea {
		overflow: hidden;
		width: 0;
		height: 0;
	}

/* section */
	.section {
		margin-top: 42px;
		padding-top: 42px;
		border-top: #ffe6d5 solid 1px;
	}
	.section .title01 {
		margin-bottom: 32px;
	}
	.section .title01 .en {
		display: block;
	}
	.tplBox {
		margin-right: 0;
		padding-top: 24px;
		border-top: #ffe6d5 solid 1px;
	}
	.tplBox.first {
		margin-top: 0;
		padding-top: 0;
		border-top: none;
	}
	.tplBox .title {
		float: none;
		margin-bottom: 15px;
		padding-top: 0;
		width: auto;
	}
	.tplBox.first .title {
		padding-top: 0;
	}
	.tplBox .body {
		float: none;
		width: auto;
		margin-right: 0;
		padding-top: 0;
		border-top: none;
	}
	.tplBox.first .body {
		padding-top: 0;
	}
	/* tplColumnArea */
	.tplColumnArea {
		padding-right: 0;
	}
	.tplColumnArea .column {
		float: none;
		width: auto;
		padding-right: 0;
	}
	.tplColumnArea .column:nth-child(2) {
		float: none;
		margin-top: 10px;
		margin-right: 0;
	}
	/* tplImageListArea */
	.tplImageListArea .inner {
		margin-top: 22px;
		padding-right: 0;
	}
	.tplImageListArea .list {
		float: none;
		width: auto;
	}
	.tplImageListArea .list:nth-child(2) {
		float: none;
		margin-top: 22px;
		margin-right: 0;
	}
	/* tplScrollAreaWrap */
	.tplScrollAreaWrap .scrollAreaContent {
		position: relative;
		padding: 12px 14px 15px 20px;
		border-radius: 5px;
		background: #f8f7f2;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea {
		height: 266px;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea dl {
		padding-right: 0 20px;
	}
	.tplScrollAreaWrap .scrollAreaContent .scrollArea dl dd {
		margin-left: 70px;
	}
	/* tplAudio */
	.tplAudio audio {
		width: 300px;
	}
	/* tplFormArea */
	.tplFormArea:first-child {
		margin-top: 0;
	}
	.tplFormArea .tplColumnArea .column:nth-child(2) {
		margin-top: 30px !important;
	}
	.tplFormArea .item label.label_radio input {
		position: absolute;
	}
	.tplFormArea .item label.label_checkbox input {
		position: absolute;
	}
	.tplFormArea .item .form_upload .uploadBtn {
		min-width: 70px;
	}
	.tplFormArea .item .radio_groupStyle01 li.upload_list label.label_radio {
		display: inline-block;
		float: none;
		margin-top: 0;
	}
	.tplFormArea .item .radio_groupStyle01 li.list .form_upload {
		margin-top: 5px;
		margin-left: 25px;
	}
	.tplFormArea .middleSize {
		width: auto;
		max-width: 335px;
	}
	.tplFormArea .formTable,
	.tplFormArea .formTable tr,
	.tplFormArea .formTable th,
	.tplFormArea .formTable td {
		display: block;
		width: auto;
		padding-top: 0;
	}
	.tplFormArea .formTable tr {
		padding-top: 33px;
	}
	.tplFormArea .formTable tr:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.tplFormArea .formBtn {
		width: 300px;
		margin-right: auto;
		margin-left: auto;
	}
	.tplFormArea .formBtn .btn.center {
		float: none;
		margin: 0 auto;
	}
	.tplFormArea .formBtn .btn.right {
		float: right;
		margin-right: 0;
	}
	.tplFormArea .formBtn .error {
		float: none;
		margin-top: 10px;
		margin-left: 0;
		text-align: center;
	}

}