@charset 'Shift_JIS';


/******************************************************************************/
/*トップページ
/******************************************************************************/

h2#welcome{
	width:450px;
	height:365px;
	text-indent:-9999px;
	float:left;
	background:url(../image/welcome.gif) no-repeat;
}




/*----------search／rogin----------*/
#search,#rogin{
	width:250px;
	float:left;
}
#search{
	margin-top:45px;
	height:134px;
	background:url(../image/bg_index_search.gif) bottom right no-repeat;
}
#rogin{
	height:150px;
	background:url(../image/bg_index_rogin.gif) bottom right no-repeat;
}

#roginmess{
	width:250px;
	float:left;
	font-size:11px;
}

#search h3,#rogin h3{
	width:250px;
	height:50px;
	text-indent:-9999px;
}
#search h3	{background:url(../image/h3_index_search.gif) no-repeat;}
#rogin h3	{background:url(../image/h3_index_rogin.gif) no-repeat;}

input.inputTxtSearch{
	width:220px;
	margin-left:15px;
}
.roginInputTxt{
	width:230px;
	margin-left:15px;
	margin-bottom:5px;
}
.roginInputTxt:after{content:""; display:block; clear:both;}
.roginInputTxt p{
	width:5em;
	margin-top:2px;
	float:left;
	clear:left;
}
.roginInputTxt input{
	width:140px;
	height:16px;
	float:left;
}
/*ボタンのデザインはglobal.cssで指定。ここでは配置のみの指定*/
#search .btnSearch{
	margin:10px 5px 0 15px;
	float:left;
}
#search .btnReset{
	margin-top:10px;
	float:left;
}
#rogin .btnConfirm{
	margin:5px 5px 0 15px;
	clear:left;
	float:left;
}
#rogin .btnReset{
	margin-top:5px;
	float:left;
}
* html body #search .btnSearch{margin-left:8px;}
* html body #rogin .btnConfirm{margin-left:8px;}




/*----------info／mobile----------*/
#info,#mobile{
	height:255px;
	margin-top:5px;
	border-top:1px solid #900;
	border-left:6px solid #900;
	position:relative;
}
#info{
	width:389px;
	clear:left;
	float:left;
}
* html body #info{width:386px;}
#mobile{
	width:294px;
	float:right;
}
* html body #mobile{width:291px;}

#info h3,#mobile h3{
	height:50px;
	text-indent:-9999px;
	position:absolute;
	top:-10px;
	left:-16px;
}
#info h3{
	width:240px;
	background:url(../image/h3_index_info.gif) no-repeat;
}
#mobile h3{
	width:290px;
	background:url(../image/h3_index_mobile.gif) no-repeat;
}

iframe{
	width:380px;
	height:210px;
	margin:45px 10px 0 10px;
}

#mobile p{
	margin:45px 10px 10px 10px;
}
#qr{
	width:180px;
	font-size:12px;
	text-align:center;
}
#qr p{
	margin-top:5px;
}
#caraMobile{
	position:absolute;
	bottom:0;
	right:0;
}



/*info.html
----------------------------------------*/
body#infoHtml{
	background:url(../common_image/container_bg.gif);
	text-align:left;
}
ul#infoTxt{
	border-top:1px dotted #900;
}
ul#infoTxt li{
	padding:5px 0 7px 0;
	border-bottom:1px dotted #900;
	line-height:1;
}