@charset"UTF-8";

a {	outline: none;}
a.newwin {
	padding: 0 0 0 16px;
	background: url(/shared/img/renew_icon_newwin.gif) no-repeat left center;}
img {vertical-align: bottom;}


body {
color: #000000;
}

.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}
.ml60 {margin-left: 60px !important;}
.ml70 {margin-left: 70px !important;}
.ml80 {margin-left: 80px !important;}

.fs10 {font-size:10px !important;}


/*============================================================
 headArea
=============================================================*/
#header {
border-bottom: 10px solid #171C61;
}
#header #headArea {
width: 945px;
height: 80px !important;
margin: 0 auto 0 auto;
padding: 0;
overflow: hidden;
}
#header #headArea #logo {
float: left;
padding: 34px 22px 0 0;
}
#header #headArea p.read {
position: relative;
float: left;
top: 0;
left: 0;
padding: 42px 0 0 0;
}
#header #headArea p {
float: right;
padding: 40px 14px 0 0;
}

/*============================================================
 whiteCloudMain
=============================================================*/
#whiteCloudMain {
background: none;
}
#whiteCloudMain #whiteCloud {
width: 945px;
margin-bottom: 20px;
padding: 0;
background: url(../img/bg_whiteCloud.gif) repeat-y left top;
overflow: hidden;
}
#whiteCloudMain #whiteCloud h2 {
margin-bottom: 14px;
}

p.anno {
width: 940px;
margin: 0 auto;
padding: 20px 0 0 1em;
text-indent: -1em;
font-size: 10px;
line-height: 1.6;
color: #000;
text-align: left;
border-top: 1px solid #171C61;	
}
p.anno2 {
width: 700px;
padding: 0 0 0 1em;
text-indent: -1em;
line-height: 1.6;
color: #000;
}
p.tRight {
text-align: right !important;
}
p.fs10 {
font-size: 10px !important;
}

ul.anno {
width: 940px;
margin: 0 auto;
padding: 10px 0 0 0;
border-top: 1px solid #171C61;	
}
*html ul.anno {
margin: 0;
}
ul.anno li {
padding: 0 0 0 1em;
text-indent: -1em;
font-size: 10px;
line-height: 1.6;
color: #000;
text-align: left;
}

.pageTop {
width: 945px;
margin: 0 auto;
text-align: right;
margin-bottom: 18px;
}
.pageTop a {
padding-left: 10px !important;
font-size: 85%;
text-decoration: none !important;
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow_top.gif) no-repeat left center !important;
}
ul.pdfList {
margin-left: 30px;
}
img.fltR {
float: right;
}

.clr {
	clear: both;
	float: none;
}


/*============================================================
 sideContents
=============================================================*/
#whiteCloudMain #whiteCloud #sideContents {
float: left;
width: 190px;
}
#whiteCloudMain #whiteCloud #sideContents h2 {
width: 180px;
margin: 0 0 5px 5px;
padding: 0;
background: none;
}
#whiteCloudMain #whiteCloud #sideContents ul {
margin: 0 0 0 5px;
}
#whiteCloudMain #whiteCloud #sideContents ul li .subnav {
margin: -7px 0 0 2px;
padding: 7px 0 0 0;
background: url(/business/white_cloud/google_apps/shared/img/bg_nav_side_second_top.gif) no-repeat left top;
}
#whiteCloudMain #whiteCloud #sideContents ul li .subnav .inner {
margin: 0;
padding: 0 0 6px 0;
background: url(/business/white_cloud/google_apps/shared/img/bg_nav_side_second_btm.gif) no-repeat left bottom;
}
#whiteCloudMain #whiteCloud #sideContents ul li .subnav ul {
margin: 0;
padding: 2px 0 0 0;
background: url(/business/white_cloud/google_apps/shared/img/bg_nav_side_second.gif) repeat-y left top;
}
#whiteCloudMain #whiteCloud #sideContents ul li .subnav ul li {
width: 150px;
margin: 4px 0 0 22px;
font-size: 12px;
line-height: 1.4;
}
#whiteCloudMain #whiteCloud #sideContents ul li .subnav ul li.on {
padding: 0 0 0 18px;
color: #33CCFF;
font-size: 12px;
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow__blue_rgt_ov.gif) no-repeat 0 4px;
}
#whiteCloudMain #whiteCloud #sideContents ul li .subnav ul li a {
display: block;
padding: 0 0 0 18px;
font-size: 12px;
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow__blue_rgt.gif) no-repeat 0 4px;
}
#whiteCloudMain #whiteCloud #sideContents ul li .subnav ul li a:hover {
color: #33CCFF;
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow__blue_rgt_ov.gif) no-repeat 0 4px;
}

#whiteCloudMain #whiteCloud #sideContents ul.banner {
width: 176px;
margin: 20px 0 0 7px;
padding: 20px 0 0 3px;
border-top: 1px solid #DCDCDC;
}
#whiteCloudMain #whiteCloud #sideContents ul.banner li {
margin-bottom: 8px;
}


/*============================================================
mainContents
=============================================================*/
#whiteCloudMain #whiteCloud #mainContents {
float: right;
width: 746px;
}

#whiteCloudMain #whiteCloud #mainContents h1 {
margin-bottom: 14px;
}
#whiteCloudMain #whiteCloud h2,
#whiteCloudMain #whiteCloud h1.title {
width: 730px;
margin-left: 2px;
padding: 7px 0 0 0;
font-size: 16px;
font-weight: bold;
background: #D0D1D2 url(/business/white_cloud/google_apps/shared/img/h2_top.gif) no-repeat left top;
}
#whiteCloudMain #whiteCloud h2 span,
#whiteCloudMain #whiteCloud h1.title span {
display: block;
padding: 0 0 7px 30px;
color: #000;
background: url(/business/white_cloud/google_apps/shared/img/h2_btm.gif) no-repeat left bottom;
}
#whiteCloudMain #whiteCloud #mainContents h3,
#whiteCloudMain #whiteCloud #mainContents h4,
#whiteCloudMain #whiteCloud #mainContents h5 {
width: 713px;
margin: 0 0 6px 20px;
color: #006bb5;
font-weight: bold;
}
#whiteCloudMain #whiteCloud #mainContents h3.support {
color: #000000;
font-size: 14px;
}
#whiteCloudMain #whiteCloud #mainContents h3 img.rgt {
float: right;
}
#whiteCloudMain #whiteCloud #mainContents p {
margin: 0 0 16px 20px;
color: #231815;
}

/*==========================================================*/

#whiteCloudMain #whiteCloud #mainContents p.anno {
width: 700px;
margin-left: 30px;
padding: 0;
border: none;
}
#whiteCloudMain #whiteCloud #mainContents .value p {
margin: 0 0 16px 34px;
}


/* ===== option ===== */
#whiteCloudMain #whiteCloud #mainContents .optionArea {
width: 730px;
margin: 10px 0 0 20px;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option {
float: left;
margin-right: 8px;
padding-top: 11px;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option h3 {
margin: 0 0 12px 12px;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option ul {
margin: 0 0 0 18px;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option ul li {
font-size: 11px;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea p.anno {
float: left;
width: 180px !important;
margin: 40px 0 0 0;
padding: 0;
text-align: right;
border: none;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option.signon {
width: 175px;
height: 118px;
background: url(/business/white_cloud/google_apps/detail/img/bg_option_signon.gif) no-repeat left top;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option.signon h3 {
width: 152px;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option.mobile {
width: 323px;
height: 119px;
background: url(/business/white_cloud/google_apps/detail/img/bg_option_mobile.gif) no-repeat left top;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option.mobile h3 {
width: 299px;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option.active {
width: 199px;
height: 49px;
background: url(/business/white_cloud/google_apps/detail/img/bg_option_active.gif) no-repeat left top;
}
#whiteCloudMain #whiteCloud #mainContents .optionArea .option.active h3 {
width: 176px;
}

#whiteCloudMain #whiteCloud #mainContents .innerContainer {
width: 710px;
}

#whiteCloudMain #whiteCloud #mainContents ul.optionBtn {
width: 736px;
padding: 16px 0 20px 0;
margin: 0 0 0 10px;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents ul.optionBtn li {
float: left;
margin: 0 3px 4px 0;
}

#whiteCloudMain #whiteCloud #mainContents p.anno_ad {
clear: both;
float: none;
margin: 26px 0 0 40px;
padding: 14px 30px 14px 30px;
background: #E8F4FB;
}

#whiteCloudMain #whiteCloud #mainContents p.notes {
clear: both;
float: none;
font-size: 12px;
margin: 16px 0 0 40px;
}
#whiteCloudMain #whiteCloud #mainContents ul.notes.memo {
clear: none !important;
float: left !important;
width: 400px;
margin: 0 !important;
list-style: none;
}
#whiteCloudMain #whiteCloud #mainContents ul.notes.memo li {
padding: 0 0 0 0.8em;
text-indent: -0.8em;
font-size: 10px;
}

/* ===== contents two column ===== */
#whiteCloudMain #whiteCloud #mainContents .contentsL {
float:left;
width:350px;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL.short {
float: left;
width: 280px !important;
padding: 0 10px 0 20px;
margin: 0 !important;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL.short ul.rate {
width: 256px;
_width: 242px;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL.short ul.rate li {
width: 240px;
padding: 4px 8px; 
border-top: 1px solid #CCCCCC;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL.short ul.rate li span {
display: block;
margin: -16px 0 0 0;
color: #006BB5;
text-align: right;
font-weight: bold;
}

#whiteCloudMain #whiteCloud #mainContents .contentsR {
float:right;
width:347px;
}

#whiteCloudMain #whiteCloud #mainContents .contentsL h3,
#whiteCloudMain #whiteCloud #mainContents .contentsR h3,
#whiteCloudMain #whiteCloud #mainContents .contentsL h5,
#whiteCloudMain #whiteCloud #mainContents .contentsR h5 {
width:347px;
margin:0 0 10px 0;
padding:0 0 0 14px;
background:url(/business/white_cloud/google_apps/detail/img/bg_h3small.gif) no-repeat left top;
color:#666666;
font-weight:bold;
line-height:2.2;
}

#whiteCloudMain #whiteCloud #mainContents .contentsL dl,
#whiteCloudMain #whiteCloud #mainContents .contentsR dl {
width:347px;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL.short dl {
width: 300px;
}

#whiteCloudMain #whiteCloud #mainContents .contentsL dl dt,
#whiteCloudMain #whiteCloud #mainContents .contentsR dl dt {
width:309px;
margin:6px 0 0 0;
padding:0 0 0 28px;
background:url(/business/white_cloud/google_apps/detail/img/icon_blue_s.gif) no-repeat 17px 5px;
color:#006BB5;
font-weight:bold;
}

#whiteCloudMain #whiteCloud #mainContents .contentsL dl dd,
#whiteCloudMain #whiteCloud #mainContents .contentsR dl dd {
width:314px;
margin:4px 0 0 0;
padding:0 0 0 30px;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL dl dd ul.notes,
#whiteCloudMain #whiteCloud #mainContents .contentsR dl dd ul.notes {
clear: both;
list-style: disc outside none;
margin: 6px 0 0 10px;
font-size:100%;
}

#whiteCloudMain #whiteCloud #mainContents table.priceList {
width:515px;
margin:8px 0 20px 38px;
border:1px solid #cccccc;
border-top:0;
}

#whiteCloudMain #whiteCloud #mainContents table.priceList th{
width:360px;
padding:8px 0 14px 8px;
border-top:1px solid #cccccc;
font-weight:bold;
}

#whiteCloudMain #whiteCloud #mainContents table.priceList td{
padding:8px 0 14px 8px;
border-top:1px solid #cccccc;
color:#006BB5;
font-weight:bold;
}
#whiteCloudMain #whiteCloud #mainContents table.priceList td.nowrap{ 
white-space:nowrap;
padding:5px 10px;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL dl.tariff {
width:342px;
margin:10px 0 0 0;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
overflow:hidden;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL dl.tariff dt {
clear: both;
float:left;
width:160px;
margin:0;
padding:6px 0 6px 0;
color: #333333;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
background:none;
}

#whiteCloudMain #whiteCloud #mainContents .contentsL dl.tariff dt span {
padding: 0 0 0 16px;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL dl.tariff dd {
float:left;
width:181px;
margin:0;
padding:6px 0 6px 0;
color:#006BB5;
font-weight: bold;
text-align: right;
border-bottom:1px solid #CCCCCC;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL dl.tariff dd span {
padding: 0 10px 0 0;
}

#whiteCloudMain #whiteCloud #mainContents .contentsL.short dl.tariff {
width:291px;
margin: 0;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL.short dl.tariff dt {
width:100px;
}
#whiteCloudMain #whiteCloud #mainContents .contentsL.short dl.tariff dt {
width:200px;
white-space:nowrap;
}




/* ===== concierge ===== */
#whiteCloudMain #whiteCloud #mainContents ul.concierge {
width: 710px;
margin-left: 18px;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge li {
width: 710px;
margin: 0 0 10px 0;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge h3 {
float: left;
width: 124px;
margin: 0 0 0 0;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge div.support {
float: left;
width: 585px;
margin: 0 0 4px 0;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge div.support .inner {
width: 585px;
padding: 0 0 10px 0;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge div.support .inner h4 {
margin: 0;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .before_support {
background: url(/business/white_cloud/google_apps/img/support/bg_before_support_inner.gif) repeat-y left bottom;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .before_support .inner{
background: url(/business/white_cloud/google_apps/img/support/bg_before_support.gif) no-repeat left bottom;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .change_support {
background: url(/business/white_cloud/google_apps/img/support/bg_change_support_inner.gif) repeat-y left bottom;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .change_support .inner {
background: url(/business/white_cloud/google_apps/img/support/bg_change_support.gif) no-repeat left bottom;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .after_support {
background: url(/business/white_cloud/google_apps/img/support/bg_after_support_inner.gif) repeat-y left bottom;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .after_support .inner {
background: url(/business/white_cloud/google_apps/img/support/bg_after_support.gif) no-repeat left bottom;
}

#whiteCloudMain #whiteCloud #mainContents ul.concierge ul li {
width: 574px;
margin: 0 0 10px 0;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .change_support li {
clear: none;
float: left;
width: 287px;
margin: 0;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .change_support li.se {
float: left;
width: 287px;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .change_support li.education {
float: right;
width: 285px;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .after_support li {
float: left;
width: 185px;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .after_support li.tech {
width: 195px;
margin-right: 10px;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .after_support li.help {
margin-right: 10px;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge ul li p {
margin: 0 18px 0 20px;
font-size: 12px;
}
#whiteCloudMain #whiteCloud #mainContents ul.concierge .before_support .inner p{
width: 240px;
margin: 0 18px 0 20px;
font-size: 12px;
}



#whiteCloudMain #whiteCloud #mainContents table.support_price {
margin: 0 0 10px 20px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
font-weight: bold;
text-align: center;
}
#whiteCloudMain #whiteCloud #mainContents table.support_price tr.head th {
width: 160px;
}
#whiteCloudMain #whiteCloud #mainContents table.support_price th {
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
font-weight: bold;
text-align: center;
}
#whiteCloudMain #whiteCloud #mainContents table.support_price tr.head th span {
display: block;
padding: 2px 0 2px 0;
background: #E0F2FB;
border: 1px solid #FFFFFF;
}
#whiteCloudMain #whiteCloud #mainContents table.support_price td {
padding: 2px 0 2px 0;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}


/* ===== entryUrl ===== */
#whiteCloudMain #whiteCloud #mainContents dl.entryUrl {
width: 726px;
margin: 20px 0 20px 0;
border: 1px solid #2FA8E1;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents dl.entryUrl dt {
float: left;
}
#whiteCloudMain #whiteCloud #mainContents dl.entryUrl dd {
float: left;
padding: 14px 0 0 13px;
}


/* ===== feature ===== */
#whiteCloudMain #whiteCloud #mainContents .feature {
width: 714px;
margin: 0 0 20px 16px;
border-bottom: 1px solid #DDDDDE;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents #talk.feature {
margin-bottom: 50px;
}
#whiteCloudMain #whiteCloud #mainContents .feature.bdrnon {
border: none;
}
#whiteCloudMain #whiteCloud #mainContents .feature .icon {
float: left;
width: 94px;
margin: 0;
}
#whiteCloudMain #whiteCloud #mainContents .feature h3 {
width: 84px;
margin: 0 0 10px 0;
}
#whiteCloudMain #whiteCloud #mainContents .feature .icon p {
margin: 0;
padding-left: 8px;
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow.gif) no-repeat left center;
}
#whiteCloudMain #whiteCloud #mainContents .feature .icon p a {
font-size: 11px;
}

#whiteCloudMain #whiteCloud #mainContents .feature dl {
float: left;
width: 620px;
}
#whiteCloudMain #whiteCloud #mainContents .feature dl dt {
clear: both;
float: left;
width: 158px;
padding: 12px 0 14px 0;
color: #006BB5;
font-weight: bold;
background: url(/business/white_cloud/google_apps/feature/img/dot.gif) repeat-x left top;
}
#whiteCloudMain #whiteCloud #mainContents .feature dl dd {
float: left;
width: 462px;
padding: 12px 0 14px 0;
background: url(/business/white_cloud/google_apps/feature/img/dot.gif) repeat-x left top;
}
#whiteCloudMain #whiteCloud #mainContents .feature dl dd.line {
padding: 12px 0 32px 0;
}
#whiteCloudMain #whiteCloud #mainContents .feature dl dt.detail {
float: none;
width: 620px;
padding: 0 0 8px 0;
background: none;
}
#whiteCloudMain #whiteCloud #mainContents .feature dl dd.detail {
float: left;
width: 620px;
padding: 0 0 14px 0;
border-bottom: 1px solid #DDDDDE;
background: none;
}
#whiteCloudMain #whiteCloud #mainContents .feature dl dt.bgnon,
#whiteCloudMain #whiteCloud #mainContents .feature dl dd.bgnon {
background: none;
}
#whiteCloudMain #whiteCloud #mainContents .feature dl dd.bdrnon {
border: none;
}
#whiteCloudMain #whiteCloud #mainContents .feature dd span {
display: block;
padding: 10px 0 0 0;
}
#whiteCloudMain #whiteCloud #mainContents .feature dd span.anno {
display: block;
padding: 4px 0 0 1.2em;
text-indent: -1.2em;
font-size: 11px;
color: #333333;
}
#whiteCloudMain #whiteCloud #mainContents .feature dt a {
margin: 0;
padding-left: 8px;
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow.gif) no-repeat left center;
font-size: 11px;
font-weight: normal;
}


/* ===== case ===== */
#whiteCloudMain #whiteCloud #mainContents .case {
width: 714px;
margin: 0 0 60px 16px;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents .case ul li {
float: left;
width: 190px;
margin: 0 44px 30px 0; 
font-size: 10px;
}
#whiteCloudMain #whiteCloud #mainContents .case ul li.long {
width: 190px;
}
#whiteCloudMain #whiteCloud #mainContents .case ul li span {
display: block;
padding: 0 0 0 10px;
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow__blue_rgt_ov.gif) no-repeat 0 3px;
}
#whiteCloudMain #whiteCloud #mainContents .case ul li span.nolink {
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow__blue_rgt.gif) no-repeat 0 3px;
}
#whiteCloudMain #whiteCloud #mainContents .case ul li img {
margin: 0 0 6px 0;
border: 1px solid #CCC;
}

#whiteCloudMain #whiteCloud #mainContents .case ul li.grande {
width:234px;
}


/* ===== popup ===== */
body#popup {
margin: 0;
}
body#popup #popupbody {
text-align: center;
}
body#popup #popupbody #header {
margin: 0;
padding: 0;
border: none;
}
body#popup #popupbody #header p.logo {
margin: 0;
}
body#popup #popupbody #header p.logo img,
body#popup #popupbody img {
border: none;
}
#popupbody .popupArea {
margin: 0 auto;
text-align: left;
width: 680px;
}
#popup #mainContentsArea h1 {
margin: 0;
font-size: 16px;
}
#popupbody .popupArea h2 {
margin-bottom: 18px;
}
#popupbody .popupArea .view {
position: relative;
}
#popupbody .popupArea .view h2 {
position: absolute;
top: 0;
left: 0;
margin: 0;
}
#popupbody .popupArea p {
margin-bottom: 40px;
}
#popupbody .popupArea p.intro {
margin: 20px 0 20px 0;
font-size: 14px;
color: #666666;
font-weight: bold;
}
#popupbody .popupArea p.notes {
background-position: left center;
}
#popup p.closeWindow {
font-size: 12px;
}
body#popup #footer-pop {
background: url(/shared/img/footer_new/footer_bg.jpg) repeat-x scroll left bottom #FFFFFF;
height: auto !important;
margin: 0;
min-height: 62px;
width: auto !important;
}
body#popup #footer-pop address {
padding: 14px 0 20px 20px;
text-align: left;
}

body#popup #popupbody .supportcenter {
width: 668px;
height: 125px;
margin: 0 0 30px 0;
background: url(/business/white_cloud/google_apps/img/info/bg_supportcenter.gif) no-repeat left top;
}
body#popup #popupbody .supportcenter h2 {
margin: 0;
padding: 24px 0 20px 74px;
}
body#popup #popupbody .supportcenter h3 {
margin: 0 0 0 74px;
}

body#popup #popupbody .inquiry {
width: 668px;
height: 66px;
margin: 0 0 60px 0;
background: url(/business/white_cloud/google_apps/img/info/bg_inquiry.gif) no-repeat left top;
}
body#popup #popupbody .inquiry h2 {
float: left;
margin: 0 10px 0 0;
padding: 14px 0 0 14px;
}
body#popup #popupbody .inquiry ul {
float: left;
width: 404px;
margin: 0;
padding: 14px 0 0 0;
overflow: hidden;
}
body#popup #popupbody .inquiry ul li {
float: left;
width: 193px;
margin: 0 7px 0 0;
list-style: none;
}






#whiteCloudMain #whiteCloud  #mainContents h2.rectangleL,
#whiteCloudMain #whiteCloud  #mainContents h3.rectangleL {
margin:20px 0 0 24px;
padding:4px 0 4px 16px;
background:url(/business/white_cloud/google_apps/detail/img/bg_h2large.gif) no-repeat 0        ;
font-weight:bold;
font-size: 18px;
line-height:1.8;
color: #1E2A74;
}

#whiteCloudMain #whiteCloud  #mainContents h2.rectangleMulti,
#whiteCloudMain #whiteCloud  #mainContents h3.rectangleMulti {
margin:10px 0 0 24px;
padding:4px 0 4px 16px;
background:url(/business/white_cloud/google_apps/shared/img/bg_h2large.gif) no-repeat 0        ;
font-weight:bold;
font-size: 18px;
line-height:1.8;
color: #1E2A74;
}

#whiteCloudMain #whiteCloud  #mainContents .security {
width: 710px;
margin-left: 20px;
overflow: hidden;
}
#whiteCloudMain #whiteCloud  #mainContents h3.rectangleMulti.fltleft {
float: left;
width: 284px !important;
margin-top: 28px;
}
#whiteCloudMain #whiteCloud  #mainContents h3.rectangleMulti.fltleft a:hover{
text-decoration: underline;
}

#whiteCloudMain #whiteCloud #mainContents h2.rectangleS,
#whiteCloudMain #whiteCloud #mainContents h3.rectangleS,
#whiteCloudMain #whiteCloud #mainContents h4.rectangleS {
margin:20px 0 5px 24px;
padding:0 0 4px 14px;
background:url(/business/white_cloud/google_apps/detail/img/bg_h2small.gif) no-repeat 0 5px;
color:#1E2A74;
font-weight:bold;
line-height:1.8;
font-size: 16px;
}

#whiteCloudMain #whiteCloud #mainContents dl.ssoOpt {
width:720px;
margin:10px 0 0 20px;
overflow:hidden;
}

#whiteCloudMain #whiteCloud #mainContents dl.ssoOpt dt {
float:left;
width:352px;
}

#whiteCloudMain #whiteCloud #mainContents dl.ssoOpt dd {
float:left;
width:360px;
}
#whiteCloudMain #whiteCloud #mainContents h3.clrAqua,
#whiteCloudMain #whiteCloud #mainContents h4.clrAqua,
#whiteCloudMain #whiteCloud #mainContents p.clrAqua {
color:#006BB5;
font-weight:bold;
margin:10px 0 16px 20px;
}

#whiteCloudMain #whiteCloud #mainContents .textType01 {
margin:10px 0 6px 34px;
}

#whiteCloudMain #whiteCloud #mainContents .notesType01 {
margin:10px 0 6px 48px;
text-indent:-1em;
}

#whiteCloudMain #whiteCloud #mainContents .notesType02 {
margin:0 0 6px 48px;
text-indent:-1em;
font-size:86%;
}

#whiteCloudMain #whiteCloud #mainContents ul.bSquare {
color:#006BB5;
font-weight:bold;
}

#whiteCloudMain #whiteCloud #mainContents ul.bSquare li {
margin:6px 0 0 38px;
padding:0 0 0 10px;
background:url(/business/white_cloud/google_apps/detail/img/icon_blue_s.gif) no-repeat 0 5px;
}

#whiteCloudMain #whiteCloud #mainContents .innerContainer {
margin:0 0 0 24px;
overflow:hidden;
}


#whiteCloudMain #whiteCloud #mainContents ul.notes {
clear:both;
list-style:outside disc;
margin:6px 0 0 60px;
font-size:84%;
}

#whiteCloudMain #whiteCloud #mainContents h3.basicTtl,
#whiteCloudMain #whiteCloud #mainContents h4.basicTtl,
#whiteCloudMain #whiteCloud #mainContents h5.basicTtl {
margin:0 0 0 24px;
padding:0 0 0 14px;
background:url(/business/white_cloud/google_apps/detail/img/bg_h3large.gif) no-repeat left top;
color:#666666;
font-weight:bold;
line-height:2.2;
}

#whiteCloudMain #whiteCloud #mainContents p.basicTxt {
margin:18px 0 0 44px;
}

#whiteCloudMain #whiteCloud #mainContents p.notes {
margin:16px 24px 0 40px;
padding:16px 16px 16px 30px;
background:#E6E6E6;
font-size:84%;
font-weight:bold;
text-indent:-1em;
}


#whiteCloudMain #whiteCloud #mainContents ul.priceList {
width: 320px;
margin: 20px 0 4px 20px;
border: 1px solid #CCCCCC;
border-bottom: none;
overflow: hidden;	
}
#whiteCloudMain #whiteCloud #mainContents ul.priceList li {
padding: 6px 0 6px 6px;
border-bottom: 1px solid #CCCCCC;
}
#whiteCloudMain #whiteCloud #mainContents ul.priceList li span {
	margin: 0 20px 0 0;
color: #006BB5;
font-weight: bold;
}



#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl.head dt,
#popup #mainContentsArea .inquiryNav dl.head dt {
width: 303px;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl.head dd,
#popup #mainContentsArea .inquiryNav dl.head dd {
width: 231px;
padding: 2px 0 0 0;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl.head.simulation {
	width: 536px;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl.head.simulation dt {
width: 288px;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl.head.simulation dd {
width: 237px;
padding: 0;
}
#whiteCloudMain #whiteCloud #mainContents #inquiryArea dl.footer dt,
#popup #mainContentsArea #inquiryArea dl.footer dt {
width: 269px;
padding: 7px 0 0 22px;
}
#whiteCloudMain #whiteCloud #mainContents #inquiryArea dl.footer dd,
#popup #mainContentsArea #inquiryArea dl.footer dd {
width: 230px;
}


/* ===== inquiryArea ===== */
#whiteCloudMain #whiteCloud #mainContents #inquiryArea {
clear: both;
float: none;
width: 740px;
margin-top: 30px;
padding-top: 16px;
border-top: 1px solid #171C61;
text-align: center;
overflow: hidden;
}
#popup #mainContentsArea #inquiryArea{
clear: both;
float: none;
width: 745px;
margin: 30px auto 0 auto;
padding-top: 20px;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents #inquiryArea dl,
#popup #mainContentsArea #inquiryArea dl {
width: 558px;
height: 60px;
margin: 0 auto;
background: url(/business/white_cloud/google_apps/shared/img/bg_inquiry.gif) no-repeat left top;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents #inquiryArea dl dt,
#popup #mainContentsArea #inquiryArea dl dt {
float: left;
margin: 12px 10px 0 0;
padding-left: 22px;
}
#whiteCloudMain #whiteCloud #mainContents #inquiryArea dl dd,
#popup #mainContentsArea #inquiryArea dl dd {
float: left;
width: 193px;
margin: 10px 8px 0 0;
}

/* ===== inquiryNav ===== */
#whiteCloudMain #whiteCloud #mainContents .inquiryNav {
width: 736px;
margin: 3px 0 0 0;
overflow: hidden;
}
#popup #mainContentsArea .inquiryNav {
margin: 10px auto 6px auto;
padding: 10px 0 0 0;
overflow: hidden;
}
#popup #mainContentsArea .inquiryNav p {
float: left;
width: 147px;
margin: 9px 0 0 0;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl {
	float: right;
width: 542px;
font-size: 0;
}
#popup #mainContentsArea .inquiryNav dl {
clear: none;
width: 590px;
margin: 0 auto;
font-size: 0;
text-align: center;
background: none;
}

#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl dt {
float: left;
width: 256px;
margin: 0 6px 0 0;
padding: 0 0 0 2px;
}
#popup #mainContentsArea .inquiryNav dl dt {
float: left;
width: 256px;
margin: 0 14px 0 0;
padding: 0 0 0 8px;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl dd,
#popup #mainContentsArea .inquiryNav dl dd {
float: left;
margin: 0 0 0 0;
background: none;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl dd.mail {
width: 218px;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #CCCCCC;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl dd.inquiry {
width: 200px;
margin-right: 12px;
padding-right: 12px;
border-right: 1px solid #CCCCCC;
}
#popup #mainContentsArea .inquiryNav dl dd.inquiry {
width: 200px;
margin-right: 6px;
padding-right: 6px;
border-right: 1px solid #CCCCCC;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl dd.download,
#popup #mainContentsArea .inquiryNav dl dd.download {
width: 231px;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl dd p,
#popup #mainContentsArea .inquiryNav dl dd p {
margin: 0 0 4px 0;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl dd ul,
#popup #mainContentsArea .inquiryNav dl dd ul {
width: 200px;
margin: 0;
padding: 0;
background: url(/business/white_cloud/google_apps/shared/img/bg_head_inqruiy.gif) no-repeat left top;
overflow: hidden;
}
#whiteCloudMain #whiteCloud #mainContents .inquiryNav dl dd ul li,
#popup #mainContentsArea .inquiryNav dl dd ul li {
float: left;
width: 99px;
margin-right: 1px;
}




/* ===== footMenu ============================== */
#footerMenu {
clear: both;
float: none;
width: 945px;
margin: 20px auto 16px auto;
padding: 16px 0 16px 0;
background: #E0F2FB;
}
#footerMenu dl {
width: 955px;
margin: 0 -10px 0 10px;
font-size: 11px;
overflow: hidden;
}
#footerMenu dl a {
color: #231815;
text-decoration: none;
}
#footerMenu dl a:hover {
text-decoration: underline;
}
#footerMenu dl dt {
float: left;
width: 110px;
margin-right: 7px;
padding: 4px 0 0 6px;
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow_rgt.gif) no-repeat left center;
}
#footerMenu dl dd {
float: left;
width: 820px;
}
#footerMenu dl dd ul {
width: 820px;
margin: 0 -10px 0 0;
overflow: hidden;
}
#footerMenu dl dd ul li {
float: left;
width: 154px;
margin: 0 0 4px 0;
padding: 0 0 0 10px;
text-align: left;
font-size: 11px;
background: url(/business/white_cloud/google_apps/shared/img/ico_arrow_rgt.gif) no-repeat left center;
}
#footerMenu dl dd ul li.shrt {
width: 130px;
}
#footerMenu dl dd ul li.long {
width: 250px;
}
#footerMenu dl dd ul li.newwin {
/*	width: 164px;*/
margin-top: 10px;
}

/* ===== for business/white_cloud/google_apps/postini.html ===== */
#whiteCloudMain #whiteCloud h1#type01 {
width: 730px;
margin-left: 2px;
padding: 7px 0 0 0;
font-size: 16px;
font-weight: bold;
background: #D0D1D2 url(/business/white_cloud/google_apps/shared/img/h2_top.gif) no-repeat left top;
}
#whiteCloudMain #whiteCloud h1#type01 span {
display: block;
padding: 0 0 7px 30px;
color: #000;
background:url(/business/white_cloud/google_apps/shared/img/h2_btm.gif)no-repeat left bottom;
}




/* ===== smartphone ===== */
#whiteCloudMain #whiteCloud .smartphone {
width: 730px;
margin: 16px 0 20px 0;
padding: 20px 0 0 0;
background: url(/business/white_cloud/google_apps/img/top/pic_smartphone.jpg) no-repeat 10px 0;
}
#whiteCloudMain #whiteCloud .smartphone .apps {
width: 640px;
margin: 0 0 0 90px;
background: url(/business/white_cloud/google_apps/img/smartphone/bg_smartphone.gif) repeat-y left top;
}
#whiteCloudMain #whiteCloud .smartphone .apps .btm {
padding: 0 0 15px 0;
background: url(/business/white_cloud/google_apps/img/smartphone/bg_smartphone_btm.gif) no-repeat left bottom;
}
#whiteCloudMain #whiteCloud .smartphone .apps .inner {

background: url(/business/white_cloud/google_apps/img/smartphone/bg_smartphone_top.gif) no-repeat left top;
}
#whiteCloudMain #whiteCloud .smartphone .apps ul {
width: 640px;
overflow: hidden;
}
#whiteCloudMain #whiteCloud .smartphone .apps ul li {
float: left;
width: 210px;
margin: 22px 0 0 0;
background: url(/business/white_cloud/google_apps/img/top/dot_smartphone_line.gif) repeat-y left top;
}
#whiteCloudMain #whiteCloud .smartphone .apps ul li.gmail {
background: none;
}
#whiteCloudMain #whiteCloud .smartphone .apps ul li h3 {
float: left;
width: 136px !important;
margin: 0 !important;
padding: 0 0 0 0;
color: #006BB5;
font-weight: bold;
}
#whiteCloudMain #whiteCloud .smartphone .apps ul li.gmail h3 {
width: 126px !important;
}
#whiteCloudMain #whiteCloud .smartphone .apps ul li p {
float: left;
margin: 0 !important;
font-size: 11px;
}
#whiteCloudMain #whiteCloud .smartphone .apps ul li p.icon {
float: left;
}
#whiteCloudMain #whiteCloud .smartphone .apps ul li.gmail p.icon img {
margin: 4px 10px 0 30px;
}
#whiteCloudMain #whiteCloud .smartphone .apps ul li p.icon img {
margin: 4px 10px 0 20px;
}
#whiteCloudMain #whiteCloud .smartphone p.txt {
margin: 0!important; 
padding: 50px 0 50px 4px !important;
}

/*-------------------------------------------------------------
	 faq
-------------------------------------------------------------*/
#whiteCloudMain #whiteCloud #mainContents h3.category {
width:680px;
margin:0 0 10px 20px;
padding:7px 17px;
border:1px solid #009DCF;
background:none;
color:#333333;
font-weight: bold;
}
.faq {
margin:15px 0 15px 20px;
border-bottom: 1px solid #333333;
font-weight:bold;
overflow:hidden;
}
.faq dt {
width:690px;
padding:0 0 4px 2em;
color:#009DCF;
font-size: 14px;
text-indent:-2em;
}
.faq dd {
width:690px;
padding: 0 0 30px 0;
margin:0 0 0 3em;
}
#whiteCloud .pageTop {
width:720px;
text-align:right;
overflow:hidden;
}
#whiteCloud ul.circleList {
margin:0;
}
#whiteCloud ul.circleList li {
margi:n0 0 5px 0;
padding:0 0 0 13px;
background: url(/business/white_cloud/shared/img/list_circle.gif) no-repeat 0 0.5em;
}
#whiteCloud ul.circleList li ul {
margin:0 0 0 -4px;
}
#whiteCloud ul.circleList li ul li{
list-style:none;
background:none;
text-indent:-2em;
}
#whiteCloud ul.aloneNotes li {
margin:0 0 0 14px;
font-size:82%;
text-indent:-1.5em;
}
#whiteCloud ol.aloneNum li {
margin:0 0 0 14px;
text-indent:-1em;
}

#whiteCloudMain #whiteCloud #mainContents p.likeCaption {
margin:25px 0 0 16px;
}
#whiteCloudMain #whiteCloud #mainContents .compareTable.short {
width:713px;
margin:0 0 10px 20px;
}
#whiteCloudMain #whiteCloud #mainContents .PriceCap {
width:420px;
margin:0;
text-align:right;
}
#whiteCloudMain #whiteCloud #mainContents h3.clrAquaNomgl {
color: #006BB5;
font-weight: bold;
margin: 10px 0 6px 20px;
}
#whiteCloudMain #whiteCloud #mainContents table.w700 {
	width: 700px;
	margin: 0 0 4px 20px;
}
#whiteCloudMain #whiteCloud #mainContents table.domainPrice {
width:400px;
margin:0 0 10px 20px;
border:1px solid #CCCCCC;
border-collapse: collapse;
text-align:center;
}
#whiteCloudMain #whiteCloud #mainContents table.domainPrice th {
background:#C3F1FF;
font-weight:bold;
}
#whiteCloudMain #whiteCloud #mainContents table.domainPrice th,
#whiteCloudMain #whiteCloud #mainContents table.domainPrice td {
padding:5px 10px;
border:1px solid #CCCCCC;
}
#whiteCloudMain #whiteCloud #mainContents table.domainPrice td {
font-weight:normal;
}
#whiteCloudMain #whiteCloud #mainContents .compareTable .nowrap {
white-space:nowrap;
}
#whiteCloudMain #whiteCloud #mainContents .mgl20 {
margin-left:20px;
}
.popupArea h2.rectangleL {
margin:20px 0 0 0px;
padding:4px 0 4px 16px;
background:url(/business/white_cloud/google_apps/detail/img/bg_h2large.gif) no-repeat 0        ;
color:#1E2A74;
font-weight:bold;
font-size: 18px;
line-height:1.8;
}

#mainContentsArea .popupArea dl.domain {
width:680px;
margin: 30px 0 0 0; 
overflow:hidden;
}
#mainContentsArea .popupArea dl.domain dt{
float:left;
width:60px;
margin:0;
padding:0 20px 0;
font-weight:bold;
font-size: 16px;
}
#mainContentsArea .popupArea dl.domain dd{
float:left;
width:540px;
margin:0 0 20px 0;
padding:4px 0 0 0;
line-height: 1.4;
font-size: 12px;
}

/*-------------------------------------------------------------
	 tab
-------------------------------------------------------------*/
#whiteCloudMain #whiteCloud #mainContents #tabBoxT {
width:730px;
margin:0 0 10px 2px;
background:url(/business/white_cloud/shared/img/bg_tab.gif) repeat-x left bottom;
text-align:left;
}

#whiteCloudMain #whiteCloud #mainContents #tabBoxT .tab {
display:inline-block;
margin:0 5px 0 0;
padding:0;
text-align:center;
font-weight:bold;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .tab p {
margin:0;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .tab a {
display:inline-block;
outline:medium none;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .tab p span {
display:block;
padding:4px 10px 3px;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxB .tab p span {
display:block;
padding:3px 10px 4px;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .onTab {
padding:0 0 6px 0;
background:url(/business/white_cloud/shared/img/tab_current.gif) no-repeat center bottom;
color:#FFFFFF;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .onTab p {
background:url(/business/white_cloud/shared/img/corner_bluert.gif) no-repeat right top #00AAD9;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .onTab p span {
background:url(/business/white_cloud/shared/img/corner_bluelt.gif) no-repeat left top;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .offTab {
background:url(/business/white_cloud/shared/img/tab_top_btm.gif) repeat-x left bottom;
padding:0 0 6px 0;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .offTab p {
background:url(/business/white_cloud/shared/img/corner_graylt.gif) no-repeat left top #D4D4D4;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .offTab p span {
background:url(/business/white_cloud/shared/img/corner_grayrt.gif) no-repeat right top;
}
#whiteCloudMain #whiteCloud #mainContents #tabBoxT .offTab a {
color:#000000;
}