@charset "utf-8";

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：OK CORPORATION 全体設定
　作　 成 　日：2013年10月01日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* 作業エリア作成 */
.okc_contents {
	color:#333;
	width:940px;
	margin:0 auto;
	text-align:left;
	padding:0;
}

/* 画像 */
.okc_contents img {
	vertical-align:bottom;
	padding:0;
	margin:0;
	border:none;
	font-size:0;
}

/* 見出し */
.okc_contents h1, .okc_contents h2, .okc_contents h3, .okc_contents h4, .okc_contents h5 {
	padding:0;
	margin:0;
}

/* ブロック */
.okc_contents div {
	padding:0;
	margin:0;
}

/* パラグラフ */
.okc_contents p {
	padding:0;
	margin:0;
}

/* リスト */
.okc_contents ul, .okc_contents ol, .okc_contents li {
	padding:0;
	margin:0;
	list-style:none;
	line-height:1.6;
}

/* 定義リスト */
.okc_contents dl, .okc_contents dt, .okc_contents dd {
	padding:0;
	margin:0;
}

/* テーブル */
.okc_contents table {
	border-collapse:collapse;
	border-spacing:0;
}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：メインビジュアル
　作　 成 　日：2013年10月01日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

.okc_contents h1 {
	margin:20px 10px 0 !important;
}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：メニュー
　作　 成 　日：2013年10月01日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

.okc_contents .menu {
	margin:10px 10px 0 !important;
}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：なんでも質問箱とは
　作　 成 　日：2013年10月01日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
.okc_contents .secton01 {
	background:url(../images/contents_body.gif) repeat-y;
	margin:10px 5px 0 !important;
}

/* テキスト */
.okc_contents .secton01 p {
	font-size:0.9em;
	width:800px;
	margin:10px auto 0 !important;
	_margin:10px 65px 0 !important;
	padding:0 10px 15px !important;
	border-bottom:solid 1px #e2be74;
}

/* 画像 */
.okc_contents .secton01 .steps {
	width:840px;
	margin:0 auto !important;
	_margin:0 45px !important;
	position:relative;
}

/* ボタン */
.okc_contents .secton01 .button01 {
	position:absolute;
	left:219px;
	top:182px;
}
.okc_contents .secton01 .button02 {
	position:absolute;
	left:502px;
	top:469px;
}
.okc_contents .secton01 .button03 {
	position:absolute;
	left:200px;
	top:748px;
}

/* 見てみよう */
.okc_contents .secton01 .button {
	text-align:center;
	margin:20px 0 30px !important;
}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：質問箱の使い方
　作　 成 　日：2013年10月01日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
.okc_contents .secton02 {
	background:url(../images/contents_body.gif) repeat-y;
	margin:30px 5px 0 !important;
}

/* フロー */
.okc_contents .secton02 h3 {
	background:#fff1e6;
	height:109px;
	border-bottom:solid 1px #e2be74;
	margin:0 32px !important;
	position:relative;
}
.okc_contents .secton02 h3 img {
	position:absolute;
	top:-8px;
	left:5px;
}

/* リスト */
.okc_contents .secton02 ul {
	width:820px;
	margin:0 auto !important;
	_margin:0 55px !important;
}
.okc_contents .secton02 li:before, .okc_contents .secton02 li:after {content:""; display:table;}
.okc_contents .secton02 li:after {clear:both;}
.okc_contents .secton02 li {
	/zoom:1;
	padding:15px !important;
	border-bottom:dashed 1px #e2be74;
}
.okc_contents .secton02 .title:before, .okc_contents .secton02 .title:after {content:""; display:table;}
.okc_contents .secton02 .title:after {clear:both;}
.okc_contents .secton02 .title {/zoom:1;}
.okc_contents .secton02 .no_border {border:none;}
.okc_contents .secton02 li .text {width:430px;}
.okc_contents .secton02 .img_left .image {float:left;}
.okc_contents .secton02 .img_left .text {float:right;}
.okc_contents .secton02 .img_right .image {float:right;}
.okc_contents .secton02 .img_right .text {float:left;}
.okc_contents .secton02 li img {float:left;}
.okc_contents .secton02 li strong {
	float:left;
	display:inline;
	color:#ff6c6c;
	font-size:20px;
	line-height:30px;
	padding:13px 0 2px;
	margin:0 0 0 5px;
	width:340px;
}
.okc_contents .secton02 li p {
	font-size:0.9em;
	margin:15px 10px 0 !important;
}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：質問箱への質問の仕方
　作　 成 　日：2013年10月01日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
.okc_contents .secton03 {
	background:url(../images/contents_body.gif) repeat-y;
	margin:30px 5px 0 !important;
}

/* フロー */
.okc_contents .secton03 h3 {
	background:#fff1e6;
	height:109px;
	border-bottom:solid 1px #e2be74;
	margin:0 32px !important;
	position:relative;
}
.okc_contents .secton03 h3 img {
	position:absolute;
	top:-8px;
	left:5px;
}

/* リスト */
.okc_contents .secton03 ul {
	width:820px;
	margin:0 auto !important;
	_margin:0 55px !important;
}
.okc_contents .secton03 li:before, .okc_contents .secton03 li:after {content:""; display:table;}
.okc_contents .secton03 li:after {clear:both;}
.okc_contents .secton03 li {
	/zoom:1;
	padding:15px !important;
	border-bottom:dashed 1px #e2be74;
}
.okc_contents .secton03 .title:before, .okc_contents .secton03 .title:after {content:""; display:table;}
.okc_contents .secton03 .title:after {clear:both;}
.okc_contents .secton03 .title {/zoom:1;}
.okc_contents .secton03 .no_border {border:none;}
.okc_contents .secton03 li .text {width:430px;}
.okc_contents .secton03 .img_left .image {float:left;}
.okc_contents .secton03 .img_left .text {float:right;}
.okc_contents .secton03 .img_right .image {float:right;}
.okc_contents .secton03 .img_right .text {float:left;}
.okc_contents .secton03 li img {float:left;}
.okc_contents .secton03 li strong {
	float:left;
	display:inline;
	color:#ff6c6c;
	font-size:20px;
	line-height:30px;
	padding:13px 0 2px;
	margin:0 0 0 5px;
	width:340px;
}
.okc_contents .secton03 li p {
	font-size:0.9em;
	margin:15px 10px 0 !important;
}
.okc_contents .secton03 li small {color:#7a7a7a;}
.okc_contents .secton03 li a img {margin:8px 0 0 10px;}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：ご利用にあたって
　作　 成 　日：2013年10月01日(火)
　更　 新　 日：2020年08月26日(水)

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
.okc_contents .secton04 {
	background:url(../images/contents_body.gif) repeat-y;
	margin:30px 5px 0 !important;
}

/* リスト */
.okc_contents .secton04 ul {
	margin:0 55px;
}
.okc_contents .secton04 li {
	padding-left:3em;
	text-indent:-3em;
	border-bottom:dashed 1px #e2be74;
	margin:10px 0 0;
	padding-bottom:10px;
}
.okc_contents .secton04 .no_border {border:none;}

/* リンク */
.okc_contents .secton04 a img { vertical-align:middle;}