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

/*============================================
共通
==============================================*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

#altoku_h {
	padding-top:11px;
	background: url(/common/images/top/box_bg_top.gif) no-repeat center top;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
#altoku_b {
	padding-top:6px;
	background: #FFF url(/common/images/top/box_bg.gif) repeat-y scroll 0 0;
}

* html #altoku_h {
	font-size:110%;
}

*:first-child + html #altoku_h {  
	font-size:110%;
}  

/*============================================
メインイメージ
==============================================*/

#altokuImage{
	padding:0 0 0 27px;
	width:615px;
	height:194px;
	overflow:hidden;
	line-height:0;
	font-size:0;
}


/*============================================
アルトク！とは？
==============================================*/

#whatsAltoku{
	margin:25px 0 0 27px;
	width:615px;
}


#whatsAltoku{
	width:615px;
	height:301px;
	overflow:hidden;
	background:url(/common/images/altoku/bg_01.gif) no-repeat left bottom;
}

#whatsAltoku p{
	font-size:1.2em;
	margin:0 30px 12px 30px;
}

#whatsAltoku em{
	font-style:normal;
	font-weight:bold;
	color:#0099FF;
}

#whatsAltoku ul{
	list-style:none;
	background:#FFCC00;
	width:542px;
	padding:10px;
	margin:0 30px;
	font-size:100%;
}

#whatsAltoku ul li{
	line-height:1.8;
}

/*============================================
アルトク！の使い方
==============================================*/

#stepFlow{
	margin:25px 0 0 27px;
	width:615px;
}

#stepFlow div.stepBox{
	clear:both;
}

#stepFlow div.stepBox div.stepArrow{
	float:left;
}
#stepFlow div.stepBox div.txtSet{
	float:right;
}


#stepFlow div.step1 div.mobile{
	background:#FFF;
	width:452px;
	height:77px;
	overflow:hidden;
	border:1px solid #CCC;
	padding:10px 0;
	margin:0 0 0 23px;
}

#stepFlow div.step1 div.mobile img.qr_img{
	float:left;
	padding:0 10px;
}

#stepFlow div.step1 div.mobile p{
	padding-right:10px;
}

#stepFlow div.step2 p,
#stepFlow div.step5 p{
	margin:10px 0 0 23px;
}

#stepFlow div.step2 p strong {
	font-size:120%;
}

#stepFlow div.step2 p a{
	font-weight:bold;
}

#stepFlow div.step5 p{
	font-weight:bold;
}


#stepFlow div.step1{
	height:215px;
	background:url(/common/images/altoku/bg_sub01.gif) no-repeat right bottom;
}

#stepFlow div.step2{
	height:139px;
	background:url(/common/images/altoku/bg_sub02.gif) no-repeat right bottom;
}

#stepFlow div.step5{
	height:122px;
	background:url(/common/images/altoku/bg_sub03.gif) no-repeat right bottom;
}