@charset "utf-8";

@import url("/css/common.css");

/*----------------------------------------------------------------

トップページ用css

----------------------------------------------------------------*/
/*-----------------------------
#top トップページコンテンツ
-----------------------------*/
#top {
	padding:20px 0 6px;
	float:right;
	width:580px;
}

#top h1 {
	margin-bottom:15px;
}

#top h2 {
	margin-bottom:12px;
	padding:3px 6px;
	color:#fff;
	background-color:#339;
	font-size:100%;
}

#top h3 {
	margin-bottom:5px;
	padding:3px 3px 3px 20px;
	border-top:1px solid #92a9e2;
	background:#e3e8f5 url(/images/contents_arrow.gif) no-repeat 2% 50%;
	font-weight:bold;
}

#top h3 a {
	font-weight:bold;
}

/*----- .form  見積依頼 -----*/
#top .form {
	float:right;
	width:340px;
}

#top .form p {
	margin-bottom:4px;
	text-align:left;
	padding-left:25px;
}

#top .form p.question {
	margin:2px 0;
	font-size:110%;
}

#top .form p.note {
	margin:3px 0 0;
	padding-right:15px;
	font-size:80%;
}

#top .form table.outside {
	margin:0 auto 4px;
	width:300px;
}

#top .form table.inside {
	margin:3px 0 8px;
	width:284px;
}

#top .form table.inside td {
	padding-bottom:5px;
}

#top .form span {
	font-size:85%;
}

#top .form .company {
	margin-top:10px;
	padding-left:30px;
	color:#2E2E8E;
}

#top .form .company img {
	margin-right:8px;
}

#top .form .userLogin {
	color:#F00;
	font-weight:bold;
	text-align:center;
}

#top .form .userLogin a {
	margin-left:3px;
}

#top .form .nickName {
	margin:0;
	padding:0;
	color:#F00;
	font-weight:bold;
	text-align:center;
}


#top .mainImg {
	padding-left:20px;
	float:left;
	width:220px;
}


/*----- インターネット契約 -----*/
#top .dotbox {
	margin-bottom:15px;
	padding-top:12px;
	clear:both;
}

#top .dotbox table.inside {
	margin:4px 2px;
}

#top .dotbox td.inside {
	padding-right:12px;
}


/*----- サービスの流れ -----*/
#top .flow {
	margin-bottom:15px;
}

#top .flow td {
	font-size:80%;
	vertical-align:top;
}

#top .flow img {
	margin-right:8px;
}

#top p.note {
	margin:0 0 15px;
	line-height:1.1;
	color:#666;
	font-size:80%;
	text-align:right;
}

/*----- おすすめコンテンツ -----*/
#top .contentsLeft {
	margin-bottom:15px;
	float:left;
	clear:left;
	width:280px;
}

#top .contentsRight {
	margin-bottom:15px;
	float:right;
	clear:right;
	width:280px;
}

/*--- .campaign QUOカード(/index02.html) ---*/
#top .campaign table {
	margin:2px auto;
	width:480px;
	font-size:80%;
}

#top .campaign th {
	width:65px;
	vertical-align:top;
	font-weight:bold;
	text-align:left;
}

#top .campaign .button {
	margin:3px auto 15px;
	text-align:center;
}

#top .campaign li {
	padding-left:1em;
	background:url(/images/list_disc.gif) no-repeat 0.5em 0.5em;
	list-style:none outside;
}

/*-----------------------------------
#online　（/online.html で使用）
-----------------------------------*/
#online {
	padding:20px 0 6px;
	float:right;
	width:580px;
}

#online h1 {
	margin-bottom:15px;
}

#online h2 {
	margin-bottom:12px;
	padding:3px 6px;
	color:#fff;
	background-color:#339;
	font-size:100%;
}

#online table.coms {
	margin:15px auto 5px;
	width:100%;
}

#online p.note {
	margin:0 0 10px;
	font-size:80%;
}

#online .caution {
	margin-bottom:15px;
	padding:5px 10px;
	border:1px solid #009;
}

#online .form {
	margin-bottom:15px;
	float:right;
	width:340px;
}

#online .form p.note {
	padding-right:30px;
	font-size:80%;
	color:#000;
}

#online .company {
	padding-left:25px;
	color:#2E2E8E;
}

#online .company img {
	margin:0 8px 2px 0;
}


/*--------------------------------------------------------
#mainteContents　（/index_mainte.html）
--------------------------------------------------------*/
body.mainte {
	background:none;
}

#mainteContents {
	margin:10px auto;
	width:620px;
}

#mainteContents .title {
	margin:5px 50px 15px;
}

#mainteContents .information {
	margin-bottom:10px;
	border:1px solid #ff6363;
}

#mainteContents .information p {
	padding:5px 0;
	color:#fff;
	background-color:#FF6363;
	font-weight:bold;
	text-align:center;
}

#mainteContents .information div {
	padding:10px 30px;
}

#mainteContents strong {
	margin:15px 0 5px;
	display:block;
}