/*mobile.css*/

/*menu*/
ul.mainmenu{
	clear: both;
	padding-bottom: 60px;
}

ul.mainmenu li.mobile a{
	background-image: url("../image/mainmenu.png");
	background-position: -321px 50px;
}


/*contents*/
div#contents{
	float: right;
	width: 550px;
}
div#contents h1.mobile{
	display: block;
	width: 550px;
	height: 80px;
	background: #FFFFFF url("../image/mobile/contents_mobile.png") no-repeat top left;
	text-indent: -9999px;
}

div#contents h1.mobile_other{
	display: block;
	width: 550px;
	height: 80px;
	background: #FFFFFF url("../image/mobile/contents_mobile_other.png") no-repeat top left;
	text-indent: -9999px;
}

div#contents h2{
	margin: 20px 0 10px 0;
	background: #FFFFFF url("../image/mobile/background_h2.png") no-repeat bottom;
	width: 528px;
	padding: 5px 10px;
	border: 1px #CCCCCC solid;
	font-size: small;
	color: #FF6600;
}
div#contents h2 span{
	background: transparent url("../image/mobile/icon_h2.gif") no-repeat center left;
	padding-left: 20px;
}

div#contents p{
	margin: 10px 0 20px 0;
}
div#contents div.contact{
	margin: 30px 0 30px 0;
}
div#contents a.contact{
	display: block;
	overflow: hidden;
	width: 518px;
	height: 65px;
	background: #FFFFFF url("../image/mobile/contact_mobileseo.png") no-repeat top left;
	text-indent: -9999px;
}
div#contents a.contact:hover{
	background-image: url("../image/mobile/contact_mobileseo.png");
	background-position: 0 -72px;
}

/*navigation*/
div#navigation{
	float: left;
	width: 200px;
}

div#navigation h3{
	background: transparent url("../image/mobile/navigation_background.png") repeat-x bottom left;
	padding: 5px 10px;
	border: 1px #CCCCCC solid;
	font-size: small;
	color: #FF6600;
}

div#navigation ul{
	margin-bottom: 5px;
}

div#navigation ul li{
	display: block;
	background: #F5F5F5 url("../image/mobile/arrow.png") no-repeat center left;	padding: 7px 0 7px 25px;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	list-style: none;
}

/*text*/
.text {
	color: #FF3300;
	font-weight: bold;
}