@import url("../common/common.css");

/*------------------------------------------------------------------------------
基本
------------------------------------------------------------------------------*/
#left #left_menu .m_title {
	background:url("img/menu_title.gif") no-repeat;
}


.content {
	margin:0 auto;
	width:600px;
	background-color:#fff;
}

/*------------------------------------------------------------------------------
タイトル
------------------------------------------------------------------------------*/
h1 {
	margin:0 0 30px;
	width:700px;
}

/*------------------------------------------------------------------------------
見出し
------------------------------------------------------------------------------*/
p {
	font-size:14px;
	line-height:20px;
	text-align:justify;
	text-justify:distribute;/* Win IE only */
}


#text_c {
	text-align:left;
	width:325px;
	text-align:justify;
	text-justify:distribute;/* Win IE only */
}

/*------------------------------------------------------------------------------
コンテンツ
------------------------------------------------------------------------------*/
.box1 {
	padding:0 45px 30px;
}

.box1 .text {
	padding:10px 0 0;
	width:330px;
	float:right;
	text-align:center;
}

.box1 .text p {
	margin:0 0 40px;
	text-align:justify;
	text-justify:distribute;/* Win IE only */
}

.box1 .text table {
	margin:0 auto;
	border-collapse:collapse;
	margin-bottom:30px;
	background-color:#fff;
}

.box1 .text table td {
	padding:5px 0;
	background-color:#fff;
	text-align:right;
}

.box1 .text table td.tleft {
	padding-left:0;
}

.box1 .text table td.tright {
	padding-right:0;
}

.box1 .text table td a img.img {
	margin:0 0 3px;
	padding:5px;
	border:1px #fff solid;
	background-color:#fff;
	cursor:pointer;
}

.box1 .text table td a:hover img.img {
	margin:0 0 3px;
	border:1px #6f94cd solid;
}

.box1 .image {
	width:245px;
	float:left;
}

.box2 {
	padding:0 45px 30px;
}

.box2 p.top {
	margin:0 auto 45px;
	width:590px;
}

.box2 table {
	margin-bottom:45px;
	width:606px;
}

.box2 table td {
	width:100px;
}

.box2 table th {
	padding:5px;
	width:99px;
	background-color:#fff;
	font-weight:normal;
	line-heigh:20px;
	font-size:14px;
}

.box2 .left {
	margin:0 0 20px;
	width:200px;
	float:left;
}

.box2 .right {
	margin:0 0 20px;
	padding:140px 0 0;
	width:395px;
	float:right;
}

.box3 {
	padding:0 45px 60px;
}

.box3 h2 {
	width:298px;
}

.box3 h2 span {
	color:#e3676d;
}

.box3 p.top {
	margin:0 auto 45px;
	width:590px;
}

.box3 table {
	margin-left:auto;
	margin-right:auto;
	width:590px;
}

.box3 table th,
.box3 table td {
	width:120px;
}

.box3 table td.sp {
	width:auto;
}

.box3 table th {
	padding:10px 0 15px 10px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	vertical-align:top;
}

.box2 .link,
.box3 .link {
	margin:0 0 50px;
	width:100%;
}

.box2 .link a,
.box3 .link a {
	margin:0 0 0 10px;
	display:block;
	width:160px;
	height:20px;
	float:right;
	background: url(img/btn.gif) no-repeat;
	line-height:20px;
	text-align:center;
	font-size:11px;
}

.box2 .lastbox .link,
.box3 .lastbox .link {
	margin:0;
	width:160px;
	position:absolute;
	left:240px;
	bottom:25px;
}

.box2 .lastbox .link a,
.box3 .lastbox .link a {
	float:none;
	background-position:-160px 0;
}

.lastbox {
	margin:50px auto 0;
	padding:20px;
	width:568px;
	height:auto;
	background: url("img/last_box.gif") no-repeat right bottom;
	position:relative;
}

.lastbox p {
	width:400px;
	text-align:justify;
	text-justify:distribute;/* Win IE only */
}

.lastbox img {
	position:absolute;
	top:30px;
	right:25px;
}

.image_l {
	width:245px;
	float:left;
}

.image_r {
	width:245px;
	float:right;
}

.link1 {
	display:block;
	margin:0 auto;
	width:240px;
	height:25px;
	background: url("../common/img/btn10.gif") no-repeat;
	text-indent:-5000px;
	outline:0;
}

.link1:hover {
	background-position:0 -25px;
}

.link2 {
	display:block;
	margin:10px auto 0;
	width:240px;
	height:25px;
	background: url("../common/img/btn9.gif") no-repeat;
	text-indent:-5000px;
	outline:0;
}

.link2:hover {
	background-position:0 -25px;
}

.link3 {
	display:block;
	margin:0 auto;
	width:240px;
	height:25px;
	background: url("../common/img/btn11.gif") no-repeat;
	text-indent:-5000px;
	outline:0;
}

.link3:hover {
	background-position:0 -25px;
}

div.linkbtn {
	margin:0 auto;
	width:500px;
}

div.linkbtn .link1 {
	float:left;
}

div.linkbtn .link3 {
	float:right;
}