@charset "shift_jis";

#topic-path {
	color:#0B4263;
	width:100%;
	margin-top:7px;
	padding-bottom:15px;
	background-image:url(../../img/topic-path-bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#content-area {
	width:100%;
	margin-top:15px;
	margin-left:-215px;
	padding-bottom:15px;
	float:right;
	overflow:visible;
}

#content-area.nomenu {
	padding-bottom:0px;
}

/* -----------------------------------------------------------------------------
　Main Area
----------------------------------------------------------------------------- */
#main-area {
	font-size:1.05em;
	line-height:1.5em;
	margin-left:230px;
	padding-left:20px;
}
#main-area/**/ {
	margin-left: /**/215px;
	padding-left: /**/0px;
}

.nomenu {
	float:none !important;
	margin-left:0px !important;
}

#main-area p.parent-title,
#main-area h1.parent-title {
	color:#FFFFFF;
	font-size:1.7em;
	padding:3px 10px 2px 10px;
	background-color:#69C2FC;
	background-image:url(../../img/co-h1-bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:normal;
}

#main-area h1.title {
	color:#0B4263;
	font-size:1.45em;
	padding:5px 5px 3px 5px;
	border-left:5px solid #69C2FC;
	border-bottom:1px dotted #69C2FC;
}

#main-area .row1 {
	margin-top:15px;
}

#main-area .row1 h2 {
	font-size:1.05em;
	padding:6px 0px 0px 18px;
	min-height:20px;
	background-image:url(../../img/h2-share-bg.gif);
	background-repeat:repeat-x;
	border-top:1px solid #BFBFBF;
	border-right:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
	line-height:normal;
}

#main-area .row1 h3 {
	font-size:1.05em;
	color:#0B4263;
	min-height:18px;
	margin:15px 10px 0px 10px;
	padding-left:17px;
	background-image:url(../../img/h3-share-ico.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #BFBFBF;
}

#main-area .row1 h4 {
	font-size:1.05em;
	min-height:18px;
	margin:15px 15px 0px 15px;
	padding-left:12px;
	background-image:url(../../img/h4-share-ico.gif);
	background-position:0px 6px;
	background-repeat:no-repeat;
}

#main-area .row1 p,
#main-area .row1 ul,
#main-area .row1 ol,
#main-area .row1 dl,
#main-area .row1 table,
#main-area .row1 .box {
	margin:15px 20px 0px 20px;
}

#main-area.nomenu .row1 h3 {
	margin:15px 15px 0px 15px;
}

#main-area.nomenu .row1 h4 {
	margin:15px 20px 0px 20px;
}

#main-area.nomenu .row1 p,
#main-area.nomenu .row1 ul,
#main-area.nomenu .row1 ol,
#main-area.nomenu .row1 dl,
#main-area.nomenu .row1 table,
#main-area.nomenu .row1 .box {
	margin:15px 25px 0px 25px;
}

#main-area .row1 ul li {
	margin:5px 0px 0px 0px;
	padding-left:18px;
	background-image:url(../../img/ico-shared.gif);
	background-position:4px 5px;
	background-repeat:no-repeat;
}

#main-area .row1 ul ul,
#main-area .row1 ul ol,
#main-area .row1 ol ul,
#main-area .row1 ol ol,
#main-area.nomenu .row1 ul ul,
#main-area.nomenu .row1 ul ol,
#main-area.nomenu .row1 ol ul,
#main-area.nomenu .row1 ol ol {
	margin:0px 0px 0px 0px;
}

#main-area .row1 ul ul li {
	background-image:url(../../img/ico-shared2.gif);
}

#main-area .row1 ul li.paper {
	padding-left:18px;
	background-image:url(../../img/list-ico-paper.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
}

#main-area .row1 ul li.pdf {
	padding-left:18px;
	min-height:18px;
	background-image:url(../../img/list-ico-pdf.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
}

#main-area .row1 ul li.doc {
	padding-left:18px;
	min-height:18px;
	background-image:url(../../img/list-ico-doc.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
}

#main-area .row1 ul li.xls {
	padding-left:18px;
	min-height:18px;
	background-image:url(../../img/list-ico-xls.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
}

#main-area .row1 ol li {
	margin:5px 0px 0px 24px;
	padding:0px;
	background-image:none;
	list-style-type:decimal;
}

#main-area .row1 ol li ul li {
	margin:5px 0px 0px 0px;
	padding-left:18px;
	background-image:url(../../img/ico-shared2.gif);
	background-position:4px 5px;
	background-repeat:no-repeat;
	list-style-type:none;
}

#main-area .row1 ol ol li {
	list-style-type:lower-roman;
}

#main-area .row1 dl {
	padding:0px 10px 10px 10px;
	border:1px solid #BFBFBF;
}

#main-area .row1 dt {
	font-weight:bold;
	padding-top:10px;
}

#main-area .row1 dd {
	font-size:0.85em;
}

#main-area .row1 table table,
#main-area.nomenu .row1 table table,
#main-area .row1 table p,
#main-area.nomenu .row1 table p,
#main-area .row1 table ul,
#main-area.nomenu .row1 table ul,
#main-area .row1 table ol,
#main-area.nomenu .row1 table ol {
	margin:0px;
}

#main-area .row1 table.table-yellow,
#main-area .row1 table.table-orange,
#main-area .row1 table.table-blue {
	background-color:#BFBFBF;
}

#main-area .row1 table.table-yellow th {
	color:#60420C;
	font-weight:normal;
	background-color:#FFF9C0;
	text-align:left;
}

#main-area .row1 table.table-orange th {
	color:#87220E;
	font-weight:normal;
	background-color:#FFDDD7;
	text-align:left;
}

#main-area .row1 table.table-blue th {
	color:#0B4263;
	font-weight:normal;
	background-color:#E6F8FF;
}

#main-area .row1 table.table-yellow td,
#main-area .row1 table.table-orange td,
#main-area .row1 table.table-blue td {
	background-color:#FFFFFF;
}

#main-area .yellow .bg-text {
	color:#FFFFFF;
	padding:2px;
	background-color:#E0BE12;
}

#main-area .orange .bg-text {
	color:#FFFFFF;
	padding:2px;
	background-color:#F24619;
}

#main-area .bg-text {
	color:#FFFFFF;
	padding:2px;
	background-color:#40ACDB;
}

#main-area .row1 .box {
	padding:0px 10px 10px 10px;
	border:1px solid #BFBFBF;
}

#main-area .row1 .box p,
#main-area .row1 .box ul,
#main-area .row1 .box ol {
	margin:10px 0px 0px 0px;
}

#main-area.nomenu .row1 .box p,
#main-area.nomenu .row1 .box ul,
#main-area.nomenu .row1 .box ol {
	margin:10px 0px 0px 0px;
}

/* -----------------------------------------------------------------------------
　row2
----------------------------------------------------------------------------- */
#main-area .row1 .left {
	width:49%;
	float:left;
}

#main-area .row1 .right {
	width:49%;
	float:right;
}

#main-area .row1 .right p {
	margin:0px;
}

#main-area .row1 .left h3 {
	margin:10px 0px 0px 10px;
	border:none;
}
#main-area .row1 .right h3 {
	margin:10px 10px 0px 0px;
	border:none;
}

#main-area .row1 .left ul {
	margin:10px 20px 0px 20px;
}

#main-area .row1 .right ul {
	margin:10px 10px 0px 10px;
}

#main-area .row1 h3 {
	font-size:1.05em;
	padding-left:17px;
	background-image:url(../../img/h3-share-ico.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
}
#main-area .row1 .left h3 {
	margin:10px 0px 0px 10px;
}
#main-area .row1 .right h3 {
	margin:10px 10px 0px 0px;
}


#main-area .row2 {
	width:100%;
	padding-top:15px;
}

#main-area .row2 .left {
	width:49%;
	float:left;
}

#main-area .row2 .right {
	width:49%;
	float:right;
}

#main-area .row2 h2 {
	font-size:1.05em;
	width:100%;
	padding-top:6px;
	background-image:url(../../img/h2-share-bg.gif);
	background-repeat:repeat-x;
	border-top:1px solid #BFBFBF;
	border-right:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
}

#main-area .row2 h2 span {
	height:1.5em;
	min-height:20px;
	padding:0px 0px 0px 18px;
	display:block;
	line-height:normal;
}

#main-area .row2 ul {
	margin:0px 10px 0px 10px;
}

#main-area .row2 ul li {
	margin:5px 0px 0px 0px;
	padding-left:10px;
	background-image:url(../../img/ico-shared.gif);
	background-position:0px 5px;
	background-repeat:no-repeat;
}

/* -----------------------------------------------------------------------------
　pagetop
----------------------------------------------------------------------------- */
#main-area .pagetop {
	font-size:0.85em;
	margin-top:15px;
	text-align:right;
}

#main-area .pagetop a {
	margin-left:auto;
	padding-left:13px;
	background-position:left center;
	background-repeat:no-repeat;
}
#main-area .pagetop a/**/ {
	background-image: /**/url(../../img/pagetop-ico.gif);
}

#main-area .line {
	width:100%;
}

/* -----------------------------------------------------------------------------
　Reference
----------------------------------------------------------------------------- */
#main-area .reference-area {
	border:1px solid #69C2FC;
	margin-top:15px;
	padding:0px 0px 0px 0px;
}

#main-area .reference-area h2 {
	width:68px;
	height:16px;
	background-image:url(../../img/reference-title.gif);
	background-repeat:no-repeat;
}

#main-area .reference-area h2 span {
	position:relative;
	top:0px;
	left:0px;
	width:68px;
	height:16px;
	display:block;
	z-index:-1;
	overflow:hidden;
}

#main-area .reference-area h3 {
	font-size:1.05em;
	color:#3F89AA;
	min-height:18px;
	margin:10px 15px 0px 15px;
	padding-left:17px;
	background-image:url(../../img/h3-share-ico.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
}


#main-area .reference-area ul {
	font-size:0.85em;
	padding:5px 15px 15px 30px;
	line-height:1.4em;
}

#main-area .reference-area ul li {
	width:100%;
	padding:5px 0px 5px 0px;
	border-bottom:1px dotted #69C2FC;
}

#main-area .reference-area ul li p.left {
	width:28%;
	margin-right:1%;
	float:left;
}

#main-area .reference-area ul li p.middle {
	width:40%;
	margin-right:1%;
	float:left;
}

#main-area .reference-area ul li p.right {
	width:28%;
	float:left;
}

/* -----------------------------------------------------------------------------
　Plugin
----------------------------------------------------------------------------- */
#main-area .plugin-area {
	font-size:0.85em;
	min-height:25px;
	margin-top:15px;
	padding-bottom:10px;
	background-color:#FFFFFF;
	border:1px solid #BFBFBF;
	line-height:1.3em;
}
#main-area .plugin-area p {
	padding:10px 10px 0px 10px;
}

#main-area .plugin-area img {
	margin-right:10px;
	float:left;
}

/* -----------------------------------------------------------------------------
　Topics
----------------------------------------------------------------------------- */
#main-area .row1.topics {
	margin-top:15px;
	border:1px solid #BFBFBF;
}
#main-area .row1.topics h2 {
	background-image:url(../../img/topics-bg.gif);
	border:none;
}

#main-area .row1.topics ul {
	margin:0px 15px 0px 15px;
	padding-bottom:15px;
}

#main-area .row1.topics ul li {
	margin:10px 0px 0px 0px;
	padding-left:20px;
	background-image:url(../../img/ico-close.gif);
	background-position:0px 4px;
	background-repeat:no-repeat;
}

#main-area .row1.topics p {
	padding:10px 15px 10px 15px;
	text-align:right;
}

/* -----------------------------------------------------------------------------
　Yellow
----------------------------------------------------------------------------- */
#main-area .yellow h2 {
	background-image:url(../../img/h2-yellow-bg.gif);
}

#main-area .yellow h3 {
	color:#705A13;
	background-image:url(../../img/h3-yellow-ico.gif);
}

#main-area .yellow h4 {
	background-image:url(../../img/h4-yellow-ico.gif);
}

#main-area .yellow ul li {
	background-image:url(../../img/ico-yellow.gif);
}

#main-area .yellow ul ul li,
#main-area .yellow ol li ul li {
	background-image:url(../../img/ico-yellow2.gif);
}

/* -----------------------------------------------------------------------------
　Orange
----------------------------------------------------------------------------- */
#main-area .orange h2 {
	background-image:url(../../img/h2-orange-bg.gif);
}

#main-area .orange h3 {
	color:#87220E;
	background-image:url(../../img/h3-orange-ico.gif);
}

#main-area .orange h4 {
	background-image:url(../../img/h4-orange-ico.gif);
}

#main-area .orange ul li {
	background-image:url(../../img/ico-orange.gif);
}

#main-area .orange ul ul li,
#main-area .orange ol li ul li {
	background-image:url(../../img/ico-orange2.gif);
}


/* -----------------------------------------------------------------------------
　Sub Menu Area
----------------------------------------------------------------------------- */
#sub-menu-area {
	width:200px;
	margin-top:15px;
	float:left;
}

#sub-menu-area .link {
	width:200px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	background-color:#69C2FC;
	background-image:url(../../img/submenu-link-top.gif);
	background-repeat:no-repeat;
}

#sub-menu-area .link h2 {
	color:#FFFFFF;
	font-size:1.2em;
	padding:0px 8px 1px 8px;
}

#sub-menu-area .link ul {
	font-size:1.05em;
	font-weight:bold;
	width:200px;
	padding:0px 0px 5px 0px;
	background-image:url(../../img/submenu-link-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#sub-menu-area .link ul li {
	margin:1px 1px 0px 1px;
	padding:0px;
	background-image:url(../../img/submenu-link-bg.gif);
	background-repeat:repeat-y;
}
#sub-menu-area .link ul li/**/ {
	width: /**/198px;
}

#sub-menu-area .link ul li a,
#sub-menu-area .link ul li span {
	color:#0B4263;
	text-decoration:none;
	width:198px;
	min-height:25px;
	margin-left:-16px;
	padding:8px 5px 8px 22px;
	background-image:url(../../img/ico-close.gif);
	background-position:5px 9px;
	background-repeat:no-repeat;
	display:block;
}
#sub-menu-area .link ul li a.open,
#sub-menu-area .link ul li span.open {
	background-image:url(../../img/ico-open.gif);
}
#sub-menu-area .link ul li a/**/,
#sub-menu-area .link ul li span/**/  {
	width: /**/171px;
	height: /**/auto;
	margin-left: /**/0px;
	min-height: /**/14px;
}

#sub-menu-area .link ul li a:hover {
	color:#dd0000;
}

#sub-menu-area .link ul li p {
	font-size:x-small;
	font-weight:normal;
	padding:0px 10px 8px 10px;
}
#sub-menu-area .link ul li p/**/ {
	font-size: /**/small;
}

#sub-menu-area .link ul li ul {
	font-size:small;
	font-weight:normal;
	width:auto;
	background-image:url(../../img/submenu-link-bg.gif);
	background-repeat:repeat-y;
}

#sub-menu-area .link ul li ul li {
	width:198px;
	margin:0px;
	background-image:none;
}
#sub-menu-area .link ul li ul li/**/ {
	width: /**/198px;
}


#sub-menu-area .link ul li ul li a {
	font-size:x-small;
	font-weight:normal;
	width:198px;
	height:20px;
	margin-left:0px;
	padding:6px 5px 6px 15px;
	background-image:url(../../img/ico-shared.gif);
	background-position:7px 8px;
	background-repeat:no-repeat;
	display:block;
}

#sub-menu-area .link ul li ul li a/**/ {
	font-size: /**/small;
	width: /**/178px;
	height: /**/auto;
	min-height: /**/13px;
}

#sub-menu-area .link ul.h25 li a {
	font-size:x-small;
	font-weight:normal;
	width:198px;
	height:20px;
	padding:6px 5px 6px 15px;
	background-image:url(../../img/ico-shared.gif);
	background-position:7px 8px;
	background-repeat:no-repeat;
	display:block;
}
#sub-menu-area .link ul.h25 li a/**/ {
	font-size: /**/small;
	width: /**/178px;
	height: /**/auto;
	min-height: /**/13px;
}

#sub-menu-area .link ul li ul li a {
	width:198px;
	min-height:20px;
	padding:2px 5px 2px 15px;
	background-position:7px 5px;
}

#sub-menu-area .link ul li ul li a/**/ {
	width: /**/178px;
	min-height: /**/16px;
}


#sub-menu-area .link ul li ul.nice li a {
	font-size:small;
	font-weight:normal;
	height:20px;
	margin-left:0px;
	padding:6px 5px 6px 15px;
	background:none;
	display:inline;
}