@charset "shift_jis";
@import "mouse_common.css";

/*---------------------------
コンテンツ
---------------------------*/

/* --------- 共通 --------- */
#container h2 {
	margin: 0 0 0 0;
}

.info-box {
	width: 570px;
	margin : 0 0 30px 0;
	float: left;
	clear: both;
}

.info-box .inner-box {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px 10px;
	line-height: 1.3;
}

.info-box .explain {
	float: left;
	width: 310px;
}

.info-box .figure {
	float: right;
	width: 216px;
}

#container .explain p {
	margin : 0 0 15px 0;
}

#container p.btn {
	margin: 10px 0 0 0;
}

#container p.btn a:link img,
#container p.btn a:visited img {
	margin: 0 0 6px 0;
	display: block;
	border: 1px solid #999999;
}

#container p.btn a:hover img,
#container p.btn a:active img {
	margin: 0 0 6px 0;
	display: block;
	border: 1px solid #FF0000;
}

/* --------- point1 --------- */

#point1 {
	margin: 20px 0 0 0;
	clear: both;
}

#container #point1 p.btn {
	margin: 20px 0 0 0;
}
#container #point1 .explain p.lead {
	margin: 0 0 15px 0;
}

#container #point1 .explain dt {
	margin: 0 0 4px 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #0066CC;
}
#container #point1 .explain dd {
	margin: 0 0 15px 10px;
}

/* --------- point2 --------- */
#container #point2 .explain dt {
	margin: 0 0 4px 0;
	font-weight: bold;
	font-size: 1.1em;
	color: #0066CC;
}
#container #point2 .explain dd {
	margin: 0 0 15px 10px;
}

/* --------- point3 --------- */
#container #point3 .figure .mark img {
	margin: 0 5px 0 0;
	float: left;
}
#point3 .figure .mark span {
	float: rigth;
}

/* --------- point4 --------- */
#container #point4 .figure .mark img {
	margin: 0 10px 0 0;
	float: left;
}
#point4 .figure .mark span {
	float: rigth;
}

/*---------------------------
戻るボタン
---------------------------*/
#container p.return {
	margin: 0 0 5px 0;
	text-align: right;
	line-height: 1.3;
}

/* --------- ▼マウスの選び方改修2014/02/17▼ --------- */

/*パンくずリスト*/
ul#info-bread li {
	display:inline;
	list-style-image:none;
}

ul#info-bread li:first-child {
	padding-left:5px;
}

/*ページ幅指定*/
.info-box_880px {
	width: 880px;
	margin : 0 0 30px 0;
	float: left;
	clear: both;
}

/*ページ内リンク先テキストはリンク化しない*/
.info-box_880px a[name]{
	text-decoration:none;
	color:#333;
	pointer-events:none;
}

.info-box_880px a[name]:hover{
	text-decoration:none;
	color:#333;
	pointer-events:none;
}

.info-box_880px .inner-box {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 10px 10px;
	line-height: 1.3;
}

.info-box_880px .explain {
	float: left;
	width: 600px;
}

.info-box_880px .figure {
	float: right;
	width: 216px;
}

#container .explain {
	line-height:150%;
}

#container p.btn_inline {
	margin: 10px 0 0 0;
}

#container p.btn_inline a:link img,
#container p.btn_inline a:visited img {
	margin: 0 0 6px 10px;
	border: 1px solid #999999;
}

#container p.btn_inline a:hover img,
#container p.btn_inline a:active img {
	margin: 0 0 6px 10px;
	border: 1px solid #FF0000;
}

.info-menu {
	font-size:18px;
	font-weight:bold;
	color:#333;
}

/*テーブルデザイン*/
.info-table {
	border:solid 1px #CCC;
}

.info-table tr th {
	background:#FCCFB8;
	font-size:16px;
}

.info-table tr td.gray {
	background:#f4f4f4;
}

.info-table tr td.gray_b {
	background:#f4f4f4;
	font-weight:bold;
	font-size:14px;
}

.info-table ul {
	margin-left:10px;
}

.info-table ul li {
	background:url(../img/arrow.gif) no-repeat left center;
	margin-left:5px;
}

.info-table a:hover img {
	filter: alpha(opacity=40);
  	-moz-opacity:0.4;
  	opacity:0.4;
}

/* --------- ▲マウスの選び方改修2014/02/17▲ --------- */