@charset "utf-8";
/* CSS Document */


.hh2 {
	font-size:18px;
	font-weight:bold;
	line-height:36px;
	}

.waku {
	border-color:#FF6699;
	border-width:thin;
	border-style:dashed;
	}

.gyo_center {
	width:700px;
	height:auto;
	margin:0px 0px 0px 132px;
	background-color:#FFFFB0;
	}

.gyo_title {
	width:700px;
	height:auto;
	text-align:center;
	border-bottom-color:#FF3366;
	border-bottom-width:medium;
	border-bottom-style:double;
	}
	
.gyo_title2 {
	width:965px;
	height:180px;
	background-image:url(img/shigoto/title.gif);
	background-repeat:no-repeat;
	background-position:center;
	}

.step {
	width:700px;
	height:auto;
	text-align:center;
	background-color: #FFFFFF;
	}
	
.step1 { /*STEPの大見出し*/
	width:700px;
	height:auto;
	background-color:#FFF;
	padding: 5px 0px 15px 0px;
	}

.main_gyo {
	width:965px;
	height:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border-bottom-color: #FFFFFF;
	}

.backtotop {
	width:700px;
	height:22px;
	line-height:22px;
	text-align:right;
	background-color:#FFF;
	}

.step1-1 {
	width:180px;
	height:155px;
	text-align:right;
	float:left;
	}

.step1-2 {
	width:310px;
	height:150px;
	float:left;
	}

.step1-3 {
	width:310px;
	height:140px;
	font-size:12px;
	color:#333333;
	text-align:center;
	margin:5px 0px 5px 0px;
	float: left;
	}
.step1-4 {
	width:700px;
	height:auto;
	text-align:center;
	padding: 10px 0px 0px 0px;
	}


.step2-1 {
	width:300px;
	height:auto;
	text-align:center;
	float:left;
	}
	
.check1 {
	width:235px;
	height:34px;
	text-align:left;
	margin:0px 0px 0px 60px;
	float:left;
	}

.check2 {
	width:180px;
	height:34px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	line-height:34px;
	margin:0px 0px 0px 5px;
	float:left;
	}

.check3 {
	width:250px;
	height:auto;
	text-align:right;
	float: left;
	}

.step2-2 {
	width:200px;
	height:150px;
	float:left;
	margin:30px 0px 0px 0px;
	}

.step2-3 {
	width:220px;
	height:auto;
	text-align:right;
	margin:30px 0px 0px 0px;
	float:left;
	}

.step2-4 {
	width:255px;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	}

.taigu {
	width:auto;
	height:170px;
	vertical-align:middle;
	padding:40px 0px 0px 0px;
	float: left;
	}

.kodawari {
	width:auto;
	height:auto;
	line-height:20px;
	padding-top: 10px;
	text-align: center;
	margin-right: 10px;
	}

.step2-5 {
	width:580px;
	height:auto;
	text-align:center;
	margin:0px 0px 0px 60px;
	float:left;
	}



.step2-7 { /*チェックのところ「○○で選ぶ」*/
	width:500px;
	height:auto;
	margin:15px 0px 0px 100px;
	}

.memo {
	width:480px;
	height:auto;
	margin:6px 0px 0px 120px;
	line-height: 16px;
	}

.step2-8 {　/*○○で選ぶの下部分*/
	width:580px;
	height:auto;
	text-align:center;
	margin:0px 0px 0px 100px;
	float:left;
	width: 500px;
	}

.tencho {
	width:500px;
	height:auto;
	text-align:center;
	padding:10px 0px 10px 0px;
	}


.step2-10 {
	width:500px;
	height:auto;
	text-align:center;
	margin:0px 0px 0px 100px;
	}

.step2-11 {
	width:580px;
	height:auto;
	text-align:center;
	margin:0px 0px 0px 60px;
	}


.step3-1 {
	width:240px;
	height:213px;
	line-height:16px;
	text-align:center;
	margin:0px 0px 0px 60px;
	float:left;
	padding-top: 50px;
	}

.step3-2 {
	width:340px;
	height:auto;
	margin:0px 0px 10px 0px;
	float:left;
	}

.step3-3 {
	width:580px;
	height:auto;
	text-align:center;
	margin:0px 0px 0px 60px;
	}

	
.step4-1 {
	width:580px;
	height:150px;
	text-align:center;
	margin:20px 0px 0px 60px;
	border-width:medium;
	border-color:#FF3399;
	border-style:dashed;
	}

.step4-2 {
	width:580px;
	height:auto;
	margin:0px 0px 0px 60px;
	}
	
.step5-1 {
	width:540px;
	height:45px;
	font-size:14px;
	text-align:left;
	margin:15px 0px 0px 100px;
	line-height: 20px;
	}

.step5-2 {
	width:580px;
	height:auto;
	text-align:center;
	margin:0px 0px 0px 60px;
	}

div.search {
	width:700px;
	text-align:center;
	background-color:#FFF;
	padding-top:15px;
	padding-bottom:10px;
	}



.step_point { /*ポイント*/
	width:auto;
	height:50px;
	line-height:22px;
	text-align:center;
	background-image:url(img/shigoto/point.gif);
	background-repeat:no-repeat;
	background-position:center;
	}

.step_point2 {
	width:700px;
	height:30px;
	font-weight:normal;
	line-height:30px;
	padding:20px 0px 0px 0px;
	}
		
/*吹き出し*/
.lightTip						{  }
.lightTip .content				{ width: auto; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ height: 14px; background: url(img/notch-white.png) top center no-repeat; }

.yellowTip						{  }
.yellowTip .content				{ width: 180px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom				{ height: 14px; background: url(img/notch-yellow.png) top center no-repeat; }

.orangeTip						{  }
.orangeTip .content				{ width: 180px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom				{ height: 14px; background: url(img/notch-orange.png) top center no-repeat; }

.redTip							{  }
.redTip .content				{ width: auto; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; color: #020202; }
.redTip .bottom					{ height: 14px; background: url(img/notch-red.png) top center no-repeat; }

.greenTip						{  }
.greenTip .content				{ width: 180px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom				{ height: 14px; background: url(img/notch-green.png) top center no-repeat; }

.blueTip						{  }
.blueTip .content				{ width: 180px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom				{ height: 14px; background: url(img/notch-blue.png) top center no-repeat; }

.purpleTip						{  }
.purpleTip .content				{ width: 180px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom				{ height: 14px; background: url(img/notch-purple.png) top center no-repeat; }

.darkTip						{  }
.darkTip .content				{ width: 180px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom				{ height: 14px; background: url(img/notch-dark.png) top center no-repeat; }