@charset "utf-8";

/*
*tomobile.css
*====================
*0.common
	0-1.ttl  タイトル
*1.main
	1-1.info  アクセス方法
	1-2.about  Lococomモバイル説明
*/

/*========================
	0.common
========================*/
div#main{
	width:910px;
	color:#555;
	font-size:116%;
}
/*---------------------------------
	0-1.ttl  タイトル
-----------------------------------*/
div.ttl {
	margin-bottom:30px;
}
h2 {
	margin-bottom:10px;
}

/*========================
	1.main
========================*/
/*---------------------------------
	1-0.info
-----------------------------------*/
/* 説明文言 */
div.info p {
	margin:30px;
	line-height:1.5;
}
/* アクセス方法 */
div.mb_access {
	margin-bottom:30px;
}
div.mb_access div {
	overflow:hidden;
	padding:0 25px;
	margin-bottom:5px;
}
* html div.mb_access div {
	padding:0 10px;
}
div.mb_access div dl {
	float:left;
	width:400px;
	height:17em;
	margin:0 13px;
	padding:1px;
	border:1px solid #ccc;
}
div.mb_access dd {
	padding:10px;
}
div.mb_access dd.mail div.send_fin {
	height:40px;
	padding:0 5px;
}
div.mb_access dd.mail div.send_fin p {
	background:#ffc url(../../img2/common/arart/icon_arart_11.gif) no-repeat 5px center;
	margin-top:5px;
	padding:5px;
	color:#014dbb;
	font-size:86%;
	text-indent:15px;
	border:1px solid #e8db87;
}
div.mb_access dd span {
	float:left;
	display:block;
	width:190px;
	color:#999;
	font:bold 116% Verdana, Helvetica, sans-serif;
	text-align:center;
}
* html  div.mb_access dd span {
	font-size:16px;
}
div.mb_access dd span img {
	display:block;
	margin:0 auto;
	margin-bottom:5px;
	border:1px solid #959595;
}
div.mb_access dd form {
	display:block;
	background:url(../../img2/cm/tomobile/bg_tomail.gif) no-repeat 0 center;
	width:370px;
	height:35px;
	margin:0 0 10px 6px;
	padding-top:17px;
	font-size:86%;
}

div.mb_access dd form option {
	position:relative;
	top:4px;
}
* html div.mb_access dd form select,
*:first-child+html div.mb_access dd form input {
	position:relative;
	top:-4px;
}
* html div.mb_access dd form input {
	position:relative;
	top:-4px;
}
div.mb_access dd form .account {
	width:160px;
	margin-left:10px;
}
div.mb_access dd form .account, x:-moz-broken {
	width:190px;/* ff3.0以降 */
}
*:first-child+html div.mb_access dd form .account {
	width:170px;./* IE7用hack */
}
div.mb_access dd li {
	background:url(../../img2/common/bg_attention.gif) no-repeat left 3px;
	margin:0 0 8px 6px;
	padding-left:9px;
	color:#737373;
	font-size:86%;
}
div.mb_access p.att {
	clear:left;
	margin-left:35px;
	color:#ff5825	;
}

/*---------------------------------
	2-1.about
-----------------------------------*/
div.about {
	margin-bottom:10px;
}
div.about p {
	margin:0 0 20px 30px;
	line-height:1.5;
}
div.about p strong {
	display:block;
	margin-bottom:5px;
}