@charset "utf-8";
/* ■■ box_guide.css ■■
-----------------------------------------------------------------------------
■更新日：2011年6月28日
-----------------------------------------------------------------------------
■目次
  01. common（from common.css）
  02. guidecommon
  03. navigation（from promoModuleTop01.html）
  04. guide_navi
  05. top
  06. デスクトップアプリ
  07. 検索
  08. 携帯
  09. 共有
  10. 自動バックアップ
  99. footer_navi

-----------------------------------------------------------------------------
■備考　Yahoo!ボックスのガイドページです。promoModuleTop01.htmlを参考にしました。
-----------------------------------------------------------------------------
*/

/* ----------------------------------------
 * 01. common（from common.css）
 * ---------------------------------------- */
body {
	margin:0;
	padding:0;
	text-align:center;
	color:#363636;
}
dl, dt, dd, ul, ol,li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
ul li, ol li {
	list-style:none;
}
table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}
caption {
	text-align:left;
}
table, pre, code, select, input, textarea, kbd, var, ins, del, samp {
	font-size:100%;
	font-family:"MS PGothic",sans-serif;
}
address, cite, dfn, em, strong, var, th, ins, del, samp {
	font-weight:normal;
	font-style:normal;
}
a img {
	border:0;
}
hr.separation {
	display:none;
}
fieldset {
	border:none;
}
#uhd div table {
	text-align:left;
}
#uhd img {
	display:block;
}
#uhd br {
	display:none;
}
#masthead {
	height:41px; /* needed when using the safari hack */
	margin:4px auto 10px auto;
	text-align:left;
}
#masthead strong {
	font-weight:bold;
}
.tmplHttps #masthead {
	height:47px; /* needed when using the safari hack */
	margin:10px auto 10px auto;
}
#emg, #emg2, #emg3 {
	margin-bottom:10px;
	text-align:center;
}
#emg table, #emg2 table, #emg3 table {
	margin:0 auto;
}

/* emg-patch（個別設定） */
#emg,#emg2{
	margin-bottom:0px;
	text-align: center;
	clear:both;
	}
#emg table{
	margin: 0 auto 15px auto;
	text-align: center;
	}
#emg2 table{
	margin: 0 auto 0 auto;
	text-align: center;
	}
#emg table table,#emg2 table table{
	margin: 0;
	}
/* End  emg-patch（個別設定） */

#posLrec {
	margin-bottom:10px;
}
#posLrec dt {
	text-align:center;
}
#posLrec dd img {
	vertical-align:bottom;
}
#posS {
	padding:10px 0;
	border-top:1px solid #ccc;
	text-align:center;
}
#posS table {
	width:500px;
	margin:0 auto;
	text-align:left;
	line-height:1em;
}
body {
	font-family:"MS PGothic",sans-serif;
	_height:100%; /* panel hack */
}
#wrapper {
	padding:0 10px;
}
#content {
	margin-bottom:10px;
	text-align:left;
}
.tmplBg #content {
	padding:5px 5px 10px 5px;
	background-color:#e8f1f9;
}
.tmpl950_1 #wrapper{
	width:950px;
	margin:0 auto;
}
#footer {
	text-align:center;
}
#footer address {
	padding:10px 0 20px;
	border-top:1px solid #ccc;
}
.clearFix {
	display:inline-block;
}
.clearFix:after {
	display:block; 
	clear:both; 
	visibility:hidden;
	height:0;
	content:".";
}
/* Hides from IE-mac \*/
* html .clearFix {
	height:1%;
}
.clearFix {
	display:block;
}/* End hide from IE-mac */

a {
	color:#06c;
	text-decoration:none;
}
a:visited {
	color:#639;
}
a:hover {
	text-decoration:underline;
	color:#f00;
}
.errorMessage {
	font-weight:700;
	color:#f00;
}
.icon16 {
	display:inline-block;
	overflow:hidden;
	width:16px;
	height:16px;
	margin-top:-3px;
	margin-right:5px;
	_margin-right:2px;
	background:url(../img/icon.png) 0 0 no-repeat;
	vertical-align:middle;
}
a .icon16 {
	text-indent:-9999px;
	cursor:pointer;
}

/* maintenanceNotice */
.maintenanceNotice {
width:80%;
margin:0 auto 10px;
background-color:#fff;
border:#abb9c9 1px solid;
font-weight:700;
}
.maintenanceNotice .mainContainer {
padding:8px;
}


/* ----------------------------------------
 * 02. guidecommon
 * ---------------------------------------- */
/* margin/padding */
.mrg_b5{margin-bottom:5px;}
.mrg_b10{margin-bottom:10px;}
.mrg_b15{margin-bottom:15px;}
.mrg_b20{margin-bottom:20px;}
.mrg_b25{margin-bottom:25px;}

/* テキスト */
.hidden-text{
	text-indent:-9999px;
	overflow:hidden;
	display:none;
}
.right-text{
	text-align:right;
}
.left-text{
	text-align:left;
}
.center-text{
	text-align:center;
}
.text_mid{vertical-align:middle;}
.font_normal{font-weight:normal;}
strong{font-weight: bold;}


h2.sub_head{
	padding: 10px 15px;
	border: 1px solid #b0bdcd;
	background: url(../img/sub_head_bg.gif) left bottom repeat-x;
	font-weight: bold;
	color: #1e2020;
	clear: both;	
}


/* ----------------------------------------
 * 03. navigation（from promoModuleTop01：少し設定変えました）
 * ---------------------------------------- */

/* sprite */
.guideModule .navigation ul li h1,
.guideModule .navigation ul li a,
.guideModule .navigation ul li span{
	background: url(../../common/img/promo_navi.png) no-repeat;
}
/* navigation */
.guideModule .navigation{
	/*float:left;*/
}
.guideModule .navigation ul{
}
.guideModule .navigation ul li{
	float:left;
}
.guideModule .navigation ul li h1,
.guideModule .navigation ul li a,
.guideModule .navigation ul li span{
	display:block;
	width:237px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
}
.guideModule .navigation ul li.about a{
	background-position:0 0;
}
.guideModule .navigation ul li.about a:hover{
	background-position:0 -32px;
}
.guideModule .navigation ul li.about h1{
	background-position:0 -64px;
}
.guideModule .navigation ul li.getStart a{
	background-position:-237px 0;
}
.guideModule .navigation ul li.getStart a:hover{
	background-position:-237px -32px;
}
.guideModule .navigation ul li.getStart h1{
	background-position:-237px -64px;
}
.guideModule .navigation ul li.guide a{
	width:239px;
	background-position:-474px 0;
}
.guideModule .navigation ul li.guide a:hover{
	background-position:-474px -32px;
}
.guideModule .navigation ul li.guide h1{
	width:239px;
	background-position:-474px -64px;
}
.guideModule .navigation ul li.guide a h1{
	cursor:pointer;
}
.guideModule .navigation ul li.myBox a{
	background-position:-713px 0;
}
.guideModule .navigation ul li.myBox a:hover{
	background-position:-713px -32px;
}
.guideModule .navigation ul li.myBox h1{
	background-position:-713px -64px;
}
.guideModule .navigation ul li.myBox span{
	background-position:-713px -96px;
}

/* ----------------------------------------
 * 04. guide_navi
 * ---------------------------------------- */
div.guide_naviwr{
	width:930px;
	height:34px;/*39-5*/
	border-bottom:5px solid #1093ca;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;

}
ul.guide_navi{
	width:911px;
	margin:0 auto;
}
ul.guide_navi li{
	float:left;
	width:148px;
	height:39px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
ul.guide_navi li a{
	display:block;
	width:148px;
	height:39px;
	overflow:hidden;
}

ul.guide_navi li.navi1{ background:url(../img/guide_navi.png) no-repeat 0 0;margin-right:5px;}
ul.guide_navi li.navi2{ background:url(../img/guide_navi.png) no-repeat -153px 0;margin-right:5px;}
ul.guide_navi li.navi3{ background:url(../img/guide_navi.png) no-repeat -306px 0;margin-right:4px;}
ul.guide_navi li.navi4{ background:url(../img/guide_navi.png) no-repeat -458px 0;margin-right:5px;}
ul.guide_navi li.navi5{ background:url(../img/guide_navi.png) no-repeat -611px 0;margin-right:4px;}
ul.guide_navi li.navi6{ background:url(../img/guide_navi.png) no-repeat -763px 0;}

ul.guide_navi li.navi1 a:hover,
ul.guide_navi li.navi1c{ background:url(../img/guide_navi.png) no-repeat 0 -39px;margin-right:5px;}
ul.guide_navi li.navi2 a:hover,
ul.guide_navi li.navi2c{ background:url(../img/guide_navi.png) no-repeat -153px -39px;margin-right:5px;}
ul.guide_navi li.navi3 a:hover,
ul.guide_navi li.navi3c{ background:url(../img/guide_navi.png) no-repeat -306px -39px;margin-right:4px;}
ul.guide_navi li.navi4 a:hover,
ul.guide_navi li.navi4c{ background:url(../img/guide_navi.png) no-repeat -458px -39px;margin-right:5px;}
ul.guide_navi li.navi5 a:hover,
ul.guide_navi li.navi5c{ background:url(../img/guide_navi.png) no-repeat -611px -39px;margin-right:4px;}
ul.guide_navi li.navi6 a:hover,
ul.guide_navi li.navi6c{ background:url(../img/guide_navi.png) no-repeat -763px -39px;}


/* ----------------------------------------
 * 05. top
 * ---------------------------------------- */

.top_ttl{
	width: 930px;
	height: 115px;
	clear: both;
	margin: 10px auto 25px;
	background: url(../img/guide_top.png) 0 0 no-repeat;
	text-indent: -9999px;
}

h2.top_sub_ttl{
	width: 910px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/guide_top.png) 0 -120px no-repeat;
	text-indent: -9999px;
}

.top_contents_wrp1{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background: url(../img/guide_line1.gif) repeat-y;
	border-top: 1px solid #a9b7c8;
	border-bottom: 1px solid #a9b7c8;
}

.top_contents_wrp2{
	width: 898px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1px;
	background: url(../img/guide_line3.gif) bottom center no-repeat;
}

.top_contents_wrp2in{
	width: 898px;
	background: url(../img/guide_line2.gif) bottom center repeat-y;
}

.top_contents_wrp3{
	width: 898px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1px;
	background: url(../img/guide_line4.gif) bottom center repeat-y;
}

/* ---------- list ---------- */

.top_contents_list1{width: 300px;}
.top_contents_list2{width: 299px;}
.top_contents_list3{width: 299px;}
.top_contents_list4{width: 449px;}
.top_contents_list5{width: 449px;}

.top_contents_list1,
.top_contents_list2,
.top_contents_list3,
.top_contents_list4,
.top_contents_list5{
	margin-top: 15px;
	padding-bottom: 10px;
	float: left;
}

.top_contents_list1 dl,
.top_contents_list2 dl,
.top_contents_list3 dl{
	width: 278px;
	margin-left: auto;
	margin-right: auto;
}
.top_contents_list4 dl,
.top_contents_list5 dl{
	width: 428px;
	margin-left: auto;
	margin-right: auto;
}

.top_contents_list_txt{
	margin-top: 15px;
	padding-bottom: 1em;
	min-height: 60px;
	_height: 60px; /* for IE6 */
	font-size: 116.7%;
}

.top_contents_list_txt2{
	margin-top: 15px;
	padding-bottom: 1em;
	min-height: 70px;
	_height: 70px; /* for IE6 */
	font-size: 116.7%;
}

.top_contents_list_link{
	text-align: left;
	float: right;
	margin-top: -1em;
	padding-left: 13px;
	background: url(../img/arrow1.gif) left center no-repeat;
	font-weight: bold;
	font-size: 116.7%;
}

/* sprite */

.top_contents_list1 dt,
.top_contents_list1 dd.illust,
.top_contents_list1 dd.illust .btn,
.top_contents_ic_win,
.top_contents_list2 dt,
.top_contents_list2 dd.illust,
.top_contents_list3 dt,
.top_contents_list3 dd.illust,
.top_contents_list4 dt,
.top_contents_list4 dd.illust,
.top_contents_list5 dt,
.top_contents_list5 dd.illust{
	background: url(../img/guide_top.png) no-repeat;
	text-indent: -9999px;
}

/* list1 */

.top_contents_list1 dt{
	width: 249px;
	height: 43px;
	margin-left: 3px;
	background-position:0 -175px;
}

.top_contents_list1 dd.illust{
	width: 278px;
	height: 150px;
	margin-top: 10px;
	background-position:0 -284px;
	position: relative;
}

.top_contents_list1 dd.illust .btn{
	width: 173px;
	height: 30px;
	display: block;
	margin: 98px auto 0;
	background-position:0 -604px;
}
.top_contents_list1 dd.illust .btn:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

.top_contents_ic_win{
	display: inline-block;
	width: 16px;
	height: 14px;
	margin-right: 2px;
	background-position:0 -644px;
}



/* list2 */
.top_contents_list2 dt{
	width: 109px;
	height: 43px;
	margin-left: 3px;
	background-position:-256px -175px;
}

.top_contents_list2 dd.illust{
	width: 278px;
	height: 150px;
	margin-top: 10px;
	background-position:-310px -284px;
}
/* list3 */

.top_contents_list3 dt{
	width: 278px;
	height: 43px;
	margin-left: 3px;
	background-position:-378px -175px;
}

.top_contents_list3 dd.illust{
	width: 278px;
	height: 150px;
	margin-top: 10px;
	background-position:-620px -284px;
}

/* list4 */

.top_contents_list4 dt{
	width: 130px;
	height: 46px;
	margin-left: 3px;
	background-position:0px -228px;
}

.top_contents_list4 dd.illust{
	width: 428px;
	height: 150px;
	margin-top: 10px;
	background-position:0px -444px;
}

/* list5 */

.top_contents_list5 dt{
	width: 263px;
	height: 46px;
	margin-left: 3px;
	background-position:-161px -228px;
}

.top_contents_list5 dd.illust{
	width: 428px;
	height: 150px;
	margin-top: 10px;
	background-position:-438px -444px;
}

/* ----------------------------------------
 * 06. デスクトップアプリ
 * ---------------------------------------- */

/* h2 & h3 */

body#desktop h2 {
	margin: 0 auto 20px;
	width: 910px;
	height: 45px;
	text-indent: -9999px;
	background: url(../img/desktop_h2.png);
}


h3.desktop_h3_1, h3.desktop_h3_2 {
	margin: 0 auto 15px;
	padding: 0 6px 7px;
	width: 848px;
	background: url(../img/desktop_h3_bg.png) no-repeat bottom;
	color: #7bab42;
	font-weight: bold;
	line-height: 30px;
}
h3.desktop_h3_1 span, h3.desktop_h3_2 span {
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: url(../img/desktop_h3.png);
	font-size: 1px;
}
h3.desktop_h3_1 span { background-position: 0 0; }
h3.desktop_h3_2 span { background-position: -35px 0; }

h3.desktop_h3_3 {
	margin: 0 auto 10px;
	padding: 10px 20px;
	width: 820px;
	background: url(../img/desktop_h_bg.png);
	font-weight: bold;
	color: #af591a;
}


/* paragraph */
body#desktop table.desktop_para {
	margin: 0 auto 20px;
	width: 860px;
}
body#desktop table.desktop_para td{
	vertical-align:top;
}
body#desktop table.desktop_para td.install{
	vertical-align:middle;
}

/* link */
body#desktop span.top_contents_list_link { margin-top: 10px; }


/* left column */

dl.desktop_2click, dl.desktop_dragdrop {
	float: left;
	display: inline;
	width: 430px;
	margin-right: 25px;
}
dl.desktop_2click dt, dl.desktop_dragdrop dt {
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../img/desktop.png);
}
dl.desktop_2click dt {
	height: 225px;
	background-position: 0 0;
}
dl.desktop_dragdrop dt {
	height: 368px;
	background-position: 0 -240px;
}
dl.desktop_2click dd, dl.desktop_dragdrop dd {
	border: 1px solid #d6d8da;
	padding: 10px 15px;
	background: #f5f7f7;
	font-size: 116.7%;
}


/* right column */

div.desktop_inst {
	padding: 10px 10px 0;
	width: 385px;
	background:#f0f5f7;
	font-size: 116.7%;
	overflow: hidden;
}
div.desktop_inst strong.desktop_btn a {
	text-indent: -9999px;
	display: block;
	margin: 10px auto 13px;
	width: 173px;
	height: 30px;
	overflow: hidden;
	background: url(../img/install_btn.png) -410px -60px;
}

div.desktop_inst strong.desktop_btn a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

div.desktop_inst span.desktop_pc {
	float: right;
}
div.desktop_inst strong.yjMt {
	display: block;
	margin-bottom: 5px;
	color: #7bab42;
}

dl.desktop_dragdrop_cap {
	width: 405px;
	font-size: 116.7%;
}
dl.desktop_dragdrop_cap dt {
	font-weight: bold;
	color: #7bab42;
	margin-bottom: 10px;
}
dl.desktop_dragdrop_cap dd {
	margin-bottom: 15px;
	padding-left: 185px;
	background: url(../img/desktop.png) no-repeat;
}
dl.desktop_dragdrop_cap dd.desktop_dragdrop_cap1 {
	background-position: -450px 0; 
	min-height: 122px;
	height: auto !important;
	height: 122px;
}
dl.desktop_dragdrop_cap dd.desktop_dragdrop_cap2 {
	background-position: -450px -242px; 
	min-height: 119px;
	height: auto !important;
	height: 119px;
}

dl.desktop_dragdrop_notice {
	background:#ffefc2;
	padding:12px 15px;
}
dl.desktop_dragdrop_notice dt{
	font-weight:bold;
	margin-bottom:7px;
}
dl.desktop_dragdrop_notice dt span{
	background:url(http://i.yimg.jp/images/icon/u/bsc/1.0.0/warning16.png) no-repeat 0 -1px;
	padding-left:21px;
	font-size:108%;
	color:#ff4308;
}
dl.desktop_dragdrop_notice dd{
	line-height:1.4;
}
/* backup */

dl.desktop_backup {
	margin: 0 auto;
	width: 860px;
	overflow: hidden;
}
dl.desktop_backup dt {
	float: left;
	margin-right: 25px;
	width: 430px;
	height: 215px;
	text-indent: -9999px;
	background: url(../img/desktop.png) 0 -580px;
}
dl.desktop_backup dd {
	float: right;
	margin-top: 10px;
	width: 405px;
}
dl.desktop_backup dd p { font-size: 116.7%; }


/* ----------------------------------------
 * 07. 検索
 * ---------------------------------------- */

h2.search_sub_ttl{
	width: 910px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/guide_search.png) 0 0 no-repeat;
	text-indent: -9999px;
}

.search_wrp900{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.search_list{
	width: 862px;
	margin-left: auto;
	margin-right: auto;
	
}

.search_list dl{
	width: 414px;
	float: left;
}

.search_list dt{
	margin-bottom: 5px;
	height: 221px;
	text-indent: -9999px;
	background: url(../img/guide_search.png) no-repeat;
}

.search_list dd{
	font-size: 116.7%;
}

.search_list .left{
	margin-right:30px;
}

.search_list .left dt{
	background-position: 0 -55px;
}

.search_list .center dt{
	background-position:-409px -55px;
}

.search_func{
	width: 895px;
	height: 733px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/guide_search.png) 0 -294px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


/* ----------------------------------------
 * 08. 携帯
 * ---------------------------------------- */

h2.mobile_sub_ttl,
div.mobile_main_img,
dl#qr-code dd#img_qr p,
p.store_link
{
 	text-indent: -9999px;
	overflow: hidden;
	font-size: 0;
}
h2.mobile_sub_ttl{
	width: 910px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/guide_mobile.png) left top no-repeat;
}
div.mobile_main_wr{
	width: 900px;
	margin: 20px auto;
}
div.mobile_main_img{
	background: url(../img/guide_mobile.png) left -45px no-repeat;
	height: 383px;
	margin-bottom: 10px;
}


div.mobile_sbox{ padding: 15px 0 15px 15px;}
dl.mobileimg_intro{
	display: block;
	float: left;
	margin-right: 10px;
}
dl.mobileimg_intro dt{
	width: 182px;
	height: 141px;
	float:left;
}
div#mobile_contens_01,
div#mobile_contens_02{
	width:182px;
	float:left;
	margin-right:20px;
	text-indent:-9999px;
}
div#mobile_contens_01 .imgTitle{
	width:182px;
	height:141px;
	background: url(../img/guide_mobile.png) left -428px no-repeat;
}
div#mobile_contens_02 .imgTitle{
	width:182px;
	height:141px;
	background: url(../img/guide_mobile.png) -182px -428px no-repeat;
}
dl.mobileimg_intro dd.sub{
	width:600px;
	float:right;
	clear:right;
}
.mobile_sbox .howtoModule{
	margin-left: 200px;
}
.mobile_sbox .howtoModule p.subscribe{
	padding: 0 0 20px;
	font-size: 116.7%;
	line-height: 1.3;
}
dl.mobile_intro{
	float: left;
	display: block;	
	width:320px;
}
dl.mobile_intro dt{
	height: 25px;
	margin-bottom: 10px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	line-height:25px;
	background:#7bab42;
	font-size: 116.7%;	
}
dl.mobile_intro dt em{
	float:left;
	font-weight:bold;
	width:300px;
	min-height:25px;
}
dl.mobile_intro dt span.intro_left{
	display:block;
	width:10px;
	height:25px;
	float:left;
	background: url(../img/guide_mobile.png) -364px -544px no-repeat;
}
dl.mobile_intro dt span.intro_right{
	display:block;
	width:10px;
	height:25px;
	float:right;
	background: url(../img/guide_mobile.png) -384px -544px no-repeat;
}
dl.mobile_intro dd.txt{
	margin-top: 15px;
	padding-bottom: 1em;
	min-height: 100px;
	_height: 100px; /* for IE6 */
	font-size: 116.7%;
}
dl.mobile_intro dd.main{
	line-height:1.5;
}
dl#iphone_app dd.main p.comingsoon{
	background: url(../img/guide_mobile.png) -720px -428px no-repeat;
	width:185px;
	height:76px;
	margin:30px auto 0;
	text-indent:-9999px;
}
dl.mobile_intro dd.main ul{
	/*
	min-height:84px;
	_height:84px;
	*/
}
dl.mobile_intro dd.main ul li.under{
	text-align:center;
	margin-top:50px;
	color:#888;
}
dl.mobile_intro dd.link01 p{
	padding-left: 13px;
	background: url(../img/arrow1.gif) left center no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 5em;
}
dl.mobile_intro dd.link{
	text-align: left;
	float: right;
	padding-left: 13px;
	background: url(../img/arrow1.gif) left center no-repeat;
}
dl#qr-code{
	margin-right: 20px;
}
dl#qr-code dt{
}
dl#qr-code dd#img_qr{
	padding:10px;
}
dl#qr-code dd#img_qr p{
	background:url(../img/guide_mobile.png) -626px -428px no-repeat;
	width: 87px;
	height: 87px;
	margin: 0 auto;
}
dl#send-url{
}
dl#send-url dt{
}
dl#send-url ul li.form{
	margin: 5px 0;
	text-align:center;
}
dl#send-url ul li.form input{
	margin-right:2px;
}
dl#send-url ul li.form input.btn_send{
	margin-left: 3px;
}
dl#send-url dd.form_txt{
	min-height: 120px;
	_height: 120px;	
}
dl#iphone_app{
	display: block;
	margin-right:20px;
	width:365px;
}
dl#iphone_app dt em{
	width:345px;
}

dl#android_app{
	width:290px;
}
dl#android_app dt em{
	width:270px;
}
dd.main p.app_store_link,
dd.main div.android_market_link{
	padding:10px 0;
	text-align:center;
	line-height:1;
	color:#666;
}
dd.main p.app_store_link{
	background: url(../img/guide_mobile.png) -733px -510px no-repeat;
	width:162px;
	height:55px;
	margin:29px auto 0;
}
dd.main p.app_store_link a{
	display:block;
	background: url(../img/guide_mobile.png) -364px -428px no-repeat;
	width: 118px;
	height: 40px;
	text-indent:-9999px;
	margin:0 auto 5px;
	overflow:hidden;
}
dd.main div.android_market_link{
	background: url(../img/guide_mobile.png) -402px -519px no-repeat;
	margin-top:10px;
}
dd.main div.android_market_link .btn_android a{
	display:block;
	background: url(../img/guide_mobile.png) -364px -468px no-repeat;
	width: 170px;
	height: 42px;
	text-indent:-9999px;
	margin:0 auto 5px;
	overflow:hidden;
}

dd.main div.android_market_link {
}
dd.main div.android_market_link .btn_android{
	width:200px;
	height:65px;

}
dd.main div.android_market_link .qr_android{
	width: 85px;
	float:right;
	position:relative;
}
dd.main div.android_market_link .qr_android span{
	display:block;
	background: url(../img/guide_mobile.png) -550px -428px no-repeat;
	height: 43px;
    width: 43px;
	margin-left:14px;
	*margin-left:0;
	text-indent:-9999px;
}

dd.main div.android_market_link .qr_android p{
	text-align:center;
	clear: both;
	margin-top:5px;
	background: url(../img/arrow1.gif) left center no-repeat;
	position:relative;
}
dd.main p.app_store_link a:hover ,
dd.main div.android_market_link a:hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

/* ----------------------------------------
 * 09. 共有
 * ---------------------------------------- */

h2.common_sub_ttl{
	width: 910px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/guide_common.png) left top no-repeat;
	text-indent: -9999px;
}
div.common_main_wr{
	width: 900px;
	margin: 20px auto;
	line-height:1.3;
}
div.common_main_img{
	background: url(../img/guide_common.png) left -45px no-repeat;
	height: 383px;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 10px;
}
div.common_sbox{ padding: 15px 15px 0;}
div.common_sbox dt{
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
div.common_sbox dt.common_img01{
	width: 310px;
	height: 141px;
	background: url(../img/guide_common.png) left -428px no-repeat;
}
div.common_sbox dt.common_img02{
	width: 460px;
	height: 292px;
	background: url(../img/guide_common.png) -310px -428px no-repeat;
}
div.common_sbox dd{
	float: right;
	width: 545px;
	font-size: 116.7%;
}
div.common_sbox dd.common_description02{
	width:392px;
}
div.common_sbox dd.link{
	text-align: right;
	margin-top:20px;
}
div.common_sbox dd.link span{
	padding-left: 13px;
	background: url(../img/arrow1.gif) left center no-repeat;
	font-weight: bold;
}


/* ----------------------------------------
 * 10. アップロード再開機能
 * ---------------------------------------- */
h2.resume_sub_ttl{
	width: 910px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/guide_resume.png) 0 0 no-repeat;
	text-indent: -9999px;
}

.resume_main_img{
	width: 900px;
	height: 383px;
	margin: 20px auto 10px;
	background: url(../img/guide_resume.png) 0 -55px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.resume_sub_text{
	width:900px;
	margin:0 auto 10px;
}

/* ----------------------------------------
 * 11. デスクトップアプリインストール 
 * ---------------------------------------- */
 
body#install h2 {
	margin: 0 auto 20px;
	width: 910px;
	height: 45px;
	text-indent: -9999px;
	background: url(../img/install_h2.png);
}

div.install_btn_l, div.install_btn_page{
	margin: 0 auto 20px;
	width: 865px;
	padding: 10px;
	background: #f0f5f7;
}

div.install_btn_maincolumn {
	float: left;
	width: 560px;
	margin-left:5px;
	_margin-left:0;
}
div.install_btn_subcolumn {
	float: right;
	width: 265px;
}

div.install_btn_page div.install_btn_maincolumn {
	width: 655px;
}
div.install_btn_page div.install_btn_subcolumn {
	width: 185px;
}
div.install_btn_l h3 {
	border: 1px solid #b0bdcd;
	background: #fff;
	padding: 5px 10px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align:center;
}
div.install_btn_l h3.alert{
	color:#fb0012;
}
div.install_btn_l p {
	font-size: 116.7%;
	margin-bottom: 20px;
}

div.install_btn_l a {
	display: block;
	margin: 0 auto;
	width: 402px;
	height: 54px;
	text-indent: -9999px;
	background: url(../img/install_btn.png);
	overflow: hidden;
}
div.install_btn_l a:hover { background-position: 0 -54px; }

div.install_btn_l span.disable{
	display: block;
	margin: 0 auto;
	width: 402px;
	height: 54px;
	text-indent: -9999px;
	background: url(../img/install_btn.png) 0 -108px;
	overflow: hidden;
}

div.install_btn_l h4 {
	margin: 0 auto 5px;
	width: 213px;
	height: 25px;
	text-indent: -9999px;
	background: url(../img/install_pc.png) no-repeat;
}
div.install_btn_l .install_btn_subcolumn table td strong{
	display:block;
	white-space:nowrap;
}

div.install_1st, div.install_2nd, div.install_3rd, div.install_4th, div.install_5th, div.install_6th, div.install_7th, div.install_8th,div.install_begin {
	margin: 0 auto 20px;
	width: 860px;
}
div.install_8th,
div.install_begin{
	margin-bottom:30px;
}

h3.install_number {
	margin: 0 auto 10px;
	padding: 0 6px 7px;
	width: 848px;
	background: url(../img/desktop_h3_bg.png) no-repeat bottom;
	color: #7bab42;
	font-weight: bold;
	line-height: 30px;
}
h3.install_number span {
	float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: url(../img/install_number.png);
	font-size: 1px;
}
div.install_1st h3.install_number span { background-position: 0 0; }
div.install_2nd h3.install_number span { background-position: -30px 0; }
div.install_3rd h3.install_number span { background-position: -60px 0; }
div.install_4th h3.install_number span { background-position: -90px 0; }
div.install_5th h3.install_number span { background-position: -120px 0; }
div.install_6th h3.install_number span { background-position: -150px 0; }
div.install_7th h3.install_number span { background-position: -180px 0; }
div.install_8th h3.install_number span { background-position: -210px 0; }

div.install_1st p, div.install_2nd p, div.install_3rd p, div.install_4th p, div.install_5th p, div.install_6th p, div.install_7th, div.install_8th p, div.install_begin p {
	margin: 0 auto;
	width: 840px;
	font-size: 116.7%;
}

span.install_pct {
	display: block;
	margin: 18px auto 15px;
	background: url(../img/install_pct.png) no-repeat;
}
div.install_1st span.install_pct { background-position: 0 0; height: 82px; width: 815px;}
div.install_2nd span.install_pct { background-position: 0 -100px; height: 312px; width: 847px;}
div.install_3rd span.install_pct { background-position: 0 -450px; height: 307px; width: 847px;}
div.install_4th span.install_pct { background-position: 0 -800px; height: 327px; width:420px;}
div.install_5th span.install_pct { background-position: 0 -1150px; height: 378px; width: 848px;}
div.install_6th span.install_pct { background-position: 0 -1550px; height: 366px; width: 486px;}
div.install_7th span.install_pct { background-position: 0 -1950px; height: 366px; width: 486px;}
div.install_8th span.install_pct { background-position: 0 -2350px; height: 302px; width: 850px;}
div.install_begin span.install_pct { background-position: 0 -2700px; height: 361px; width: 658px;}

div.install_begin h3 {
	margin: 0 auto 10px;
	width: 875px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/install_begin.png);
}


div.install_btn_page span.green{
	margin-right: 10px;
	color: #7bab42;
	font-weight: bold;
}

div.install_btn_page span.install_pc{
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

div.install_btn_page p{
	clear: both;
	font-size: 116.7%;
	margin-top:7px;
}
div.install_btn_page p.alert{
	color:#fb0012;
	font-weight:bold;
}
div.install_btn_page strong a,
div.install_btn_page span.disable{
	display: block;
	margin: 10px auto;
	width: 173px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/install_btn.png);
	overflow: hidden;
}
div.install_btn_page strong a {
	background-position:-410px -60px;
}
div.install_btn_page span.disable{
	background-position:-410px -90px;
}
div.install_btn_page strong a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/* ----------------------------------------
 * 99. footer_navi
 * ---------------------------------------- */

.footer_navi{
	margin: 25px 0 10px;
	text-align: center;
	font-size: 116.7%;
	color: #d2d2d2;
}


/* ----------------------------------------
 * 001. Note add 10/09/01
 * ---------------------------------------- */

.guideModule .notice{
	margin:0px auto 20px;
	width:840px;
	padding-left:20px;
	background:url(../img/desktop_notice_bg.jpg) repeat-y;
}
.guideModule .notice p{
	line-height:50px;
	font-weight:bold;
	color:#114577;
}
.guideModule .notice_iPhone{
	margin:0 auto 20px;
	width:830px;
	padding:15px 20px;
	background:#f0f5f7;
}

.top_contents_list_txt2 strong{
	color:#ba3434;
	font-weight:bold;
}

/* ----------------------------------------
 * 002. S8 11/09/02
 * ---------------------------------------- */
 
#S8{
border-top: 1px solid #CCCCCC;
padding: 10px 0 8px;
}