@charset "UTF-8";
/* mobileCSS Document */

/*--------------------
*****layout*****
--------------------*/

div.mg
{
	width:732px;
	margin:0px auto 10px;
}
div#content div.mg h1.mobile_title
{
	background: url(/pts/images/mobile/title.jpg) no-repeat 0px 0px;
	margin:0px auto;
	width:732px;
	height:153px;
}
div.mg div.mg_l
{
	width:530px;
	padding:10px 0px 0px 5px;
	float:left;
}
div.mg div.mg_r
{
	width:185px;
	float:right;
}

/*topics*/
div.mg div#topics
{
	background: url(/pts/images/mobile/topics_bg.gif) repeat-y 0px 27px;
	margin:0px 0px 10px;
	width: 520px;
}
div.mg div#topics h3
{
	background: url(/pts/images/mobile/topics.gif) no-repeat 0px 0px;
	width: 520px;
	height:27px;
	text-indent:-9999px;	
}
div.mg div#topics div.bottom
{
	background: url(/pts/images/mobile/topics_bottom.gif) no-repeat 0px 0px;
	width: 520px;
	height:7px;
	clear:both;
	text-indent:-9999px;	
}
div.mg div#topicsArea {
	margin:0px auto;
	width: 510px;
	
}
div.mg div#topics p.topics {
	border-bottom: 1px dotted #FF3300;
	padding:5px 3px 5px 3px;
	margin:5px 10px 5px 0px;
	width:434px;
	float:right;
}
div.mg div#topics p.date {
	float:left;
	margin:5px 0px 5px 10px;
	padding:5px 0px 5px 0px;
	width:45px;
	
}
div.mg div#topics div.bottom {
	clear:both;
}

/*sendMail*/
div.mg div#sendMail {
	background: #fff7f2;
	margin:0px 0px 10px;
	padding:10px 10px;
	width: 500px;
	border: 1px solid #f65700;
}
div.mg div#sendMail p {
	padding:5px 0px;
}

/*qrcode*/
div.mg div#qrcode {
	background: #ffe2cc url(/pts/images/mobile/qr.gif) no-repeat 10px 10px;
	width: 500px;
	border: 1px solid #f65700;
	margin:0px 0px 10px;
	padding:5px 10px;
}
div.mg div#qrcode p {
	padding:5px 0px 0px 70px;
}
div.mg div#qrcode p.url {
	height:32px;
	width:230px
	float:left;
}
div.mg div#qrcode p.sendmail {
	width:177px;
	height:32px;
	float:right;
	padding:0px 0px;
	margin-bottom:5px;
}

/*access*/
div.mg div#access {
	background: #fff0d1;
	width: 500px;
	border: 1px solid #f65700;
	margin:0px 0px 10px;
	padding:10px 10px;
}
div.mg div#access h3
{
	background: url(/pts/images/mobile/access.gif) no-repeat;
	height:25px;
	text-indent:-9999px;
}
div.mg div#access div.accessImg {
	margin:0px auto;
	width:487px;
}

/*mobileContents*/
div.mg div#mobileContents {
	background: #fff0d1;
	width: 515px;
	margin:0px 0px 10px;
}
div.mg div#mobileContents h3{
	background: url(/pts/images/mobile/contents.gif) no-repeat;
	height:55px;
}
div.mg div#mobileContents div.mCnts{
	margin:5px auto;
	padding: 5px 0px;
	width:480px;
	background: url(/pts/images/mobile/line.gif) repeat-x bottom;
}
div.mg div#mobileContents div.mCnts p
{padding: 0px 5px 3px;}
div.mg div#mobileContents div.mCnts h4
{padding: 3px 0px 5px;}





/*--------------------
*****font*****
--------------------*/

div.mg p{	font-size: 80%;	line-height: 1.5em;}
div.mg p.date{color:#FF6633;}
div.mg div#mobileContents div.mCnts h4{	font-size: 90%;	line-height: 1.5em;color: #ff6c00;}