/*------------------------------------------------------------
 # 共通
------------------------------------------------------------*/



/*------------------------------------------------------------
 # TOP
------------------------------------------------------------*/

#main{
	width: 960px;
	font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN',sans-serif;
	text-align: left;
	margin: 20px auto 50px;
}
#main div.header{position: relative;}
#main div.header div.parts { display: table-cell; vertical-align: bottom; }
#main div.header div.parts:first-child { padding-right: 17px; }
#main div.header div.parts ul { width: 790px; display: table; table-layout: fixed; }
#main div.header div.parts li {
	height: 45px;
	background: #e60020;
	color: #ffffff;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
#main div.header div.parts li + li { border-left: solid 3px #ffffff; }
#main div.header div.parts li a { color: #ffffff; display: block; text-decoration: none; }
#main div.header div.parts li a:hover { color: #000000; }

#main div.header div.snsBtn{position: absolute;right: 0;top: 25px;}
#main div.header div.snsBtn .twitter,
#main div.header div.snsBtn .fb-like{float: left; margin-left: 15px;}

#main div.ttl { border-radius: 5px; margin-top: 20px; padding-top: 5px; }
#main div.ttl h1 {
	width: 950px;
	background: #ffffff;
	border-radius: 3px;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
}
#main div.ttl.mt70 { margin-top: 70px; }
#main div.ttl p { color: #ffffff; font-size: 15px; line-height: 24px; padding: 15px 20px; }
#main div.ttl.ylw { background: #f18d00; }
#main div.ttl.grn { background: #45b035; }
#main div.ttl.ble { background: #00afec; }
#main div.ttl.nvy { background: #0c3484; }
#main div.ttl.pnk { background: #d72e8b; }

#main p.ttl { text-align: center; margin-top: 50px; }

#main h2 { border-left: solid 4px #a50000; font-size: 18px; line-height: 20px; }
#main h2 span { font-weight: bold; }
#main h2 span.idt { padding-left: 0.5em; }

#main div.txt { overflow: hidden; margin-top: 40px; }
#main div.txt p { font-size: 13px; line-height: 20px; padding-top: 15px; }
#main dl.txtImg { float: right; padding: 17px 0 0 20px; }
#main dl.txtImg dd { width: 200px; font-size: 12px; line-height: 14px; padding-top: 5px; }
#main dl.txtImg.W400 { float: right; padding: 17px 0 20px 20px; }
#main dl.txtImg.W400 dd { width: 400px; font-size: 12px; line-height: 14px; padding-top: 5px; }
#main div.txtImg { float: right; padding: 0 0 20px 20px; }

#main div.anchLink { display: table; position: relative; margin: 40px auto 0; }
#main div.anchLink div:first-child { width: 100%; position: absolute; top: 0; left: 0; text-align: center; }
#main div.anchLink div + div {
	border: solid 2px #0078ca;
	border-radius: 5px;
	margin-top: 8px;
	padding: 25px 20px 20px;
}
#main div.anchLink dt,
#main div.anchLink dd { display: table-cell; vertical-align: middle; }
#main div.anchLink dt { padding-right: 30px; }
#main div.anchLink dd p + p { padding-top: 5px; }
#main div.anchLink dd p a {
	color: #000000;
	font-size: 13px;
	line-height: 20px;
	display: block;
	text-indent: -13px;
	padding-left: 13px;
}
#main div.anchLink dd p a:before {
	content: url("../images/anch_arrow.gif");
	vertical-align: middle;
	padding-right: 5px;
}

#main div.column { border: solid 1px #999999; overflow: hidden; margin-top: 50px; padding: 20px; }
#main div.column h4 { font-size: 15px; line-height: 22px; font-weight: bold; padding-top: 20px; }
#main div.column p { font-size: 13px; line-height: 20px; padding-top: 15px; }
#main div.column ul { padding-top: 20px; }
#main div.column li { font-size: 13px; display: table-cell; vertical-align: middle; }
#main div.column li + li { padding-left: 10px; }
#main dl.columnImg { float: right; padding: 0 0 20px 20px; }
#main dl.columnImg dd {
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
}
#main dl.columnImg dd span {
	font-family: '游明朝','Yu Mincho','游明朝体','YuMincho',serif;
	font-size: 17px;
	line-height: 18px;
	font-weight: bold;
}
#main dl.columnImg.w300 { padding: 25px 0 20px 20px; }
#main dl.columnImg.w300 dd { text-align: left; }
#main dl.columnImg.w150 { padding: 0 0 0 20px; }
#main dl.columnImg.w150 dd { text-align: left; }

#main div.outline { width: 930px; position: relative; margin: 30px auto 70px; }
#main div.outline ul {
	width: 215px;
	background: #f0f0f0;
	border-radius: 5px;
	position: absolute;
	bottom: 0;
	right: 20px;
	padding: 15px;
}
#main div.outline li { font-size: 11px; line-height: 14px; }
#main div.outline li:first-child { font-weight: bold; }
#main div.outline li + li { padding-top: 5px; }
#main div.outline li p { display: table-cell; font-size: 11px; line-height: 14px; }
#main div.outline li p:first-child { white-space: nowrap; }
#main div.outline li.idt1 { text-indent: -0.4em; }
#main div.outline li.idt2 { text-indent: -1em; padding-left: 1em; }

#main div.case { overflow: hidden; margin-top: 50px; }
#main div.case ul { background: #a50000; border-radius: 5px; color: #ffffff; }
#main div.case li {
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
}
#main div.case li:first-child {
	background: #000000;
	border-radius: 5px 0 0 5px / 5px 0 0 5px;
	font-size: 12px;
	padding: 0 10px;
}
#main div.case li + li { padding-left: 10px; }
#main div.case h3 { padding-top: 20px; }
#main div.case h4 { font-size: 15px; line-height: 20px; font-weight: bold; padding-top: 20px; }
#main div.case p { font-size: 13px; line-height: 20px; padding-top: 15px; }
#main div.case dl + p { padding-top: 20px; }
#main dl.caseImg { float: right; padding: 20px 0 20px 20px; }
#main dl.caseImg dd {
	width: 300px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding-top: 5px;
}
#main dl.caseImg.w200 dd { width: 200px; font-weight: normal; }
#main dl.caseImg.W300 { padding: 23px 0 20px 20px; }
#main dl.caseImg.W300 dd { width: 300px; font-weight: normal; }
#main p.caseImg { float: right; padding: 20px 0 20px 20px; }

#main .img5_02 { text-align: center; margin-top: 40px; }
#main .img5_03 { text-align: center; margin-top: 50px; }

#main table {
	width: 958px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	font-size: 12px;
	line-height: 14px;
	margin-top: 70px;
}
#main table caption { font-size: 17px; font-weight: bold; margin-bottom: 15px; }
#main table th { background: #cceeff;border: 1px solid #999999; text-align: center; padding: 7px 10px; }
#main table td { border: 1px solid #999999; padding: 7px 10px; }
#main table td:first-child { text-align: right; padding: 7px 4px 7px 10px; }
#main table .nowrap { white-space: nowrap; }
#main table .taC { text-align: center; }

#main div.pageLink { display: table; margin: 50px auto 0; }
#main div.pageLink li {
	width: 25px;
	height: 25px;
	background: #cccccc;
	color: #ffffff;
	font-size: 12px;
	line-height: 25px;
	display: table-cell;
	text-align: center;
	font-weight: bold;
}
#main .pageLink li + li { border-left: solid 5px #ffffff; }
#main .pageLink li.w100 { width: 100px; }
#main .pageLink li a { background: #cc0000; color: #ffffff; display: block; }