@charset "shift_jis";
/*###################################################################### 
CssName ：base_style.css
更新    ：2016/05/09 Ver1.10
######################################################################*/

/* ---------------------------------------------------------------------
 Reset
--------------------------------------------------------------------- */
body {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,pre,address,em,strong,th,ins {
	font-size:100%;
	font-style:normal;
}

h1,h2,h3,h4,h5,h6,pre,address,ul,ol,li,dl,dt,dd,form,legend {
	margin:0;
	padding:0;
}

p {
	font-size:100%;
	padding:0;
    margin:0 0 .75em 0;
}

table {
	font-size:100%;
	border-collapse:collapse;
	border:0;
}

th {
	text-align:left;
}

input,select,textarea {
	vertical-align:middle;
}

img {
	border:0;
}

ul {
	font-size:100%;
	list-style:none;
}

br {
	letter-spacing: 0;
}

/* ---------------------------------------------------------------------
 全体
--------------------------------------------------------------------- */
body {
	text-align:center;
	background:#fff;
	color:#333;
	line-height: 1.6;
	font-style: normal;
	font-weight: normal;
	font-size:100%;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
}

a:link,a:visited {
	color:#3366cc;
	text-decoration:none;
}

a:hover {
	color:#3366cc;
	text-decoration:underline;
}

a:active {
	color:#3366cc;
	text-decoration:none;
}


pre, blockquote {
	font-size:100%;
	background-color:#F0F6FC;
	border:1px solid #CCCCCC;
	display:block;
	margin:1em 0;
	overflow-x:auto;
	padding:5px 10px;
	white-space:pre;
}

.details1 #main_contents pre,
.details1 #main_contents blockquote {
	width:608px !important;
	width:610px;
}

.details1 #main_contents .step pre,
.details1 #main_contents .step blockquote {
	width:578px !important;
	width:580px;
}

.details2 #main_contents pre,
.details2 #main_contents blockquote {
	width:448px !important;
	width:470px;
}

.details2 #main_contents .step pre,
.details2 #main_contents .step blockquote {
	width:420px !important;
	width:440px;
}

.clear {
	clear:both;
}

.gotop {
	clear:both;
	text-align:right;
	font-size:85% !important;
	font-size:80%;
	margin:10px 0;
}

.arrow1 {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 10px;
	margin:0;
}

.arrow2 {
	background: url(/img/icon_arrow_02.gif) 0 7px no-repeat;
	padding:2px 0 2px 10px;
	margin:0;
}

span.arrow1 {
	background: url(/img/icon_arrow_01.gif) 0 5px no-repeat;
}

span.arrow2 {
	background: url(/img/icon_arrow_02.gif) 0 5px no-repeat;
}

.pdf {
	background:url(/img/pdficons.gif) 0 2px no-repeat;
	padding:7px 0 7px 30px;
	margin-bottom:3px;
}

.center_btn {
	text-align:center;
	margin:10px 0 20px;
}


.line {
	border-bottom:1px solid #999;
	padding-bottom:10px;
}

/* --- カラー --- */
.red {color:#CC0000}
.blue {color:#003399}
.sky {color:#6699CC}
.green {color:#006600}
.white {color:#FFFFFF}
.gray {color:#666666}
.black {color:#333333}

/* --- フォントサイズ --- */
.t_small {font-size:85%}

/* --- テーブルカラー --- */
.tr1 {background:#FFFFFF}
.tr2 {background:#F3F3F3}

.t_gray_0 {background:#e4e6e1;}
.t_gray {background:#ededed;}
.t_blue {background:#c6dff7;}
.t_green {background:#c6e2a9;}
.t_yellow {background:#eae6a3;}
.t_pink {background:#f3c4c0;}

.t_gray_lt {background:#f3f3f3;}
.t_blue_lt {background:#e3edf6;}
.t_green_lt {background:#eff7e8;}
.t_yellow_lt {background:#f7f7e8;}
.t_pink_lt {background:#f7e9e8;}

/* --- シリーズ・コースー カラー --- */
.s_as {background:#ead973} /* オルテビス */
.s_b1 {background:#e5e56e} /* ビジネス1 */
.s_b2 {background:#f2f2bc} /* ビジネスコース */
.s_lb {background:#a6e398} /* ライトビジネス */
.s_gt {background:#ABE4EF} /* ギガント */
.s_gt2 {background:#9bc3d7} /* ギガント2 */
.s_gtm {background:#ead973} /* ギガントmini */
.s_ub {background:#daaf99} /* ウルトラビジネス */
.s_ub2 {background:#daaf99} /* ウルトラビジネス2 */
.s_gb {background:#bfabe2} /* ギガビジネス */
.s_gp {background:#9fa3f1} /* ギガビジネスプラス */
.s_mjr1 {background:#F48D31} /* エコノミー・シリーズ */
.s_mjr2 {background:#FFCC66} /* エコノミー・シリーズ（メジャー） */
.s_ent {background:#FFEA95} /* エコノミー・シリーズ（エントリー） */
.s_biz {background:#829FE3} /* ビズ・シリーズ */
.s_val {background:#E8F9FD} /* ビズ・シリーズ（バリュー） */
.s_std {background:#CBE3FE} /* ビズ・シリーズ（スタンダード） */
.s_spr {background:#9DC5F4} /* ビズ・シリーズ（スーパー） */

.s_bz2 {background:#c0cadc} /* ビズ２ */
.s_bz2_lb {background:#6fc644;color:#fff} /* ビズ２・ライトビズ */
.s_bz2_s {background:#17b6ea;color:#fff} /* ビズ２・スモールビズ */
.s_bz2_m {background:#4a75d8;color:#fff} /* ビズ２・ミディアムビズ */
.s_bz2_l {background:#536a95;color:#fff} /* ビズ２・ラージビズ */

.s_es3 {background:#f9bbbc} /* エンタープライズ３*/
.s_es31 {background:#C54F27;color:#fff} /* エンタープライズ３・31 */
.s_es32 {background:#B4292D;color:#fff} /* エンタープライズ３・32 */
.s_es33 {background:#A62445;color:#fff} /* エンタープライズ３・33 */

.s_eb {background:#B5DD84} /* エントリービズ */
.s_bgs {background:#b4b5ef} /* ビギーガ */
.s_bgs2 {background:#f0f0ff} /* ビギーガ2 */
.s_es1 {background:#efbeba} /* エンタープライズ */
.s_es2 {background:#f5d9d7} /* エンタープライズコース */
.s_gl1 {background:#cac8af} /* ギャラクティカ */
.s_gl2 {background:#ebead8} /* ギャラクティカコース */

.s_kyoyu {background:#aaaaaa;color:#fff;font-weight:bold} /* 共有サーバ */
.s_senyo {background:#94314a;color:#fff;font-weight:bold} /* 専用サーバ */

/* --- 契約ログインボタン --- */
.keiyaku_login a {
	width:230px;
	height:35px;
	display:block;
	background: url(/img/btn_login_keiyaku.gif) 0 0 no-repeat;
	text-indent:-10000px;
	margin:10px 0 20px;
}

.keiyaku_login a:hover {
	background: url(/img/btn_login_keiyaku.gif) 0 -35px no-repeat;
}

/* ---------------------------------------------------------------------
 サービスラインナップ
--------------------------------------------------------------------- */

.ft-nav-service{
	margin-top:-10px;
	margin-bottom:-20px;
	display:block;
}
.ft-nav-service dl.ft-inner{
	position: relative;
	padding: 30px 0;
}
dl.ft-inner {
	width:860px;
	margin:0 auto;
	border-top:1px solid #000;
	position:relative;
}
dl.ft-inner dt{
	width:780px;
	margin:0 0 10px;
	font-size: 14px;
	text-align: center;
}
dl.ft-inner .btn{
	position: absolute;
	top: 30px;
	right: 0;
}
dl.ft-inner dd{
	overflow: hidden;
}
dl.ft-inner ul{
	overflow: hidden;
}
dl.ft-inner ul li{
	width:117px;
	margin-right:5px;
	text-align:center;
	float: left;
}
dl.ft-inner ul li span,
dl.ft-inner dd.recommand p span{
	display: block;
	font-size:11px;
	line-height: 1.3;
	color:#444;
}
dl.ft-inner a:hover{
	text-decoration: none;
	opacity:0.7;
	transition:linear 0.15s;
}

dl.ft-inner dd.recommand{
	padding:30px 0;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
}
dl.ft-inner dd.recommand div{
	margin:0 0 10px;
	font-size:14px;
}
dl.ft-inner dd.recommand p span{
	margin: 8px 0 0;
}







/* ---------------------------------------------------------------------
 フッター
--------------------------------------------------------------------- */
#footer {
	width:100%;
	text-align:center;
	font-size:85% !important;
	font-size:80%;
	margin:20px 0 0;
}

#footer #footer_inner {
	width:860px;
	margin:0 auto;
	border-top:1px solid #666;
}

#footer .copyright {
	background:url(/img/footer.gif) no-repeat;
	width:235px;
	height:41px;
	text-indent:-10000px;
	margin:10px 0 0 625px;
}

/* ---------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------- */
#header {
	width:100%;
	text-align:center;
	font-size:85% !important;
	font-size:80%;
}

#header #header_inner {
	width:860px;
	text-align:left;
	margin:0 auto;
}

/* ロゴエリア */
#header .header_logo {
	float:left;
	width:410px;
}

/* ヘッダーサブエリア */
#header .header_sub {
	float:left;
	width:450px;
}

/* ロゴエリア:FSロゴ */
#header .header_logo .fsv a {
	float:left;
	width:132px;
	height:49px;
	margin-bottom:21px;
	background:url(/img/logo.gif) no-repeat;
	text-indent:-10000px;
}

/* ロゴエリア:サポートWEBロゴ */
#header .header_logo .support a {
	float:left;
	width:101px;
	height:23px;
	margin-top:26px;
	background:url(/img/title_linux.gif) no-repeat;
	text-indent:-10000px;
}

/* ヘッダーサブエリア:textリンク */
#header .header_sub .header_link1 {
	font-size:80% !important;
	font-size:85%;
	margin:6px 20px 7px 0;
	text-align:right;
}

#header .header_sub .header_link2 {
	/*margin:5px 0 0 215px;*/
	margin:5px 0 0 265px;
}

/* ロゴエリアEC-CUBEサポート */
#header .header_logoec {
	float:left;
	width:550px;
}

/* ヘッダーサブエリアEC-CUBEサポート */
#header .header_subec {
	float:left;
	width:310px;
}

/* ロゴエリア:EC-CUBEサポートFSロゴ */
#header .header_logoec .fsv a {
	float:left;
	width:132px;
	height:49px;
	margin-bottom:21px;
	background:url(/img/logo.gif) no-repeat;
	text-indent:-10000px;
}

/* ロゴエリア:EC-CUBEサポートWEBロゴ */
#header .header_logoec .support a {
	float:left;
	width:283px;
	height:23px;
	margin-top:26px;
	background:url(/ec/img/title_ec.gif) no-repeat;
	text-indent:-10000px;
}

/* ヘッダーサブエリア:EC-CUBEサポートtextリンク */
#header .header_subec .header_link1 {
	font-size:80% !important;
	font-size:85%;
	margin:6px 20px 7px 0;
	text-align:right;
}

#header .header_subec .header_link2 {
	margin:5px 0 0 0px;
}

/* ヘッダーサブエリア:imgリンク */
#header .header_sub .header_link2 .n01 a {
	float:left;
	width:100px;
	height:35px;
	margin-right:15px;
	background:url(/img/navi_self.gif) no-repeat;
	text-indent:-10000px;

}

#header .header_sub .header_link2 .n02 a {
	float:left;
	width:185px;
	height:35px;
	background:url(/ssi-file/img/bn_info.png) no-repeat;
	text-indent:-10000px;
}

#header .header_sub .header_link2 .n02 a:hover {
	opacity:0.8;
}

/* ヘッダーサブエリア:EC-CUBEサポートimgリンク */
#header .header_subec .header_link2 .n01 a {
	float:left;
	width:270px;
	height:35px;
	margin-right:10px;
	background:url(/ec/img/navi_self.gif) no-repeat;
	text-indent:-10000px;

}

/* ヘッダーサブエリア:EC-CUBEサポートimgリンク */
#header .header_subec .header_link2 .n02 a {
	float:left;
	width:270px;
	height:35px;
	margin-right:10px;
	background:url(/ec/img/navi_manage.gif) no-repeat;
	text-indent:-10000px;

}

/*-- ヘッダーバナー有　ここから --*/
/* ロゴエリア */
/*#header .header_logo {
	float:left;
	width:275px;
}*/

/* ヘッダーサブエリア */
/*#header .header_sub {
	float:left;
	width:585px;
}*/

/* ロゴエリア:FSロゴ */
/*#header .header_logo .fsv a {
	float:left;
	width:132px;
	height:49px;
	margin-bottom:21px;
	background:url(/img/logo.gif) no-repeat;
	text-indent:-10000px;
}*/

/* ロゴエリア:サポートWEBロゴ */
/*#header .header_logo .support a {
	float:left;
	width:101px;
	height:23px;
	margin-top:26px;
	background:url(/img/title_linux.gif) no-repeat;
	text-indent:-10000px;
}*/

/* ヘッダーサブエリア:textリンク */
/*#header .header_sub .header_link1 {
	font-size:80% !important;
	font-size:85%;
	margin:6px 20px 3px 0;
	text-align:right;
}*/

/*#header .header_sub .header_link2 {
	margin:0 0 4px;
}


/* ヘッダーサブエリア:imgリンク */
/*#header .header_sub .header_link2 .n01 a {
	float:left;
	width:100px;
	height:35px;
	margin-right:10px;
	background:url(/img/navi_self.gif) no-repeat;
	text-indent:-10000px;
}*/

/*#header .header_sub .header_link2 .n02 a {
	float:left;
	width:125px;
	height:35px;
	background:url(/img/navi_windows.gif) no-repeat;
	text-indent:-10000px;
}*/
/*-- ヘッダーバナー有　ここまで --*/

/* ---------------------------------------------------------------------
 ヘッダー ナビ 
--------------------------------------------------------------------- */
#header_navi {
	width:100%;
	text-align:center;
	font-size:85% !important;
	font-size:80%;
	clear:both;
}

#header_navi #header_navi_inner {
	width:860px;
	text-align:left;
	margin:0 auto;
}

#header_navi li {
	display:inline;
}

#header_navi li a {
	height:33px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-10000px;
}

#header_navi ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*off*/
#header_navi li.navi01 a {
	background:url(/img/header_navi.gif) no-repeat 0px 0px;
	width:143px;
}

#header_navi li.navi02 a {
	background:url(/img/header_navi.gif) no-repeat -143px 0px;
	width:143px;
}

#header_navi li.navi03 a {
	background:url(/img/header_navi.gif) no-repeat -286px 0px;
	width:143px;
}

#header_navi li.navi04 a {
	background:url(/img/header_navi.gif) no-repeat -429px 0px;
	width:143px;
}

#header_navi li.navi05 a {
	background:url(/img/header_navi.gif) no-repeat -572px 0px;
	width:143px;
}

#header_navi li.navi06 a {
	background:url(/img/header_navi.gif) no-repeat -715px 0px;
	width:145px;
}

/*fover,on*/
#header_navi li.navi01 a:hover,
#header_navi li.navi01_on a {
	background:url(/img/header_navi.gif) no-repeat 0px -33px;
	width:143px;
}

#header_navi li.navi02 a:hover,
#header_navi li.navi02_on a {
	background:url(/img/header_navi.gif) no-repeat -143px -33px;
	width:143px;
}

#header_navi li.navi03 a:hover,
#header_navi li.navi03_on a {
	background:url(/img/header_navi.gif) no-repeat -286px -33px;
	width:143px;
}

#header_navi li.navi04 a:hover,
#header_navi li.navi04_on a {
	background:url(/img/header_navi.gif) no-repeat -429px -33px;
	width:143px;
}

#header_navi li.navi05 a:hover,
#header_navi li.navi05_on a {
	background:url(/img/header_navi.gif) no-repeat -572px -33px;
	width:143px;
}

#header_navi li.navi06 a:hover,
#header_navi li.navi06_on a {
	background:url(/img/header_navi.gif) no-repeat -715px -33px;
	width:145px;
}

/* ---------------------------------------------------------------------
 ヘッダー ナビ EC-CUBE用
--------------------------------------------------------------------- */
#header_naviec {
	width:100%;
	text-align:center;
	font-size:85% !important;
	font-size:80%;
	clear:both;
}

#header_naviec #header_navi_inner {
	width:860px;
	text-align:left;
	margin:0 auto;
}

#header_naviec li {
	display:inline;
}

#header_naviec li a {
	height:33px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-10000px;
}

#header_naviec ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*off*/
#header_naviec li.navi01 a {
	background:url(/ec/img/header_navi.gif) no-repeat 0px 0px;
	width:143px;
}

#header_naviec li.navi02 a {
	background:url(/ec/img/header_navi.gif) no-repeat -143px 0px;
	width:143px;
}

#header_naviec li.navi03 a {
	background:url(/ec/img/header_navi.gif) no-repeat -286px 0px;
	width:143px;
}

#header_naviec li.navi04 a {
	background:url(/ec/img/header_navi.gif) no-repeat -429px 0px;
	width:143px;
}

#header_naviec li.navi05 a {
	background:url(/ec/img/header_navi.gif) no-repeat -572px 0px;
	width:143px;
}

#header_naviec li.navi06 a {
	background:url(/ec/img/header_navi.gif) no-repeat -715px 0px;
	width:145px;
}

/*fover,on*/
#header_naviec li.navi01 a:hover,
#header_naviec li.navi01_on a {
	background:url(/ec/img/header_navi.gif) no-repeat 0px -33px;
	width:143px;
}

#header_naviec li.navi02 a:hover,
#header_naviec li.navi02_on a {
	background:url(/ec/img/header_navi.gif) no-repeat -143px -33px;
	width:143px;
}

#header_naviec li.navi03 a:hover,
#header_naviec li.navi03_on a {
	background:url(/ec/img/header_navi.gif) no-repeat -286px -33px;
	width:143px;
}

#header_naviec li.navi04 a:hover,
#header_naviec li.navi04_on a {
	background:url(/ec/img/header_navi.gif) no-repeat -429px -33px;
	width:143px;
}

#header_naviec li.navi05 a:hover,
#header_naviec li.navi05_on a {
	background:url(/ec/img/header_navi.gif) no-repeat -572px -33px;
	width:143px;
}

#header_naviec li.navi06 a:hover,
#header_naviec li.navi06_on a {
	background:url(/ec/img/header_navi.gif) no-repeat -715px -33px;
	width:145px;
}

/* ---------------------------------------------------------------------
 ヘッダー ナビ EC-CUBE用 セルフ用
--------------------------------------------------------------------- */
#header_naviecself {
	width:100%;
	text-align:center;
	font-size:85% !important;
	font-size:80%;
	clear:both;
}

#header_naviecself #header_navi_inner {
	width:860px;
	text-align:left;
	margin:0 auto;
}

#header_naviecself li {
	display:inline;
}

#header_naviecself li a {
	height:33px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-10000px;
}

#header_naviecself ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*off*/
#header_naviecself li.navi01 a {
	background:url(/ec/img/self_header_navi.gif) no-repeat 0px 0px;
	width:172px;
}

#header_naviecself li.navi02 a {
	background:url(/ec/img/self_header_navi.gif) no-repeat -172px 0px;
	width:172px;
}

#header_naviecself li.navi03 a {
	background:url(/ec/img/self_header_navi.gif) no-repeat -344px 0px;
	width:172px;
}

#header_naviecself li.navi04 a {
	background:url(/ec/img/self_header_navi.gif) no-repeat -516px 0px;
	width:170px;
}

#header_naviecself li.navi05 a {
	background:url(/ec/img/self_header_navi.gif) no-repeat -686px 0px;
	width:174px;
}

/*fover,on*/
#header_naviecself li.navi01 a:hover,
#header_naviecself li.navi01_on a {
	background:url(/ec/img/self_header_navi.gif) no-repeat 0px -33px;
	width:172px;
}

#header_naviecself li.navi02 a:hover,
#header_naviecself li.navi02_on a {
	background:url(/ec/img/self_header_navi.gif) no-repeat -172px -33px;
	width:172px;
}

#header_naviecself li.navi03 a:hover,
#header_naviecself li.navi03_on a {
	background:url(/ec/img/self_header_navi.gif) no-repeat -344px -33px;
	width:172px;
}

#header_naviecself li.navi04 a:hover,
#header_naviecself li.navi04_on a {
	background:url(/ec/img/self_header_navi.gif) no-repeat -516px -33px;
	width:170px;
}

#header_naviecself li.navi05 a:hover,
#header_naviecself li.navi05_on a {
	background:url(/ec/img/self_header_navi.gif) no-repeat -686px -33px;
	width:174px;
}


/* ---------------------------------------------------------------------
 パンくずエリア
--------------------------------------------------------------------- */
#navi {
	width:100%;
	text-align:center;
	clear:both;
	font-size:90%;
	margin-top:9px;
}

#navi #navi_inner {
	width:860px;
	text-align:left;
	margin:0 auto;
}

/* パンくず */
#navi .path {
	width:605px;
	float:left;
	font-size:75%;
	padding:5px 10px;
}

/* サイト検索 */
#navi .search {
	width:235px;
	float:right;
	font-size:12px;
}

#navi .search .left {
	width:80px;
	float:left;
}

#navi .search .right form #query {
	width:90px;
}


/* ---------------------------------------------------------------------
 コンテンツエリア：レイアウト
--------------------------------------------------------------------- */
#container {
	width:100%;
	text-align:center;
	font-size:80%;
	clear:both;
	margin-bottom:10px;
}

#container #container_inner {
	width:860px;
	text-align:left;
	margin:0 auto;
	background:url(/img/container_bg.gif) right  repeat-y;
}

#container #alpha,
#container #beta {
	position: relative;
    display: inline;
    float: left;
}

#container #alpha_inner,
#container #beta_inner {
    position: static;
    overflow: hidden;
}

#container #alpha {
    width:675px;
}

#container #beta {
    width:185px;
}

#container #alpha_inner {
	width:645px;
	margin-right:30px;
	padding-bottom:20px;
}

#container #beta_inner {
    width:185px;
	text-align:center;
	padding-bottom:20px;
}


/* ---------------------------------------------------------------------
 コンテンツエリア：サイドメニューエリア
--------------------------------------------------------------------- */
#beta .content {
	margin-bottom:20px;
}

#beta .content p {
	font-size:80%;
	margin-bottom:0.75em;
	padding:0 5px;
}

/* 手続き関連 */
#beta .tetsuzuki {
	margin-bottom:15px;
	border-bottom:1px solid #999;
}

#beta .tetsuzuki h2 {
	background:#969696 url(/img/title_l.gif) 10px center no-repeat;
	margin-bottom:10px;
	padding:3px 5px 3px 30px;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	border-bottom:1px solid #5f5f5f;
	text-align:left;
}

#beta .keiyaku,
#beta .link {
	background:#fff;
	margin:0 7px 10px;
	width:171px;
	text-align:left;
	padding-bottom:10px;
}

#beta h3 {
	text-indent:-10000px;
	width:160px;
	height:30px;
	margin-bottom:3px;
}

#beta .keiyaku h3 {background:url(/img/title_side_keiyaku.gif) 0 0 no-repeat;}
#beta .link h3 {background:url(/img/title_side_link.gif) 0 0 no-repeat;}

#beta .keiyaku .login {
	text-align:center;
	margin:0 10px 10px;
}

#beta .keiyaku .start {
	background:url(/img/icon_start.gif) 5px center no-repeat;
	margin:0 5px;
	padding:3px 0 3px 30px;
	line-height:1.3;
	font-size:90%;
}

#beta .link ul {
	font-size:90% !important;
	font-size:95%;
	padding-left:7px;
}

#beta .link li {
	background: url(/img/menu_arrow_02.gif) no-repeat;
	padding:2px 5px 2px 10px;
	line-height:1.5;
}

#beta .link .dl {
	margin:10px 20px 0;
}

/* 更新手続き */
#beta .announce {
	margin:0 10px 20px;
}

#beta .announce a {
	display:block;
	background:#fee174 url(/img/btn_announce.gif) top no-repeat;
	width:148px !important;
	width:165px;
	padding:20px 5px 1px 10px;
	border:1px solid #e7993b;
	text-align:left;
	color:#000;
	font-weight:bold;
	line-height:1.4;
	text-decoration:none;
}

#beta .announce .font1 {
	font-size:110%;
}

#beta .announce .font2 {
	font-size:120%;
	color:#ff0000;
}

#beta .announce .font3 {
	font-size:90%;
	font-weight:normal;
}

/* セールスパートナーバナー */
.sp {
	width:159px !important;
	width:157px;
	background:#fff;
	border:1px solid #999;
	padding-bottom:3px;
	margin:0 auto 20px;
}

/* 障害情報 */
#beta .tech_news a {
	width:142px !important;
	width:169px;
	padding:4px 0 4px 25px;
	display:block;
	background:#166699 url(/img/btn_tech.gif) 0 center no-repeat;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	margin:5px 8px 10px 8px;
	border:1px solid #333;
}

#beta .tech_news a:hover {
	background:#166699 url(/img/btn_tech.gif) -170px center no-repeat;
}

#beta .tech_text {
	background:#ffffee;
	margin:0 8px 10px;
	text-align:left;
	line-height:1.4;
	border:1px solid #ccc;
	padding:6px;

}

#beta .tech_text .title {
	margin-bottom:5px;
	padding:0 2px 5px 16px;
	line-height:1.3;
	font-weight:bold;
	border-bottom:2px dotted #999;
	background:url(/img/i_caution.gif) 0 0 no-repeat;
}

#beta .tech_text .box {
	padding:3px 3px 0;
}



/* ---------------------------------------------------------------------
 コンテンツエリア：メインエリア_TOPページ
--------------------------------------------------------------------- */
.top .contents {
	margin-bottom:20px;
}

.top .content {
	width:615px;
	margin:0 15px 30px;
}

.top h2 {
	background:#969696 url(/img/title_l.gif) 10px center no-repeat;
	margin-bottom:15px;
	padding:3px 5px 3px 30px;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	border-bottom:1px solid #5f5f5f;
}

.top .title {
	width:615px;
	margin-bottom:10px;
	border-bottom:1px solid #666;
}

.top h3 {
	margin:0;
	padding:1px 0 1px 10px;
	font-size:110%;
}

/* お知らせ */
.top h3.important {
	border-left:5px solid #df1000;
}

.top h3.support {
	border-left:5px solid #000adf;
}

.top h3.new {
	border-left:5px solid #000adf;
	float:left;
}

.top .title .more a {
	background: url(/img/info_more.gif) no-repeat;
	width:121px;
	height:18px;
	float:right;
	text-indent:-10000px;
	margin:0 10px 2px 0;
}

.top .info ul {
	line-height:1.6;
	margin-left:10px;
}

.top .info li {
	padding:2px 0 2px 20px;
}

.top .info li.caution {
	background: url(/img/i_caution.gif) 0 4px no-repeat;
	padding:4px 0 4px 20px;
}

/* 新着情報 */
.top .new_content {
	width:605px;
	padding-bottom:20px;
	border-bottom:1px solid #666;
}

.top .new_content .news {
	padding: 5px 10px 0 15px;
}

.top .new_content .news .day {
	width: 110px;
	float: left;
}

.top .new_content .news .news_title {
	padding-left: 105px;
}

/* RSS読み込み用 */
.sub_tl {
	font-weight:bold;
	margin:0;
	padding: 5px 10px 0 15px;
}
#feed {
	margin:0;
	padding:0 0 0 15px;
	width:605px;
}

#feed .news {
	margin:0;
	padding:5px 0 0 0;
}

#feed .news .day {
	width: 110px;
	float: left;
}

#feed .news .news_title {
	padding-left: 105px;
}


.top .a_btn a {
	width:180px !important;
	width:210px;
	height:24px !important;
	height:30px;
	float:left;
	margin:0 20px 10px 10px;
	padding:6px 0 0 30px;
	display:block;
	background:url(/img/btn_210_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.top .a_btn a:hover {
	background: url(/img/btn_210_blue.gif) -210px 0 no-repeat;
}

.top .info .menu {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 12px;
	margin:5px 0 0 15px;
}

/* セキュリティ情報 */
.top .new_content .sec a {
    width:180px !important;
	width:210px;
	height:24px !important;
	height:30px;
	float:left;
	margin:0 20px 10px 10px;
	padding:6px 0 0 30px;
	display:block;
	background:url(/img/btn_security.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.top .new_content .sec a:hover {
	background: url(/img/btn_security.gif) -210px 0 no-repeat;
}

/* 各種サポートサービス */
.top .service .box a {
	float:left;
	margin:10px 5px 10px 30px;
	background:#ff0;
	width:233px;
	height:114px;
	display:block;
	text-indent:-10000px;
}

.top .service .manual a {
	background:url(/img/btn_manual.gif) 0 0 no-repeat;
}
.top .service .manual a:hover {
	background:url(/img/btn_manual.gif) 0 -114px no-repeat;
}

.top .service .keiyaku a {
	background:url(/img/btn_procedure.gif) 0 0 no-repeat;
}
.top .service .keiyaku a:hover {
	background:url(/img/btn_procedure.gif) 0 -114px no-repeat;
}

.top .service .faq a {
	background:url(/img/btn_faq.gif) 0 0 no-repeat;
}
.top .service .faq a:hover {
	background:url(/img/btn_faq.gif) 0 -114px no-repeat;
}

.top .service .kinou a {
	background:url(/img/btn_fee.gif) 0 0 no-repeat;
}
.top .service .kinou a:hover {
	background:url(/img/btn_fee.gif) 0 -114px no-repeat;
}

/* トラブル解決 */
.top .comment {
	margin:0 15px 20px;
}

.top .trouble .content {
	margin:0 15px 20px;
	padding:5px 0 5px 220px;
	background:url(/img/image_01.gif) 0 0 no-repeat;
}


.top .trouble .menu {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 12px;
}

.top .trouble .content .b_btn a {
	width:90px !important;
	width:120px;
	height:24px !important;
	height:30px;
	padding:6px 0 0 30px;
	display:block;
	background:url(/img/btn_120_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	margin:15px 0 20px;
}

.top .trouble .content .b_btn a:hover {
	background: url(/img/btn_120_blue.gif) -120px 0 no-repeat;
}

/* 初めてご利用になるお客様へ */
.top .start .box {
	margin-bottom:5px;
}

.top .start .box .a_btn a {
	width:180px !important;
	width:210px;
	height:24px !important;
	height:30px;
	float:left;
	margin:0 20px 10px 0;
	padding:6px 0 0 30px;
	display:block;
	background:url(/img/btn_210_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.top .start .box .a_btn a:hover {
	background: url(/img/btn_210_blue.gif) -210px 0 no-repeat;
}

/* Not Found */
.top .not ul {
	margin:20px 0 20px 20px;
}

.top .not ul li {
	list-style:square;
	line-height:1.8;
}


/* 移行案内エリア(TOP) */

.migration-area{
	background:#FFF;
	padding:10px 0;
	font-family:"メイリオ",Meiryo,sans-serif,"ＭＳ Ｐゴシック";
}
.migration-area .inner{
	background:url(/img/img_migration.png) no-repeat 20px 30px;
	padding:20px 26px;
	border:10px solid #1C448E;
	overflow:hidden;
}
.migration-area h3{
	padding-top:5px;
	text-align:center;
	font-size:25px;
	color:#1A448C;
	font-weight:normal;
}
.migration-area h3 + p{
	text-align:center;
	line-height:1.35;
	font-size:15px;
	color:#1A448C;
}

.migration-area .left-box,
.migration-area .right-box{
	width:390px;
}
.migration-area .left-box{
	float:left;
}
.migration-area .right-box{
	float:right;
}
.migration-area p.btn{
	margin-bottom:7px;
}
.migration-area p.btn a{
	display:table-cell;
	vertical-align:middle;
	background:#20ADE5 url(/img/icon_blank.png) no-repeat right 30px top 50%;
	width:250px;
	padding:5px 0;
	text-align:center;
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-decoration:none;
}
.migration-area p.btn a:hover{
	opacity:0.75;
}
.migration-area ul{
	background:#BCE6F7;
	min-height:160px;
	padding:20px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
}
.migration-area li{
	font-size:11px;
	line-height:1.3;
}
.migration-area li:nth-child(1){
	margin-bottom:5px;
}
.migration-area li.left{
	float:left;
	width:125px;
}
.migration-area li.right{
	float:left;
}
.migration-area li.right + li{
	clear:both;
}

.migration-area .left-box p.btn{
	margin-left:140px;
}
.migration-area .right-box p.btn a{
	background:#9CC93A url(/img/icon_blank.png) no-repeat right 30px top 50%;
}
.migration-area .right-box ul{
	background:#E1EFC4;
}

/* 移行案内エリア(共通パーツ) */

.migration-part{
	font-family:"メイリオ",Meiryo,sans-serif,"ＭＳ Ｐゴシック";
}
.migration-part .inner{
	background:url(/img/img_migration_s.png) no-repeat 20px 10px;
	width:800px;
	margin:20px auto 0;
	padding:15px;
	border:8px solid #1C448E;
	overflow:hidden;
	position:relative;
}
.migration-part h3{
	width:420px;
	text-align:center;
	font-size:20px;
	color:#1A448C;
	font-weight:normal;
	position:absolute;
	left:135px;
	top:25px;
}
.migration-part h3 + p{
	width:420px;
	text-align:center;
	line-height:1.25;
	font-size:14px;
	color:#1A448C;
	position:absolute;
	left:135px;
	top:60px;
}
.migration-part p.btn {
	width:270px;
	margin:0 0 5px;
	float:right;
}
.migration-part p.btn + p.btn {
	clear:both;
}

.migration-part p.btn a{
	display:table-cell;
	vertical-align:middle;
	background:#20ADE5 url(/img/icon_blank.png) no-repeat right 45px top 15px;
	width:270px;
	padding:8px 0;
	text-align:center;
	line-height:1.2;
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-decoration:none;
}
.migration-part p.btn a:hover{
	opacity:0.75;
}
.migration-part p.btn + p.btn a{
	background:#9CC93A url(/img/icon_blank.png) no-repeat right 60px top 15px;
}
.migration-part p.btn a span.small{
	display:block;
	font-size:10px;
	font-weight:normal;
}


/* 新・ニュースタイトル */

.top h2.news_title {
	background:#EDEDED;
	height:48px;
	padding:0;
	margin-bottom:20px;
	border:1px solid #CCCCCC;
	font-weight:bold;
	font-size:14px;
	color:#303F49;
	vertical-align:middle;
	line-height:42px;
}
.top h2.news_title span:before{
	display:inline-block;
	content:"■";
	text-indent:-9999em;
	border-left:5px solid #2E44AF;
	height:40px;
	margin:4px 8px 4px 4px;
	width:5px;
}

.top h2.news_title span.sub_navi {
	margin:4px 15px 0 0;
	float:right;
}
.top h2.news_title span.sub_navi a{
	background:url(/img/icon_arrow_01.gif) no-repeat left center;
	padding:0 0 0 10px;
	color:#303F49;
	font-size:13px;
	font-weight:normal;
}
.top h2.news_title span.sub_navi:before{
	display:none;
}

/* 新・お知らせエリア */

h2.news_title + .content div{
	margin-left:-10px;
}
h2.news_title + .content ul {
	margin:0;
}
h2.news_title + .content li {
	margin-bottom:18px;
	padding:0;
}
h2.news_title + .content li a:after{
	display:block;
	content:"";
}
h2.news_title + .content span{
	display:inline-block;
	background:#2E44AF;
	min-width:100px;
	min-height:20px;
	margin-left:5px;
	padding:0;
	line-height:21px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	color:#FFF;
	border-radius:3px;
}
h2.news_title + .content span.cat_syogai{
	background:#F4160F;
}
h2.news_title + .content span.cat_mente{
	background:#777;
}


/* EC-CUBEサーバー TOP用特別記述 */

.top .mokuteki .title_blue {
	border-top:5px solid #7fb1e6;
	padding:5px 10px;
	background:url(/img/title_line1.gif) bottom repeat-x;
	color:#003366;
	font-weight:bold;
	font-size:110%;
}

.top .mokuteki .title_green {
	border-top:5px solid #99cccc;
	padding:5px 10px;
	background:url(/img/title_line2.gif) bottom repeat-x;
	color:#003333;
	font-weight:bold;
	font-size:110%;
}

.top .mokuteki .sub_content {
	width:47% !important;
	width:45%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	float:left;
	margin:0 2% 10px 0 !important;
	margin:0 2% 0 0;
	padding:0;
}

.top .mokuteki .sub_content0 {
	width:96% !important;
	width:100%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0 2% 10px 0;
}

.top .mokuteki ul {
	padding:5px 10px;
}

.top .mokuteki ul li {
	background: url(/img/icon_arrow_01.gif) 0 8px no-repeat;
	padding:2px 0 2px 12px;
}

.top .mail_first .sub_content0 {
	width:96% !important;
	width:99%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0 0 15px;
}

.top .mail_first .sub_content0 .left {
	float:left;
	width:30%;
	padding:5px 10px;
}

.top .mail_first .sub_content0 .right {
	float:right;
	width:55%;
	padding:5px 10px;
}

.top .mail_first .sub_content,
.top .mail_trouble .sub_content {
	width:47% !important;
	width:45%;
	float:left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:0 2% 15px 0;
}

.top .mail_first .title_blue {
	border-top:5px solid #7fb1e6;
	padding:5px 10px;
	background:url(/img/title_line1.gif) bottom repeat-x;
	color:#003366;
	font-weight:bold;
	font-size:110%;
}

.top .mail_first .title_green {
	border-top:5px solid #99cccc;
	padding:5px 10px;
	background:url(/img/title_line2.gif) bottom repeat-x;
	color:#003333;
	font-weight:bold;
	font-size:110%;
}

.top .mail_first .sub_content0 .comt {
	padding: 5px 10px;
}

.top .mail_first ul,
.top .mail_trouble ul {
	padding:5px 10px;
}

.top .mail_first ul li,
.top .mail_trouble ul li {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 10px;
}

.top .mail_first .start {
	margin:auto 48px;
}

.top .mail_first .start a {
	background:url(/img/btn_start.gif) 0 0 no-repeat;
	width:130px !important;
	width:180px;
	height:29px !important;
	height:40px;
	padding:11px 5px 0 45px;
	color:#000;
	display:block;
	text-decoration:none;
}

.top .mail_first .start a:hover {
	background:url(/img/btn_start.gif) -180px 0 no-repeat;
}

.top .tetsuzuki .text {
	float: right;
	width:300px;
}

.top .tetsuzuki .keiyaku_login a {
	float:left;
	margin:0 20px 10px 0;
}

.top .tetsuzuki .text {
	float: right;
	width:300px;
}

.top .tetsuzuki .comment {
	margin:0 15px 20px;
}

.top .tetsuzuki .menu {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 12px;
}

.top .tetsuzuki .btn a {
	width:215px !important;
	width:245px;
	height:25px !important;
	height:30px;
	margin:0 30px 15px 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_245_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	float:left;
}

.top .tetsuzuki .btn a:hover {
	background: url(/img/btn_245_blue.gif) -245px 0 no-repeat;
}

/*.top .tetsuzuki .sub_content ul {
	padding:3px 10px 10px;
}

.top .tetsuzuki .sub_content p {
	padding:0 10px;
	margin:0;
}*/



/* ---------------------------------------------------------------------
 コンテンツエリア：メインエリア_カテゴリページ
--------------------------------------------------------------------- */
.category #path_title {
	background:#969696 url(/img/title_l.gif) 10px center no-repeat;
	margin-bottom:15px;
	padding:3px 5px 3px 30px;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	border-bottom:1px solid #5f5f5f;
}

.category #taiou {
	margin:10px 5px 20px 25px;
	padding:5px 10px;
	border:1px dotted #006600;
	line-height:1.5;
}

.category #taiou .title {
	font-weight:bold;
}

.category #taiou .course {
	margin:5px 0 0;
	color:#006600;
}

.category #taiou p {
	font-size:85%;
	margin:10px 0 0;
}

.category #summary {
	margin:0 5px 30px 25px;
}

.category #summary .bold {
	font-weight:bold;
	color:#003399;
	font-size:120%;
}

.category #summary img {
	margin-left:100px;
}

.category h2 {
	padding:1px 5px 1px 8px;
	border-left:7px solid #003399;
	font-size:120%;
	margin:0 0 10px;
	color:#003399;
	line-height:1.3;
}

.category h3 {
	font-size:120%;
	margin:0 0 10px;
}

.category .contents {
	margin:0 15px 25px;
}

.category .content {
	margin-left:15px;
}

.category .arrow1 {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 10px;
	margin:0;
}

.category .arrow1 {
	background: url(/img/icon_arrow_01.gif) 0 7px no-repeat;
	padding:2px 0 2px 10px;
	margin:0;
}

.category .contents img {
	margin-bottom:10px;
}

.category table {
	border-top:1px solid #999;
	border-right:1px solid #999;
	width:100% !important;
	width:95%;
	font-size:100%;
}

.category th,
.category td {
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	padding:5px;
	vertical-align:top;
}

.category th {
	font-weight: normal;
}

/* 注意 */
.category .caution {
	border:1px solid #FF0000;
	padding:0 5px;
	margin:10px 15px 15px;
}

.category .caution .title {
	background:url(/img/i_caution.gif) 2px center no-repeat;
	padding:4px 0 4px 20px;
	margin-bottom:2px;
	font-size:115%;
	font-weight:bold;
}

.category .caution .box {
	padding:0 5px 5px;
}

.category .caution ul {
	margin:0 0 0 20px;
}

.category .caution li {
	list-style:square;
}

.category #summary .caution {
	margin:20px 0;
}

/* 注目背景色 */
.category .important {
	background:#f5f5f5;
	padding:10px;
	margin-bottom:20px;
}

.category .important .title {
	font-size:110%;
	font-weight:bold;
}

.category .important ul {
	margin:0 0 0 20px;
	line-height:1.4;
}

.category .important ul li {
	list-style:square;
	margin-bottom:0.5em;
}

.category .important ul.li_arrow1,
.category .important ul.li_arrow2 {
	margin:0;
	line-height:1.4;
}

.category .important ul.li_arrow1 li,
.category .important ul.li_arrow2 li {
	list-style: none;
}

/* コラプシブルパネル */
.panel_summary {
	padding-left:15px;
	margin-bottom:10px;
}

.CollapsiblePanel_wide .CollapsiblePanelTab {
	padding:2px;
	width:60px;
	cursor:pointer;
	text-align:center;
	background:#2db1e8 url(/img/btn_base2.gif) 0 bottom repeat-x;
	color:#fff;
	margin-bottom:10px;
}

.CollapsiblePanel_wide .CollapsiblePanelOpen,
.CollapsiblePanel_wide .CollapsiblePanelTabHover {
	background:#2db1e8 url(/img/btn_base2_hover.gif) 0 top repeat-x;
}

.CollapsiblePanel_wide {
	margin:0 0 40px 15px;
}

/* ---------------------------------------------------------------------
 コンテンツエリア：メインエリア_詳細ページ_レイアウト
--------------------------------------------------------------------- */
/* 2カラム */
.details1 #main_contents {
	width:645px;
}

/* 3カラム */
.details2 #main_contents {
	width:505px;
    float: right;
}

.details2 #gamma {
	width:140px;
    float: left;
}

.details2 #main_contents_inner {
	width:485px;
	margin-left:20px;
}

.details2 #gamma_inner {
	margin-bottom:20px;
	width:140px;
	font-size:90%;
}

/* 2カラム、3カラム　共通 */
.details1 #path_title,
.details2 #path_title {
	background:#969696 url(/img/title_l.gif) 10px center no-repeat;
	margin-bottom:15px;
	padding:3px 5px 3px 30px;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	border-bottom:1px solid #5f5f5f;
}

/* ---------------------------------------------------------------------
 コンテンツエリア：メインエリア_詳細ページ
--------------------------------------------------------------------- */
/* ------------------------------------
 メインエリア_詳細ページ：サイドエリア
------------------------------------ */
#gamma .top a {
	background:#7299e0 url(/img/btn_top.jpg) bottom no-repeat;
	padding:5px;
	width:130px !important;
	width:140px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-top:1px solid #006699;
	display:block;
}

#gamma .top a:hover {
	background:#7299e0 url(/img/btn_top_hover.jpg) bottom no-repeat;
}

#gamma .step {
	background:#ffc855;
	padding:5px;
	font-weight:bold;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	width:128px !important;
	width:140px;
}

#gamma ul {
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	width:138px !important;
	width:140px;
}

#gamma li {
	border-bottom:1px solid #999;
}

#gamma li.on {
	padding:5px;
	background:#ffffcc;
}

#gamma li a {
	padding:5px;
	background:#f0f0f0;
	display:block;
	text-decoration:none;
	color:#333;
}

#gamma li a:hover {
	background:#ffffcc;
}

/* ------------------------------------
 メインエリア_詳細ページ：メインエリア
------------------------------------ */
#main_contents h1 {
	padding:15px 5px 2px 15px;
	margin:0 0 25px 0;
	line-height:1.5;
	font-size:140%;
	color:#464646;
	background:url(/img/title_h1.gif) top repeat-x;
}

#main_contents #summary {
	margin:0 5px 40px 15px;
}

#main_contents #summary ul {
	margin:10px 0 15px 20px;
}

#main_contents #summary ul li {
	list-style:square;
	margin-bottom:0.75em;
}

#main_contents #summary table {
	border-top:1px solid #999;
	border-right:1px solid #999;
	font-size:100%;
	width:100% !important;
	width:95%;
}

#main_contents #summary .pagein_menu ul {
	margin:20px 0 30px;
	padding-bottom:20px;
}

#main_contents #summary .pagein_menu ul li {
	list-style:none;
	background:transparent url(/img/anchor_arrow.gif) no-repeat scroll 2px center;
	float:left;
	padding:2px 0 2px 20px;
	width:200px !important;
	width:220px;
	margin:0;
}

#main_contents #summary-top {
	padding:20px 5px 2px 15px;
	margin:0 0 25px 0;
	background:url(/img/title_h1.gif) top repeat-x;
}

#main_contents #taiou {
	margin:10px 5px 30px 15px;
	padding:5px 10px;
	border:1px dotted #006600;
	line-height:1.5;
}

#main_contents #taiou .title {
	font-weight:bold;
}

#main_contents #taiou .course {
	margin:5px 0 0;
	color:#006600;
}

#main_contents #taiou p {
	font-size:85%;
	margin:10px 0 0;
}


#main_contents .important {
	background:#f5f5f5;
	padding:10px;
	margin-bottom:20px;
}

#main_contents .important2 {
	padding:10px;
	margin-bottom:20px;
}

#main_contents .important .title {
	font-size:110%;
	font-weight:bold;
}
 
#main_contents .important ol,
#main_contents .important ul {
	margin:0 0 0 20px;
	line-height:1.4;
}

#main_contents .important ul li {
	list-style:square;
	margin-bottom:0.5em;
}

#main_contents .important ul.li_arrow1,
#main_contents .important ul.li_arrow2 {
	margin:0;
	line-height:1.4;
}

#main_contents .important ul.li_arrow1 li,
#main_contents .important ul.li_arrow2 li {
	list-style: none;
}

#main_contents h2 {
	font-size:110%;
	border-left:8px solid #003399;
	border-bottom:1px solid #003399;
	padding:2px 0 2px 7px;
	margin-bottom:10px;
	color:#003399;
	line-height:1.3;
}

#main_contents h3 {
	font-size:110%;
	margin-bottom:5px;
	color:#5270b2;
	line-height:1.3;
}

#main_contents h4 {
	font-size:105%;
	margin: 0 0 5px;
	color:#6699cc;
	padding-left:5px;
	border-bottom:1px dotted #6699cc;
	line-height:1.3;
}

#main_contents .content {
	padding-left:15px;
	margin-bottom:40px;
}

#main_contents div.content2 {
	margin-bottom:15px;
	padding:0;
}

#main_contents .sub_content {
	margin:5px 0 25px;
}

#main_contents ul,
#main_contents ol {
	margin:10px 0 20px 20px;
}

#main_contents ul li {
	list-style:square;
	margin-bottom:0.5em;
}

#main_contents ol li {
	margin-bottom:0.75em;
}

#main_contents ul.li_arrow1,
#main_contents ul.li_arrow2 {
	margin:5px 0 20px;
}

#main_contents ul.li_arrow1 li {
	list-style: none;
	background: url(/img/icon_arrow_01.gif) 0 8px no-repeat;
	padding:2px 0 2px 10px;
	margin:0;
}

#main_contents ul.li_arrow2 li {
	list-style: none;
	background: url(/img/icon_arrow_02.gif) 0 8px no-repeat;
	padding:2px 0 2px 10px;
	margin:0;
}

#main_contents ul.small li,
#main_contents ol.small li {
	margin-bottom:0.25em;
}

#main_contents img {
	margin:10px 0;
}

#main_contents img.left {
	float:left;
	margin:0 10px 10px 0;
}

#main_contents img.right {
	float:right;
	margin:0 0 10px 10px;
}


#main_contents table ul {
	margin:0 0 0 20px;
}

.details1 #main_contents table li {
	list-style:square;
	margin-bottom:0;
}

.details2 #main_contents table li {
	list-style:square;
	margin-bottom:1em;
}

.details2 #main_contents .CollapsiblePanel_wide {
	margin:0 0 20px;
}


/* サブトップ用ボタン＆文章配置レイアウト */
#main_contents .subtop .box {
	margin-bottom:7px;
}

#main_contents .subtop .btn a {
	width:260px !important;
	width:290px;
	height:24px !important;
	height:30px;
	float:left;
	margin:0 20px 10px 0;
	padding:6px 0 0 30px;
	display:block;
	background:url(/img/btn_290_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

#main_contents .subtop .btn a:hover {
	background: url(/img/btn_290_blue.gif) -290px 0 no-repeat;
}

/* 注意 */
#main_contents .caution {
	border:1px solid #FF0000;
	padding:0 5px;
	margin:10px 0;
}

#main_contents .caution .title {
	background:url(/img/i_caution.gif) 2px center no-repeat;
	padding:4px 0 4px 20px;
	margin-bottom:2px;
	font-size:115%;
	font-weight:bold;
}

#main_contents .caution .box {
	padding:0 5px 5px;
}

#main_contents .caution .box2 {
	padding:0 5px 15px;
}

#main_contents .caution ul {
	margin:0 0 0 20px;
}

#main_contents .caution li {
	list-style:square;
}

#main_contents #summary .caution {
	margin-top:20px;
}

/* STEP1 */
#main_contents .step_title {
	background:#3399cc;
	padding:1px 5px;
	text-align:center;
	width:70px;
	color:#fff;
	margin-bottom:10px;
}

#main_contents .step {
	margin:0 0 20px;
}

#main_contents .step .sub_content {
	margin:0 0 20px;
}

#main_contents .step .list {
	margin-bottom:10px;
	padding:5px 0 5px 25px;
}

#main_contents .step div.no01 {background:url(/img/icon_no01.gif) 0 5px no-repeat}
#main_contents .step div.no02 {background:url(/img/icon_no02.gif) 0 5px no-repeat}
#main_contents .step div.no03 {background:url(/img/icon_no03.gif) 0 5px no-repeat}
#main_contents .step div.no04 {background:url(/img/icon_no04.gif) 0 5px no-repeat}
#main_contents .step div.no05 {background:url(/img/icon_no05.gif) 0 5px no-repeat}
#main_contents .step div.no06 {background:url(/img/icon_no06.gif) 0 5px no-repeat}
#main_contents .step div.no07 {background:url(/img/icon_no07.gif) 0 5px no-repeat}
#main_contents .step div.no08 {background:url(/img/icon_no08.gif) 0 5px no-repeat}
#main_contents .step div.no09 {background:url(/img/icon_no09.gif) 0 5px no-repeat}
#main_contents .step div.no10 {background:url(/img/icon_no10.gif) 0 5px no-repeat}
#main_contents .step div.no11 {background:url(/img/icon_no11.gif) 0 5px no-repeat}
#main_contents .step div.no12 {background:url(/img/icon_no12.gif) 0 5px no-repeat}
#main_contents .step div.no13 {background:url(/img/icon_no13.gif) 0 5px no-repeat}
#main_contents .step div.no14 {background:url(/img/icon_no14.gif) 0 5px no-repeat}
#main_contents .step div.no15 {background:url(/img/icon_no15.gif) 0 5px no-repeat}
#main_contents .step div.no16 {background:url(/img/icon_no16.gif) 0 5px no-repeat}
#main_contents .step div.no17 {background:url(/img/icon_no17.gif) 0 5px no-repeat}
#main_contents .step div.no18 {background:url(/img/icon_no18.gif) 0 5px no-repeat}
#main_contents .step div.no19 {background:url(/img/icon_no19.gif) 0 5px no-repeat}
#main_contents .step div.no20 {background:url(/img/icon_no20.gif) 0 5px no-repeat}


/* STEP2 */
#main_contents .step2 .content {
	padding:0;
	margin:0 0 25px;
}

#main_contents .step2 .title {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:2px solid #ccc;
	border-right:1px solid #ccc;
	margin-bottom:5px;
	font-weight:bold;
	font-size:110%;
}

#main_contents .step2 .title .left {
	float:left;
	background:#3399cc;
	color:#fff;
	padding:2px 0;
	width:70px;
	text-align:center;
}

#main_contents .step2 .title .right a {
	padding:4px 5px 4px 80px;
	display:block;
	color:#666;
	line-height:1.3;
}

#main_contents .step2 .title .right a:hover {
	background:#3399cc;
	color:#fff;
}

#main_contents .step2 .text {
	padding:0 5px 0 80px;
	background:url(/img/bg_arrow.gif) 25px 0 no-repeat;
}
#main_contents .step2 .text_end {
	padding:0 5px 0 80px;
	background:none;
}

#main_contents table {
	border-top:1px solid #999;
	border-right:1px solid #999;
	font-size:100%;
	width:100% !important;
	width:97%;
}

#main_contents .step table {
	width:100% !important;
	width:91%;
	margin-bottom:5px;
}

#main_contents .sub_content table {
	margin-bottom:15px;
}

#main_contents th,
#main_contents td {
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	padding:8px;
	line-height:1.6;
	vertical-align:top;
	font-weight: normal;
}

/* ページャー */
#main_contents #pager {
	text-align:center;
	margin-bottom:40px;
	zoom: 100%;
}

#main_contents #pager:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#main_contents #pager_inner1 {
	margin:0 auto;
	width:130px;
	text-align:left;
}

#main_contents #pager_inner2 {
	margin:0 auto;
	width:270px;
	text-align:left;
}

#main_contents #pager .b_back a {
	width:95px !important;
	width:120px;
	height:25px !important;
	height:30px;
	padding:5px 0 0 25px;
	display:block;
	background: url(/img/btn_back.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	float:left;
	margin:0 5px;
}

#main_contents #pager .b_next a {
	width:110px !important;
	width:120px;
	height:25px !important;
	height:30px;
	padding:5px 0 0 10px;
	display:block;
	background: url(/img/btn_next.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	float:left;
	margin:0 5px;
}

#main_contents #pager .b_back a:hover {
	background: url(/img/btn_back.gif) -120px 0 no-repeat;
}

#main_contents #pager .b_next a:hover {
	background: url(/img/btn_next.gif) -120px 0 no-repeat;
}

/* ボタン */
#main_contents .btn_290 a {
	width:260px !important;
	width:290px;
	height:24px !important;
	height:30px;
	padding:6px 0 0 30px;
	display:block;
	background:url(/img/btn_290_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	margin:5px 0 10px;
}

#main_contents .btn_290 a:hover {
	background: url(/img/btn_290_blue.gif) -290px 0 no-repeat;
}

#main_contents .btn_245 a {
	width:215px !important;
	width:245px;
	height:25px !important;
	height:30px;
	margin:0 10px 15px 0;
	padding:5px 0 0 30px;
	display:block;
	background:url(/img/btn_245_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

#main_contents .btn_245 a:hover {
	background: url(/img/btn_245_blue.gif) -245px 0 no-repeat;
}

#main_contents .btn_140 a {
	width:110px !important;
	width:140px;
	height:23px !important;
	height:30px;
	padding:7px 0 0 30px;
	display:block;
	background:url(/img/btn_140_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	text-align:left;
}

#main_contents .btn_140 a:hover {
	background: url(/img/btn_140_blue.gif) -140px 0 no-repeat;
}

#main_contents .btn_120 a {
	width:90px !important;
	width:120px;
	height:23px !important;
	height:30px;
	padding:7px 0 0 30px;
	display:block;
	background:url(/img/btn_120_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	text-align:left;
}

#main_contents .btn_120 a:hover {
	background: url(/img/btn_120_blue.gif) -120px 0 no-repeat;
}


/* FAQ */
.category .list_faq, 
#main_contents .list_faq {
	margin:15px 0 20px;
}

.category .list_faq li,
#main_contents .list_faq li {
	background: url(/img/icon_q.gif) 0 7px no-repeat;
	padding:2px 0 2px 20px;
	list-style: none;
}

/* --- ca公開キーボタン --- */
.ca_get a {
	width:230px;
	height:35px;
	display:block;
	background: url(/img/btn_ca_get.gif) 0 0 no-repeat;
	text-indent:-10000px;
	margin:10px 0 20px;
}

.ca_get a:hover {
	background: url(/img/btn_ca_get.gif) 0 -35px no-repeat;
}

/* ---------------------------------------------------------------------
 シリーズ変更(3カラム)
--------------------------------------------------------------------- */
#main_contents .before p,
#main_contents .after p {
	font-weight:bold;
	margin:0;
}

#main_contents .before td p,
#main_contents .after td p {
	font-weight: normal;
	margin:0 0 0.5em;
}

#main_contents .before table,
#main_contents .after table {
	line-height:1.6;
}

#main_contents .before {
	background:url(/keiyaku/renew/img/bg_arrow.gif) center bottom no-repeat;
	padding-bottom:35px;
}

#main_contents .btn_submit1 {
	background:url(/keiyaku/renew/img/btn_submit01.gif) no-repeat;
	width:160px;
	height:40px;
	border:none;
	display:block;
	text-indent:-10000px;
	margin:20px 0 30px 160px;
}

#main_contents .btn_submit2 {
	background:url(/keiyaku/renew/img/btn_submit02.gif) no-repeat;
	width:160px;
	height:40px;
	border:none;
	display:block;
	text-indent:-10000px;
	margin:20px 0 30px 160px;
}

#main_contents .btn_submit3 {
	background:url(/keiyaku/renew/img/btn_submit03.gif) no-repeat;
	width:160px;
	height:40px;
	border:none;
	display:block;
	text-indent:-10000px;
	margin:20px 0 30px 160px;
}

#main_contents .answer {
	background:#ececec url(/keiyaku/renew/img/bg_answer.gif) top repeat-x;
	padding-bottom:5px;
	margin-bottom:20px;
}

#main_contents .answer .caution {
	margin:10px 0 20px;
}

#main_contents .answer .caution .box {
	padding:0 5px 5px;
	margin:0;
}

#main_contents .answer .title1 {
	background: url(/keiyaku/renew/img/title_answer01.gif) no-repeat;
	height:40px;
	width:150px;
	margin-bottom:10px;
	text-indent:-10000px;
}

#main_contents .answer .title2 {
	background: url(/keiyaku/renew/img/title_answer02.gif) no-repeat;
	height:40px;
	width:150px;
	margin-bottom:10px;
	text-indent:-10000px;
}

#main_contents .answer .demand {
	background:#fff;
	margin:0 10px 5px;
	padding:5px 10px;
}

#main_contents .answer .box {
	background:#fff;
	margin:0 10px 10px;
	padding:10px 10px 5px;
}

#main_contents .answer h3 {
	margin-bottom:1.25em;
}
#main_contents  .answer .arrow1 {
	margin-bottom:0.75em;
}

#main_contents .answer .box ul {
	margin:5px 0 10px 20px;
}

/* ---------------------------------------------------------------------
 お知らせ&障害メンテナンス(2カラム)
--------------------------------------------------------------------- */
.details1 #main_contents #date {
	text-align:right;
	margin:0 10px 1em 0;
}

.details1 #main_contents #end {
	text-align:right;
	padding-right:10px;
	margin-bottom:20px;
}

#judgment {
	background:#ededed;
	margin:40px 0 20px 15px;
	padding:10px 15px;
}

#judgment .title {
	font-weight:bold;
	border-left:5px solid #003399;
	padding-left:5px;
}

#judgment .result {
	margin:15px 0 5px;
	background:#fff;
	padding:5px;
}


/* ---------------------------------------------------------------------
 Webアプリトップ(2カラム)
--------------------------------------------------------------------- */
#main_contents .app_web {
	text-align:center;
}

#main_contents .app_web th {
	text-align:center;
	padding:10px 0;
	font-weight:bold;
}

#main_contents .app_web td {
	text-align:center;
	padding:10px 0;
}

#main_contents .app_web .btn a {
	width:110px !important;
	width:140px;
	height:23px !important;
	height:30px;
	padding:7px 0 0 30px;
	display:block;
	background:url(/img/btn_140_red.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
	text-align:left;
	margin:0 auto;
}

#main_contents .app_web .btn a:hover {
	background: url(/img/btn_140_red.gif) -140px 0 no-repeat;
}

/* ---------------------------------------------------------------------
 トラブル解決
--------------------------------------------------------------------- */
#main_contents .secure1,
#main_contents .secure2,
#main_contents .secure3,
#main_contents .secure4 {
	padding-right:160px;
	min-height:130px;
	height: auto !important;
	height: 130px;
	margin-bottom:10px;
}

#main_contents .secure1 {background:url(/trouble/secure/img/save.gif) right top no-repeat}
#main_contents .secure2 {background:url(/trouble/secure/img/security.gif) right top no-repeat}
#main_contents .secure3 {background:url(/trouble/secure/img/backup.gif) right top no-repeat}
#main_contents .secure4 {background:url(/trouble/secure/img/unyou.gif) right top no-repeat}

.category_top {
	text-align:center;
	margin:20px 0 40px;
}

.category_top a {
	height:24px !important;
	height:30px;
	padding:6px 0 0 30px;
	display:block;
	color:#333;
	font-size:100%;
	text-decoration:none;
	text-align:left;
	margin:0 auto;
}

.category_top a:link,
.category_top a:visited,
.category_top a:hover,
.category_top a:active {
	color:#333;
	text-decoration:none;
}

.category_top_inner1 a {
	width:130px !important;
	width:160px;
	
	background: url(/img/btn_top1.gif) 0 0 no-repeat;
}

.category_top_inner1 a:hover {
	background:url(/img/btn_top1.gif) -160px 0 no-repeat;
}

.category_top_inner2 a {
	width:200px !important;
	width:230px;
	background: url(/img/btn_top2.gif) 0 0 no-repeat;
}

.category_top_inner2 a:hover {
	background:url(/img/btn_top2.gif) -230px 0 no-repeat;
}

.trouble_btn {
	padding:0 70px;
}

.trouble_btn .btn a {
	width:180px !important;
	width:210px;
	height:24px !important;
	height:30px;
	float:left;
	margin:0 10px 10px 10px;
	padding:6px 0 0 30px;
	display:block;
	background:url(/img/btn_210_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.trouble_btn .btn a:hover {
	background: url(/img/btn_210_blue.gif) -210px 0 no-repeat;
}

.trouble_btn_info .btn a {
	width:140px !important;
	width:170px;
	height:24px !important;
	height:30px;
	float:left;
	margin:0 10px 10px 10px;
	padding:6px 0 0 30px;
	display:block;
	background:url(/img/btn_170_blue.gif) 0 0 no-repeat;
	color:#000;
	font-size:100%;
	text-decoration:none;
}

.trouble_btn_info .btn a:hover {
	background: url(/img/btn_170_blue.gif) -170px 0 no-repeat;
}