@charset "shift_jis";

/***********************************************
** ソリューション用レイアウト
************************************************/

/* ------------------------------ */
/* ソリューション
/* ------------------------------ */
/* ****************************** */
/* *********　index用 *********** */
/* ****************************** */
/*
#wrapper #MainContents #contentsL #mainR h2.solu_title {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
*/
#wrapper #MainContents #contentsL #mainR #solutionNavi {
	width: 450px;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol1 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol2 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol3 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol4 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi h3.sol5 {
	font-weight: bold;
	color: #000000;
	height: 26px;
	width: 220px;
	background-image: url(../img/solution_navi/title_sol5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 3.0em;
	font-size: 1.0em;
	line-height: 2.1em;
	margin-bottom: 5px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi ul,
#wrapper #MainContents #contentsL #mainR #solutionNavi ul li {
	list-style-type: none;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi ul {
	clear: both;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN1 {
	float: left;
	width: 220px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN2 {
	float: right;
	width: 220px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN3 {
	float: left;
	width: 220px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN4 {
	float: right;
	width: 220px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi ul li.soluN5 {
	float: left;
	width: 220px;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi dl dt {
	width: 60px;
	float: left;
	padding: 5px;
	clear: both;
}
#wrapper #MainContents #contentsL #mainR #solutionNavi dl dd {
	padding: 5px;
	float: right;
	width: 140px;
}
/***************************************************************************/
/**********************************/
/* ****　カテゴリ用２段組み ***** */
/**********************************/

/*テーブル軍 */
/*テーブル1*/
#wrapper #MainContents #contentsR .solution_t1 {
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#wrapper #MainContents #contentsR .solution_t1 table {
	width: 100%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#wrapper #MainContents #contentsR .solution_t1 table th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	background-color: #ECF5FF;
	font-weight: normal;
	text-align: left;
}
#wrapper #MainContents #contentsR .solution_t1 table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	background-color: #F6F6F6;
}
#wrapper #MainContents #contentsR .solution_t1 table td.type1 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	font-weight: bold;
	background-color: #ACFFE4;
}
#wrapper #MainContents #contentsR .solution_t1 table td.type2 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	background-color: #ACE4FF;
}
/*テーブル2*/
#wrapper #MainContents #contentsR .solution_t2 {
	width: 420px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#wrapper #MainContents #contentsR .solution_t2 table {
	width: 420px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#wrapper #MainContents #contentsR .solution_t2 table th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 3px;
	background-color: #DDEDFF;
	font-weight: normal;
	text-align: left;
}
#wrapper #MainContents #contentsR .solution_t2 table td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 3px;
	background-color: #F6F6F6;
}

/* -------------------------------- */
/*	お問い合わせ
/* -------------------------------- */
#wrapper #MainContents #contentsR .contents_area1 .contact {
	background-image: url(../img/contact_btn2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 42px;
	width: 201px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#wrapper #MainContents #contentsR .contents_area1 .contact a {
	display: block;
	height: 42px;
	width: 201px;
	background-image: url(../img/contact_btn2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrapper #MainContents #contentsR .contents_area1 .contact span {
	visibility: hidden;
}
#wrapper #MainContents #contentsR .contents_area1 .contact a:active,
#wrapper #MainContents #contentsR .contents_area1 .contact a:focus,
#wrapper #MainContents #contentsR .contents_area1 .contact a:hover {
	background-image: url(../img/contact_btn2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


/* ----------------------------------------- */
/* コンテンツレイアウト用                    */
/* ----------------------------------------- */
#wrapper #MainContents #contentsR .contents_area1 .contsection {
	width: 660px;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
/* 2段用 */
#wrapper #MainContents #contentsR .contents_area1 .contsection .leftsection {
	width: 320px;
	float: left;
	padding-right: 10px;
}
#wrapper #MainContents #contentsR .contents_area1 .contsection .rightsction {
	width: 320px;
	float: right;
	padding-right: 10px;
}
#wrapper #MainContents #contentsR .contents_area1 .contsection .photo {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
#wrapper #MainContents #contentsR .contents_area1 .contsection ul {
	margin-left: 20px;
}
/* 3段用 */
#wrapper #MainContents #contentsR .contents_area1 .contsection .leftsection2 {
	width: 210px;
	float: left;
	padding-right: 10px;
	padding-left: 0px;
}
/* ************************************************* */
#wrapper #MainContents #contentsR .contents_area1 .contsection2 {
	width: 660px;
	/*float: left;*/
	margin-top: 5px;
	margin-bottom: 10px;
}
#wrapper #MainContents #contentsR .contents_area1 .contsection2 .leftsection {
	width: 320px;
	float: left;
	padding-right: 10px;
}
#wrapper #MainContents #contentsR .contents_area1 .contsection2 .rightsction {
	width: 320px;
	float: right;
	padding-right: 10px;
}