@charset "Shift_JIS";

/*
======================================================
[c!]COLORS -Think Innovation!-
http://www.colors.gr.jp/
info@colors.gr.jp
(C) COLORS Co.,Ltd. All Rights Reserved.
--
Editor : CLSTK
Since : 2006-08-10

Ver.1.0
Last Up Date : 2006-08-10
======================================================

mobile.css
------------------------------------------------------

[TOC]


------------------------------------------------------
*/

/*------------------------------------------------------
ƒP[ƒ^ƒCƒTƒCƒg
------------------------------------------------------*/
/* ‹¤’Ê
------------------------------------------------------*/
#mobile #content {
	width:817px;
	margin:0 0 0 54px;
}

#mobile #pagetop {
	padding:0 30px 0 0;
}



/* ƒ{ƒbƒNƒX
------------------------------------------------------*/

/* --------------------------
newbox
-------------------------- */
#mobile .newbox {
	margin:0;
}

#mobile .newbox h4 {
	margin:0 0 15px 0;
}

#mobile .newbox p.title {
	margin:0 0 27px 0;
}

/*list*/
#mobile .newbox .list {
	margin:0 0 0 10px;
}

#mobile .newbox .list p {
	margin:0 0 5px 0;
}


/* --------------------------
recommendbox
-------------------------- */
#mobile .recommendbox {
	margin:23px 0 0 0;
}

#mobile .recommendbox td.bg {
	padding:0 20px;
	background: url(/mobile/images/reco_body.gif) repeat-y top left;
}

#mobile .recommendbox h5 {
	margin:0 0 18px 0;
}

#mobile .recommendbox .box,
#mobile .recommendbox .box2{
	width:490px;
	margin:0 0 4px 0;
	padding:0 0 5px 0;
}

#mobile .recommendbox .box {
	background: url(../images/dot_line.gif) repeat-x bottom left;
}

#mobile .recommendbox .box2 {
	margin:0;
	padding:0;
}

#mobile .recommendbox .box h6,
#mobile .recommendbox .box2 h6 {
	margin:0 0 8px 0;
}

#mobile .recommendbox .box p,
#mobile .recommendbox .box2 p {
	width:400px;
	margin:0 0 0 70px;
}



/* --------------------------
accessbox
-------------------------- */
#mobile .accessbox {
	margin:40px 0 0 0;
}

#mobile .accessbox h4 {
	margin:0 0 15px 0;
}

#mobile .accessbox .box {
	margin:45px 0 0 0;
}

#mobile .accessbox .box2 {
	margin:0;
}

#mobile .accessbox .box h5,
#mobile .accessbox .box2 h5 {
	margin:0 0 10px 0;
}

#mobile .accessbox .list,
#mobile .accessbox .note {
	margin:15px 0 0 0 ;
}


#mobile .accessbox .btn {
	margin:10px 0 0 0;
}

#mobile .infomation {
	margin:0 0 0 12px;
}


#mobile .qrcode p.comme {
	margin-bottom:5px;
}


#mobile .qr {
	margin-top:15px;
	text-align:right;
}

#mobile p.dot {
	margin:0 0 5px 0;
}

#mobile p.comme2 {
	font-size:70%;
}

#mobile p.comme3 {
	font-size:60%;
	margin-bottom:3px;
}

#mobile span.bold_b {
	font-weight:bold;
	color:#0066FF;
}

#mobile span.bold_r {
	font-weight:bold;
	color:#DF216E;
}

#mobile .list {
	margin:25px 0 0 15px;
}

#mobile .mobilesite {
	width:806px;
	margin:0 0 10px 11px;
	_margin:0 0 20px 11px;
}

.img01 {
	margin:0 0 0 13px;
}

.mailMg {
	margin-top:12px;
	text-align:right;
}

#mobile_sw span.def_r {
	font-size:80%;
	color:#DF216E;
}

#mobile_sw .formarea {
	margin-top:15px;
	text-align:center;
}

#mobile_sw .formarea input{
	margin-bottom:20px;
}

/* EOF*/