@charset "utf-8";

/* ************************************************
 __solution page
* ********************************************** */

#solution #wrapper #contents_wrapper #contents_inner #title_area_base {
	height: 120px;
	width: 920px;
	margin: 15px 15px 0 15px;
	text-align: left;
	background: url(/shared/img/bg_h1_solution.png) no-repeat left top;
}
#solution #wrapper #contents_wrapper #contents_inner #title_area_base h1 {
	height: 120px;
	padding: 0 0 0 30px;
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
	line-height: 120px;
}
#solution #wrapper #contents_wrapper #contents_inner #main_area div.list ul {
	padding: 0;
	margin: 0;
}
#solution #wrapper #contents_wrapper #contents_inner #main_area div.list ul li {
	width: 330px;
	padding: 0 0 10px 0;
	margin: 0 20px 20px 0;
	/*border-bottom: 1px solid #5bac00;*/
	float: left;
}
#solution #wrapper #contents_wrapper #contents_inner #box #main_area div.list div.txt_area {
	float: right;
	width: 200px;
}
#solution #wrapper #contents_wrapper #contents_inner #box #main_area div.list div.pic_area {
	float: left;
	width: 120px;
}
#solution #wrapper #contents_wrapper #contents_inner #box #main_area div.list div.txt_area h3 {
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	background: none !important;
	width: 200px;
	height: auto !important;
	line-height: 140%;
	border-bottom: none !important;
}
#solution #wrapper #contents_wrapper #contents_inner #box #main_area div.list div.txt_area p.txt {
	width: 200px;
	padding: 10px 0 0 0;
	border-top: 1px solid #dad4d4;
}


#solution #wrapper #contents_wrapper #contents_inner #main_area .list dl {
	width: 330px;
	padding: 0 0 10px 0;
	margin: 0 20px 20px 0;
	/*border-bottom: 1px solid #5bac00;*/
	float: left;
}

#solution #wrapper #contents_wrapper #contents_inner #main_area .list dt {
	background:#F1EBF8 none repeat scroll 0 0;
	color:#303030;
	font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	margin:0 0 5px;
	padding:0 0 0 4px;
}
#solution #wrapper #contents_wrapper #contents_inner #main_area .list dd a {
	background: url(/shared/img/icon_arrow_blue.png) no-repeat scroll left 5px;
	padding:0 0 0 11px;
}

/*--- table --- */

#solution #wrapper #contents_wrapper #main_area table {
	width: 680px;
	border-top: 1px solid #a1ee7b;
	border-right: 1px solid #a1ee7b;
	border-collapse:collapse;
}

#solution #wrapper #contents_wrapper #main_area th {
	border-collapse:collapse;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background: #3eb703;
	border-bottom: 1px solid #a1ee7b;
	border-left: 1px solid #a1ee7b;
	vertical-align: top;
}

#solution #wrapper #contents_wrapper #main_area td.color {
	border-bottom: 1px solid #a1ee7b;
	border-left: 1px solid #a1ee7b;
	background-color: #F9FFF4;
}

#solution #wrapper #contents_wrapper #main_area td.yellow {
	border-bottom: 1px solid #a1ee7b;
	border-left: 1px solid #a1ee7b;
	background-color: #FFFFE8;
	font-size: 14px;
	font-weight: bolder;
}



#solution #wrapper #contents_wrapper #main_area td {
	border-collapse:collapse;
	padding: 10px;
	border-bottom: 1px solid #a1ee7b;
	border-left: 1px solid #a1ee7b;
	vertical-align: top;
}

/*-- solution_index.html --*/

#solution #wrapper #contents_wrapper #contents_inner #box #main_area #solution_top .list {
	margin: 0 0 40px;
}


#solution #wrapper #contents_wrapper #contents_inner #box #main_area #solution_top h2 {
	height: 33px;
	padding: 7px 0 0 15px;
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	background: url(/shared/img/bg_h2_solution.gif) repeat-x left top;
	clear: both;
}
#solution #wrapper #contents_wrapper #contents_inner #box #main_area h2.delsup {
	height: 33px;
	line-height: 100%;
	padding: 0 0 0 15px !important;
	margin: 40px 0 15px 0;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	background: url(/shared/img/bg_h2_solution.gif) repeat-x left bottom;
	clear: both;
}

/* IE7回避用 */
*:first-child+html #solution #wrapper #contents_wrapper #contents_inner #box #main_area h2.delsup {
	line-height: 33px !important;
}


/* inline要素 - 回避用ハック */

/* for IE7 */
*:first-child+html #solution #wrapper #contents_wrapper #contents_inner #main_area span a span.icon {
	background: url(/shared/img/icon_arrow_blue.png) no-repeat left center;
	display: inline-block;
	margin: 0 0 0 -1em;
	width: 1em;
}
/* for IE6 */
*html #solution #wrapper #contents_wrapper #contents_inner #main_area span a span.icon {
	background: url(/shared/img/icon_arrow_blue.png) no-repeat left center;
	display: inline-block;
	margin: 0 0 0 -1em;
	width: 1em;
}
/* デフォルト */
#solution #wrapper #contents_wrapper #contents_inner #main_area span a span.icon {
	display: none;
}


/*cape のFLASH用 20120523追加*/
#solution #wrapper #contents_wrapper #contents_inner #box #main_area #flashcontent {
	width: 520px;
	margin: 20px auto;
	text-align: center;
}

#solution #wrapper #contents_wrapper #contents_inner #box #main_area #flashcontent .anon {
	padding: 10px;
	border: 5px solid #eeeeee;
	background: #ffffff;
	text-align: left;
}

#solution #wrapper #contents_wrapper #contents_inner #box #main_area #flashcontent .anon p {
	width: 360px;
	float: left;
}

#solution #wrapper #contents_wrapper #contents_inner #box #main_area #flashcontent .anon a {
	width: 112px;
	float: right;
}