@charset "utf-8";

/* Font
---------------------------------------------------------------- */
.bold{
	font-weight:bold;
}

.pink{
	color:#fb6998;
}

.blue{
	color:#009cf3;
}

/* img-over
---------------------------------------------------------------- */

a:hover img {
	filter: Alpha(opacity=80);
	opacity: 0.8;
	background-color: #ffffff;
}

a:hover img.imgover {
	filter: Alpha(opacity=80);
	opacity: 1;
	background-color: #ffffff;
}

/* Space
---------------------------------------------------------------- */
.margin-t5{
	margin-top:5px;
}

.margin-t10{
	margin-top:10px;
}

.margin-t20{
	margin-top:20px;
}

.margin-t30{
	margin-top:30px;
}

.margin-t40{
	margin-top:40px;
}

.margin-t50{
	margin-top:50px;
}

.margin-b20{
	margin-bottom:20px;
}

.padding-l10{
	padding-left:10px;
}

.center{
	text-align:center;
}


/* Layout
---------------------------------------------------------------- */

#container {
	width: 100%;
	margin: 0;
}

#container img {
	vertical-align: top;
}

#block_01,
#block_02,
#block_03,
#block_04,
#block_05 {
	width: 830px;
	margin: 0 auto;
}


/* block_01 =================== */

#block_01 ul li {
	float: left;
}


/* block_02 =================== */

#block_02 ul li {
	float: left;
}

#block_02 .img-bg_01 {
	padding: 0 260px 0 28px;
	background: url(../images/mode_13.jpg) no-repeat right top;
}


/* block_03 =================== */

#block_03 {
	margin-top: 50px;
}

#block_03 ul li {
	float: left;
}

#block_03 .img-bg_02 {
	padding: 0 260px 55px 28px;
	background: url(../images/mode_19.jpg) no-repeat right top;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

#block_03 .img-bg_03 {
	padding: 20px 25px 85px 300px;
	margin-bottom: 50px;
	background: url(../images/mode_21.jpg) no-repeat 30px 20px;
	border: 1px solid #d3d3d3;
	border-top: none;
}


/* block_04 =================== */

#block_04 .voice {
	border: 1px solid #d3d3d3;
	border-top: none;
	padding: 15px;
	margin-bottom: 60px;
}

#block_04 .voice p {
	width: 240px;
	height: 190px;
	padding: 15px 15px 15px 140px;
	float: left;
}

#block_04 .voice p.graduate_01 {
	border-right: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	background: url(../images/mode_27.jpg) no-repeat 10px 15px;
}

#block_04 .voice p.graduate_02 {
	border-bottom: 1px dotted #000000;
	background: url(../images/mode_28.jpg) no-repeat 10px 15px;
}

#block_04 .voice p.graduate_03 {
	border-right: 1px dotted #000000;
	background: url(../images/mode_29.jpg) no-repeat 10px 15px;
}

#block_04 .voice p.graduate_04 {
	background: url(../images/mode_30.jpg) no-repeat 10px 15px;
}


/* block_05 =================== */

#block_05 ul li {
	float: left;
}