@charset "shift_jis";

/* デフォルトスタイルリセット */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0;}  
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}  
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
strong{font-weight: bold;}

/* 基本
--------------------------------------------------------------- */

body {
font-size: small;
color:#333333;
}

td {
text-align:left;
vertical-align:top;
}

/* フォントサイズ
--------------------------------------------------------------- */

.xsmall {font-size: x-small; }    /*10px相当*/
.small { font-size: small; }      /*12px相当*/
.medium { font-size: medium; }    /*16px相当*/
.large { font-size: large; }      /*18px相当*/
.xlarge { font-size: x-large; }   /*24px相当*/
.xxlarge { font-size: xx-large; } /*32px相当*/

/* フォントスタイル
--------------------------------------------------------------- */

.xsmall, .small, .medium, .large, .xlarge, .xxlarge {
	line-height: 1.5em;
/*	font-family: 'Osaka' ,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック',  'Verdana', sans-serif;*/
}

.bold {font-weight:bold;}
strong.red,
.red {color:#e60012;}

/* リンクスタイル
--------------------------------------------------------------- */
/*
a:link    {color:#0049ba;text-decoration:none}
a:visited {color:#6633CC;text-decoration:none}
a:hover   {color:#e60012;text-decoration:none}
a:active  {color:#e60012;text-decoration:none}
*/
a {
	color:#3A54A0;
}
a:hover {
	text-decoration:none;
	color:#F00;
}

/* clearfix
------------------------------------------------------------------------------*/
#otLNavi:after,
#otFooter:after,
#otFooter #iconArea:after,
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/* clearfix ie7
------------------------------------------------------------------------------*/
*:first-child+html #otLNavi,
*:first-child+html #otFooter,
*:first-child+html #otFooter .linkArea ul,
*:first-child+html #otFooter #iconArea,
*:first-child+html .clearfix {
	zoom:1;
}
/* clearfix ie6
------------------------------------------------------------------------------*/
* html #otLNavi,
* html #otFooter,
* html #otFooter .linkArea ul,
* html #otFooter #iconArea,
* html .clearfix {
	zoom:1;
}



/* ボディ
--------------------------------------------------------------- */

a#pagetop {
	display:none;
}
div#bodycontainer {
	width:860px;
	margin-left:auto;
	margin-right:auto;
}
div.clear{
	width:860px;
	padding-bottom:12px;
	clear:both;
}

/* ヘッダ
--------------------------------------------------------------- */

div#headerContainer{
	width:860px;
	padding-top: 12px;
}

div#headerLogo{
	float:left;
	padding:0px 0px 0px 10px;
}

div#headerLogo .sprite {
	background: url(/otasuke/common/images/sprite.png) no-repeat;
	background-position: -173px -362px;
}

div#headerLink{
	padding:10px 10px 0px 0px;
	float:right;
}

div#headerSearch{
	padding:5px 0px 0px 0px;
	float:right;
}

div#headerSearch td.right_m input#btnBiglobe {
	/* width: 85px; */
}

div#headerSearch td.right_m input#btnWeb {
	width: 70px;
}

div#navigationContainer{
	clear:both;
	padding-top:12px;
	width:860px;
	display: block;
}

table#navigationNone td.boder {
	background-color:#f8a300;
}
/* パンくず ---------------------------------------------*/
#breadNaviArea {
	width:860px;
}
#breadNaviArea #brPath {
	float:left;
	width:700px;
	text-align:left;
	line-height:1.3em;
	padding: 8px 0;
}

/* ローカルナビ -----------------------------------------*/
#otLNavi {
	float:left;
	width:190px;
}
#otLNavi a {
	line-height: nomal;
}

#otLNavi #otMenu ul li {
	line-height: 0;
}

#otLNavi #otMenu ul li img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#otLNavi #otMenu .txt {
	padding:6px 10px 2px;
	_padding:6px 10px 0px;
}

#otLNavi #otMenu .txt li {
	padding-left: 14px;
	line-height: 1.2em;
	background: url(/otasuke/common/images/yerrow_arrow.gif) 0 0.2em no-repeat;
}

/* 20111005追加調整用
-------------------------------------------------------------------------*/
#otLNavi #otMenu {
	width:190px;
	margin-top:10px;
	padding:0px;
	background-image:url(/otasuke/common/images/bg_lnavi.gif);
}
#otLNavi .txtMenu {
	padding:6px 10px 2px;
	_padding:6px 10px 0px;
}

#otLNavi .txtMenu li {
	padding-left: 16px;
	line-height: 1.2em;
	background: url(/otasuke/common/images/blue_arrow.gif) 0 0.2em no-repeat;
}
/* 20111005追加分調整用 ここまで
-------------------------------------------------------------------------*/

/* 20100827追加分調整用
-------------------------------------------------------------*/
#otLNavi #otMenu .helpTxt {
	padding:0px 10px 10px;
}

#otLNavi #otMenu .helpTxt li {
	padding-left: 16px;
	line-height: 1.4em;
	background: url(/otasuke/common/images/help_icon.gif) 0 0.2em no-repeat;
}
/* 20100827追加分調整用 ここまで
-------------------------------------------------------------*/

#otLNavi #otOther {
	margin-top:15px;
}

#otLNavi #otOther .link {
	padding:6px 6px;
}

#otLNavi #otOther .link li {
	padding: 0 0 5px 18px;
	line-height: 1.2em;
/*	background: url(/otasuke/common/images/gray_arrow.gif) 0 0.1em no-repeat;*/
	background: url(/otasuke/common/images/sprite.png) no-repeat;
	background-position: -556px -376px;
}

#otLNavi .sprite {
	background: url(/otasuke/common/images/sprite.png) no-repeat;
}
#otLNavi .LNavi00 .sprite {
	background-position: -174px -394px;
}
#otLNavi .LNavi01 .sprite {
	background-position: -380px 0px;
}
#otLNavi .LNavi01:hover .sprite {
	background-position: -190px 0px;
}
#otLNavi .LNavi02 {
	background: #fff;
	padding-bottom:10px;
}
#otLNavi .LNavi02 .sprite {
	background-position: -380px -51px;
}
#otLNavi .LNavi02 a:hover .sprite {
	background-position: -190px -51px;
}
#otLNavi .LNavi03 .sprite {
	background-position: -380px -116px;
}
#otLNavi .LNavi03 a:hover .sprite {
	background-position: -190px -116px;
}
#otLNavi .LNavi04 .sprite {
	background-position: -380px -165px;
}
#otLNavi .LNavi04 a:hover .sprite {
	background-position: -190px -165px;
}
#otLNavi .LNavi05 .sprite {
	background-position: -380px -214px;
}
#otLNavi .LNavi05 a:hover .sprite {
	background-position: -190px -214px;
}
#otLNavi .LNavi06 .sprite {
	background-position: -380px -263px;
}
#otLNavi .LNavi06 a:hover .sprite {
	background-position: -190px -263px;
}
#otLNavi .LNavi07 .sprite {
	background-position: -380px -312px;
}
#otLNavi .LNavi07 a:hover .sprite {
	background-position: -190px -312px;
}

/* 2011/12/15　「解約ボタン」を追加しました。 */
#otLNavi .LNavi10 .sprite {
	background-position: -380px -641px;
}
#otLNavi .LNavi10 a:hover .sprite {
	background-position: -190px -641px;
}

/* 2012/1/5　「注意事項と利用規約ボタン」を追加しました。 */
#otLNavi .LNavi11 .sprite {
	background-position: -380px -690px;
}
#otLNavi .LNavi11 a:hover .sprite {
	background-position: -190px -690px;
}

/* 2015/11/9　「はがき作成講座ボタン」を追加しました。 */
#otLNavi .LNavi12 .sprite {
	background-position: -380px -740px;
}
#otLNavi .LNavi12 a:hover .sprite {
	background-position: -190px -740px;
}

#otLNavi .LNavi08 {
	background: #fff;
	padding-bottom: 20px;
}
#otLNavi .LNavi08 .sprite {
	background-position: 0px -490px;
}
#otLNavi .LNavi08 a:hover .sprite {
	background-position: -190px -490px;
}
#otLNavi .LNavi09 {
	background: #fff;
	padding: 10px 0;
}
#otLNavi .LNavi09 .sprite {
	background-position: 0px -555px;
}
#otLNavi .menu-image .sprite {
	background-position: 0px -362px;
}
#otLNavi .menu-image .marin02 .sprite {
	background-position: -470px -362px;
}

#customer #otLNavi .LNavi01 .sprite {
	background-position: 0px 0px;
}
#otasuke #otLNavi .LNavi03 .sprite {
	background-position: 0px -116px;
}
#service #otLNavi .LNavi04 .sprite {
	background-position: 0px -165px;
}
#step #otLNavi .LNavi05 .sprite {
	background-position: 0px -214px;
}
#ryokin #otLNavi .LNavi06 .sprite {
	background-position: 0px -263px;
}
#faq #otLNavi .LNavi07 .sprite {
	background-position: 0px -312px;
}
#readme #otLNavi .LNavi11 .sprite {
	background-position: 0px -690px;
}
#nenga #otLNavi .LNavi12 .sprite {
	background-position: 0px -740px;
}
/*----------------------- まりんの解決ナビ */

#otLNavi .menu-image {
	width:190px;
	padding:7px 0 10px;
	border:1px solid #92C5FF;
	text-align:center;
	background:#FFFFFF;
	margin:15px auto;
}

#otLNavi .menu-image .field {
	width: 170px;
}


/*----------------------- バナー部分 */
#otLNavi .menu-banner {
	padding: 10px;
}

#otLNavi .menu-banner p {
	padding-left: 18px;
	background: url(/otasuke/common/images/sprite.png) no-repeat;
	background-position: -556px -376px;
	line-height: 1.2em;
}
#otLNavi .menu-banner ul li {
	padding: 5px 0 0;
}

/*----------------------- キャンペーンバナー部分(2011/07/29追加) */
#otLNavi #cMenu-Title {
	display:block;
	margin-top:20px;
}
#otLNavi #cMenu-Banner {
	padding: 10px 19px;
	background-color:#fbfbfb;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
}
#otLNavi #cMenu-Banner ul li {
	padding: 5px 0 0;
}

/*----------------------- キャンペーンボタン部分(2011/08/08追加) */
#otLNavi .campaignBtn {
	display:block;
	margin-top:15px;
}


/*-----------------------スマートフォンの出し別け(2013/03/21追加) */

.smartphone {
	display: none;
	margin-bottom : 10px;
}

/* 追加　フッター　2011/10/07 -----------------------------------------------*/
div#footerContainer{
	clear:both;
	padding-top:10px;
	width:860px;
	display: block;
}

div#footerPagetop{
	width:860px;
	padding-top: 6px;
	padding-bottom: 10px;
	text-align:right;
display:block;
}

div#footerSearch{
	width:860px;
	background-color:#d5e4f2;
	border-top: 1px solid #8c9bca;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	line-height:1.5em;
}

div#footerRecommend{
	width:860px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background-image: url(../img/footer_recommend_bg.gif);
	background-repeat: repeat-x;
}
div#footerLink{
	width:860px;
	border-top: 1px solid #8c9bca;
	padding-top:10px;
}
div#footerLinkBox1{
	width:113px;
	float:left;
}
div#footerLinkBox2{
	width:60%;
	padding:8px 20px 0 0;
	float:left;
	text-align:center;
	line-height:1.3em;
}
div#footerLinkBox3{
	text-align:left;
	width:210px;
	float:left;
 }

div#footerCopyright{
	clear:both;
	width:860px;
	padding-top:10px;
	padding-bottom:30px;
	text-align:center;
}

/* 201611 privacymarkの変更に合わせて、Pマークと安全安心マークの表示の仕方を変更 */
#footerLink .sprite {
    background-image: url(/otasuke/common/images/footer_icon.png);
    float:left;
}

#footerLink .iconArea .iconPMark .sprite {
    width: 65px;
    height: 65px;
    margin-top: 2px;
    margin-right: 5px;
    background-image: url(/otasuke/images/icon_privacymark.gif);
    background-size: 65px 65px;
}

#footerLink .iconArea .iconIsp .sprite {
    width: 53px;
    height: 66px;
    background-position: -65px 0px;
}
/* mainContents ------------------------------------------------*/

#mainContents {
	float: right;
	text-align: left;
	width: 655px;
	display: block;
}
#mainContents .totop {
	text-align: right;
	margin-top: 80px;
}

/* トップ ------------------------------------------------------*/
#otasuke #mainContents h1.ttl01 {
	width: 183px;
	height: 332px;
	margin: 0 0 18px;
	padding: 19px 0 0 472px;
	font-weight: normal;
	font-size: 12px;
	background: url(/otasuke/images/sprite.png) no-repeat;
}
#otasuke #mainContents h2.ttl02 {
	width: 655px;
	height: 43px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(/otasuke/images/sprite.png) 0 -560px no-repeat;
}
#otasuke #mainContents p {
	line-height: 140%;
	font-size: 105%;
	padding: 0 8px;
}
#otasuke #mainContents ul.note {
	line-height: 140%;
	padding: 0 8px;
	font-weight:bold;
	background-color:#F00;
}
/*　追加　2011/09/26　*/
#otasuke #mainContents ul.note2 {
	line-height: 140%;
	padding: 0 16px;
	background-color:#F00;
}

#otasuke #mainContents .mainImgBox {
	border:1px solid #e0e0e0;
	width:95%;
	margin:10px auto;
	display:block;
}
#otasuke #mainContents p.image01 {
	width:622px;
	margin:auto;
}
#otasuke #mainContents p.image03 {
	margin:auto;
	text-align: center;  
}
#otasuke #mainContents p.image04 {
	width:622px;
	margin:auto;
}

#otasuke #mainContents p.image01 .sprite {
	background: url(/otasuke/images/sprite.png)  0 -893px no-repeat;
}
#otasuke #mainContents p.image03 .sprite {
	background: url(/otasuke/images/sprite.png)  -5px -353px no-repeat;
}
#otasuke #mainContents p.image04 .sprite {
	background: url(/otasuke/images/sprite.png)  0 -1059px no-repeat;
}

#otasuke #mainContents p.btnService {
	float:left;
	margin:20px 10px 20px 70px;
}
#otasuke #mainContents p.btnService .sprite {
	background: url(/otasuke/images/sprite.png) 0 -719px no-repeat;
}
#otasuke #mainContents p.btnService a:hover .sprite {
	background-position: -257px -719px;
}

#otasuke #mainContents p.btnPhone {
	float:right;
	margin:20px 10px 20px auto;
}
#otasuke #mainContents p.btnPhone .sprite {
	background: url(/otasuke/images/sprite.png) 0 -865px no-repeat;
}
#otasuke #mainContents p.btnPhone a:hover .sprite {
	background-position: -257px -865px;
}

#otasuke #mainContents h2.ttl03 {
	width: 655px;
	height: 32px;
	margin: 30px 0 10px;
	text-indent: -9999px;
	background: url(/otasuke/images/sprite.png) 0 -603px no-repeat;
}
#otasuke #mainContents .listBox {
	width: 318px;
	margin: 8px 1px 0 5px;
	display: block;
	float: left;
}
#otasuke #mainContents .listBox .expBox {
	background: url(/otasuke/images/bg_column_01.gif) repeat-y;
	padding: 5px 25px 10px 19px;
	font-size: 105%;
	height: 100%
}
#otasuke #mainContents .listBox .expBox p {
	margin-left: 80px;
	line-height: 1em;
}
#otasuke #mainContents .listBox .expBox  ul li {
	list-style-type:disc;
	font-size: 100%;
	line-height: 120%;
	margin:0 0 0 100px;
}
#otasuke #mainContents .listBox .imgBottom .sprite {
	background: url(/otasuke/images/sprite.png) -337px -773px no-repeat;
}
#otasuke #mainContents .listBox .listTtl1 .sprite {
	background: url(/otasuke/images/sprite.png) 0 -635px no-repeat;
}
#otasuke #mainContents .listBox .expBox .listImg1 .sprite {
	float: left;
	margin: 0 10px 0 0;
	background: url(/otasuke/images/sprite.png) 0px -773px no-repeat;
}
#otasuke #mainContents .listBox .listTtl2 .sprite {
	background: url(/otasuke/images/sprite.png) -337px -635px no-repeat;
}
#otasuke #mainContents .listBox .expBox .listImg2 .sprite {
	float: left;
	margin: 0 15px 0 0;
	background: url(/otasuke/images/sprite.png) -336px -780px no-repeat;
}
#otasuke #mainContents .listBox .listTtl3 .sprite {
	background: url(/otasuke/images/sprite.png) 0px -677px no-repeat;
}
#otasuke #mainContents .listBox .expBox .listImg3 .sprite {
	float: left;
	margin: 0 5px 0 0;
	background: url(/otasuke/images/sprite.png) -164px -773px no-repeat;
}
#otasuke #mainContents .listBox .listTtl4 .sprite {
	background: url(/otasuke/images/sprite.png) -337px -677px no-repeat;
}
#otasuke #mainContents .listBox .expBox .listImg4 .sprite {
	float: left;
	margin: 0 5px 0 0;
	background: url(/otasuke/images/sprite.png) -246px -773px no-repeat;
}
#otasuke #mainContents p.btnSupport {
	margin: 20px 10px 20px auto;
	text-align: right;
}
#otasuke #mainContents p.btnSupport .sprite {
	background: url(/otasuke/images/sprite.png) 0 -746px no-repeat;
}
#otasuke #mainContents p.btnSupport a:hover .sprite {
	background-position: -257px -746px;
}

/* readme mainContents -----------------------------------------*/
#readme #mainContents {
	width: 655px;
	float: right;
	font-size: 105%;
	color:#333333;
}

#readme #mainContents h1 {
	margin-bottom: 15px;
}

#readme #mainContents h2 {
	margin-bottom: 15px;
}
#readme .otReadMe {
	margin-top: 15px;
}
#readme .otReadMe .readMeBox {
	margin-top:15px;
	padding:0 10px;
}
#readme .otReadMe .readMeBox table.attentionTable {
	margin:0px 15px 10px;
	border:1px solid #CFCFCF;
	text-indent: 0;
}
#readme .otReadMe .readMeBox table.attentionTable th {
	padding:10px 13px;
	border:1px solid #CFCFCF;
	background-color:#F5F4F4;
	vertical-align:middle;
	text-indent: 0;
}
#readme .otReadMe .readMeBox table.attentionTable td {
	padding:10px 13px;
	border:1px solid #CFCFCF;
	text-align:left;
	vertical-align:middle;
	line-height:1.2em;
	text-indent: 0;
}
#readme dl {
	padding:0 15px 15px 15px;
	margin:0;
	line-height:1.5em;
}
#readme .otReadMe .readMeBox dl dt {
	width: 1em;
	float: left;
}
#readme .otReadMe .readMeBox dl dd {
	margin-left: 1em;
}
#readme #otIframe {
	margin: 0 0 20px 10px;
}

/* customer mainContents -----------------------------------------*/
	#customer #mainContents {
		font-size: 105%;
	}
	#customer #mainContents h1 {
		width: 435px;
		height: 25px;
		text-indent: -9999px;
		margin: 0px 0 20px;
		background: url(/otasuke/customer/images/sprite.png) 0 0 no-repeat;
	}
	#customer #mainContents .ttl_img .sprite {
		width: 118px;
		height: 120px;
		background: url(/otasuke/customer/images/sprite.png) 0 -25px no-repeat;
	}
	#customer #mainContents .ttl_img {
		float: left;
		display: inline;
		margin-left: 15px;
	}
	#customer #mainContents .ttl_txt {
		float: left;
		width: 509px;
	}
	#customer #mainContents .ttl_txt1 .sprite {
		width: 509px;
		height: 45px;
		background: url(/otasuke/customer/images/sprite.png) -118px -25px no-repeat;
	}
	#customer #mainContents .ttl_txt2 {
		background: #fbf5d9;
		line-height: 1.4em;
		padding: 0 15px;
	}
	#customer #mainContents .ttl_txt3 .sprite {
		width: 509px;
		height: 12px;
		background: url(/otasuke/customer/images/sprite.png) -118px -133px no-repeat;
	}
#customer #mainContents .stFlow {
	margin:30px 0;
	background-image:url(/otasuke/customer/images/flow_body.gif);
	background-position: 9px 16px;
	background-repeat:repeat-y;
}

#customer #mainContents .stFlowx {
	margin:0;
	background-image:url(/otasuke/customer/images/flow_body.gif);
	background-position: 9px 16px;
	background-repeat:repeat-y;
}

#customer #mainContents .stFlow .inner {
	margin:0;
	padding: 0;
	background-image:url(/otasuke/customer/images/bg_flow_top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#customer #mainContents .stFlow .stNoImg ,
#customer #mainContents .stFlowx .stNoImg {
	top:5px;
	width:52px;
	height:54px;
	margin:4px 11px 0 9px;
	background-image:url(/otasuke/customer/images/sprite_no.png);
	background-position:0 0;
	vertical-align: bottom;
}
#customer #mainContents .stFlow .step2 .stNoImg {
	width: 52px;
	background-position: -52px 0;
}

#customer #mainContents .stFlowx .step3 .stNoImg {
	width: 52px;
	background-position: -104px 0;
}
#customer #mainContents .stFlow .stTxtBlock,
#customer #mainContents .stFlowx .stTxtBlock{
	height:auto !important;
	height:26px;
	min-height:26px;
	padding-left: 80px;
	padding-bottom: 12px;
	background-image:url(/otasuke/customer/images/flow_bottom.gif);
	background-position:6px bottom;
	background-repeat:no-repeat;
}
#customer #mainContents .stFlow .stTxtBlock p {
	margin-top:-10px;
	padding: 0px;
	line-height: 1.4em;
	position:relative;
	zoom:1;
}

#customer #mainContents .stFlowEnd .stTxtBlock .privacy{
    margin:20px 0;
}
#customer #mainContents .stFlowEnd .stTxtBlock .privacy p {
    margin-top:0;
}

#customer #mainContents .stFlow .stTxtBlock .boxArea {
	width:500px;
	margin: 10px 0px 0px;
	padding: 10px;
	line-height: 1.4em;
	border:1px solid #999999;
	position:relative;
	zoom:1;
}

#customer #mainContents .stFlow .stTxtBlock ul.note li {
	padding-left: 1.6em;
	padding-bottom:0.6em;
	padding-top:0.6em;
}
#customer #mainContents .stFlow .stTxtBlock ul.note li span {
	display: inlline-block;
	width: 0.6em;
	margin-left: -0.6em;
}
	#customer #mainContents .stTxtBlock .boxArea .note .sprite {
		margin-top: 10px;
		background: url(/otasuke/customer/images/sprite.png) 0 -211px no-repeat;
	}
	/*#customer #mainContents .step3 {
		width: 550px;
		min-height: 60px;
		line-height: 1.4em;
		margin: 15px 0 0 10px;
		padding: 0px 10px 0 80px;
		background: url(/otasuke/customer/images/sprite.png) 0 -441px no-repeat;
	}*/
#customer #mainContents .privacy,
#step #mainContents .privacy{
	margin:0 20px;
	_margin:20px 20px 0px;
	border:1px solid #999;
}
#customer #mainContents .privacy .wrapper,
#step #mainContents .privacy .wrapper{
	margin:2px;
	padding:15px 20px;
	border:1px solid #999;
}
#customer #mainContents .privacy .title,
#step #mainContents .privacy .title{
	font-size:114%;
	font-weight:bold;
}
#customer #mainContents .privacy .text,
#step #mainContents .privacy .text{
	margin:10px 0 20px;
	line-height:1.5;
}
#customer #mainContents .privacy .signature,
#step #mainContents .privacy .signature{
	text-align:right;
}
	#customer #mainContents .formbox p,
    #step #mainContents .formbox p{
		text-align: center;
		line-height: 1.5em;
		margin: 15px 0 0px;
		letter-spacing:0;
	}
	#customer #mainContents .formbox #agree2,
    #step #mainContents .formbox #agree2{
		margin-left: 20px;
	}
	#customer #mainContents .formbox .btnUse .sprite,
    #step #mainContents .formbox .btnUse .sprite{
		width: 304px;
		height: 66px;
		background: url(/otasuke/customer/images/sprite.png) 0 -145px no-repeat;
	}
	#customer #mainContents .totop {
		text-align: right;
		margin-top: 80px;
	}
#customer #mainContents .attenTxt,
#step #mainContents .attenTxt{
	margin:10px 10px 20px 35px;
	line-height:1.5;
}
#customer #mainContents .attenTxt ul.note li span,
#step #mainContents .attenTxt ul.note li span {
	display: inlline-block;
	width: 1em;
	margin-left: -1em;
}

/*  customer mainContents レイアウト用 -----------------------------------------*/
#customer #mainContents .stiFlow1 .sprite {
	float:right;
	margin-top:20px;
	background: url(/otasuke/customer/images/sprite.png) 0 -368px no-repeat;
}
#customer #mainContents .stiFlow2 .sprite {
	float:right;
	margin-top:20px;
	background: url(/otasuke/customer/images/sprite.png) 0 -386px no-repeat;
}
#customer #mainContents .stiFlow3 .sprite {
	float:right;
	margin-top:20px;
	background: url(/otasuke/customer/images/sprite.png) 0 -423px no-repeat;
}
#customer #mainContents .formbox .cusAtten {
	width: 400px;
	margin: 10px auto;
	text-align:left;
}
#customer .stFlow .stTxtBlock {
	margin: 0;
}
#customer .stFlow .stTxtBlock .button1,
#customer .stFlow .stTxtBlock .button2 {
	margin-top: 10px;
}
#customer .stFlow .stTxtBlock .button1 .sprite {
	width: 259px;
	height: 64px;
	background: url(/otasuke/customer/images/sprite_button.png) 0px 0px no-repeat;
	float: left;
}
#customer .stFlow .stTxtBlock .button2 .sprite {
	width: 289px;
	height: 64px;
	background: url(/otasuke/customer/images/sprite_button.png) -259px 0px no-repeat;
	float: right;
}
#customer .stFlow .stTxtBlock .button1 a:hover .sprite {
	background-position: 0px -64px;
}
#customer .stFlow .stTxtBlock .button2 a:hover .sprite {
	background-position: -259px -64px;
}
#customer .campaign {
	padding-top: 40px;
	text-align: center;
	line-height: 140%;
}
#customer .campaign strong {
	color: #e60012;
}
/* 2011年9月27日　追加 */
#customer div#bodycontainer p.agree {
	font-size:25px;
}







/* faq mainContents -----------------------------------------*/
	#faq #mainContents {
		font-size: 105%;
	}
	#faq #mainContents h1 {
		width: 655px;
		height: 25px;
		text-indent: -9999px;
		margin: 10px 0 20px;
		background: url(/otasuke/faq/images/sprite.png) 0 0 no-repeat;
	}
	#faq #mainContents h2 {
		margin: 25px 0 15px;
		width: 655px;
		height: 32px;
		text-indent: -9999px;
	}
	#faq #mainContents h2#use {
		background: url(/otasuke/faq/images/sprite.png) 0 -25px no-repeat;
	}
	#faq #mainContents h2#remote {
		background: url(/otasuke/faq/images/sprite.png) 0 -57px no-repeat;
	}
	#faq #mainContents h2#price {
		background: url(/otasuke/faq/images/sprite.png) 0 -89px no-repeat;
	}
	#faq #mainContents h2#request {
		background: url(/otasuke/faq/images/sprite.png) 0 -121px no-repeat;
	}
	#faq #mainContents .TopNavi dt {
		margin: 15px 0 5px;
		font-weight: bold;
		color: #60543c;
	}
	#faq #mainContents .TopNavi dd {
		padding-left: 12px;
		line-height: 1.4em;
	}
	#faq #mainContents .TopNavi dd ul li {
		list-style-type: none;
		padding-left: 15px;
		background: url(/otasuke/faq/images/sprite.png) -670px -302px no-repeat;
	}
	#faq #mainContents .faqBox {
		padding-left: 10px;
	}
	#faq #mainContents .faqBox .qboxtop .sprite {
		width: 636px;
		height: 3px;
		background: url(/otasuke/faq/images/sprite.png) 0 -153px no-repeat;
	}
	#faq #mainContents .faqBox .qboxbottom .sprite {
		width: 636px;
		height: 3px;
		background: url(/otasuke/faq/images/sprite.png) 0 -156px no-repeat;
	}
	#faq #mainContents .faqBox .qtext {
		min-height: 24px;
		background: #fdf8f1 url(/otasuke/faq/images/sprite.png) 7px -317px no-repeat;
		border: 1px solid #f3e9db;
		border-style: none solid;
		padding: 8px 15px 3px 45px;
		line-height: 1.4em;
		margin-right: 9px;
	}
	* html #faq #mainContents .faqBox .qtext {
		height: 24px;
	}
	#faq #mainContents .faqBox dd {
		min-height: 24px;
		line-height: 1.4em;
		margin: 12px 0 30px;
		padding: 4px 15px 3px 45px;
		background: url(/otasuke/faq/images/sprite.png) -636px -323px no-repeat;
	}
	* html #faq #mainContents .faqBox dd {
		height: 24px;
	}
	#faq #mainContents .totop {
		text-align: right;
		margin-right: 8px;
		margin-top: 30px;
	}
	#faq #mainContents .faqBox dd .phone .sprite {
		margin: 10px 0;
		background: url(/otasuke/faq/images/sprite.png) 0 -159px no-repeat;
	}
	#faq #mainContents .faqBox ul.note {
		padding: 1em 0 1em 1em;
	}
	#faq #mainContents .faqBox ul.note li {
		text-indent: -1em;
	}
	#faq #mainContents .supportList {
		list-style-type: disc;
		margin-top: 10px;
		padding-left: 25px;
		line-height: 1.4em;
	}
	#faq #mainContents .remoteTable {
		border-collapse: collapse;
		margin: 15px 0 0 7px;
	}
	#faq #mainContents .remoteTable th {
		border: 1px solid #bbbbbb;
		background: #f7f7f7;
		padding: 10px 17px;
		vertical-align: top;
	}
	#faq #mainContents .remoteTable td {
		border: 1px solid #bbbbbb;
		background: #ffffff;
		padding: 10px 17px;
	}
	#faq #mainContents .mt6 {
		margin-top:6px;
	}
/* 20100827追加分調整用
-------------------------------------------------------------*/
	#faq #mainContents .linkList {
		list-style-type: disc;
		margin-bottom: 10px;
		padding-left: 25px;
		line-height: 1.4em;
	}
	#faq #mainContents .linkBox {
		float:left;
		margin-left: 20px;
	}



/* ryokin mainContents -----------------------------------------*/
#ryokin #mainContents {
	width: 655px;
	float: right;
	font-size: 105%;
	color:#333333;
}
#ryokin #mainContents h1 {
	margin-bottom: 25px;
}
#ryokin #mainContents #monthly {
	margin-bottom: 20px;
}
#ryokin #mainContents #monthly h2 {
	margin-bottom: 15px;
}
#ryokin #mainContents #monthly p {
	padding: 0px 15px;
	line-height: 1.4em;
}
#ryokin #mainContents #monthly img.pageImg {
	display:block;
	margin:20px auto 20px;
}
* html #ryokin #mainContents #monthly img.pageImg {
	margin:20px auto 10px;
}
*:first-child+html #ryokin #mainContents #monthly img.pageImg {
	margin:20px auto 10px;
}
#ryokin #mainContents #monthly img.pageImg2 {
	display:block;
	margin:20px auto;
}
* html #ryokin #mainContents #monthly img.pageImg2 {
	margin:10px auto 20px;
}
*:first-child+html #ryokin #mainContents #monthly img.pageImg2 {
	margin:10px auto 20px;
}
#ryokin #mainContents #monthly ul.note li {
	padding-left: 2.4em;
}
#ryokin #mainContents #monthly ul.note li span {
	display: inlline-block;
	width: 1.6em;
	margin-left: -1.6em;
}
#ryokin #mainContents #charge ul.note {
	padding-top: 10px;
}
#ryokin #mainContents #charge ul.note li {
	padding-left: 2.4em;
}
#ryokin #mainContents #charge ul.note li span {
	display: inlline-block;
	width: 1em;
	margin-left: -1em;
}
#ryokin #mainContents h3 {
	padding: 0px 11px 0px 8px;
	width:636px;
}
#ryokin #mainContents h3 .upper {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#ryokin #mainContents h3 .lower {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#ryokin #mainContents h3 .txt {
	padding: 4px 15px;
	margin: 0px;
	font-weight: normal;
	background-color: #fdf8f1;
	border: 1px solid #f8a300;
}
#ryokin #mainContents .mt20 {
	margin-top: 20px;
}
#ryokin #mainContents #charge {
	margin-bottom: 0px;
}
#ryokin #mainContents #charge .rkTxt {
	padding: 0px 15px;
	line-height:1.4em;
}
#ryokin #mainContents #charge ul.rkList li {
	padding-left: 2.4em;
	padding-bottom: 0.2em;
}
#ryokin #mainContents .totop {
	text-align: right;
	margin-top: 80px;
}

/* ryokin 2011/07/29追加
 ----------------------------------------------------------------*/
#ryokin #mainContents #charge #campaignBox {
	margin:27px 0 0 11px;
}
#ryokin #mainContents #charge #campaignBox #inBox .cTitle,
#ryokin #mainContents #charge #campaignBox #inBox .cLower01 {
	display:block;
}
#ryokin #mainContents #charge #campaignBox #inBox {
	padding:10px 20px;
	background-image:url(/otasuke/ryokin/images/bg_campaign_01.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
#ryokin #mainContents #charge #campaignBox #inBox #details {
	padding:10px 20px;
	margin:0;
	background-image:url(/otasuke/ryokin/images/bg_campaign_02.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionTop {
	margin-bottom:0.4em;
	width:558px;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .section {
	margin:0.4em 0;
	width:558px;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd {
	margin-top:0.4em;
	width:558px;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionTop .oBox,
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd .oBox,
#ryokin #mainContents #charge #campaignBox #inBox #details .section .oBox {
	float:left;
	width:100px;
	background-color:#f8a300;
	text-align:center;
	padding:0.4em;
	color:white;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionTop .tBox01 {
	float:left;
	padding:0.6em;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .section .tBox02,
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd .tBox02 {
	float:left;
	padding:0.1em 0.2em 0.1em 0.6em;
	width:430px;
	line-height:1.4em;
}

/* レイアウト調整用（2011/10/12） ------------------------------*/
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd .tBox02 .paragraph {
	padding:1em 0 0.5em;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd .tBox02 .paragraph img {
	margin:10px 0 0;
	display:block;
}

#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd ul.tLink {
	margin:1em 0;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd ul.tLink li {
	padding:0.1em 0 0;
	font-weight:bold;
	text-decoration: underline;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd ul.dNote {
	padding-top: 10px;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd ul.dNote li {
	padding-left: 1em;
}
#ryokin #mainContents #charge #campaignBox #inBox #details .sectionEnd ul.dNote li span {
	display: inlline-block;
	width: 1em;
	margin-left: -1em;
}

#mainContents #btn_ryokin {
	text-align: center;
	margin-top: 30px;
}
#mainContents #btn_ryokin a {
	margin: 0 auto;
}
#mainContents #btn_ryokin .sprite {
	background: url(/otasuke/ryokin/images/sprite.png) 0 -64px no-repeat;
}
#mainContents #btn_ryokin a:hover .sprite {
	background-position: 0px 0px;
}
#mainContents #btn_ryokin02 {
	text-align: center;
	margin-top: 20px;
}
#mainContents #btn_ryokin02 a {
	margin: 0 auto;
}
#mainContents #btn_ryokin02 .sprite {
	background: url(/otasuke/ryokin/images/sprite.png) -377px -64px no-repeat;
}
#mainContents #btn_ryokin02 a:hover .sprite {
	background-position: -377px 0px;
}

/* service mainContents -----------------------------------------*/
	#service #mainContents {
		font-size: 105%;
	}
	#service #mainContents h1 {
		width: 343px;
		height: 25px;
		text-indent: -9999px;
		background: url(/otasuke/service/images/sprite.png) 0 0 no-repeat;
	}
	#service #mainContents ul.topNavi {
		margin: 8px 0 0;
		padding: 10px 0;
		border-bottom: 1px dotted #c3c3c3;
	}
	#service #mainContents ul.topNavi li {
		float: left;
		min-height: 18px;
		margin-right: 20px;
		padding-left: 19px;
		background: url(/otasuke/service/images/sprite.png) -641px -245px no-repeat;
	}
	*:first-child+html #service #mainContents ul.topNavi li {
		background-position: -641px -246px;
	}
	* html #service #mainContents ul.topNavi li {
		background-position: -641px -246px;
	}
	#service #mainContents h2 {
		width: 655px;
		height: 32px;
		text-indent: -9999px;
		margin: 30px 0 15px;
	}
	#service #mainContents h2#summary {
		background: url(/otasuke/service/images/sprite.png) 0 -25px no-repeat;
		margin-top: 20px;
	}
	#service #mainContents h2#target {
		background: url(/otasuke/service/images/sprite.png) 0 -57px no-repeat;
	}
	#service #mainContents h2#support {
		background: url(/otasuke/service/images/sprite.png) 0 -89px no-repeat;
	}
	#service #mainContents h2#remote {
		background: url(/otasuke/service/images/sprite.png) 0 -121px no-repeat;
	}
	#service #mainContents h3 {
		width: 645px;
		min-height: 30px;
		color: #605050;
		margin: 25px 0 0 10px;
		padding: 7px 0 0 14px;
		font-size: 115%;
		background: url(/otasuke/service/images/sprite.png) 0 -960px no-repeat;
	}
	#service #mainContents .summaryBox h3 {
		width: 278px;
		min-height: 30px;
		color: #605050;
		margin: 0;
		padding: 7px 0 0 14px;
		font-size: 115%;
		background: url(/otasuke/service/images/sprite.png) 0 -960px no-repeat;
	}
	* html #service #mainContents h3 {
		width: 631px;
		height: 30px;
	}
	* html #service #mainContents .summaryBox h3 {
		width: 278px;
		height: 30px;
	}
	#service #mainContents p {
		line-height: 1.4em;
	}
	#service #mainContents div.topbn {
		padding-top: 20px;
	}
	#service #mainContents .summaryBox {
		padding: 10px 0 10px 10px;
	}
	#service #mainContents .summaryBox .summary1,
	#service #mainContents .summaryBox .summary2,
	#service #mainContents .summaryBox .summary3 {
		/*float: left;*/
		margin-right: 35px;
	}
	#service #mainContents .summaryBox .summary2-1 {
		width: 303px;
		float: left;
		margin: 0 5px 0 0;
		padding: 5px 5px 5px 5px;
		border-right-style: dotted;
		border-right-width: 3px;
		border-right-color: #E7D7C3;
	}
	#service #mainContents .summaryBox .summary2-2 {
		width: 303px;
		float: right;
		padding: 5px 5px 5px 5px;
		margin: 0 5px 0 5px;
	}
	#service #mainContents .summaryBox .summary2-1-1,
	#service #mainContents .summaryBox .summary2-2-1 {
		margin:10px auto 10px 50px;
	}
	#service #mainContents .summaryBox .summary2-1-2,
	#service #mainContents .summaryBox .summary2-2-2 {
		margin:10px;
	}
	#service #mainContents .summaryBox .summary4 {
		margin-top: 20px;
	}
	#service #mainContents .summaryBox .summary1 .sprite {
		background: url(/otasuke/service/images/sprite.png) 0 -202px no-repeat;
	}
	#service #mainContents .summaryBox .summary2 .sprite {
		background: url(/otasuke/service/images/sprite.png) 0 -389px no-repeat;
	}
	#service #mainContents .summaryBox .summary2-1-1 .sprite {
		background: url(/otasuke/service/images/sprite.png) 0 -367px no-repeat;
	}
	#service #mainContents .summaryBox .summary2-1-2 .sprite {
		background: url(/otasuke/service/images/sprite.png) 0 -463px no-repeat;
	}
	#service #mainContents .summaryBox .summary2-2-1 .sprite {
		background: url(/otasuke/service/images/sprite.png) -156px -367px no-repeat;
	}
	#service #mainContents .summaryBox .summary2-2-2 .sprite {
		background: url(/otasuke/service/images/sprite.png) -290px -463px no-repeat;
	}
	#service #mainContents .summaryBox .summary3 .sprite {
		background: url(/otasuke/service/images/sprite.png) 0 -603px no-repeat;
	}
	#service #mainContents .summaryBox .summary4 .sprite {
		width: 645px;
		height: 36px;
		background: url(/otasuke/service/images/sprite.png) 0 -167px no-repeat;
	}
	#service #mainContents .summaryBox .summary5 .sprite {
		width: 645px;
		height: 14px;
		background: url(/otasuke/service/images/sprite.png) 0 -153px no-repeat;
	}
	#service #mainContents .summaryBox .summaryread {
		margin-left: 410px;
	}
	#service #mainContents .summaryBox .summaryTxt {
		border: 1px solid #e7d7c3;
		border-style: none solid;
		padding: 0 14px;
	}
	#service #mainContents .btnMovie {
		margin-top: 10px;
		text-align: right;
	}
	#service #mainContents .btnMovie .sprite {
		width: 137px;
		height: 27px;
		background: url(/otasuke/service/images/sprite.png) -375px -203px no-repeat;
	}
	#service #mainContents .remoteInfo {
		padding: 15px 0 0 10px;
	}
	#service #mainContents .remoteInfo .sprite {
		width: 645px;
		height: 145px;
		background: url(/otasuke/service/images/sprite.png) 0px -815px no-repeat;
	}
	#service #mainContents .targetBox {
		padding-left: 10px;
	}
	#service #mainContents .targetBox ul {
		font-size: 85%;
	}
	#service #mainContents .supportList {
		list-style-type: disc;
		padding-top: 10px;
		padding-left: 40px;
		line-height: 1.4em;
	}
	#service #mainContents .remoteTxt {
		padding: 0 10px;
	}
	#service #mainContents .remoteTable {
		border-collapse: collapse;
		margin: 15px 0 0 7px;
		width: 640px;
	}
	#service #mainContents .remoteTable th {
		border: 1px solid #bbbbbb;
		background: #f7f7f7;
		padding: 10px 17px;
		vertical-align: top;
	}
	#service #mainContents .remoteTable td {
		border: 1px solid #bbbbbb;
		background: #ffffff;
		padding: 10px 17px;
	}
	#service #mainContents .totop {
		text-align: right;
		margin-top: 40px;
		margin-right: 10px;
	}
	#service #mainContents #nengasupport {
		width: 646px;
		margin-top: 20px;
		padding-bottom: 20px;
		background: url(/otasuke/service/images/bg_column.jpg) left bottom no-repeat;
	}
	#service #mainContents #nengasupport p {
		margin: 10px 20px 0 15px;
	}
	#service #mainContents #nengasupport div {
		margin: 10px 200px 0 15px;
	}
	#service #mainContents #nengasupport div ul {
		list-style-type: disc;
		margin-left: 2em;
		line-height: 1.3em;
	}
/* step mainContents -----------------------------------------*/
#step #mainContents {
	width: 655px;
	float: right;
	font-size: 105%;
	color:#333333;
}
#step #mainContents h1 {
	margin-bottom: 25px;
}
#step #mainContents h2 {
	margin-bottom: 15px;
}
#step #mainContents p {
	padding: 0px 15px;
}
#step .stFlow {
	margin:30px 10px;
	background-image:url(/otasuke/step/images/flow_body.gif);
	background-position: 9px 16px;
	background-repeat:repeat-y;
}
#step .stFlow2 {
	margin:0 10px;
	background-image:url(/otasuke/step/images/flow_body.gif);
	background-position: 9px 16px;
	background-repeat:repeat-y;
}
#step .stFlow2End {
	margin:0 10px;
}
#step .stFlowEnd {
	margin:30px 10px;
}
#step .stFlowx .inner,
#step .stFlow .inner,
#step .stFlow2 .inner,
#step .stFlow2End .inner,
#step .stFlowEnd .inner {
	margin:0;
	padding: 0;
	background-image:url(/otasuke/step/images/bg_flow_top.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#step .stFlowx .stNoImg,
#step .stFlow .stNoImg,
#step .stFlow2 .stNoImg,
#step .stFlow2End .stNoImg, 
#step .stFlowEnd .stNoImg {
	top:5px;
	width:52px;
	height:54px;
	margin:4px 11px 0 -6px;
	background-image:url(/otasuke/step/images/sprite.png);
	background-position:0 0;
	vertical-align: bottom;
}
#step .stFlow .step1 .stNoImg {
	width: 52px;
}
#step .stFlow .step2 .stNoImg {
	background-position:-52px 0;
}
#step .stFlow2 .step2 .stNoImg {
	background-position:-52px 0;
}
#step .stFlow2End .step2 .stNoImg {
	background-position:-260px 0;
}
#step .stFlow .step3 .stNoImg {
	background-position:-104px 0;
}
#step .stFlow .step4 .stNoImg {
	background-position:-156px 0!important;
}

#step .stFlow .step5 .stNoImg {
	background-position:-208px 0!important;
}

#step .stFlowEnd .step5 .stNoImg {
	background-position:-208px 0;
}


#step .stFlowEnd .step6 .stNoImg {
    background-image:url(/otasuke/customer/images/sprite_no.png);
	background-position:-260px 0!important;
    margin:4px 11px;
}

#step .stFlowEnd .step4 .stNoImg {
    background-image:url(/otasuke/customer/images/sprite_no.png);
	background-position:-312px 0!important;
    margin:4px 0;
}

#step .stFlow .stTxtBlock,
#step .stFlow2 .stTxtBlock {
	height:auto !important;
	height:26px;
	min-height:26px;
	padding-left: 60px;
	padding-bottom: 24px;
	background-image:url(/otasuke/step/images/flow_bottom.gif);
	background-position:6px bottom;
	background-repeat:no-repeat;
}
#step .stFlowEnd .stTxtBlock,
#step .stFlow2End .stTxtBlock {
	height:auto !important;
	height:26px;
	min-height:26px;
	padding-left: 60px;
	padding-bottom: 24px;
}

#customer #step .stFlowEnd .stTxtBlock{
    padding-left:80px;
}

#step .stFlow .stTxtBlock p,
#step .stFlow2 .stTxtBlock p,
#step .stFlow2End .stTxtBlock p,
#step .stFlowEnd .stTxtBlock p {
	margin: -35px 0px 0px 0px;
	padding: 0px;
	line-height: 1.4em;
	position:relative;
	zoom:1;
}
#step .stFlow .stTxtBlock img,
#step .stFlow2 .stTxtBlock img,
#step .stFlow2End .stTxtBlock img,
#step .stFlowEnd .stTxtBlock img {
	display:block;
	margin:10px 0 0 15px;
}
#step #mainContents .totop {
	text-align: right;
	margin-top: 80px;
}

/* 規約用 --------------------------------------*/
body#readme #kiyaku {
	width:635px;
	height: 350px;
	margin:0 10px;
	padding:0;
	text-align:left;
	overflow-y: scroll;
}
body#readme #kiyaku p {
	padding:0px 0 0 15px;
	line-height:1.3em;
}
body#readme #kiyaku h1 {
	padding:0 0 0 10px;
	font-weight: bold;
	font-size:105%;
}
body#readme #kiyaku h2 {
	padding:10px 0 0 10px;
	font-weight:normal;
}
body#readme #kiyaku dl {
	padding:10px 5px 0px 15px;
	margin:0;
	line-height:1.3em;
}
body#readme #kiyaku dl dt {
	width: 1em;
	float: left;
}
body#readme #kiyaku dl dd {
	margin-left: 1em;
}
body#readme #kiyaku dl.pat2 {
	padding:10px 5px 0px 15px;
	margin:0;
	line-height:1.3em;
}
body#readme #kiyaku dl.pat2 dt {
	width: 1.6em;
	float: left;
}
body#readme #kiyaku dl.pat2 dd {
	margin-left: 1.6em;
}
body#readme #kiyaku p.endTxt {
	padding:20px 0 20px 15px;
	line-height:1.3em;
	text-align:right;
}

/* 12/6追加 --------------------------------------*/
#otasuke #mainContents h2.ttl04 {
	width: 655px;
	height: 22px;
	margin: 0 0 10px;
	text-indent: -9999px;
	background: url(/otasuke/images/sprite.png) 0 -843px no-repeat;
}
#otasuke #mainContents dl.topics {
	font-size: 112%;
	line-height: 1.3em;
	padding-bottom: 15px;
}
#otasuke #mainContents dl.topics:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
*:first-child+html #otasuke #mainContents dl.topics {
	zoom:1;
}
* html #otasuke #mainContents dl.topics {
	zoom: 1;
}
#otasuke #mainContents dl.topics dt {
	float: left;
	width: 6em;
	margin-left: 1em;

}
#otasuke #mainContents dl.topics dd {
	padding-left: 8em;
	padding-bottom:1em;
	
}
#last {
	border-top:1px #cccccc solid;
	padding-top:1em;

}

#phoneBox {
	text-align: center;
	padding-top: 20px;
}
#phoneBox img {
	margin: auto;
}
#phoneBox p {
	margin: 2px auto 0;
	width: 544px;
	text-align: left;
}

	#mainContents #btn_apply {
		text-align: center;
		margin-top: 30px;
	}
	#mainContents #btn_apply a {
		margin: 0 auto;
	}
	#mainContents #btn_apply .sprite {
		background: url(/otasuke/service/images/btn_apply.png) left top no-repeat;
	}
	#mainContents #btn_apply a:hover .sprite {
		background-position: left bottom;
	}

/* 料金ページ修正 5/30 --------------------------------------*/
#ryokin #mainContents #campaign {
	padding: 0 9px;
}
#ryokin #mainContents #campaign img {
	display: block;
}
#ryokin #mainContents #campaign table {
	border-collapse: collapse;
	margin: 15px 0 25px;
	width: 100%;
}
#ryokin #mainContents #campaign table tr.gray {
	background: #eeeeee;
}
#ryokin #mainContents #campaign table tr th,
#ryokin #mainContents #campaign table tr td {
	padding: 10px;
	line-height: 1.2em;
}
#ryokin #mainContents #campaign table tr th {
	width: 100px;
	color: #fd8a15;
	font-weight: bold;
	vertical-align: top;
}
#ryokin #mainContents #campaignBox .rkTxt {
	padding: 6px 15px 20px;
	line-height:1.4em;
}
#ryokin #mainContents #campaignBox ul.rkList {
	margin: 0 0 20px;
}
#ryokin #mainContents #campaignBox ul.rkList li {
	padding-left: 2.4em;
	padding-bottom: 0.2em;
}
#ryokin #mainContents #campaignBox ul.note {
	list-style-type: disc;
	margin-left: 32px;
	margin-right: 20px;
	padding:0 0 20px 0;
}
#ryokin #mainContents #campaignBox ul.note li {
	padding: 0;
	line-height: 1.4em;
}
#ryokin #mainContents #campaignBox ul.note li.indent {
	margin-left: 5px;
	list-style-type: none;
}

.clearall {
	clear: both;
}


/* 2011/10/11 追加 -----------------------------------------------------------*/
#ryokin #mainContents #campaignBox #infoTitle {
	height:1.4em;
	margin:15px auto 0;
	padding:0 15px;
}
#ryokin #mainContents #campaignBox #infoTitle span {
	height:16px;
	padding-left:5px;
	border-left: 6px solid #f76301;
}




<<<<<<< Updated upstream
=======
/* 2017/05/26 スマホ遠隔統合対応 -----------------------------------------*/

.smprs {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin-bottom:2em;}
.smprs th {
  font-weight: bold;
  background: #efefef; }
.smprs th, .smprs td {
  border: 1px solid #ccc;
  border-collapse: collapse; }
.smprs th, .smprs td {
  padding: 10px; }
.smprs td ul {
  list-style: disc;
  margin-left: 2em; }

#remotesupport .th {
  width: 20%; }
#remotesupport .and, #remotesupport .ios {
  width: 40%; }

.mb2{
    margin-bottom:2em;
}
.smprsul{
  list-style: disc;
  margin-left: 2em; }

.smprs .th{
    width:20%;
}
.smprs .and,.smprs .ios{
    width:40%;
}

.smprs td img{
    display: block;
    margin: auto;
}
>>>>>>> Stashed changes

/* 2011/06/01  追加 */
#ryokin #mainContents #campaignBox p.taisho{
	padding-left: 2.4em;
}

/* 2011/08/08 キャンペーンページ用 -----------------------------------------*/
#campaign #mainContents {
	width: 655px;
	float: right;
	font-size: 105%;
	color:#333333;
}

#campaign #mainContents h1 {
	margin-bottom:28px;
}
#campaign #mainContents p.lead {
	text-align:left;
	line-height:1.4em;
	padding-bottom:1.4em;
}
#campaign #mainContents #isaraBox {
	width:625px;
	margin:0 8px 20px 22px;
	background: url(/otasuke/campaign/images/bg_isara.jpg) left bottom no-repeat;
}
#campaign #mainContents #innerBox {
	padding:5px 0 24px 0;
}

#campaign #mainContents #isaraBox img {
	display:block;
}
#campaign #mainContents #isaraBox #boxL {
	float:left;
	width:159px;
}
#campaign #mainContents #isaraBox #boxL img {
	margin:0 14px 0 22px;
}
#campaign #mainContents #isaraBox #boxR {
	float:left;
	width:466px;
}
#campaign #mainContents #isaraBox #boxR .tArea {
	margin:14px 10px 0;
}
#campaign #mainContents #isaraBox #boxR p {
	padding:10px 100px 0px 0px;
	font-size:90%;
	_font-size:85%;
	line-height:1.6em;
}
#campaign #mainContents #camBox {
	width:625px;
	margin:0 8px 30px 22px;
}
#campaign #mainContents #camBox .campaignTable {
	border-collapse: collapse;
	margin: 15px 0 0 0px;
	width: 625px;
}
#campaign #mainContents #camBox .campaignTable th {
	border: 1px solid #bbbbbb;
	background: #f7f7f7;
	padding: 10px 17px;
	vertical-align: top;
	font-weight:bold;
}
#campaign #mainContents #camBox .campaignTable td {
	border: 1px solid #bbbbbb;
	background: #ffffff;
	padding: 10px 17px;
}
#campaign #mainContents #camBox .campaignTable p {
	line-height:1.4em;
	padding-bottom:1em;
}
#campaign #mainContents #camBox .campaignTable p.npb {
	line-height:1.4em;
	padding-bottom:0;
}
#campaign #mainContents .fs15 {
	font-size:15px;
}
#campaign #mainContents .fs17 {
	font-size:17px;
}
#campaign #mainContents #camBox .campaignTable dl {
	padding:0 15px 0px 0px;
	margin:0;
	line-height:1.5em;
}
#campaign #mainContents #camBox .campaignTable dl dt {
	width: 0.8em;
	float: left;
}
#campaign #mainContents #camBox .campaignTable dl dd {
	margin-left: 0.8em;
}
#campaign #mainContents #btn_entry {
	text-align: center;
	margin-top: 39px;
}
#campaign #mainContents #btn_entry a {
	margin: 0 auto;
}
#campaign #mainContents #btn_entry .sprite {
	background: url(/otasuke/campaign/images/btn_campaign.png) 0 -62px no-repeat;
}
#campaign #mainContents #btn_entry a:hover .sprite {
	background-position: 0px 0px;
}

/* linkPage -----------------------------------------*/
#faq_biglobe #mainContents h1 {
	width: 510px;
	height: 24px;
	text-indent: -9999px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0 -160px no-repeat;
}
#faq_biglobe #mainContents div.mwBox {
	padding: 20px 0px;
	margin: 0 10px;
	font-size: 110%;
	line-height: 140%;
}
#faq_biglobe #mainContents img.image01 {
	margin-bottom: 4px;
	width: 255px;
	height: 18px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0 -184px no-repeat;
}
#faq_biglobe #mainContents img.image02 {
	width: 30px;
	height: 34px;
	float: left;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) -625px -465px no-repeat;
}
#faq_biglobe #mainContents img.image03 {
	width: 257px;
	height: 52px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0px -202px no-repeat;
}
#faq_biglobe #mainContents img.image04 {
	width: 257px;
	height: 52px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0px -254px no-repeat;
}
#faq_biglobe #mainContents img.image05 {
	width: 257px;
	height: 70px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0px -306px no-repeat;
}
#faq_biglobe #mainContents img.image06 {
	width: 257px;
	height: 52px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0px -376px no-repeat;
}
#faq_biglobe #mainContents img.image07 {
	width: 257px;
	height: 71px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0px -428px no-repeat;
}
#faq_biglobe #mainContents h2.ttl01 {
	width: 655px;
	height: 32px;
	text-indent: -9999px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0 0px no-repeat;
}
#faq_biglobe #mainContents h2.ttl02 {
	width: 655px;
	height: 32px;
	text-indent: -9999px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0 -32px no-repeat;
}
#faq_biglobe #mainContents h2.ttl03 {
	width: 655px;
	height: 32px;
	text-indent: -9999px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0 -64px no-repeat;
}
#faq_biglobe #mainContents h2.ttl04 {
	width: 655px;
	height: 32px;
	text-indent: -9999px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0 -96px no-repeat;
}
#faq_biglobe #mainContents h2.ttl05 {
	width: 655px;
	height: 32px;
	text-indent: -9999px;
	background: url(/otasuke/customer/faq_biglobe/images/sprite.png) 0 -128px no-repeat;
}
#faq_biglobe #mainContents div.mwBox div.question {
	padding-top: 6px;
	padding-left: 40px;
	font-size: 110%;
}
#faq_biglobe #mainContents div.mwBox div.question2 {
	padding-left: 40px;
	font-size: 110%;
}
#faq_biglobe #mainContents div.mwBox div.mcenter {
	text-align: center;
	padding-top: 10px;
	font-size: 85%;
	line-height: 120%;
}
#faq_biglobe #mainContents div.mwBox div.mcenter img {
	margin: 0 auto 5px;
}
#faq_biglobe #mainContents div.btline {
	background: url(/otasuke/customer/faq_biglobe/images/bg_dotline.gif) bottom repeat-x;
}

/* konzatuPage -----------------------------------------*/
#konzatu .clearfix {
	width: 650px;
	font-size: 110%;
}
#konzatu table {
	margin:0 0 15px;
	border:1px solid #CFCFCF;
	text-indent: 0;
}
#konzatu table th {
	padding: 3px;
	border:1px solid #CFCFCF;
	background-color:#F5F4F4;
	vertical-align:middle;
	text-indent: 0;
	text-align: center;
}
#konzatu table td {
	padding: 3px;
	border:1px solid #CFCFCF;
	vertical-align:middle;
	line-height:1.2em;
	text-indent: 0;
	text-align: center;
}
#konzatu .cmn_txtright {
	text-align: right;
	padding: 4px 0;
}
#konzatu .date {
	float: right;
}
#konzatu .cmn_attention {
	padding: 0 10px;
	margin: 0 0px 10px 0px;
	border:1px solid #CFCFCF;
	background-color:#F5F4F4;
	line-height:1.3em;
	text-indent: 0;
}
#konzatu .cmn_attention ul {
	margin: 0;
}
#konzatu .cmn_attention ul li {
	background-image:url(/su_img/jimu/bg_attention_list.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
}
#konzatu .cmn_attention li.cmn_li_end {
	background-image:none;
}
#konzatu .cmn_ex {
	padding-left: 20px;
	text-indent: -20px;
}
#konzatu .cmn_ex .cmn_icon {
	width:15px;
	height:15px;
	background-position: -14px 0;
}
#konzatu .cmn_icon {
	background-image:url(/otasuke/common/images/sprite_icon.png);
	margin-left:0;
	margin-right:5px;
	position:relative;
	vertical-align: middle;
	width:15px;
	height:15px;
	background-position: -14px 0;
}
#konzatu .cmn_attentiontxt {
	color: #cc0000;
}

/*　追加 2011/09/27　*/
#customer #bodycontainer ul.topNavi {
	margin: 8px 0 0;
	padding: 10px 0;
	border-bottom: 1px dotted #c3c3c3;
}
#customer #bodycontainer ul.topNavi li {
	float: left;
	min-height: 18px;
	margin-right: 20px;
	padding-left: 19px;
	background: url(/otasuke/service/images/sprite.png) -641px -245px no-repeat;
}
*:first-child+html #customer #bodycontainer ul.topNavi li {
	background-position: -641px -246px;
}
* html #customer #bodycontainer ul.topNavi li {
	background-position: -641px -246px;
}


/*　サービス仕様変更のお知らせ　追加 2012/02/13　*/
#news20120213 #mainContents {
	width: 655px;
	float: right;
	font-size: 105%;
	color:#333333;
}
#news20120213 #mainContents h1 {
	margin-bottom: 25px;
}
#news20120213 #mainContents #monthly {
	margin-bottom: 20px;
}
#news20120213 #mainContents #monthly h2 {
	margin-bottom: 15px;
}
#news20120213 #mainContents #monthly p {
	padding: 0px 15px;
	line-height: 1.4em;
}
#news20120213 #mainContents #monthly img.pageImg {
	display:block;
	margin:20px auto 20px;
}
* html #news20120213 #mainContents #monthly img.pageImg {
	margin:20px auto 10px;
}
*:first-child+html #news20120213 #mainContents #monthly img.pageImg {
	margin:20px auto 10px;
}
#news20120213 #mainContents #monthly img.pageImg2 {
	display:block;
	margin:20px auto;
}
* html #news20120213 #mainContents #monthly img.pageImg2 {
	margin:10px auto 20px;
}
*:first-child+html #news20120213 #mainContents #monthly img.pageImg2 {
	margin:10px auto 20px;
}


#news20120213 #mainContents #infoTitle {
	height:1.4em;
	margin:15px auto 0;
	padding:0 15px;
}
#news20120213 #mainContents #infoTitle span {
	height:16px;
	padding-left:5px;
	border-left: 6px solid #0080cf;
}

#news20120213 #mainContents #monthly ul.rkList_news01 li {
	padding-left: 2.4em;
	padding-bottom: 0.2em;
}
#news20120213 #mainContents #monthly ul.rkList_news02 li {
	padding-left: 2.4em;
	padding-bottom: 0.2em;
}
#news20120213 #mainContents ul.note_news {
	list-style-type: disc;
	margin-left: 32px;
	margin-right: 20px;
	padding:0 0 20px 0;
}
#news20120213 #mainContents ul.note_news li {
	padding: 0;
	line-height: 1.4em;
}

#news20120213 #mainContents ul.note_news_table {
	list-style-type: disc;
	margin-left: 15px;
	margin-right: 20px;
	padding:0 0 20px 0;
}


#news20120213 #mainContents table.attentionTable {
	margin:0px 15px 10px;
	text-indent: 0;
}
#news20120213 #mainContents table.attentionTable th {
	padding:10px 13px;
	border:1px solid #CFCFCF;
	background-color:#F5F4F4;
	vertical-align:middle;
	text-indent: 0;
	text-align:center;
	font-weight:bold;
}
#news20120213 #mainContents table.attentionTable td.box01,
#news20120213 #mainContents table.attentionTable td.box03{
	padding:10px 13px;
	border:1px solid #CFCFCF;
	text-align:left;
	vertical-align:middle;
	line-height:1.2em;
	text-indent: 0;
}
#news20120213 #mainContents table.attentionTable td.box02{
	padding:10px 13px;
	text-align:left;
	vertical-align:middle;
	line-height:1.2em;
	text-indent: 0;
}
#news20120213 #mainContents p {
	line-height: 140%;
	font-size: 105%;
	padding: 0 8px;
}


/* 規約用 追加 2012/02/13----------------------------*/
body#agreement #kiyaku {
	width: 645px;
	margin:0 10px;
	padding:0;
	text-align:left;
}
body#agreement #kiyaku p {
	padding:0px 0 0 15px;
	line-height:1.3em;
}
body#agreement #kiyaku h1 {
	padding:0 0 0 10px;
	font-weight: bold;
	font-size:105%;
}
body#agreement #kiyaku h2 {
	padding:10px 0 0 10px;
	font-weight:normal;
}
body#agreement #kiyaku dl {
	padding:10px 5px 0px 15px;
	margin:0;
	line-height:1.3em;
}
body#agreement #kiyaku dl dt {
	width: 1em;
	float: left;
}
body#agreement #kiyaku dl dd {
	margin-left: 1em;
}
body#agreement #kiyaku dl.pat2 {
	padding:10px 5px 0px 15px;
	margin:0;
	line-height:1.3em;
}
body#agreement #kiyaku dl.pat2 dt {
	width: 1.6em;
	float: left;
}
body#agreement #kiyaku dl.pat2 dd {
	margin-left: 1.6em;
}
body#agreement #kiyaku p.endTxt {
	padding:20px 0 20px 15px;
	line-height:1.3em;
	text-align:right;
}

#agreement #mainContents {
	width: 655px;
	float: right;
	font-size: 105%;
	color:#333333;
}

#agreement #mainContents h1 {
	margin-bottom: 15px;
}

#agreement #mainContents h2 {
	margin-bottom: 15px;
}
#agreement.otReadMe {
	margin-top: 15px;
}
#agreement.otReadMe .readMeBox {
	margin-top:15px;
	padding:0 10px;
}
#agreement.otReadMe .readMeBox table.attentionTable {
	margin:0px 15px 10px;
	border:1px solid #CFCFCF;
	text-indent: 0;
}
#agreement.otReadMe .readMeBox table.attentionTable th {
	padding:10px 13px;
	border:1px solid #CFCFCF;
	background-color:#F5F4F4;
	vertical-align:middle;
	text-indent: 0;
}
#agreement.otReadMe .readMeBox table.attentionTable td {
	padding:10px 13px;
	border:1px solid #CFCFCF;
	text-align:left;
	vertical-align:middle;
	line-height:1.2em;
	text-indent: 0;
}
#agreement dl {
	padding:0 15px 15px 15px;
	margin:0;
	line-height:1.5em;
}
#agreement.otReadMe .readMeBox dl dt {
	width: 1em;
	float: left;
}
#agreement.otReadMe .readMeBox dl dd {
	margin-left: 1em;
}
#agreement #otIframe {
	margin: 0 0 20px 10px;
}

/* lnavi ----------------------------2011/09/28追加----*/
.before_subscribe { font-size:12px; }    /*16px相当*/


/*/otasuke/customer/index.html*/

.num{
	list-style-type:decimal !important;
	list-style-position:inside;
	margin:10px 0 20px 10px;
	line-height:1.5em;
	font-weight:bold;
}
	
.indent{
	text-indent:-1.5em;
	margin:15px 10px 20px 1.5em;
}


.mt-10{
	margin-top:10px;
}
.mt-20{
	margin-top:20px;
}

.ml-10{
	margin-left:10px;
}

.ml-20{
	margin-left:20px;
}



/* 2017/05/26 スマホ遠隔統合対応 -----------------------------------------*/

.smprs {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin-bottom:2em;}
.smprs th {
  font-weight: bold;
  background: #efefef; }
.smprs th, .smprs td {
  border: 1px solid #ccc;
  border-collapse: collapse; }
.smprs th, .smprs td {
  padding: 10px; }
.smprs td ul {
  list-style: disc;
  margin-left: 2em; }

#remotesupport .th {
  width: 20%; }
#remotesupport .and, #remotesupport .ios {
  width: 40%; }

.mb2{
    margin-bottom:2em;
}
.smprsul{
  list-style: disc;
  margin-left: 2em; }