@charset "UTF-8";

/*
	html, body {
		background: #ffffff;
		color: #333333;
		font-size: 13px;
		font-family: 'ＭＳ Ｐゴシック', sans-serif;
		font-family: Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
	}
*/


	#wrap {
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	#changeService {
		display: block;
		width: 720px;
		height: 49px;
		background: url(../iqserver/img/changeServiceBg.png) no-repeat;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	#changeService #logout{
		display: block;
		position: absolute;
		right: 4px;
	}
	

/* header
----------------------------------------------------------------------- */
	#header h1 {
		float: left;
		padding-top: 21px;
	}
	#header .logout {
		float: right;
	}
	.point {
		float: right;
		padding-right:10px;
	}
	.point div {
		position:absolute;
		margin-top:40px;
		margin-left:12em;
	}
	.point div a {
		text-decoration:none;
	}
	.point .mypoint {
	}
	.point a {
		color: #dddddd;
	}
	.point span {
		font-weight: 700;
		color: #c92a06;
		font-size: 123%;
		font-family: 'Verdana', sans-serif;
		vertical-align: -1px;
	}
	.point small {
		color:#712121;
		font-weight:bold;
		text-decoration:none;
	}
	.point small a {
	}


/* -----------------------------------------------------------------------
	main column
----------------------------------------------------------------------- */
	#main {
		float: right;
		width: 713px;
		margin-top: 94px;/* ------------ ←リニューアルに合わせる為固定スペースが必要 */
		padding-bottom: 30px;
	}
		#main h2 {
			height: 23px;
			line-height: 23px;
			background-repeat: no-repeat;
		}

	#topicPath {
		position: absolute;
		top: 60px;
		left: 250px;
		width: 704px;
		height: 24px;
		line-height: 24px;
		font-size: 92%;
		text-indent: 14px;
		background: url(../img/topicPath.png) no-repeat;
	}

/* top インフォメーション + 登録情報
----------------------------------------------------------------------- */
		.topInfo h2 {
			text-indent: -10000em;
			width: 437px;
			background: url(../img/h2-info.gif);
		}
		.topMyinfo h2 { display: none;
			text-indent: -10000em;
			width: 271px;
			background: url(../img/h2-myinfo.gif);
		}

		.topInfo {
			width: 713px;
			float: left;
			font-size: 100%;
			background:#f6f2f2;
		}
		.topInfo ul {
			padding: 5px 0 5px 0;
			list-style:url(../img/bullet_blue.gif) inside;
		}
		.topInfo ul li {
		}
		.topInfo ul a {
			color:#333;
		}

		.topMyinfo { display: none;
			width: 271px;
			float: right;
			font-size: 100%;
			font-family: "ＭＳ ゴシック", monospace;
			background:#f6f2f2;
		}
		.topMyinfo div {
			padding: 5px 0 5px 0;
		}
		.topMyinfo .myinfoBtn {
			float:right;
			margin:1px 3px 0 0;
		}
		.topInfo div,
		.topMyinfo div {
			border: 1px solid #333333;
			border-top: none;
			line-height: 1.2;
		}
		.topInfo li,
		.topMyinfo p {
			padding: 2px 0 2px 10px;
			font-family: "ＭＳ Ｐゴシック", monospace;
		}




	#main .content {
		clear: both;
		width: 704px;
		padding: 0;
	}
	#main .content.onBG {
		width: 654px;
		padding: 20px 10px 10px 40px;
		background: url(../img/contentMiddle.png) repeat-y;
	}
	#main .content.onBG.infoWrap {
		width: 684px;
		/*height: 120px;*/
		padding: 10px 10px 0 10px;
		float: left;
	}
	.infoWrap img { /*infoキャンペーンバナーサイズ*/
		/* width: 226px; */
		margin-right: 2px;
		margin-bottom: 2px;
	}

	.getInfo {
		float: left;
		width: 684px;
	}
	.getInfo li {
		line-height: 1.4;
	}
	.contentBottom {
		clear: both;
		width: 704px;
		height: 10px;
		background: url(../img/contentBottom.png) no-repeat;
		margin-bottom: 7px;
	}

	/* 伴 書き足し分 ******************************************/
	#main .infomationTitle {
		background-repeat:no-repeat;
		background:url("../img/serviceInformation-back.png") no-repeat scroll 0 0 transparent;
		color:#333333;
		font-size:15px;
		font-weight:bold;
		text-indent:25px;
		height:25px;
		padding:10px 10px 0px;
		width:684px;
	}
	
	

/* top ご利用中のアカウント一覧
----------------------------------------------------------------------- */
	.accStat {/*状態アイコン説明*/
		clear: both;
		text-align: right;
		padding-top: 7px;
		padding-bottom: 2px;
		width: 713px;
	}

	.account {
		clear: both;
	}
	
	.account.top h2 {
		float: left;
		clear: both;
		width: 713px;
		padding:6px 0;
		margin-top:15px;
		font-size:15px;
		color:#333;
		font-weight:bold;
		background: url(../img/h2-full.gif);
		text-indent:25px;
	}

	.account.top .contentBox {
		clear: both;
		padding-top: 7px;
	}
	.account.top .contentBox table {
		clear: both;
		width: 713px;
		border: 1px solid #333333;
		border-top: none;
		font-family: "ＭＳ ゴシック", monospace;
	}
	.account.top .contentBox td {
		font-size: 100%;
		padding: 6px 4px 6px 4px;
	}
	
	.account.top table {
		clear: both;
		width: 713px;
		border: 1px solid #009bc4;
		border-top: none;
	}

	.account.top table a {
		color:#010101;
	}
	.account.top td {
		font-size: 100%;
		padding: 23px 3px;
		border-bottom: 1px solid #009bc4;
		background: url(../img/dotLineH.gif) right no-repeat;
	}

	.account.top .headLine td {
		border: 1px solid #009bc4;
		background:#4ab3d6;
		padding: 3px 0px;
		color:#FFF;
		text-align:center;
		background: url(../img/tableHeadline.gif);
	}
	
	.account.top td.col2 {
		font-size:18px;
		font-weight:bold;
	}
	.account.top td.col2 small {
		color:#999;
		font-size:14px;
	}

	.account.top td.col2 .freetry {
		margin:0;
		padding-left:16px;
	}

	.account.top td.col3 div {
		float:left;
		margin-right:3px;
		width: 57px;
	}

	.account.top td.col3 div div {
		/*position:absolute !important;*/
		margin-top:3px;
	}

	.col1 {text-align:center;}
	.remain {font-size: 11px;font-family:"Tahoma",sans-serif;margin-bottom: -3px;margin-top: -10px;white-space:nowrap;}
	.remain span {color:#212929;font-size: 28px;vertical-align: -1px;padding-right: 2px;}
	.remain span.attention {color:Crimson;font-weight: 700;font-size: 36px;}
	.col2 {}
	.col2 p {padding-top: 7px;}

	.col3 {text-align:center;width:240px;}
	.col4 {}
	.col4 p {}
	.col4 div {}
	.col5 {text-align:center;}

	td.accItemName {
		vertical-align: top;
		font-weight: 700;
		overflow: hidden;
		white-space: nowrap;
	}

		td.accItemName.title {/*アカウントタイトル*/
			width: 713px!important;
			padding: 0!important;
			border: 1px solid #333333;
			background: #eeeeee;
		}
			td.accItemName.title div.accTitle {
				height: 2.4em;
				line-height: 2.4em;
				border-left: 7px solid #333333;
			}
			.accTitle .accL {
				float: left;
				display: block;
				padding-left: 10px;
			}
			.accTitle .accR {
				float: right;
				display: block;
				padding-right: 10px;
			}

		td.accItemName.mark {/*マーク*/
			padding-top: 0;
			width: 60px !important;
			vertical-align: middle;
			text-align: center;
		}
		td.accItemName.domain { letter-spacing: .62em; }/*ドメイン*/
		td.accItemName.status { letter-spacing: .6em; }/*状態*/
		td.accItemName.option { letter-spacing: .2em; }/*オプション*/

	td.delim { /* ： */
		width: 20px !important; 
		vertical-align: top;
	}

	td.accItem {
		width: 556px;
	}
	td.accItem button {
		vertical-align: bottom;
	}

	.oDomainListBtn { 
		padding: 3px 0 0 10px;
		white-space: nowrap;
	}
	.oDomainListBtn img { 
		cursor: pointer;
	}

	.oDomainList {
		display: none;
		/*width:540px;*/
		/*border: 1px solid #dddddd;*/
		margin-bottom: 20px;
	}
	.oDomainList p {
		padding-left: 10px;
		height: 2em;
		line-height: 2em;
		background: #eeeeee;
		/*border-bottom: 1px solid #dddddd;*/
		font-size: 100%;
		font-weight: 700;
		font-family: "ＭＳ Ｐゴシック", sans-serif;
	}
	.oDomainList ol {
		padding: 12px 0 12px 16px;
		list-style: decimal inside;
	}
	.oDomainList ol li {
		margin-bottom: 4px;
	}


/* アカウント詳細ページ
----------------------------------------------------------------------- */
	.account.each .contentBox {
		clear: both;
		padding-top: 14px;
	}
		.account.each h2 {
			clear: both;
			width: 713px;
			background: url(../img/h2-full.gif);
			font-size:15px;
			color:#333;
			padding:6px 0;
			font-weight:bold;
			text-indent: 25px;
		}
		.account.each td {
			font-size: 100%;
			padding: 6px 4px 6px 4px;
		}

		.markBig {
			padding-top: 0;
			width: 117px !important;
			vertical-align: top;
			text-align: center;
		}

		.account.each tr.dotline td {
			padding-bottom: 20px;
			background: url(../img/dotLine.gif) no-repeat center bottom;
		}
		.account.each tr.dotlineNext td {
			padding-top: 20px;
		}


/* 独自ドメインリスト
----------------------------------------------------------------------- */
		.account.each .oDomainList {
			display: block;
			margin-bottom: 10px;
		}
		.account.each .oDomainList ol {
			padding: 0;
			list-style: decimal inside;
		}
		.account.each .oDomainList ol li {
			margin-bottom: 4px;
		}


/* オプション申込み
----------------------------------------------------------------------- */
		.account.each .optionAdd {
			width: 480px;
			padding: 0;
			background: none;
			margin-top: 10px;
		}
		.account.each .optionAdd td.opTitle {
			padding: 5px!important;
			background: none!important;
			background: #eeeeee!important;
		}
		.account.each .optionAdd td {
			padding: 5px!important;
		}
		.opIco {
			vertical-align: top;
			width:16px!important;
		}
		.opItem {
			width:444px;
		}
/* オプション適用済みリスト
----------------------------------------------------------------------- */
		.opItem ol.opList {
			padding: 5px 0 5px 10px;
			list-style: decimal inside;
		}
		.opItem ol.opList li {
			font-family: Arial, sans-serif;
			/*font-family: Verdana, sans-serif;*/
			font-style: oblique;
		}




/* ポイント購入ページ + アカウント作成
----------------------------------------------------------------------- */
	.account.each .buyNotice {
		width: 685px;
		height: 54px;
		background: url(../img/noticeBg.gif) no-repeat;
		margin-top: 10px;
		padding: 25px 20px 20px 55px;
		font-size: 100%;
		line-height: 1.3;
		font-family: "ＭＳ ゴシック", monospace;
	}
	.account.each .contentBox.buy {
		clear: both;
		padding-top: 14px;
		padding-left: 40px;
	}

	.contentBox.buy .inputBtn {
		padding: 20px 0 0 150px;
	}
/*	
	.inputBtn button#next-btn,
	.inputBtn button#save-btn {
		width: 210px;
		height: 46px;
		background: none;
		border: none;
	}
	.inputBtn button#back-btn {
		width: 90px;
		height: 46px;
		background: none;
		border: none;
	}
*/
	/*
		Add 09/12/14 ---------------------
		by Choi
	*/
	.inputBtn button {
		margin:0 5px;
	}

	.inputBtn button.back {
		background:url(../img/btnBack.gif);
		width:85px;
		height:30px;
		border:0px;
		color:#666;
		font-weight:bold;
		font-size:14px;
	}

	.inputBtn button.next {
		background:url(../img/btnNext.gif) no-repeat left;
		height:43px;
		width:204px;
		border:0px;
		color:#FFF;
		font-weight:bold;
		font-size:16px;
	}

	.inputBtn button.submit {
		background:url(../img/btnSubmit.gif) no-repeat left;
		height:43px;
		width:204px;
		border:0px;
		color:#FFF;
		font-weight:bold;
		font-size:16px;
	}

	/*
		----------------------------------
	*/
	
	tr.indiviInfo td p {
		padding-left: 10px;
		height: 2em;
		line-height: 2em;
		background: #dddddd;
		/*border-bottom: 1px solid #dddddd;*/
		font-size: 100%;
		font-weight: 700;
		font-family: "ＭＳ Ｐゴシック", sans-serif;
	}


/* 履歴ページ
----------------------------------------------------------------------- */
	.account.each .contentBox.log {
		clear: both;
		padding-top: 14px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.contentBox.log table,
	.contentBox.log table th,
	.contentBox.log table td {
		border: 1px solid #333333;
	}
	.contentBox.log table {
		width: 100%;
	}
	.contentBox.log th {
		text-align: center;
		background: #656565;
		color: #ffffff;
		font-weight: 700;
		padding: 3px 0;
		font-family: "ＭＳ ゴシック", sans-serif;
	}
	.contentBox.log table tr.odd td {

	}
	.contentBox.log table tr.even td {
		background: #eeeeee;
	}


/* -----------------------------------------------------------------------
	menu column
----------------------------------------------------------------------- */
	#menu {
		float: left;
		width: 240px;
		padding-bottom: 30px;
		background: #ebebeb;
	}

	#menu ul {
		width: 204px;
		padding: 10px 18px 5px 18px;
		clear: both;
	}
	#menu ul li {
		font-weight: bold;
		line-height: 32px;
		text-indent: 20px;
	}
	#menu ul li a {
		color: #333;
		text-decoration: none;
		width: 200px;
		height: 34px;
		display: block;
		background: url(../img/menuBtn.gif);
	}
	#menu ul li a:hover,
	#menu ul li.current a {
		/*text-decoration: underline;*/
		color: #000;
		background-position: 0px -34px;
	}

		#menu ul li.blank a {
			color: #666;
			text-decoration: none;
			width: 200px;
			height: 34px;
			cursor: default;
		}
		#menu ul li.blank a:hover {
			color: #666;
			background-position: 0px 0px;
			cursor: default;
		}

		#menu ul li ul {/*メニューリスト内リスト*/
			width: 204px;
			margin: 3px 0 20px 5px;
			padding: 0;
		}
		#menu ul li ul li {
			font-family: Arial;
			font-weight: 100;
			line-height: 1.7;
			text-indent: 10px;
			background:url(../img/bullet_gray.gif) no-repeat left center;
		}
		#menu ul li ul li.right {
			background: none;
			list-style:url(../img/bulletArrow.gif) inside;
		}
		#menu ul li ul li a {
			color: #40a0c0 !important;
			display: inline;
			background: none;
			text-decoration: underline!important;
		}
		#menu ul li ul li a:visible {
			color: purple !important;
		}
		#menu ul li ul li a:hover {
			text-decoration: none!important;
			cursor: pointer!important;
		}


		#menu ul li ul li.current {
			background: #ffffcc;
		}
		#menu ul li ul li.current a {
			font-weight: 700;
			text-decoration: none!important;
			color: #333333 !important;
			cursor: pointer!important;
		}


/* footer
----------------------------------------------------------------------- */
	#footer {
		clear: both;
		width: 960px;
		height: 30px;
		color: #ffffff;
		font-size: 77%;
		background: url(../img/breadCrumbBar.gif) no-repeat;
		line-height: 30px;
		margin: 50px auto 0 auto;
	}
	.copyright {
		float: left;
		padding-left: 20px;
	}
	.footerLink {
		float: right;
		padding-right: 20px;
	}
	.footerLink a {
		color: #ffffff;
	}