﻿@charset "utf-8";

/*--------------------------------------------------
  == OKASAN NET TRADER Common Style ==
--------------------------------------------------*/

/*--------------------------------------------------
基本設定
--------------------------------------------------*/
body {
font:13px "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, sans-serif;
*font-size:small;
*font:x-small;
line-height:1.5;
color:#121212;
background:#333333 url(../new_images/common/back.png) 0 0 repeat;

/* iPhone・iPad対応 */
min-width:1040px;
_display: inline;
_zoom:1;

}
a {
color:#ffffff;
text-decoration:none;
outline:none;
}
a:link {
color:#ffffff;
}
a:visited {
color:#ffffff;
}
a:hover,
a:focus,
a:active {
color:#4b87ff;
text-decoration:underline;
}
table {
font-size:inherit;
font:100%;
}
table,
th,
td {
border-collapse:collapse;
border:1px solid #c1c1c1;
}


/*--------------------------------------------------
汎用クラス
--------------------------------------------------*/
.clear,
.navLinear,
.listArea dl {
zoom:1;
}
.clear:after,
.navLinear:after,
.listArea dl:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
.section {
margin-bottom:2em;
}
.dottline {
padding-bottom:2em;
background:url(../new_images/common/dott_grey.png) 0 100% repeat-x;
}
.box {
background:url(../new_images/common/boxback.gif) 0 0 repeat;
margin-bottom:1em;
padding:10px;
}
.box2 {
border:solid 2px #686868;
margin-bottom:1em;
padding:15px 20px;
}
.lay-pict-r-01 .pict{
float:left;
width:210px;
}
.lay-pict-r-01 .text{
float:left;
margin-left:20px;
width:446px;
}
.lay-pict-r-02 .pict{
float:left;
width:300px;
}
.lay-pict-r-02 .text{
float:left;
margin-left:20px;
width:356px;
}


/* リスト */
.list-dot-01 {
margin-bottom:1em;
}
	.list-dot-01 li {
	margin-bottom:0.3em;
	padding-left:10px !important;
	background:url(../new_images/common/listdott.png) no-repeat 0 0.6em;
	}
.list-arrow-01 {
margin-bottom:1em;
}
	.list-arrow-01 li {
	line-height:1.3;
	margin-bottom:0.6em;
	}
		.list-arrow-01 li a {
		padding-left:20px;
		background-repeat:no-repeat;
		background-position:0 0;
		background-image:url(../new_images/common/arrow01.gif);
		}
.list-num-02 {
margin-bottom:1em;
}
	.list-num-02 li {
	margin-bottom:0.6em;
	position:relative;
	zoom:1;
	padding-left:2em !important;
	}
	.list-num-02 li span {
	position:absolute;
	top:0;
	left:0;
	}
.list-notice-01,
.list-notice-03 {
margin-bottom:1em;
}
	.list-notice-01 li,
	.list-notice-03 li {
	line-height:1.3;
	margin-bottom:0.6em;
	position:relative;
	zoom:1;
	}
	.list-notice-01 li {
	padding-left:1.5em !important;
	}
	.list-notice-03 li {
	padding-left:2.5em !important;
	}
		.list-notice-01 li span,
		.list-notice-03 li span {
		position:absolute;
		top:0;
		left:0;
		}
.listArea {
padding-top:5px;
background:url(../new_images/common/dott_grey.png) 0 0 repeat-x;
}
	.listArea dl {
	padding-bottom:5px;
	margin-bottom:5px;
	background:url(../new_images/common/dott_grey.png) 0 100% repeat-x;
	}
	.listArea dt {
	width:120px;
	font-weight:bold;
	float:left;
	}
	.listArea dd {
	float:left;
	}
.list-down {
margin-bottom:1em;
padding-top:0.6em;
background:url(../new_images/common/dott_grey.png) 0 0 repeat-x;
}
	.list-down li {
	line-height:1.3;
	padding-bottom:0.6em;
	margin-bottom:0.6em;
	background:url(../new_images/common/dott_grey.png) 0 100% repeat-x;
	}
		.list-down li a {
		font-weight:bold;
		padding:0 10px 0 20px;
		background-repeat:no-repeat;
		background-position:0 0;
		background-image:url(../new_images/common/down.gif);
		}

.navLinear {
padding-top:10px;
border-top:solid 2px #121212;
}
	.navLinear li {
	width:270px;
	}
	.navLinear .next {
	float:right;
	text-align:right;
	}
		.navLinear .next a {
		padding-right:20px;
		background-repeat:no-repeat;
		background-position:100% 0;
		background-image:url(../new_images/common/arrow01.gif);
		}
	.navLinear .prev {
	float:left;
	}
		.navLinear .prev a {
		padding-left:20px;
		background-repeat:no-repeat;
		background-position:0 0;
		background-image:url(../new_images/common/arrow02.gif);
		}
	.navLinear .top {
	width:133px;
	float:left;
	text-align:center;
	}
		.navLinear .top a {
		background:none;
		}
.list-definition-01 {
margin-bottom:1em;
}
	.list-definition-01 dt{
	margin-bottom:0.4em;
	font-weight:bold;
	}
	.list-definition-01 dd {
	margin-bottom:0.5em;
	}


/* ナビゲーション */
.nav-go-03 {
}
	.nav-go-03 li {
	line-height:1.3;
	margin-bottom:0.6em;
	float:left;
	padding-right:30px;
	}
		.nav-go-03 li a {
		padding-left:20px;
		background-repeat:no-repeat;
		background-position:0 0;
		background-image:url(../new_images/common/arrow01.gif);
		}


/* テーブル */
.tbl-data-01 {
margin-bottom:1em;
}
.tbl-data-01 th,
.tbl-data-01 td {
padding:0.6em 10px;
}
.tbl-data-01 thead th,
.tbl-data-01 tr.thead th {
background-color:#d9d8d0;
font-weight:bold;
}
.tbl-data-01 tbody th,
.tbl-data-01 th {
background-color:#edece5;
}


/* 段落 */
.pgh-plain-01,
.pgh-center-01,
.pgh-arrow-01,
.nav-pagetop {
margin-bottom:1em;
}
.pgh-center-01 {
text-align:center;
}
.nav-pagetop {
text-align:right;
}
/* For modern browsers */
.pgh-arrow-01:before,
.pgh-arrow-01:after {
content:"";
display:table;
}
.pgh-arrow-01:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.pgh-arrow-01 {
zoom:1;
}
	.pgh-arrow-01 a {
	display:block;
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:0 3px;
	background-image:url(../new_images/common/arrow01.gif);
	width:auto;
	float:left;
	}
	.pgh-arrow-01 img {
	padding-left:3px;
	}
.pgh-notice-01 {
padding-left:1.2em;
position:relative;
zoom:1;
}
.pgh-notice-01 span {
position:absolute;
top:0;
left:0;
}


/* スペース調整 */
.lay-space-top-01{margin-top:0 !important;}
.lay-space-top-02{margin-top:0.5em !important;}
.lay-space-top-03{margin-top:1em !important;}
.lay-space-top-04{margin-top:1.5em !important;}
.lay-space-top-05{margin-top:2em !important;}
.lay-space-btm-01{margin-bottom:0 !important;}
.lay-space-btm-02{margin-bottom:0.5em !important;}
.lay-space-btm-03{margin-bottom:1em !important;}
.lay-space-btm-04{margin-bottom:1.5em !important;}
.lay-space-btm-05{margin-bottom:2em !important;}

/* 強調 */
.em-01 {
font-weight:bold;
}
.em-02 {
color:#ed3131;
font-weight:bold;
}

.screen {
margin-bottom:1em;
}
	.screen li {
	float:left;
	padding-right:10px;
	}
	.screen li.last {
	padding-right:0;
	}









/*--------------------------------------------------
ヘッダー
--------------------------------------------------*/
#header {
width:1040px;
height:68px;
margin:0 auto;
}
	#header #logo {
	float:left;
	padding:20px 0 0 20px;
	}
	#header #headnav {
	float:right;
	padding-right:20px;
	}
		#header #headnav li {
		float:right;
		margin:25px 0 0 30px;
		}
			#header #headnav li a {
			text-indent:100%;
			white-space:nowrap;
			overflow:hidden;
			display:block;
			height:12px;
			text-decoration: none;
			}
			#header #headnav li#headnav_oos a {
			width:148px;
			background:url(../new_images/common/head_corpsite.png) no-repeat;
			background-position:0 -12px;
			}
			#header #headnav li#headnav_sitemap a {
			}
			#header #headnav li#headnav_callcenter a {
			width:85px;
			background:url(../new_images/common/head_contact.png) no-repeat;
			background-position:0 -12px;
			}

			/* マウスオーバー */
			#header #headnav li#headnav_oos a:hover,
			#header #headnav li#headnav_sitemap a:hover,
			#header #headnav li#headnav_callcenter a:hover {
			background-position:0 0;
			}


/*--------------------------------------------------
フッター
--------------------------------------------------*/
#footer {
background-color:#121212;
padding:30px 0;
font-size:85%;
}
#footerinner {
width:1000px;
margin:0 auto;
padding:0 20px;
text-align:left;
color:#ffffff;
}
	#footerinner a {
	text-decoration:underline;
	}
	#footerinner #footnav {
	margin-bottom:1em;
	}
		#footerinner #footnav li {
		float:left;
		padding-right:10px;
		margin-right:10px;
		background:url(../new_images/common/separate.gif) 100% 2px no-repeat;
		}
		#footerinner #footnav li:last-child {
		background:none;
		}
	#footerinner .footdetail {
	margin-bottom:0.5em;
	}
		#footerinner .footdetail dl {
		}
		#footerinner .footdetail dt {
		float:left;
		padding-right:5px;
		}
		#footerinner .footdetail dd {
		float:left;
		padding-right:10px;
		}
	#footerinner #footnotice {
	margin-bottom:1em;
	}
#pageTop {
width:1040px;
margin:0 auto;
}
#pageTop:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
	#pageTop p {
	padding-right:20px;
	float:right;
	}
		#pageTop p a {
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:156px;
		height:40px;
		text-decoration: none;
		background:url(../new_images/common/pageTop.png) no-repeat;
		background-position:100% -40px;
		}
		#pageTop p a:hover {
		background-position:100% 0;
		}

/*--------------------------------------------------
グローバルナビ
--------------------------------------------------*/
#gnavi {
width:1000px;
margin:0 auto;
}
	#gnavi li {
	float:left;
	margin-right:5px;
	background-image:url(../new_images/gnavi/gnavi.png);
	background-repeat:no-repeat;
	}
	#gnavi li#gnavi_rss {
	margin-right:0;
	}
		#gnavi li a {
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:178px;
		height:56px;
		text-decoration: none;
		}

	/* 通常 */
	#gnavi li#gnavi_onttop {
	background-position:0 -114px;
	}
	#gnavi li#gnavi_series {
	background-position:-178px -114px;
	}
	#gnavi li#gnavi_web {
	background-position:-356px -114px;
	}
	#gnavi li#gnavi_smt {
	background-position:-534px -114px;
	}
	/*#gnavi li#gnavi_mobile {
	background-position:-552px -114px;
	}
	#gnavi li#gnavi_desktop {
	background-position:-690px -114px;
	}*/
	#gnavi li#gnavi_rss {
/*
	background-position:-712px -114px;
*/
	background-position:-890px -114px;
	}

	/* ロールオーバー */
	#gnavi li#gnavi_onttop:hover {
	background-position:0 -57px;
	}
	#gnavi li#gnavi_series:hover {
	background-position:-178px -57px;
	}
	#gnavi li#gnavi_web:hover {
	background-position:-356px -57px;
	}
	#gnavi li#gnavi_smt:hover {
	background-position:-534px -57px;
	}
/*	#gnavi li#gnavi_mobile:hover {
	background-position:-552px -57px;
	}
	#gnavi li#gnavi_desktop:hover {
	background-position:-690px -57px;
	}*/
	#gnavi li#gnavi_rss:hover {
/*
	background-position:-712px -57px;
*/
	background-position:-890px -57px;
	}

	/* アクティブ */
	.top #gnavi li#gnavi_onttop {
	background-position:0 0;
	}
	.series #gnavi li#gnavi_series {
	background-position:-178px 0;
	}
	.web #gnavi li#gnavi_web {
	background-position:-356px 0;
	}
	.smt #gnavi li#gnavi_smt {
	background-position:-534px 0;
	}
/*	.mobile #gnavi li#gnavi_mobile {
	background-position:-552px 0;
	}
	.desktop #gnavi li#gnavi_desktop {
	background-position:-690px 0;
	}*/
	.rss #gnavi li#gnavi_rss {
	background-position:-712px 0;
	}


/*--------------------------------------------------
コンテンツエリア
--------------------------------------------------*/
#contents {
width:1040px;
margin:0 auto 30px;
}


/*--------------------------------------------------
パンくずリスト
--------------------------------------------------*/
#pan {
margin-bottom:6px;
font-size:85%;
color:#ffffff;
padding:0 20px;
}
	#pan a {
	}
	#pan li {
	float:left;
	padding-right:14px;
	margin-right:10px;
	background:url(../new_images/common/panArrow.png) 100% 3px no-repeat;
	}
	#pan li.now {
	background:none;
	}

#pan {
zoom:1;
}
#pan:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}


/*--------------------------------------------------
メインカラム
--------------------------------------------------*/
#maincolumn {
width:740px;
float:left;
padding-left:20px;
}

/* 見出し設定 */
h1.h1_01 {
width:676px;
height:40px;
padding-top:10px;
font-size:161.6%;
font-weight:bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color:#ffffff;
margin-bottom:30px;
background:url(../new_images/common/h1_back.png) 0 0 no-repeat;
}
	h1.h1_01 span {
	padding-left:20px;
	}
h2.h2_01 {
font-size:138.5%;
font-weight:bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color:#3a72e2;
margin-bottom:20px;
border-bottom:solid 2px #242424;
}
	h2.h2_01 span {
	padding-left:18px;
	background:url(../new_images/common/h2_ico.gif) 0 3px no-repeat;
	}
h2.h2_02 {
font-size:138.5%;
font-weight:bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color:#ffffff;
padding:3px 15px;
margin-bottom:1em;
background:url(../new_images/common/diagonal_bg.gif) 0 0 repeat;
}
h2.longtitle {
font-size:116% !important;
padding-bottom:2px;
}
	h2.longtitle span {
	display:block;
	}
h3.h3_01 {
font-size:123.1%;
font-weight:bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
margin-bottom:15px;
padding-bottom:2px;
background:url(../new_images/common/h3_line.png) 0 100% repeat-x;
}
	h3.h3_01 span {
	padding-left:18px;
	background:url(../new_images/common/h3_ico.png) 0 5px no-repeat;
	}
h4.h4_01 {
font-size:108%;
font-weight:bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
margin-bottom:7px;
padding-left:5px;
line-height:1.5em;
border-left:solid 3px #4b87ff;
}
/*
h4.h4_02 {
height:35px;
font-size:108%;
font-weight:bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
color:#ffffff;
text-align:center;
background:url(../new_images/common/h4_02_back.jpg) 0 0 repeat-x;
}
*/
h4.h4_02 {
font-size:116%;
font-weight:bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
text-align:center;
margin-bottom:1em;
color:#3A72E2;
background:url(../new_images/common/h4_02_line.gif) 0 50% repeat-x;
}
	h4.h4_02 span {
	padding:0 7px;
	background-color:#ffffff;
	}
h5.h5_01 {
font-size:108%;
font-weight:bold;
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
margin-bottom:7px;
line-height:1.5em;
color:#3a72e2;
}


/*--------------------------------------------------
サブカラム
--------------------------------------------------*/
#subcolumn {
width:240px;
float:right;
padding-right:20px;
}
	#subcolumn #accountButton {
	margin-bottom:1em;
	}

/* ローカルナビ（新 2013年6月～） */
.submenu {
margin-bottom:1em;
}
	.submenu li {
	background-color:#121212;
	border-bottom:solid 1px #393939;
	}
	.submenu li:first-child {
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	}
	.submenu li:last-child {
	border:none;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	}
	.submenu li:hover {
	background-color:#1d4699;
	}
		.submenu li a {
		background:url(../new_images/common/submenu_arrow.png) 96% 50% no-repeat;
		}
		.submenu li .archive {
		color:#fff;
		cursor:pointer;
		background:url(../new_images/common/submenu_under.png) 96% 50% no-repeat;
		}
		.submenu li .pdflink {
		background:url(../new_images/common/submenu_pdf.png) 97% 50% no-repeat;
		}
		.submenu li a:hover {
		color:#fff;
		text-decoration:none;
		}
		.submenu li a,
		.submenu li .archive {
		padding:10px 20px 10px 10px;
		display:block;
		}
		.submenu li ul {
		display:none;
		}
			.submenu li ul li {
			border:none;
			font-size:10px;
			background:url(../new_images/common/dott_grey2.png) 0 0 repeat-x;
			background-color:#181818;
			}
			.submenu li ul li:hover {
			background-color:#133476;
			}
				.submenu li ul li span {
				padding-left:10px;
				display:block;
				background:url(../new_images/common/listdott.png) 0 5px no-repeat;
				}
				.submenu li ul li a.pdflink {
				background:url(../new_images/common/submenu_pdf.png) 97% 50% no-repeat;
				}

/* バナーエリア */
.bannerArea {
line-height:0;
}
	.bannerArea li {
	margin-bottom: 1em;
	}

		.bannerArea li#account_button a {
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		display:block;
		width:240px;
		height:60px;
		text-decoration: none;
		background:url(../new_images/common/account_button.png) no-repeat;
		background-position:0 -60px;
		}
		.bannerArea li#account_button a:hover {
		background-position:0 0;
		}




/*--------------------------------------------------
indexページ共通
--------------------------------------------------*/
#topMainimg {
background-color:#000000;
text-align:center;
margin-bottom:30px;
}
.indexBanner {
}
	.indexBanner li {
	margin-bottom:1em;
	line-height:0;
	}
	.indexBanner li.left {
	float:left;
	}
	.indexBanner li.right {
	float:right;
	}

/* Information */
#infobottom {
padding-bottom:10px;
margin-bottom:2em;
background:url(../new_images/common/info_bottom.png) 0 100% no-repeat;
}
#infotop {
padding-top:10px;
background:url(../new_images/common/info_top.png) 0 0 no-repeat;
}
#infoinner {
padding:2px 0 10px;
background-color:#121212;
color:#ffffff;
}
	#infoinner h2 {
	font-size:161.6%;
	font-weight:bold;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin-bottom:20px;
	border:none;
	padding:0 20px;
	background:url(../new_images/common/h1_ico.gif) 0 5px no-repeat;
	}
		#infoinner h2 span {
		padding-bottom:5px;
		display:block;
		background:url(../new_images/common/dott_white.png) 0 100% repeat-x;
		}
	#infoinner dl {
	padding-left:20px;
	}
	#infoinner dt,
	#infoinner dd {
	float:left;
	padding-bottom:7px;
	}
	#infoinner dt.date {
	width:120px;
	}
	#infoinner dt.icon {
	padding:1px 10px 0 0;
	}
	#infoinner dd {
	width:520px;
	}

/*--------------------------------------------------
セカンドページ共通
--------------------------------------------------*/
#secondMainimg {
background-color:#000000;
text-align:center;
margin-bottom:10px;
}
#mainbottom {
padding-bottom:10px;
background:url(../new_images/common/main_bottom.png) 0 100% no-repeat;
}
#maintop {
padding-top:10px;
background:url(../new_images/common/main_top.png) 0 0 no-repeat;
}
#maininner {
padding:28px 32px;
background:url(../new_images/common/main_inner.png) 0 0 repeat-y;
}
	#maininner a {
	color:#4b87ff;
	}
	#maininner p {
	margin-bottom:1em;
	}

/* 目次ページ用 */
#indexLink {
margin-bottom:2em;
}
	#indexLink dl {
	margin-bottom:1em;
	padding-bottom:1em;
	background:url(../new_images/common/dott_grey.png) 0 100% repeat-x;
	}
	#indexLink dt {
	margin-bottom:0.5em;
	}
		#indexLink dt a {
		padding-left:20px;
		background-repeat:no-repeat;
		background-position:0 0;
		background-image:url(../new_images/common/arrow01.gif);
		}
	#indexLink dd {
	}
	#indexLink ul {
	margin-bottom:2em;
	}
	#indexLink li {
	margin-bottom:0.5em;
	}
		#indexLink li a {
		padding-left:20px;
		background-repeat:no-repeat;
		background-position:0 0;
		background-image:url(../new_images/common/arrow01.gif);
		}
		#indexLink li a img {
		padding-left:3px;
		}

/* その他レイアウト */
.imgTxtLayout01 {
}
	.imgTxtLayout01 .leftArea,
	.imgTxtLayout01 .rightArea {
	width:325px;
	}
	.imgTxtLayout01 .leftArea {
	float:left;
	}
	.imgTxtLayout01 .rightArea {
	float:right;
	}

/* 画像周り込み */
.chapterImgRightColumn,
.chapterImgLeftColumn {
width:320px;
}
.chapterImgRightColumn2,
.chapterImgLeftColumn2 {
width:250px;
}
.chapterImgRightColumn3,
.chapterImgLeftColumn3 {
width:180px;
}
.chapterImgRightColumn4,
.chapterImgLeftColumn4 {
width:470px;
}
.chapterImgRightColumn,
.chapterImgRightColumn2,
.chapterImgRightColumn3,
.chapterImgRightColumn4{
float:right;
}
.chapterImgLeftColumn,
.chapterImgLeftColumn2,
.chapterImgLeftColumn3,
.chapterImgLeftColumn4 {
float:left;
}

/* テキスト周り込み */
.chapterTxtRightColumn,
.chapterTxtLeftColumn {
width:330px;
}
.chapterTxtRightColumn2,
.chapterTxtLeftColumn2 {
width:400px;
}
.chapterTxtRightColumn3,
.chapterTxtLeftColumn3 {
width:470px;
}
.chapterTxtRightColumn4,
.chapterTxtLeftColumn4 {
width:196px;
}
.chapterTxtRightColumn,
.chapterTxtRightColumn2,
.chapterTxtRightColumn3,
.chapterTxtRightColumn4 {
float:right;
}
.chapterTxtLeftColumn,
.chapterTxtLeftColumn2,
.chapterTxtLeftColumn3,
.chapterTxtRightColumn4 {
float:left;
}




