@charset "utf-8";
/* ==

　01. 各種モジュール／パーツ

=============================================================================== */
#main p {
		font-size: 117%;
}
/* メインビジュアル
------------------------------------------------------------------------------- */
#visualArea {
		width: 100%;
}
/* ==

　02. カラム

=============================================================================== */
#main .clBlk01 {
		width: 100%;
		margin: 0;
}
#main .clBlk01 .cl01 {
		float: left;
		width: 65.9%;
}
#main .clBlk01 .cl02 {
		float: right;
		width: 32.1%;
}
@media only screen and (max-width: 600px) {
#main .clBlk01 .cl01, #main .clBlk01 .cl02 {
		float: none;
		width: auto;
}
#main .clBlk01 .cl01 {
		margin-bottom:30px;
}
}
/* ==

　03. 汎用スタイル

=============================================================================== */

/* 画像可変
------------------------------------------------------------------------------- */
#main img, img.liquid {
		max-width: 100%;
		width: auto\9;
		height: auto;
}
img.liquidL, .liquidL img, #main .liquidL img {
		width: 100%;
		height: auto;
}
*:first-child+html img { /* IE7 */
		-ms-interpolation-mode: bicubic;
}
/* 各スタイル
------------------------------------------------------------------------------- */
#wrapper .contentsArea .areaBg {
		margin-bottom:0;
}
#main .spBlk {
		margin-bottom:60px;
}
#main .spBlk .spBlk{
		margin-bottom:30px;
}

#main .endBlk {
		margin-bottom:30px;
}
#main #wrapper h2 {
		margin-bottom:30px;
		padding-bottom:30px;
		text-align:center;
		border-bottom:2px solid;
}
#main #wrapper h3 {
		margin-bottom:20px;
		padding-bottom:20px;
		text-align:center;
		border-bottom:1px solid;
}
#main .memberArea h2,
#main .memberArea h3{
		margin-bottom:0;
		padding-bottom:0;
		text-align:left;
		border-bottom:none;
}

#main #wrapper h2.bbNone, #main #wrapper h3.bbNone {
		padding-bottom:0px;
		border:none;
}
#main #wrapper h4 {
		margin-bottom:20px;
		padding:10px;
		font-size:131%;
		font-weight:bold;
}
#main .leadBlk01 p {
		width:465px;
		margin:0 auto;
		font-size:131%;
}
#main .leadBlk02 p {
		width:465px;
		margin:0 auto;
		font-size:117%;
}
#main .w465Cnt {
		width:465px;
		margin:0 auto;
}
#main .note {
		margin-left:1em;
		margin-bottom:0;
		text-indent:-1em;
		font-size:82%;
}
#main p.note {
		margin-left:1em;
		margin-bottom:0;
		text-indent:-1em;
		font-size:100%;
}
#main .imgCapL img,
#main .imgCapC img,
#main .imgCapR img {
		display:block;
		margin:0 auto 10px;
}
#main .imgCapL span {
		display:block;
		text-align:left;
}
#main .imgCapC span {
		display:block;
		text-align:center;
}
#main .imgCapR span {
		display:block;
		text-align:right;
}
/*#main span.imgC{
		display:block;
		text-align:center;
}*/
#main .imgC img{
		display:block;
		margin-left:auto;
		margin-right:auto;
}
#main .fsS {
  line-height: 1.6;
  font-size: 100%;
}
@media only screen and (max-width: 600px) {
#main .leadBlk01 p, #main .leadBlk02 p {
		width:auto;
		font-size:117%;
}
#main .w465Cnt {
		width:auto;
}
#main .fsS {
		font-size:85%;
}
#main .note {
		font-size:85%;
}
#main p.note {
		font-size:100%;
}
}
#wrapper .contentsArea .areaBg .areaIn {
		padding: 10px 9px;
}
#main .noteBox {
		margin-bottom:30px;
		padding:17px;
		border:3px solid;
}
#main .tablet-desktop img,
#main .mobile img{
		margin:0 auto;
}
/* 回り込み解除
------------------------------------------------------------------------------- */
* html .clearfix, /* 汎用 */ * html #container, * html .headerAreaSt, * html ul, * html ol {
		zoom: 1;
} /* ie6 */
*:first-child+html .clearfix, /* 汎用 */ *:first-child+html #container, *:first-child+html .headerAreaSt, *:first-child+html ol, *:first-child+html ul {
		zoom: 1;
} /* ie7 */
.clearfix:after, /* 汎用 */ #container:after, .headerAreaSt:after, ol:after, ul:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
}
/* 余白調整
------------------------------------------------------------------------------- */
.mt00 {
		margin-top: 0 !important;
}
.mt05 {
		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;
}
.mr00 {
		margin-right: 0 !important;
}
.mr05 {
		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;
}
.mb00 {
		margin-bottom: 0 !important;
}
.mb05 {
		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;
}
.ml00 {
		margin-left: 0 !important;
}
.ml05 {
		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;
}
.pt00 {
		padding-top: 0 !important;
}
.pt05 {
		padding-top: 5px !important;
}
.pt10 {
		padding-top: 10px !important;
}
.pr00 {
		padding-right: 0 !important;
}
.pr05 {
		padding-right: 5px !important;
}
.pr10 {
		padding-right: 10px !important;
}
.pb00 {
		padding-bottom: 0 !important;
}
.pb05 {
		padding-bottom: 5px !important;
}
.pb10 {
		padding-bottom: 10px !important;
}
.pl00 {
		padding-left: 0 !important;
}
.pl05 {
		padding-left: 5px !important;
}
.pl10 {
		padding-left: 10px !important;
}
/* 幅調整
------------------------------------------------------------------------------- */
.w00 {
		width: 0 !important;
}
.w05p {
		width: 5% !important;
}
.w10p {
		width: 10% !important;
}
.w15p {
		width: 15% !important;
}
.w20p {
		width: 20% !important;
}
.w25p {
		width: 25% !important;
}
.w30p {
		width: 30% !important;
}
.w35p {
		width: 35% !important;
}
.w40p {
		width: 40% !important;
}
.w45p {
		width: 45% !important;
}
.w50p {
		width: 50% !important;
}
.w55p {
		width: 55% !important;
}
.w60p {
		width: 60% !important;
}
.w65p {
		width: 65% !important;
}
.w70p {
		width: 70% !important;
}
.w75p {
		width: 75% !important;
}
.w80p {
		width: 80% !important;
}
.w85p {
		width: 85% !important;
}
.w90p {
		width: 90% !important;
}
.w95p {
		width: 95% !important;
}
.w100p {
		width: 100% !important;
}
/* 位置調整
------------------------------------------------------------------------------- */
.center {
		text-align: center;
}
.right {
		text-align: right;
}
.left {
		text-align: left;
}
.top {
		vertical-align: top;
}
.middle {
		vertical-align: middle;
}
.bottom {
		vertical-align: bottom;
}
.colL {
		float: left;
}
.colR {
		float: right;
}
/* 表示切替
------------------------------------------------------------------------------- */
.mobile {
		display:none;
}
.desktop {
		display:block;
}
.tablet {
		display:none;
}
.mobile-tablet {
		display:none;
}
.tablet-desktop {
		display:block;
}
@media only screen and (max-width: 1020px) {
.mobile {
		display:none;
}
.desktop {
		display:none;
}
.tablet {
		display:block;
}
.mobile-tablet {
		display:block;
}
.tablet-desktop {
		display:block;
}
}
@media only screen and (max-width: 600px) {
.mobile {
		display:block;
}
.desktop {
		display:none;
}
.tablet {
		display:none;
}
.mobile-tablet {
		display:block;
}
.tablet-desktop {
		display:none;
}
.mAlignL {
		text-align:left;
}
.mAlignC {
		text-align:center;
}
}
/* 別ブラリンク表示
------------------------------------------------------------------------------- */
.linkBlank {
		padding-left: 1.8em;
		background:url(/column/images/arrow_blank.gif) 0.3em 0.1em no-repeat;
}
@media only screen and (max-width: 600px) {
.linkBlank {
		padding-left: 1.4em;
		background:url(/column/images/arrow_blank.gif) 0.1em 0.3em no-repeat;
}
}
/* ローカルナビ
------------------------------------------------------------------------------- */
#main #localNav {
		clear:both;
		margin: 0 0 30px;
		padding: 20px 25px 15px;
		color:#555;
		border: 5px solid #ececec;
		background-color: #f8f8f8;
}
#main #localNav h2 {
		margin-bottom: 10px;
		padding: 0;
		text-align:left;
		border-bottom:none;
		background: none;
		font-size: 131%;
}
#main #localNav a {
		color:#555;
}
#main #localNav h2 a {
		padding-left: 15px;
		color:#555;
		background: url(/common/images/renew2009/arrow.gif) 1px 0.4em no-repeat;
}
#main #localNav li {
		float: left;
		margin: 0 15px 5px 0;
}
* html #main #localNav li {
		float: left;
		margin: 0 15px 5px 0;
		white-space: nowrap;
}/* ie6 */
*:first-child+html #main #localNav li {
		float: left;
		margin: 0 15px 5px 0;
		white-space: nowrap;
}/* ie7 */
.linkList li {
		margin-bottom: 5px;
		padding-left: 13px;
		background: url(/common/images/renew2009/arrow.gif) left 0.65em no-repeat;
}
#main #localNav .mNavInner {
		float: left;
		width:33%;
		margin: 0 0 5px 0;
}
#main #localNav .mNavInner li {
		float: none;
		margin: 0 0 5px 0;
}
.linkList02 li {
		margin-bottom: 5px;
		padding-left: 13px;
		background: url(/common/images/renew2009/arrow.gif) left 0.65em no-repeat;
}
@media only screen and (max-width: 850px) {
#main #localNav .mNavInner {
		float: left;
		width:49%;
		margin: 0 0 5px 0;
}
}
@media only screen and (max-width: 650px) {
#main #localNav .mNavInner {
		float: none;
		width:100%;
		margin: 0 0 5px 0;
}
}


/* 次ページへ
------------------------------------------------------------------------------- */
#main .nxtBlk a {
		display:block;
		margin:20px auto;
		padding:18px 20px;
		text-align:center;
		border:2px solid;
		background-position:right center;
		background-repeat:no-repeat;
}
@media only screen and (max-width: 1050px) {
	#main .nxtBlk a {
		padding:18px 35px 18px 10px;
	}
}
/* 次回予告
------------------------------------------------------------------------------- */
#main .advtizBlk {
		display:block;
		margin:20px auto;
		padding:18px 20px;
		text-align:center;
		border:2px solid;
}


/*汎用パーツ追加
------------------------------------------------------------------------------- */

/* ==　

	01.説明用（テンプレートページ内の見出しのみで使用しています。カスタマイズ不可）

=============================================================================== */
.aboutModulefirst {
		margin:0 0 20px;
		padding:10px;
		font-weight:bold;
		color:#333;
		border-left:5px solid #ccc;
		border-bottom:1px dotted #ccc;
		background-color:#FFF;
}
.aboutModule {
		margin:30px 0 20px;
		padding:10px;
		font-weight:bold;
		color:#333;
		border-left:5px solid #ccc;
		border-bottom:1px dotted #ccc;
		background-color:#FFF;
}

pre{
	margin:0 0 60px;
	padding:20px;
	background-color:#FFC;
	border:1px solid #ccc;
	overflow:auto;
}

code{
	font-size:14px;
	line-height:1em;
}

.scTxt{
	font-weight:bold;
	color:#096;
}

em.scTxt{
	font-style:normal;
	font-weight:bold;
	color:#C30;
}

/* ==

　02. カラム（カスタマイズ不可）

=============================================================================== */
#main .clBlk02 {
		width: 100%;
		margin: 0;
}
#main .clBlk02 .cl01 {
		float: left;
		width: 49%;
}
#main .clBlk02 .cl02 {
		float: right;
		width: 49%;
}
@media only screen and (max-width: 600px) {
#main .clBlk02 .cl01, #main .clBlk02 .cl02 {
		float: none;
		width: auto;
}
#main .clBlk02 .cl01 {
		margin-bottom:30px;
}
}
/* ==

	04.その他（カスタマイズ不可）

=============================================================================== */

#main .addMark li {
		margin-left:1em;
		margin-bottom:20px;
		text-indent:-1em;
}
#main .addMark li.lastChild {
		margin-bottom:0;
}
#main .addMark li div {
		margin-left:0;
		margin-top:15px;
		text-indent:0;
}

/* ==

	05.背景色・下線色指定（カスタマイズ可）

=============================================================================== */

#main .bldTxt {
		font-weight:bold;
}
#main .spBlk .noteBox h4 {
		margin:0 0 10px 0;
		padding:0;
		font-size:131%;
}