/*  ****************  Style TOC  ****************  */

/** 01:main 

/** 02:sub 

/

/*  *********************************************  */



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

/** 01: main

/* ----------------------------------------------- */

#ContentArea {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bi_contents.gif);
	background-repeat: no-repeat;
}
#ContentArea .BackImg {
	background-image: url(../img/bi_contents.gif);
	background-repeat: repeat-y;
	float: left;
	width: 760px;
}
#ContentArea .main {
	width: 570px;
	padding-top: 10px;
	padding-right: 10px;
	text-align: left;
	float: right;
}
#ContentArea .main h1 {
	margin-bottom: 15px;
}
#ContentArea .main h2 {
	clear: both;
	margin-bottom: 15px;
	_height: 1em;
	color: #562011;
	font-size: 130%;
	background-image: url(../img/h2_bi.gif);
	background-color:#e0b965;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #843924;
	letter-spacing: 1px;
	padding: 7px 5px 4px 25px;
}
#ContentArea .main h3 {
	color: #562011;
	font-size: 100%;
	margin-bottom: 15px;
	clear: both;
	background-image: url(../img/h3_bi.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #562011;
	padding: 5px 3px 4px 25px;
}
#ContentArea .main h4 {
	color: #562011;
	font-size: 100%;
	padding-left: 10px;
	margin-bottom: 10px;
	clear: both;
}
#ContentArea .main h5 {
	color: #333333;
	font-size: 120%;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	clear: both;
	background-image: url(../img/h5_bi_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin-left: 8px;
	padding-left: 15px;
}
#ContentArea .main p {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#ContentArea .main p.pRight {
	text-align: right;
}
#ContentArea .main p.link01 {
	margin-right: 0px;
	background-image: url(../img/pm_link_01_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}
#ContentArea .main p.line01 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#ContentArea .main p.type1 {
	background-color: #333333;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	color: #CCCCCC;
	margin-bottom: 5px;
	font-size: 75%;
	font-weight: bold;
	letter-spacing: 1px;
}
#ContentArea .main p.caution {
	text-indent: -1em;
	padding-left: 1em;
}
#ContentArea .main .infotext li {
	color: #356F35;
	background-image: url(../img/point_02.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	list-style-type: none;
	padding-left: 10px;
	text-align: left;
	margin: 5px;
}
#ContentArea .main p.hiduke {
	color: #FFFFFF;
	font-weight: bold;
	background: #003399;
	padding-left: 10px;
	margin-bottom: 0px;
}
#ContentArea .main p.info {
	margin-left: 20px;
	margin-bottom: 10px;
}
#ContentArea .main h2.info {
	background-image: none;
	color: #000099;
	padding-left: 1em;
	border-bottom-style: none;
	margin-top: 5px;
	font-size: 110%;
	margin-bottom: 5px;
	padding-bottom: 0px;
	margin-left: 5px;
}
#ContentArea .main p.Pnum {
	margin-left: 2em;
}
#ContentArea .main img.type1 {
	margin-left: 10px;
	margin-bottom: 15px;
	margin-right: 10px;
}
#ContentArea .main img.sam {
	margin-bottom: 5px;
}
#ContentArea .main .imgCenter {
	text-align: center;
}
/** /* #ContentArea .main ul,ol,dl  */



#ContentArea .main dl {
	margin-bottom: 15px;
	margin-left: 25px;
	clear: both;
}
#ContentArea .main dl dt {
	font-weight: bold;
	margin-bottom: 10px;
	clip: rect(auto,auto,auto,25px);
}
#ContentArea .main dl dd {
	background-image: url(../img/pm_list_03_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-left: 10px;
	margin-bottom: 10px;
}
#ContentArea .main dl.contact dt {
	background-color: #E7E7E7;
	color: #333333;
	font-size: 120%;
	letter-spacing: 2px;
	padding: 5px 5px 4px;
}
#ContentArea .main dl.contact dd {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 2px;
	margin-left: 0px;
	margin-bottom: 15px;
	color: #333333;
}
#ContentArea .main ul {
	padding-bottom: 10px;
	clear: both;
}
#ContentArea .main ul li {
	list-style: url(../common/css/none) none;
	color: #000000;
	padding-left: 15px;
	margin-left: 20px;
	margin-bottom: 10px;
	background-image: url(../img/pm_list_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
#ContentArea .main ul.link01 li {
	background-image: url(../img/pm_link_01_01.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}
#ContentArea .main ul.sitemap {
	margin-left: 50px;
}
#ContentArea .main ul.sitemap li {
	margin-bottom: 10px;
	margin-top: 5px;
	background-image: url(../img/pm_link_01.gif);
}
#ContentArea .main ul.sitemap li ul {
	margin-left: 10px;
}
#ContentArea .main ul.sitemap li ul li {
	margin-bottom: 5px;
	margin-top: 0px;
	background-image: url(../img/pm_link_02.gif);
}
#ContentArea .main ul.newinfo li {
	background-image: url(../img/pm_link_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 10px;
	list-style-type: none;
	margin-bottom: 10px;
}
#ContentArea .main ul li.type1 {
	background-image: url(../img/pm_link_01_01.gif);
	background-position: 0px 3px;
}
#ContentArea .main ul.type1 li {
	background-image: url(../img/pm_list_01.gif);
}
#ContentArea .main ul.ImgRight {
	float: left;
	width: 380px;
}
#ContentArea .main ol {
	padding-bottom: 10px;
	clear: both;
}
#ContentArea .main ol li {
	background: url(../common/css/none);
	list-style: decimal;
	padding-left: 0px;
	margin-left: 43px;
	margin-bottom: 10px;
}

/** /* #ContentArea .main table  */
#ContentArea .main table {
	margin-left: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
	width: 550px;
}
#ContentArea .main table caption {
	text-align: left;
	margin-left: 15px;
	font-weight: bold;
}
#ContentArea .main table th {
	padding: 5px;
	background-color: #CCCCCC;
	color: #FFFFFF;
	vertical-align: top;
	width: 25%;
}
#ContentArea .main table td {
	padding-top: 5px;
	padding-bottom: 4px;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	width: 25%;
}
#ContentArea .main table.type1 {
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #333333;
}
#ContentArea .main table.type1 td {
	padding-top: 5px;
	padding-bottom: 4px;
	vertical-align: top;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
}
#ContentArea .main table.frame1 {
	margin-bottom: 20px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#ContentArea .main table.frame1 th {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
	text-align: left;
	color: #666666;
	vertical-align: top;
	background: #FCFFD9;
}
#ContentArea .main table.frame1 td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: left;
}
#ContentArea .main .product table.frame1 {
	width: 270px;
}
#ContentArea .main table.frame2 {
	margin-bottom: 20px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}
#ContentArea .main table.frame2 th {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
	text-align: left;
	background-color: #CCCCCC;
	color: #333333;
	vertical-align: top;
}
#ContentArea .main table.frame2 td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: left;
	width: 400px;
}
#ContentArea .main table.frame3 {
	margin-bottom: 20px;
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
}
#ContentArea .main table.frame3 td {
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	text-align: center;
}
#ContentArea .main table.frame3 th {
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	padding: 5px;
	text-align: center;
	background: #FFFFE1;
	color: #333333;
	font-weight: normal;
}
#ContentArea .main .product table.frame3 {
	width: 270px;
}
#ContentArea .main table td.width1 {
	width: 20px;
}
#ContentArea .main table td.width2 {
	width: 60px;
}
#ContentArea .main table td.width3 {
	width: 298px;
}
#ContentArea .main table ol li {
	margin-left: 25px;
	margin-bottom: 5px;
}
#ContentArea .main table th.center {
	text-align: center;
}
#ContentArea .main table td.right {
	text-align: right;
}
#ContentArea .main table td.center {
	text-align: center;
}
#ContentArea .main table.form01 {
	width: 530px;
}
#ContentArea .main table.form01 td textarea{
	width:100% ;
}
#ContentArea .main table.form01 input.whitearea {
	width:100%;
}
#ContentArea .main table.form01 th{
	width:20% !important;
}
#ContentArea .main table.form01 td{
	width:80% !important;
}
table.layout1 {
	margin:0 !important;
}
table.layout1 td .cap {
	padding:5px 0 0;
}

.layout2 {
	display:-webkit-flex;
	display:flex;
	margin: 0 10px 20px;
}
.layout2 h4 {
	margin-bottom: 0.5em!important;
}
.layout2 .ml {
	margin-left: 1.7em!important;
}

/** /* ContentsWrap(cw)  */
#ContentArea .main .cw1 {
	float: left;
	width: 550px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#ContentArea .main .cw1 .cbText {
	float: left;
	width: 380px;
	padding: 5px;
}
#ContentArea .main .cw1 .cbImg {
	float: right;
	width: 150px;
}
#ContentArea .main .cw1 .cbLeft {
	float: left;
	width: 270px;
}
#ContentArea .main .cw1 .cbRight {
	float: right;
	width: 270px;
}
#ContentArea .main .cwAboutus {
	width: 570px;
}
#ContentArea .main .cwAboutus .cbText {
	float: left;
	width: 410px;
}
#ContentArea .main .cwAboutus .cbImg {
	float: right;
	width: 150px;
	text-align: center;
}
#ContentArea .main .cwAboutus .cbImg p {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
	font-weight: bold;
	color: #333333;
}

/** /* other  */
#ContentArea .main .UnderLink {
	margin-top: 5px;
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
#ContentArea .main .imgBox3 img {
	padding-right: 10px;
	padding-bottom: 15px;
}

/** /* class  */
.ToTop {
	clear: both;
}
.ToTop p {
	text-align: right;
	font-size: 90%;
}
.ToTop em {
	font-style: normal;
	color: #666666;
}
.fcRed {
	color: #990033;
}
.fcBlue {
	color: #0000FF;
}
.bcRed {
	background-color: #990033;
}
.bcBlue {
	background-color: #003399;
}
.ImgLeft {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	clear: both;
}
.ImgRight {
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
	clear: both;
	padding-left: 10px;
}
.floatLeft {
	float: left;
	clear: both;
	width: 570px;
}
.hissu {
	font-weight: normal;
	color: #FF0000;
	font-size: 85%;
}
.ta-c {
	text-align:center !important;
}
.mb30 {
	margin-bottom:30px !important;
}
/* =============================================== */

/** 02: sub

/* ----------------------------------------------- */

#ContentArea .sub {
	float: left;
	text-align: left;
	width: 170px;
}
#ContentArea .sub li {
	list-style-type: none;
}
#ContentArea .sub li a {
	display: block;
	width: 149px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #5C5C5C;
	padding-left: 15px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 6px;
	background-image: url(../img/bi_sub.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #162758;
}
#ContentArea .sub li a:hover {
	background-image: url(../img/bi_sub_over.gif);
	background-repeat: no-repeat;
	text-decoration: underline;
	list-style-type: none;
}

@media screen and (max-width: 640px){

#ContentArea {
	background-image: none;
	font-size: 15px;
}
#ContentArea .BackImg {
	background-image: none;
	float: none;
	width: 100%;
}

/*-----------------------------------------
 main
-----------------------------------------*/
#ContentArea .main {
	width: auto;
	padding: 10px 10px 30px;
	text-align: left;
	float: none;
	line-height: 1.6;
}
#ContentArea .main p {
	margin-left: 0;
	margin-right: 0;
}

#ContentArea .main dl {
	margin-left: 0;
}

#ContentArea .UnderLink {
	display:none;
}

.ImgRight {
	float: none;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;

}

#ContentArea .main table.frame1 {
	width: auto;
	margin:0 0 20px;
}
table.layout1 {
	width:100% !important;
	margin-left:0;
	margin-right:0;
}
table.layout1 td {
	display:block;
	width:100% !important;
	padding:0 0 10px !important;
	text-align:center;
}
table.layout1 td .cap {
	padding:5px 0 0 !important;
}
	
.layout2 {
	display:block;
	text-align: center;
}
.layout2 .img {
	margin-bottom: 20px;
}
.layout2 .ml{
	display: inline-block;
	text-align: left;
	margin: 0!important;
}

#ContentArea .main table.frame3 {
	width:100%;
	margin-left:0;
	margin-right:0;
}
#ContentArea .main table.frame3 td {
	padding:0;
}
#ContentArea .main table.form01 {
	width: 100% !important;
	margin-left:0;
	margin-right:0;
}
#ContentArea .main table.form01 th{
	width:20% !important;
}
#ContentArea .main table.form01 td{
	width:80% !important;
}
#ContentArea .main ol li {
	margin-left: 23px;
}
#ContentArea .main ul.sitemap {
	margin-left: 0;
}
span.imgCenterSp {
	text-align:center;
	display:block;
}
#ContentArea .main .imgBox3 {
	text-align:center;	
}
#ContentArea .main .imgBox3 img {
	padding:0 5px 15px
}
	
/*-----------------------------------------
 sub
-----------------------------------------*/
#ContentArea .sub {
	float: none;
	width: 100%;
	border-top: 1px solid #5C5C5C;
}
#ContentArea .sub img {
        display:none;
    }
#ContentArea .sub li a {
	display: block;
	width: auto;
	border-right: 0;
	border-bottom: 1px solid #5C5C5C;
	padding:8px 5px 6px 15px;
	background-image: url(../img/bi_sub_sp.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	color: #162758;
	position:relative;
}
#ContentArea .sub li a:before {
	content:"";
	position: absolute;
	background:url(../img/bi_sub_arrow.gif);
	width:4px;
	height:7px;
	top:12px;
	left:7px;
}
#ContentArea .sub li a:hover {
	background-image: url(../img/bi_sub_sp.gif);
	background-repeat: repeat-x;
}
.ToTop {
	display: none
	;
}
}