@charset "utf-8";


/**
 * @style   master-apps.jp content styles
 * @media   screen
 * @site    master-apps.jp
 * @version 1.0
 * @date    2010-07-30
 * @author  Yukiko Uetsuki
*/

/**
 * selecter
 *
 * @section selecter
 */

strong {
 font-weight: 700;
}

.center {
 text-align: center;
}

.small {
 font-size: 11px;
}
.red {
 color: #C50802;
}
.importance {
 color: #FF3300;
 font-weight: 700;
}

.section {
 padding: 0px 10px 20px;
}

 p,
 ul,
 ol,
 dl {
 font-size: 14px;
 line-height: 1.5;
}

.section p {
 margin-bottom: 2.0em;
}

.section ol li {
 margin-bottom: 1.0em;
}

.listtop {
 text-align: right;
 padding-bottom: 10px;
 background: url(/image/common/img_dotted-blue.gif) repeat-x left bottom;
 margin: 20px 0 30px 0;
}

p.pagetop {
 margin: 20px 0 10px;
}

.stepNavigation {
 height: 28px;
 position: relative;
 padding-top: 10px;
 background: url(/image/common/img_dotted-blue.gif) repeat-x left top;
}

p.stepPre,
p.stepNext {
 height: 18px;
 margin: 0;
}

p.stepNext {
 position: absolute;
 text-align: right;
 top: 10px;
 right:0;
}

address {
 display: block;
 text-align: right;
 font-size: 11px;
 font-style: normal;
 padding-right: 15px;
}

address a,
#footer ul.footerNavigation li a {
 color: #fff;
}

.form span.example,
.form p.example {
 font-size: 12px;
}

/**
 * structure
 *
 * @section structure
 */

html {
 background: #FFF;
}

body {
 background: url(/image/common/bg_footer.gif) repeat-x left bottom;
}

#wrapper {
 background: url(/image/common/bg_header.jpg) repeat-x left 35px;
border-top : 1px solid white ;
}

#header {
 position: relative;
 width: 908px;
 font-size: 12px;
 margin: 0px auto 0 auto;
}

#top_address{
	position : absolute ;
	left : 360px ;
	top : -0px ;
}
/*
#header h1 {
 height: 12px;
 text-align: right;
 padding: 25px 0px 90px;
 background: url(/image/common/bg_google-color.gif) no-repeat right top;
}
*/

#globalNavigation {
 position: absolute;
 top: 80px;
 left: 315px;
 font-size: 12px;
}

#globalNavigation ul li {
 float: left;
 text-align: center;

 background: url(/image/common/btn_global-nav_02.jpg) right 12px no-repeat; padding: 0 2px;/*add*/
}

#globalNavigation ul li a {
 display: block;
/* width: 112px;*/
 height: 25px;
 color: #000;
 font-weight: 700;
 text-decoration: none;
 padding-top: 15px;

 min-width: 50px; max-width: 120px;padding-right: 12px; padding-left: 12px;/* add */
}

#header h1.logo {
 position: absolute;
 top: 0;
 left: 0;

 margin:0;
 padding: 0;
}

.commonCatchcopy {
 line-height: 1.5em;
 padding: 0;
}

ul.topicPath {
font-size: 11px;
padding: 5px 0 20px 10px;
}

ul.topicPath li {
display:inline;
margin-right:3px;
}

ul.topicPath li a {
background:transparent url(/image/common/ico_anchor.gif) no-repeat scroll right center;
padding-right:15px;
}

#content {
 width: 908px;
 padding: 0 0px;
 margin: 160px auto 0 auto;
}

body#index #content {
 width: 908px;
 padding: 0;
 background: none;
 margin: 0 auto;
}

body#index #content #article {
 padding: 0;
}

#article{
 padding:0 10px 20px;
}

.twoColum #article {
 float: left;
 width: 580px;
}

.twoColum #aside {
 float: right;
 width: 278px;
 padding: 0 10px 20px;
}

#more {
 width: 905px;
 padding:0 0px 10px 0;
 //background:url("/image/common/bg_content.png") no-repeat scroll center bottom transparent;
 margin: 20px auto 0;
}

#close {
 width: 900px;
 padding-bottom: 10px;
 background: url(/image/common/bg_close_back.png) no-repeat left bottom;
 margin: 20px auto 0;
}

#pageNavigation {
 width: 900px;
 margin: 20px auto 0;
}

ul.pageNav {
 margin-top: 40px;
}

ul.pageNav li {
 display: inline;
 width: 130px;
 margin: 0 5px;
}
.aboutLogo {
 height: 60px;
 background: url(/image/common/img_googleappsreseller-logo.jpg) no-repeat right bottom;
 padding-right: 135px;
 font-size: 12px;
 text-align: right;
 margin-top: 30px;
}

.branding {
 font-size: 11px;
 text-align: right;
 padding-top: 30px;
}

#footer {
 width: 908px;
 color: #fff;
 padding: 10px 0 95px 0;
 background: url(/image/common/bg_footer-border.gif) no-repeat center 10px;
 margin: 20px auto 0;
}

#footer ul.footerNavigation {
 height: 22px;
 margin-bottom: -19px;
}

#footer ul.footerNavigation li {
 float: left;
 height: 22px;
 font-size: 10.5px;
 line-height: 22px;
 padding: 0 15px;
 background: url(/image/common/bg_footer-li.gif) no-repeat right top;
}

#footer ul.footerNavigation li a {
 text-decoration: none;
}

/**
 * global navigation
 *
 * @section structure
 */

li.globalnav a {
 background: url(/image/common/btn_global-nav_01.jpg) no-repeat center top;
}

li.globalnav a:hover {
 background: url(/image/common/btn_global-nav_01.jpg) no-repeat center -40px;
}

li.globalnav a:active,
li.globalnav_o {
 background: url(/image/common/btn_global-nav_01.jpg) no-repeat center -80px;
}

/**
 * side navigation
 *
 * @section structure
 */

/***** step category ******/

.stepCategory {
 width: 270px;
 background: url(/image/common/bg_side-bottom.gif) no-repeat left bottom;
}

.stepCategory h2 {
 color: #FFF;
 font-size: 14px;
 font-weight: 700;
 padding: 10px 10px;
 background: url(/image/common/bg_side-top.gif) no-repeat left top;
}

.stepCategory dl {
 padding: 0 2px;
}

.stepCategory dl dt {
 height: 17px;
}

.stepCategory dl dd a {
 display: block;
 text-decoration: none;
 padding: 10px 10px 25px;
 background: url(/image/common/bg_side-step-bottom.gif) no-repeat left bottom;
}

.stepCategory dl dd a:hover,
.stepCategory dl dd a.stepOn {
 color: #F00;
 background: #E6F2FB url(/image/common/bg_side-step-bottom.gif) no-repeat left bottom;;
}

.stepCategory dl dd.last a {
 padding-bottom: 20px;
 background: none;
}

.stepCategory dl dd.last a:hover,
.stepCategory dl dd.last a.stepOn {
 padding-bottom: 20px;
 background: #E6F2FB url(/image/common/bg_side-bottom-last.gif) no-repeat -2px bottom;
}

.stepCategory dl dd img {
 vertical-align: middle;
 padding-right: 5px;
}

/**
 * close
 *
 * @section structure
 */

.mailRegister {
 float: left;
 width: 465px;
 padding: 15px;
 background: url(/image/common/bg_close_middle.png) no-repeat left top;
 margin-right: 5px;
}

.useGoogleapps {
 float: right;
 width: 367px;
 padding: 15px;
 background: url(/image/common/bg_close_middle.png) no-repeat right top;
}

.mailRegister h2,
.useGoogleapps h2 {
 color: #FFF;
 line-height: 30px;
 height: 30px;
 padding: 0 10px;
 margin: -15px -15px 15px;
}

.mailRegister h2 {
 background: url(/image/common/title_close_orange.png) repeat-x left top;
}

.useGoogleapps h2 {
 background: url(/image/common/title_close_green.png) repeat-x left top;
}

.mailRegister h3,
.useGoogleapps h3 {
 margin-bottom: 10px;
}

.mailRegister p,
.useGoogleapps p {
 font-size: 12px;
}

.btnCloseOrder {
 margin-top: 30px;
}

/**
 * heading
 *
 * @section heading
 */

h2,h3,h4,h5 {
 font-size: 15px;
 font-weight: 700;
}

h2.toptitle {
 width: 880px;
 height: 30px;
 line-height: 30px;
 color: #FFF;
 padding: 0 10px;
 background: url(/image/common/title_topback.gif);
 margin-bottom: 20px;
}

h2.feedtitle {
 width: 590px;
 height: 30px;
 line-height: 30px;
 color: #FFF;
 padding: 0 10px;
 background: url(/image/common/title_topback.gif);
 margin-bottom: 20px;
}

h3.topTitle {
 font-size:24px;
 margin: 20px 0 20px;
}

h3.dottTitle,
h4.dottTitle {
 padding-bottom: 5px;
 background: url(/image/common/img_dotted-blue.gif) repeat-x left bottom;
 margin-bottom: 15px;
}
h3.blueTitle,
h4.blueTitle {
 color:#2B72CA;
 margin-bottom: 10px;
 margin-top: 20px;
}
h3.alertTitle,
h4.alertTitle {
 width: 550px;
 height:32px;
 line-height:32px;
 padding: 0 10px 0 20px;
 background: url(/image/common/title-subback.gif) repeat-x left bottom;
 margin-bottom: 15px;
 margin-left: -20px;
 margin-top: 40px;
}

h4.alertTop {
 margin-top: 0px;
}

.alertTitle img {
 margin: 5px 10px 0 0;
}

.top-section h3,
.feed-section h3 {
 margin-bottom: 10px;
}

.step1 {
 font-size:16px;
 margin-bottom:12px;
 padding:12px 5px 12px 45px;
 background:url("/image/blog/bg_step1.png") no-repeat scroll left center transparent;
}

.step2 {
 font-size:16px;
 margin-bottom:12px;
 padding:12px 5px 12px 45px;
 background:url("/image/blog/bg_step2.png") no-repeat scroll left center transparent;
}

/**
 *  home
 * 
 * @page index.html
 */

.indextitle {
 background: url(/image/index/title_indexback.gif) no-repeat left top;
 font-size: 23px;
 padding: 1.5em 1em 0.8em;
 
}

p#mv_anchor{
position: absolute;
top: 202px;
left: 545px;
font-size: 16px;
}

p#mv_anchor a:hover{
	color : red ;
	text-decoration : underline ;
}

.top-section-appsVisual {
 background: url(/wp-content/uploads/2012/04/mv_bg_032.jpg) no-repeat 0px 0px ;
 margin-bottom: 5px;
 height : 243px ;
}


* html .top-section-appsVisual {
 display: inline-table;
 /*\*/display: block;/**/
}

#left_wrap{
	width : 618px ;
	float : left ;
}


.top-section {
 width: 900px;
 padding: 0 4px;
 background: url(/image/common/bg_content.png) no-repeat left bottom;
 margin-bottom: 15px;
 position : relative ;
}

.article-section {

 width: 610px;
 padding: 0 4px 10px 4px;
 background: url(/image/common/bg_content_feed.png) no-repeat left bottom;
 margin-bottom: 15px;
}



.article-section .section {
 padding: 0px 10px 30px;
}
.article-section .section2 {
 padding: 0px 10px 40px;
}
.aside-section {
 float:right;
 width:270px;
 background: url(/image/common/bg_side-bottom.gif) no-repeat left bottom;
}

.aside-section h2 {
 color: #FFF;
 font-size: 14px;
 font-weight: 700;
 padding: 10px 10px 7px;
 background: url(/image/common/bg_side-top.gif) no-repeat left top;
}
.asidetitle {
 color:#2B73CA;
 padding-bottom: 7px;
 margin: 8px 10px 5px;
 background: url(/image/common/img_dotted-blue.gif) repeat-x left bottom;
}

.aside-section dl dd {
 margin: 10px 10px 15px;
}

ul.appsFeature {
 margin-left: 1.0em;
}

.appsFeature li {
 color: #8E481A;
 line-height: 2.0;
 font-weight: 700;
 font-size: 15px;
 background: url(/image/common/icon_attention-red.gif) no-repeat left 6px;
 padding-left: 20px;
}

.indexSidebar {
 width: 260px;
 margin: 20px 0;
}
.indexSidebarMail {
 width: 260px;
 margin: 20px 0;
 border: solid 1px #D6D6D6;
 padding: 5px;
}
.indexSidebarMail iframe {
 width: 240px;
 padding: 5px;
}

#index .indexSidebar {
 float: right;
 padding: 0 10px 20px;
 margin: 0;
}

.feedCategory {
 width: 590px;
 margin:0 auto;
 overflow:hidden;
}

.feedCategory:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.feedGmail,
div.feedCalendar,
div.feedDocument,
div.feedVideo,
div.feedSites,
div.feedTalk,
div.feedGroup,
div.feedLabs,
div.feedControlPanel,
div.feedMarketPlace {
 float: left;
 width: 295px;
 padding-bottom:32768px;
 margin-bottom:-32768px;
}

.feedCategory h3 {
 font-size: 18px;
}
div.last {
 margin-bottom: 20px;
}
ul.feedList li {
 padding-left: 15px;
 background: url(/image/common/icon_arrow-blue.gif) no-repeat left 5px;
}

.feedCategory h3,
ul.feedList {
 margin-left: 80px;
}

.feedCategory p {
 text-align: right;
 padding: 5px 0 0 0;
 background: url(/image/common/img_dotted-blue.gif) repeat-x left top;
 margin: 15px 10px 0 80px;
}

div.feedGmail {
 background: url(/image/common/bg_feed-gmail.gif) no-repeat left 3px;
}

div.feedCalendar {
 background: url(/image/common/bg_feed-calendar.gif) no-repeat left 3px;
}

div.feedDocument {
 background: url(/image/common/bg_feed-document.gif) no-repeat left 3px;
}

div.feedVideo {
 background: url(/image/common/bg_feed-video.gif) no-repeat left 3px;
}

div.feedSites {
 background: url(/image/common/bg_feed-sites.gif) no-repeat left 3px;
}

div.feedTalk {
 background: url(/image/common/bg_feed-talk.gif) no-repeat left 3px;
}

div.feedGroup {
 background: url(/image/common/bg_feed-group.gif) no-repeat left 3px;
}

div.feedLabs {
 background: url(/image/common/bg_feed-labs.gif) no-repeat left 3px;
}

div.feedControlPanel {
 background: url(/image/common/bg_feed-control-panel.gif) no-repeat left 3px;
}

div.feedMarketPlace {
 background: url(/image/common/bg_feed-market-place.gif) no-repeat left 3px;
}

/**
 *  introduct
 * 
 * @page introduct.html
 */

/************ domain table ************/

table.introductDomain {
 background: url(/image/introduct/bg_domain-bottom.gif) no-repeat left bottom;
 border-collapse: collapse;
}

.introductDomain td {
 padding: 12px 0px 5px 0px;
}

.introductDomain td.domainMerit {
 height: 56px;
 vertical-align: middle;
 padding: 0 0 0 130px;
 background: url(/image/introduct/bg_domain-merit.gif) no-repeat left bottom;
}

introductDomain td.domainDemerit {
 height: 56px;
 vertical-align: middle;
 padding: 0 0 0 130px;
 background: url(/image/introduct/bg_domain-demerit.gif) no-repeat left bottom;
}

.domainTitle {
 color: #FFF;
 vertical-align: middle;
 margin-bottom: 0;
}

.domainTitle img {
 vertical-align: middle;
 padding-right: 5px;
}

.introductDomain ul li {
 list-style-type: disc;
}
.introductDomain {
 width:820px;
 margin:10px auto 15px;
}
.introductDomain:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.introductLink {
 float: left;
 width: 250px;
 padding: 0px 40px 0px 140px;
}
.introductLink dt {
 width: 400px;
 background: url("/image/contact/bg_contact-point.gif") no-repeat left 5px;
 font-weight: 700;
 padding: 0px 0px 10px 20px;
 font-size: 16px;
}
.introductApps {
 position: relative;
 background:url("/image/introduct/bg_introduct-bottom.gif") no-repeat scroll left bottom transparent;
 border-collapse:collapse;
 width: 820px;
 padding-bottom: 5px;
}

.introductLigua {
 background:url("/image/introduct/bg_introduct-bottom.gif") no-repeat scroll left bottom transparent;
 border-collapse:collapse;
 width: 470px;
 margin-left: 10px;
}

.introductApps .domainTitle {
 background: url(/image/introduct/bg_introduct-top.gif) no-repeat left top;
 padding: 10px;
 margin-bottom: 20px;
}

.introductLigua .domainTitle {
 background: url(/image/introduct/bg_introduct-top.gif) no-repeat left top;
 padding: 10px;
}
.introductApps .dottTitle {
 padding-left: 20px;
}
.introductappsTitle {
 background:url("/image/introduct/bg_introduct-title.gif") no-repeat left center;
 font-size:15px;
 margin:0 -10px 15px;
 padding:30px 0 19px 60px;
}

.supportFree {
 position: absolute;
 top: 20px;
 right: 20px;
}

/**
 *  step 
 * 
 * @page introduct/new/
 */

.step h5 {
 padding: 15px 0 20px 50px;
 background: url(/image/introduct/bg_step-arrow.gif) no-repeat left top;
 margin-left: -20px;
}

.step p,
.step ul {
 font-size: 12px;
 margin-left: 0;
}

.step ul {
 margin: 0 0 1.0em 1.0em;
}

.step ul li {
 list-style-type: disc;
}

.section p.stepDescription {
 width: 500px;
 font-size: 13px;
 padding: 10px;
 background: #ECF5FC;
 border: 2px solid #3399CC;
}

.stepNext {
 margin-top: -10px;
}

.scrollDown {
 padding-left: 25px;
 background: url(/image/common/ico_down.gif) no-repeat left 2px;
}

.scrollDownStep {
 padding-left: 25px;
 background: url(/image/common/ico_down-blue.gif) no-repeat left 2px;
}

/**
 *  privacy
 * 
 * @page privacy/index.html
 */

.privacy {
 margin: 0 40px;
}

dl.privacyList dt {
 font-size: 15px;
 font-weight: 700;
 background: url(/image/common/img_dotted-blue.gif) repeat-x left bottom;
 margin-bottom: 5px;
}

dl.privacyList dd {
 margin-bottom: 20px;
}

/**
 *  order
 * 
 * @page order.html
 */

.orderWarning {
 color: #333;
 font-size: 16px;
 font-weight: 700;
 text-align: center;
 padding: 20px;
 background: #FFFFDD;
 margin: 0 30px;
}

.sectionIndent {
 margin-left: 40px;
}

/* order form */

.mainColor {
 font-size: 15px;
}

.subColor {
 vertical-align: middle;
}

table.form {
 width: 95%;
 margin:0 auto;
}

.form .subColor {
 width: 30%;
}

.inputEmail {
 font-size:22px;
font-weight:700;
width:350px;
}

.supportHelp {
 font-weight: 700;
 color: #2B72CA;
}

table.form td {
 vertical-align: top;
}

p.note {
 padding-left: 580px;
 margin-bottom: 10px;
 font-size: 11px;
}

/**
 *  contact
 * 
 * @page contact.html
 */
h3.contactTitle {
 background: url("/image/contact/bg_contact-title.gif") no-repeat left top;
 font-size: 15px;
 margin: 0px -10px 20px;
 padding: 19px 0 19px 60px;
}
.liguaLogo {
 display: block;
 height: 30px;
 background: url("/image/contact/bg_ligualogo.png") no-repeat left top;
 padding: 9px 0px 0px 210px;
 font-weight: 400;
 font-size: 13px;
}
.contactList {
 padding-left: 20px;
 margin-bottom: 20px;
}
.contactList dt {
 float: left;
 width: 300px;
 background: url("/image/contact/bg_contact-point.gif") no-repeat left 5px;
 font-weight: 700;
 padding: 0px 0 10px 20px;
 font-size: 16px;
}

.contactIt {
 width: 300px;
 float: left;
}
.contactList:after,
.contactIt:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

/**
 *  bookmark
 * 
 * @page order.html
 */

.bookmark {
 padding:10px 0px;
 text-align:right;
}


.voice_box{
	width : 196px ;
	margin : 0px 0px 20px 4px ;
	text-align : center ;
	font-size : 13px ;
	line-height : 1.5 !important ;
	float : left ;
}

div.feed-section p{
	font-size : 14px ; 
	line-height : 1.5 ;
	margin-bottom : 10px ;
}


div.feed-section ul li{
	font-size : 14px ; 
	line-height : 1.5 ;
	margin-bottom : 5px ;
}

div.feed-section ul{
	margin-top : 10px ;
	margin-bottom : 10px ;
}

div.feed-section ul.check li{
	padding-left : 35px ;
	padding-top : 3px ;
	padding-bottom : 3px ;
	background : url('/wp-content/uploads/2012/04/check_15.png') 10px 0px no-repeat transparent ;
}

.side_mm{
	border : 1px solid silver ;
	padding : 10px 10px ;
	margin-bottom : 10px ;
	background-color : white ;
}

/* Google Docs */

a.opa60:hover img{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}




/*-- voice-entry --*/

div.voice-box-r dl {
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #310001;
	float : right ;
	width : 345px ;
}

div.voice-box-r dt {
	margin: 0px 0px 10px 0px;
	float: left;
	width: 60px;
}
div.voice-box-r dd {
	margin: 0px 0px 10px 0px;
	float: left;
	width: 265px;
}
* html div.voice-box-r dd {
	margin: 0px 0px 10px 0px;
	float: left;
	width: 330px;
}

div.jirei_cntn p , div.jirei_cntn li{
	font-size : 15px ;
	line-height : 1.8 ;
}

div.jirei_cntn h3{
	clear : both ;
	font-size : 18px ;
	color : RGB(135,58,52) ;
	margin : 3em auto 1.5em -1em ;
	line-height : 1.6 ;
}

div.jirei_cntn h4{
	clear : both ;
	font-size : 16px ;
	color : RGB(135,58,52) ;
	margin : 2em auto 1.5em -1em ;
	line-height : 1.6 ;
}

.img_hd{
	position : relative ;
	left : -2em ;
	margin-top : 2em ;
}

.alignleft{
	float : left ;
	margin : 0 20px 10px 0 ;
	font-size : 90% ;
	line-height : 1.5 ;
	text-align : center ;
}

.alignright{
	float : right ;
	margin : 0 0px 10px 20px ;
	font-size : 90% ;
	line-height : 1.5
	text-align : center ;
}


table.feature_func{
	margin : 20px auto ;
	width : 700px ;

}

table.feature_func td{
	padding : 0 10px 0 10px ;
}

table.feature_func h3{
	font-size : 16px ;
	margin : 0 0 5px 0 ;
	color : RGB(113,40,0) ;
}

table.feature_func p{
	font-size : 14px ;
}


.landing_page{
	max-width : 908px ; 
	width : 100% ; 
}

.landing_page p{ 
	font-size : 16px !important ; 
	margin-left : 6em ; 
	margin-right : 6em ; 
	line-height : 1.6 ;
	margin-bottom : 1em
}

.landing_page h2{
	margin-left : 2em ; 
	margin-right : 2em ; 
	margin-top : 2em ;
	margin-bottom : 1em ;
	color : #031D80 ;
	border-left : 10px solid #022197 ;
	padding : 3px 9px 3px 10px ;
	font-size:23px;
}


.landing_page h3{
	margin-left : 2em ; 
	margin-right : 2em ; 
	margin-top : 2em ;
	color : #9C0A12 ;
	border-left : 10px solid #4F090C ;
	padding : 3px 9px 3px 10px ;
}

.landing_page ul li{
	padding : 4px 0px ;
}


.landing_page ul{
	list-style-type : disc ;
	font-size : 16px ;
	margin-top : 1em ;
	margin-bottom : 1em ;
	margin-left : 9em ;
}

.landing_page .column_box{
	padding : 10px 10px ;
	max-width : 450px ;
	margin : 10px auto ;
	width : 80% ;
	background-color :#FFF9ED ;
	border : 1px dashed #FFD87D ;
}

.landing_page .column_box ul{
	margin-left : 3em ;
}

.landing_page .column_box p{
	margin-left : 0.5em ;
text-align : left;
}