@charset "UTF-8";

/* parts.css */

/* index
┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉

	[1] title(h1~h4)
	[2] list
	[3] box
	[4] font
	[5] table
	[6] width
	[7] link
	[8] other

┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉ */



/* ┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉
	[1] title(h1~h4)
┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉ */
/* ------------- style-reset(h3) ------------- */

#main h3.style-reset
{
	margin-bottom: 0;
	padding: 0;
	border: none;
	background: none;
}


/* ┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉
	[2] list
┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉ */

/* ------------- 青□ (基本) ------------- */
#main .list01{ margin-bottom: 20px; }

#main ul.list01 li,
#main dl.list01 dt,
#main p.list01
{
	padding-left: 10px;
	background: url(/img/icon_square01.gif) left center no-repeat;
}

/* ------------- 灰色□ ------------- */
#main .list02{ margin-bottom: 20px; }

#main ul.list02 li,
#main dl.list02 dt,
#main p.list02
{
	padding-left: 10px;
	background: url(/img/icon_square02.gif) left center no-repeat;
}

/* ------------- 濃い青□ ------------- */
#main .list03{ margin-bottom: 20px; }

#main ul.list03 li,
#main dl.list03 dt,
#main p.list03
{
	padding-left: 10px;
	background: url(/img/icon_square03.gif) left center no-repeat;
}

/* ------------- 矢印 (→) ------------- */

#main ul.list04 li,
#main dl.list04 dt,
#main span.list04
{
	padding-left: 15px;
	background: url(/img/icon_arrow04.gif) left center no-repeat;
}

/* ------------- マークなし ------------- */

#main li.none,
#main ul.none li
{
	padding-left: 0 !important;
	background: none !important;
}

/* ------------- PDF (単独) ------------- */

.ico-pdf
{
	padding-left: 40px;
	background: url(/img/ico_pdf.gif) no-repeat 0 0;
}

/* ----- dl01 ----- */
dl.dl01{
	clear: both;
}

.dl01 dt{
	float: left;
	margin-right: 15px;
	font-weight: bold;
}

/* ----- dl02 ----- */
dl.dl02{
	clear: both;
}

dl.dl02 dt{
	float: left;
	margin-bottom: 10px;
	width: 9em;
}

dl.dl02 dd{
	margin-bottom: 10px;
	padding-left: 10em;
}


/* ┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉
	[3] box
┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉ */

/* ------------- 青□ ------------- */
.box-blue
{
	background-color: #EEF2F8;
	border: 1px solid #C1CDD9;
	margin-bottom: 20px;
	padding: 8px 12px;
}

/* ------------- 白□ ------------- */
.box-white
{
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	margin-bottom: 20px;
	padding: 10px 15px 15px;
}


/* ┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉
	[4] font
┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉ */

/* ------------- フォントウェイト ------------- */
.font-bold{ font-weight: bold !important; }

/* ------------- フォントカラー ------------- */
.font-white{ color: #FFFFFF !important; }

.font-darkblue{ color: #018fc4 !important; }

.font-red{ color: #FF0000 !important; }


/* ┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉
	[5] table
┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉ */

/* ------------- 基本パターン(2行パターン) ------------- */
table
{
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}

table tr th,
table tr td
{
	padding: 10px 20px;
	background: #FFF url(/img/line02.gif) bottom repeat-x;
}

table tr th,
table thead td
{
	background-color: #dcf4fd;
	font-weight: bold;
	color: #404040;
}

table tr.top th{	border-top: solid 3px #27acde;}
table tr.top td{	border-top: solid 3px #cccccc;}

table tr.bottom th{ border-bottom: solid 3px #27acde; background-image: none; }
table tr.bottom td{ border-bottom: solid 3px #cccccc; background-image: none; }

/* ------------- tbl01(3行パターン) ------------- */
table thead th
{
	text-align: center;
	padding: 10px 5px;
	font-size: 12px;
}

table.tbl01 tr th,
table.tbl01 tr td
{
	font-size: 11px;
}

table.tbl01 thead .top th{ border-top: solid 3px #27acde; background-image: none; }

table.tbl01 .bottom{ border-bottom: solid 3px #27acde; background-image: none; }


table tr th.long, table tr th.long /* ----- 改行禁止 ----- */
{
	white-space: nowrap;
}

table tr td.short, table tr th.short /* ----- 英単語等も強制改行 ----- */
{
	word-break: break-all;
}

/* ------------- 灰色 ------------- */
table .tbl-gray{
	padding: 5px 8px;
	background-color: #eeeeee;
}

/* ------------- 白色 ------------- */
table .tbl-white{
	padding: 5px 8px;
	background-color: #FFFFFF;
}

/* ------------- 青色 ------------- */
table .tbl-blue{
	padding: 5px 8px;
	background-color: #DCF4FD;
}

/* ┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉
	[6] width
┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉ */

.w-5percent{ width: 5%; }
.w-10percent{ width: 10%; }
.w-15percent{ width: 15%; }
.w-20percent{ width: 20%; }
.w-30percent{ width: 30%; }
.w-35percent{ width: 35%; }
.w-40percent{ width: 40%; }
.w-45percent{ width: 45%; }
.w-50percent{ width: 50%; }
.w-60percent{ width: 60%; }
.w-65percent{ width: 65%; }
.w-70percent{ width: 70%; }

.w-400px{ width: 400px; }
.w-450px{ width: 450px; }

/* ┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉
	[7] link
┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉ */

a:link,
a:visited
{
	color: #555555;
}
a:hover,
a:active
{
	color: #27acde;
}


/* ┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉
	[8] other
┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉┉ */

/* ----- img枠(基本) ----- */
#main img,
.img-border
{
	padding: 2px;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}

/* ----- img-noborder ----- */
.img-noborder
{
	padding: 0 !important;
	border: none !important;
	background: none !important;
}