@charset "shift_jis";

/*--------------------
  service mobile
--------------------*/

/*---- mobile common -----*/

/* tab menu */

ul#tab li.tab01 {
	background: url(../service/mobile/img/tab_b01.jpg) no-repeat left bottom;
	width:100px;
}

	ul#tab li.tab01 a {
		width:100px;
	}

	ul#tab li.tab01 a:hover {
		background: url(../service/mobile/img/tab_b01_o.jpg) no-repeat left bottom;
		color:#FF6600;
	}

	ul#tab li.tab01 span {
		background: url(../service/mobile/img/tab_b01_d.jpg) no-repeat left bottom;
		width:100px;
	}
	
ul#tab li.tab02 {
	background: url(../service/mobile/img/tab_b02.jpg) no-repeat left bottom;
	width:78px;
}

	ul#tab li.tab02 a {
		width:78px;
	}

	ul#tab li.tab02 a:hover {
		background: url(../service/mobile/img/tab_b02_o.jpg) no-repeat left bottom;
		color:#FF6600;
	}

	ul#tab li.tab02 span {
		background: url(../service/mobile/img/tab_b02_d.jpg) no-repeat left bottom;
		width:78px;
	}

ul#tab li.tab03 {
	background: url(../service/mobile/img/tab_b03.jpg) no-repeat left bottom;
	width:108px;
}

	ul#tab li.tab03 a {
		width:108px;
	}

	ul#tab li.tab03 a:hover {
		background: url(../service/mobile/img/tab_b03_o.jpg) no-repeat left bottom;
		color:#FF6600;
	}

	ul#tab li.tab03 span {
		background: url(../service/mobile/img/tab_b03_d.jpg) no-repeat left bottom;
		width:108px;
	}

ul#tab li.end {
	padding-right: 0px;
}

/* tab2 menu */

ul#tab2 {
	border-bottom: 5px solid #A073CE;
}

ul#tab2 li.tab01 {
	background: url(../service/mobile/img/tab2_b01.jpg) no-repeat left bottom;
	width:90px;
}

	ul#tab2 li.tab01 a {
		width:90px;
	}

	ul#tab2 li.tab01 a:hover {
		background: url(../service/mobile/img/tab2_b01_o.jpg) no-repeat left bottom;
		color:#FF6600;
	}

	ul#tab2 li.tab01 span {
		background: url(../service/mobile/img/tab2_b01_d.jpg) no-repeat left bottom;
		width:90px;
	}

ul#tab2 li.tab02 {
	background: url(../service/mobile/img/tab2_b02.jpg) no-repeat left bottom;
	width:135px;
}

	ul#tab2 li.tab02 a {
		width:135px;
	}

	ul#tab2 li.tab02 a:hover {
		background: url(../service/mobile/img/tab2_b02_o.jpg) no-repeat left bottom;
		color:#FF6600;
	}

	ul#tab2 li.tab02 span {
		background: url(../service/mobile/img/tab2_b02_d.jpg) no-repeat left bottom;
		width:135px;
	}

ul#tab2 li.tab03 {
	background: url(../service/mobile/img/tab2_b03.jpg) no-repeat left bottom;
	width:125px;
}

	ul#tab2 li.tab03 a {
		width:125px;
	}

	ul#tab2 li.tab03 a:hover {
		background: url(../service/mobile/img/tab2_b03_o.jpg) no-repeat left bottom;
		color:#FF6600;
	}

	ul#tab2 li.tab03 span {
		background: url(../service/mobile/img/tab2_b03_d.jpg) no-repeat left bottom;
		width:125px;
	}


ul#tab2 li.tab04 {
	background: url(../service/mobile/img/tab2_b04.jpg) no-repeat left bottom;
	width:100px;
}

	ul#tab2 li.tab04 a {
		width:100px;
	}

	ul#tab2 li.tab04 a:hover {
		background: url(../service/mobile/img/tab2_b04_o.jpg) no-repeat left bottom;
		color:#FF6600;
	}

	ul#tab2 li.tab04 span {
		background: url(../service/mobile/img/tab2_b04_d.jpg) no-repeat left bottom;
		width:100px;
	}

/* h3 */
h3 {
	padding:10px;
	clear:both;
	background: url(../service/mobile/img/mtit_bg.gif);
	margin: 0px 0px 10px;
	border-top: 5px solid #FF8033;
}

/* h4 */
h4 {
	background: url(../service/img/stit_bg.gif) repeat-x bottom;
	margin: 10px 0px;
	clear: both;
}

#price-wrap h4,
#faq-wrap h4{
	background:url(../common/dot02.gif) repeat-x bottom;
	padding:10px 0px 10px 0px;
}

	#price-wrap h4 span,
	#faq-wrap h4 span{
		color:#E77901;
		padding-left:15px;
		font-size:110%;
		background:url(../service/mobile/img/micon01.jpg) no-repeat;
	}

/* arrow */

a.arrow {
	background: url(../service/mobile/img/arrow.gif) no-repeat 5px center;
	padding-left: 20px;
	text-decoration: underline;
}

/* text */

.text01 {
	padding: 3px 2px;
}

.text01-s {
	padding: 3px 2px;
	padding-left:1em;
	text-indent:-1em;
}

.text02 {
	padding: 3px 2px;
	font-size: x-small;
}

.center {
	text-align:center;
}

/* table */

table {
	width:100%;
	margin: 0px 0px 5px 0px;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
}

/* color */

.ora{
	color:#FE6E32;
}

/*---- index-wrap -----*/

#index-wrap .catch {
	font-weight: bold;
	color: #D55000;
	font-size: 110%;
	margin: 5px 0px;
	padding: 5px 0px 10px;
	background: url(../common/ten01.gif) repeat-x bottom;
	}

#index-wrap .mobile {
	background: url(../service/mobile/img/mob_a_b.gif) no-repeat right top;
	margin: 5px 0px 15px;
	}

#index-wrap table {
	margin: 5px 0px 5px 2px;
	}

	#index-wrap table th {
	padding: 5px 5px 5px 10px;
	background: #FF8033;
	color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 3px solid #E9772C;
	border-left: 1px solid #CCCCCC;
	text-align: left;
	width: 135px;
		}

	#index-wrap table td {
	padding: 5px 5px 5px 10px;
	border: 1px solid #CCCCCC;
	text-align: left;
	}

	#index-wrap table td.bg {
	background: #FFF7EA;
	width: 135px;
	}

#index-wrap .stit {
	color:#D55000;
	}
	

#index-wrap ul.service {
	background: url(../service/mobile/img/service_bg.gif) no-repeat top;
	height: 90px;
	padding: 10px;
	margin: 5px 0px 15px;
	}
	
#index-wrap ul.service li {
	float:left;
	width:173px;
	height:28px;
	background: #FFFFFF url(../service/mobile/img/en.gif) no-repeat 5px center;
	text-align: left;
	border-right: 5px solid #F7F7F7;
	margin: 2px 0px;
	padding: 15px 0px 0px 22px;
	}

#index-wrap ul.service li.heigh {
	height:33px;
	padding: 10px 0px 0px 22px;
	}


#index-wrap .taiken {
	background: url(../service/img/taiken_bg.jpg) no-repeat top;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	margin: 20px 0px 0px;
	}

#index-wrap .taiken .free_t{
	padding: 5px 0px 10px 100px;
	margin: 0px;
	}

#index-wrap .taiken .botan {
	float: right;
	width: 121px;
	padding: 15px 10px 0px;
	}

#index-wrap .taiken .left {
	padding-left: 70px;
	padding-top: 15px;
	padding-bottom: 15px;
	}


/*---- price-wrap -----*/

#price-wrap table {
	margin: 10px 0px 10px 2px;
}

#price-wrap table th{
	padding:5px;
	background:#FE9E34;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
}

#price-wrap table td{
	padding:10px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	text-align: center;
}

#price-wrap table td.bg{
	background:#FFF7CE;
}

#price-wrap div.shiharai{
	background:url(../common/dot02.gif) repeat-x bottom;
	padding:15px 0px 0px 0px;
	width:620px;
	margin:0 auto 10px auto;
}

	#price-wrap div.shiharai h4{
		background:none;
		float:left;
		margin:0;
	}
	
	#price-wrap div.shiharai p.syosai{
		width:200px;
		text-align:right;
		float:right;
		padding:15px 10px 0px 0px;
	}
	
		#price-wrap div.shiharai .syosai a{
			background:url(../service/mobile/img/arrow.gif) no-repeat 0px 1px;
			padding-left:15px;
		}

#price-wrap dl.shiharai{
	width:610px;
	background:#FFF7EA;
	padding:5px 5px 5px 5px;
	/*\*/
	overflow:hidden;
	/**/
	margin:0px auto 20px auto;
}

	#price-wrap dl.shiharai dt{
		background:#FFE4B9;
		padding:20px 10px 20px 10px;
		width:120px;
		float:left;
		text-align:center;
		font-weight:bold;
	}
	
	#price-wrap dl.shiharai dd{
		padding:10px 10px 10px 160px;
	}

#price-wrap dl.card{
	width:620px;
}

	#price-wrap dl.card dt,
	#price-wrap dl.card dd{
		background:url(../common/dot02.gif) repeat-x bottom;
		padding:0px 0px 5px 0px;
		margin:2px auto 5px auto;
	}
	
	#price-wrap dl.card dt span{
		color:#FFE4B9;
	}

/*---- flow-wrap -----*/

#flow-wrap .step_f1{
	width:565px;
	padding:0px 0px 0px 55px;
	text-align:center;
}

	#flow-wrap p.button{
		text-align:center;
		border-right:2px solid #E8E8E8;
		border-bottom:2px solid #DBDBDB;
		width:220px;
		padding:12px 10px 12px 10px;
		margin:15px auto 15px auto;
		background:#F5F5F5;
		font-size:133%;
		font-weight:bold;
	}
	
		#flow-wrap p.button a{
			background:url(../service/img/arrow01.jpg) no-repeat;
			padding:2px 0px 5px 26px;
		}

	#flow-wrap .step_f1 .step_f2{
		width:555px;
		padding:5px 5px 5px 5px;
		margin:8px auto 10px auto;
		border:1px solid #E6E6E6;
		background:#F6F6F6;
		/*\*//*/
		overflow:hidden;
		/**/
	}
	
		#flow-wrap .step_f1 .step_f2 .step_f2_l{
			width:275px;
			float:left;
		}
		
		#flow-wrap .step_f1 .step_f2 .step_f2_r{
			width:275px;
			float:right;
		}
	
	#flow-wrap .step_f1 .step_f2 .step_f3{
		width:257px;
		padding:8px 8px 8px 8px;
		margin:8px auto 8px auto;
		border:1px solid #E6E6E6;
		background:#FFFFFF;
	}
	
#flow-wrap #att{
	width:620px;
	border:1px solid #E6E6E6;
	text-align:center;
	margin:10px auto 0px auto;
}

	#flow-wrap #att h4{
		margin:0;
		border-bottom:#FFCC00 2px solid;
		background:#F2F2F2 url(../service/img/chui_icon.jpg) no-repeat 10px 6px;
		padding:8px 5px 5px 40px;
		font-size:116%;
	}
	
	#flow-wrap #att p{
		width:580px;
		margin:5px auto 5px auto;
		text-indent:-1em;
		padding:5px 5px 5px 1em;
	}
	
		#flow-wrap #att p a{
			background:url(../service/img/arrow02.gif) no-repeat;
			padding:0px 0px 0px 15px;
		}


/*---- faq-wrap -----*/

#faq-wrap ul.qalist{
	padding:15px 0px 10px 10px;
}

	#faq-wrap ul.qalist li{
		background:url(../service/mobile/img/q_icon.gif) no-repeat;
		padding:2px 0px 8px 20px;
	}