﻿/* --------------------------------------------

   【汎用スタイル】

-------------------------------------------- */

/* テキストスタイル */
.largeText {font-size: 116%;}
.smallText {font-size: 83%;}
.normal {font-weight: normal;}
.bold,strong {font-weight: bold;}
.normak {font-weight: normal;}
.underLine {text-decoration: underline;}
.italic {font-style: italic;}
.nowrap {white-space: nowrap;}


/* 文字色 */
.colorRed01 {color: #f0716a !important;}
.colorRed02 {color: #ff0000 !important;}
.colorRed03 {color: #990000 !important;}
.colorBlue {color: #98cdef !important;}

/* テキストリンク */
.linkIcon {padding-left: 11px; background:url(/common/images/content_ico_001.gif) 0 4px no-repeat; margin-top:5px;}
.blankIcon a {padding-right: 14px; background:url(/common/images/content_ico_002.gif) 100% 0 no-repeat;}

/* 文字揃え */
.left   {text-align: left !important;}
.center {text-align: center !important;}
.right  {text-align: right !important;}
.top    {vertical-align: top !important;}
.middle {vertical-align: middle !important;}
.bottom {vertical-align: bottom !important;}

/* フロート クリア */
.flLeft   {float: left;}
.flRight  {float: right;}

.clLeft   {clear: left;}
.clRight  {clear: right;}
.clBoth   {clear: both;}



/* 汎用インデント */
/* 01 */
.indent01 {
	zoom: 1;
	position: relative;
	margin-left: 1.2em;
}
.indent01 span {
	position: absolute;
	top: 0;
	left: -1.2em;
}
/* フリーインデント */
.indentFree .indented {
	float: left;
}
.indentFree .text {
	overflow: hidden;
	zoom: 1;
}
/* フリーインデントclearfix */
.indentFree { /zoom : 1; }
.indentFree:after{content:''; display:block; clear:both;}


/* 汎用マージン */

.mb00{margin-bottom:0px !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;}

.mt00{margin-top:0px !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;}

.mr00{margin-right:0px !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;}

.ml00{margin-left:0px !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;}

/* 汎用マージン */
.pt00{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}

.pr00{padding-right:0px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.pl00{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}

/* パンくず */
div#wrap div#pan{
	margin-top:20px;
}
body#lower02 div#wrap div#pan{
	margin-top:15px;
}

/* カラム設定 */
div#wrap div#content .column1 {padding-top:15px;}
div#wrap div#content .column1 .divide2 {}
div#wrap div#content .column1 .divide2 .divide2Left {width:445px; float:left;}
div#wrap div#content .column1 .divide2 .divide2Right {width:445px; float:right;}

div#wrap div#content .column2 {padding-top:15px;}
div#wrap div#content .column2 .column2Left{width:720px; float:left;}
div#wrap div#content .column2 .column2Right{width:185px; float:right;}

div#wrap div#content .column2 .column2Right dl dd{padding:9px 5px 12px 5px;border-bottom:1px solid #DADADA;}
div#wrap div#content .column2 .column2Right dl dd a{padding-left: 11px; background:url(/common/images/content_ico_001.gif) 0 2px no-repeat; margin-top:5px;}
div#wrap div#content .column2 .column2Right dl dd ul li{margin-top:3px;}
div#wrap div#content .column2 .column2Right dl dd ul li a{padding-left: 11px; background:none; margin-top:5px;}
div#wrap div#content .column2 .column2Right dl dd ul li.no-link{padding-left: 11px; background:none; margin-top:5px;}

/* 見出し設定 */
body#lower02 div#wrap div#content .column1 .h1Section h1,
body#lower02 div#wrap div#content .column2 .h1Section h1 {margin-bottom:30px;}

div#wrap div#content .column1 .h2Section,
div#wrap div#content .column2 .h2Section {margin-bottom:30px;}
div#wrap div#content .column1 .h2Section h2,
div#wrap div#content .column2 .h2Section h2 {margin-bottom:15px;}
div#wrap div#content .column1 .h2Section .h2SectionInner {padding:0;}
div#wrap div#content .column2 .h2Section .h2SectionInner {padding:0 10px;}

/* イメージブロック */
/* イメージ左　回り込み無し */
.imageLeft01 .image {float:left; margin-right:15px;}
.imageLeft01 .text {overflow:hidden; zoom:1;}
/* イメージ右　回り込み無し */
.imageRight01 .image {float:right; margin-left:15px;}
.imageRight01 .text {overflow:hidden; zoom:1;}

/* イメージ左　回り込み有り */
.imageLeft02 .image {float:left; margin:0 15px 0 0;}
/* イメージ右　回り込み有り */
.imageRight02 .image {float:right; margin:0 0 0 15px;}


/* イメージブロックclearfix */
.imageLeft01,
.imageRight01,
.imageLeft02,
.imageRight02 { /zoom : 1; }
.imageLeft01:after,
.imageRight01:after,
.imageLeft02:after,
.imageRight02:after {content:''; display:block; clear:both;}






