@charset "UTF-8";

/* ================================================

 File name:      contents.css
 Author:         Your Name
 Style info:     コンテンツエリア関係など
 
 ================================================*/ 

/*----------------------------------------------------
	#wrap
----------------------------------------------------*/
#wrap {
	width: 930px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 670px;
	float: right;
	text-align: left;
	padding-bottom: 50px;
}

/*clearFix*/
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	line-height: 0;
	clear: both;
}

.cel_gry {
	background-color: #EEEEEE;
}
.cel_fin {
	border-right-style: none!
	tant;
}
.cel_add {
	background-color: #FFF5CD;
	padding: 10px;
	width: 550px;
	border: 1px solid #CCCCCC;
}

hr {
	background-color: #FFFFFF;
	height: 25px;
	clear: both;
	float: none;
	border:1px solid #FFFFFF;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	display: block;
}

.page {
	height: 12px;
	text-align: right;
	clear: both;
	float: none;
	padding-top: 6px;
	padding-bottom: 4px;
}
 
.arrow {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 18px!important;
	margin-top: 4px;
	padding-bottom: 8px;
}

.arrowTop {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 18px!important;
	margin-top: 4px;
	padding-bottom: 8px;
}


/*----------------------------------------------------
	パンくず
----------------------------------------------------*/
#pan {
	text-align: left;
	margin-top: 20px;
}

/*----------------------------------------------------
	.guide　ガイド
----------------------------------------------------*/
.guide {
	background-image: url(../img/guide_top_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 12px;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
	float: none;

}

.guide p {
	background-image: url(../img/guide_bg.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 84%;
}

.guide span{
	background-image: url(../img/guide_under_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 12px;
	width: 670px;
	display: block;
}


/* ================================================

トップページ関連
 
 ================================================*/ 
#bodyTop {/* index.html　背景設定 */
	background-image: url(../../img/top_body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;

}


#topImg {/* メインイメージ */
	background-repeat: no-repeat;
	height: 215px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
}

#mainTop {/* index.html用コンテンツ設定 */
	padding-top: 5px;
	position: relative;
}


#mainTop table{
	margin-top: 20px;
	margin-bottom: 20px;
}


#mainTop h2{
	background-image: url(../../img/main_h2_bg.jpg);
	background-repeat: no-repeat;
	font-size: 117%;
	color: #FFFFFF;
	padding-top: 17px;
	padding-left: 48px;
	height: 62px;

}

#mainTop .box h3{
	color: #FF9900;
	padding: 4px;
	font-size: 117%;

}

#mainTop .box02 h3{
	color: #FF9900;
	padding: 4px;
	font-size: 117%;

}



#mainTop .box {
	width: 242px;
	display:block;
	cursor: pointer;
}

#mainTop .box p{
	padding: 4px;
	color: #666666;
	display: block;

}

#mainTop .box:hover {
    background-color: #FFF4CC;
}

#mainTop .box02 {
	width: 213px;
	display:block;
	background-image: url(../../img/box02_bg.gif);
	background-repeat: no-repeat;
	background-position: 60px bottom;
	cursor: pointer;

}

#mainTop .box02 p{
	padding: 4px;
	color: #666666;
	display: block;

}
#mainTop .box02 span{
	display: block;
	padding-left: 4px;

}
#mainTop .box02:hover {
	background-color: #FFF4CC;
	background-image: url(../../img/box02_o_bg.gif);
	background-repeat: no-repeat;
	background-position: 60px bottom;
}


/*----------------------------------------------------
	トップページ  お知らせ・プレスリリース
----------------------------------------------------*/

#important {
	width: 640px;
	margin: 0 0 20px 0;
	padding: 10px;
	border: #DDDDDD solid 5px;
	text-align: center;
}

#important a {
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
}

#news {
	height:260px;
	overflow:auto;
	width:650px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 5px;
	color: #666666;
}

#news p {
	margin: 0 0 10px 0;
}

#mainTop dl,dt,dd {
	margin:0;
	padding:0;
}
#mainTop dl {
	/*width: 670px;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	padding-bottom: 2px;
}  
 
#mainTop dt {
	margin:0 0 0 0;
	padding:0 0 0.5em 0;
	float:left;
	width:3em;
}
#mainTop dd {
	margin:0 0 0 7em;
	padding:0 0 0.5em 0;
}


/* ================================================

主要機能関連
 
 ================================================*/ 
#bodyFunction {/* function.html　背景設定 */
	background-image: url(../../img/function/function_body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;

} 
 
#functionImg {/* メインイメージ */
	background-image: url(../../img/function/function_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}
#mainFunction {/* function.html用コンテンツ設定 */
	padding-top: 5px;

} 
 
#mainFunction h2{
	background-image: url(../../img/function/function_h2_bg.jpg);
	background-repeat: no-repeat;
	font-size: 117%;
	color: #000;
	padding-top: 17px;
	padding-left: 48px;
	height: 62px;
	clear: both;
	float: none;

} 
 
#mainFunction .box {
	float: right;
	margin: 0px;
	padding: 0px;

}
#mainFunction .boxL {
	display:block;
	float: left;
	width: 82px;
	background-image: url(../../img/function/function_cel_line.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}


#mainFunction .box h3{
	color: #FF9900;
	font-size: 117%;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 14px;
	padding-left: 4px;

}


#mainFunction .box p{
	padding: 4px;
	color: #666666;
	display: block;

}

#mainFunction table {
	float: left;

}

#mainFunction table th {

}

#mainFunction table td {

}
 
 
/* ================================================

機能一覧・料金関連
 
 ================================================*/ 
#bodyList {/* list.html　背景設定 */
	background-image: url(../../img/list/list_body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;

}

#functionListImg {/* メインイメージ */
	background-image: url(../../img/list/list_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}
#mainList {/* list.html用コンテンツ設定 */
	padding-top: 5px;

}

 
#mainList h2{
	background-image: url(../../img/list/list_h2_bg.jpg);
	background-repeat: no-repeat;
	font-size: 117%;
	color: #000;
	padding-top: 17px;
	padding-left: 48px;
	height: 62px;
	clear: both;
	float: none;

}

#mainList .box {
	float: right;

}
#mainList .boxL {
	display:block;
	float: left;
	width: 82px;
	background-image: url(../../img/list/list_cel_line.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}


#mainList .box h3{
	color: #82AC09;
	font-size: 117%;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 14px;
	padding-left: 4px;

}


#mainList .box p{
	padding: 4px;
	color: #666666;
}
#mainList .box .txt{
	width: 570px;
	float: left;	color: #666666;

}

#mainList table {
	float: left;
	border-top-width: 1px;
	border-collapse:collapse;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#mainList table th {
	background-color: #EBF5CD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	text-align: center;
	padding: 10px;

}

#mainList table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding: 10px;
}

#mainTop table.none,#mainList table.none {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

#mainTop table.none th,#mainList table.none th {
	margin: 0;
	padding: 0;
	line-height: 0;
	background: transparent;
	border: none;
}

#mainTop table.none td,#mainList table.none td {
	margin: 0;
	padding: 0;
	line-height: 0;
	background: transparent;
	border: none;
}

.btnDetail {
	display:block;
	width:140px;
	height:0;
	padding-top:24px;
	background:transparent url(/img/list/btn_detail.png) no-repeat;
	overflow:hidden;
}
/*----------------------------------------------------
	吹き出し設定
----------------------------------------------------*/
table#table-planlist td.free{
	background-color: #0085C4;
	position: absolute;
	display: none;
	z-index: 999;
	visibility: hidden;
	border: 5px solid #FFF5CD;
	width: 350px;
	padding: 8px;
	line-height: 1.5;
	color: #FFFFFF;
	overflow:auto;
	text-align: left;
	
}


/* ================================================

ケーススタディ関連
 
 ================================================*/ 
#bodyCase {/* case.html　背景設定 */
	background-image: url(/img/case/case_body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;

}

#caseImg {/* メインイメージ */
	background-image: url(/img/case/case_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}
#mainCase {/* case.html用コンテンツ設定 */
	padding-top: 5px;

}

 
#mainCase h2{
	background-image: url(/img/case/case_h2_bg.jpg);
	background-repeat: no-repeat;
	font-size: 117%;
	color: #FFF;
	padding-top: 17px;
	padding-left: 48px;
	height: 62px;
	clear: both;
	float: none;

}

#mainCase .box {
	float: right;

}
#mainCase .boxL {
	display:block;
	float: left;
	width: 82px;
	background-image: url(/img/case/case_cel_line.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}


#mainCase .box h3{
	color: #FF9900;
	font-size: 117%;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 14px;
	padding-left: 4px;

}


#mainCase .box p{
	padding: 4px;
	color: #666666;

}

#mainCase table {
	float: left;

}

#mainCase table th {

}

#mainCase table td {

}

/* ================================================

FAQ関連
 
 ================================================*/ 
#bodyFaq {/* case.html　背景設定 */
	background-image: url(../../img/faq/faq_body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;

}

#faqImg {/* メインイメージ */
	background-image: url(../../img/faq/faq_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}
#mainFaq {/* case.html用コンテンツ設定 */
	padding-top: 5px;

}

 
#mainFaq h2{
	background-image: url(../../img/faq/faq_h2_bg.jpg);
	background-repeat: no-repeat;
	font-size: 117%;
	color: #FFF;
	padding-top: 17px;
	padding-left: 48px;
	height: 62px;
	clear: both;
	float: none;

}

#mainFaq .box {
	width: 670px;
	background-image: url(../../img/faq/faq_cel_line.gif);
	background-repeat: repeat-y;
	background-position: 10px;
	margin-bottom: 20px;

}

/*clearFix*/
#mainFaq .box:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	line-height: 0;
	clear: both;
}


#mainFaq .box h3{
	color: #007880;
	padding: 4px;
	font-size: 117%;
	margin-left: 30px;
	margin-bottom: 8px;

}
#mainFaq .box p{
	padding: 4px;
	color: #666666;
	margin-left: 30px;
	line-height: 1.5;
}

#mainFaq table {
	float: left;

}

#mainFaq table th {

}

#mainCase table td {

}


/* ================================================

その他のページ
 
 ================================================*/ 
#bodyDefult {/* 背景設定 */
	background-image: url(../../img/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;

}

#siteMapImg {/* サイトマップメインイメージ */
	background-image: url(../../img/sitemap_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}

#bannerLinkImg {/* バナー設置メインイメージ */
	background-image: url(../../img/banner_link_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}


#addImg {/* 追加拡張機能メインイメージ */
	background-image: url(../../img/add_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}

#ruleImg {/* 利用規約メインイメージ */
	background-image: url(../../img/rule_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}

#ruleSEImg {/* ServerEdition利用規約メインイメージ */
	background-image: url(../../img/rule_se_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}

#legalImg {/* 特定商取引メインイメージ */
	background-image: url(../../img/legal_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}

#sampleImg {/* サンプルフォームのメインイメージ */
	background-image: url(../../img/sample_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}


#design_tmpImg {/* デザインテンプレート一覧メインイメージ */
	background-image: url(../../img/design_tmp/design_tmp_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}


#main {/* コンテンツ設定 */
	padding-top: 5px;

}

 
#main h2{
	background-image: url(../../img/h2_bg.jpg);
	background-repeat: no-repeat;
	font-size: 117%;
	color: #FFF;
	padding-top: 17px;
	padding-left: 48px;
	height: 62px;
	clear: both;
	float: none;

}

#main .box {
	width: 670px;
	background-image: url(../../img/cel_line.gif);
	background-repeat: repeat-y;
	background-position: 10px;
	margin-bottom: 20px;

}

/*clearFix*/
#main .box:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	line-height: 0;
	clear: both;
}


#main .boxL {
	display:block;
	float: left;
	width: 82px;
	background-image: url(../../img/cel_line.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}


#main .box h3{
	color: #0085C4;
	padding: 4px;
	font-size: 117%;
	margin-left: 30px;
	margin-bottom: 8px;

}
#main .box p{
	padding: 4px;
	color: #666666;
	margin-left: 30px;

}

#main table {
	float: left;
	margin-left: 35px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-bottom: 15px;

}

#main table th {
	background-color: #FFF5CD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;

}

#main table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;

}

/*----------------------------------------------------
	リスト関連
----------------------------------------------------*/

#main ol {
	padding-left: 50px;
	color: #666666;

}


#main ol li{
	line-height: 1.4;
	list-style-position: outside;
	margin-bottom: 6px;
}

#main ol ol{
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;


}

/* ================================================

お知らせページ
 
 ================================================*/ 
 
 #newsImg {/* お知らせメインイメージ */
	background-image: url(../../img/news/banner_news_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}

/* ================================================

お問い合わせページ
 
 ================================================*/ 
 
 #inputImg {/* お問い合わせメインイメージ */
	background-image: url(../../img/input_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}
.inputTable {
	float: left;
	margin-left: 10px!important;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-bottom: 15px;

}

.inputTable th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-style: none!important;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;

}

.inputTable td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-style: none!important;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	color: #333333;

}



.form input, textarea {
	background-color:#FFFFFF;
	border:1px solid #7F9DB9;
	padding:2px;
}
.form input:focus {
	background-color:#FFFFCC;
	border:1px solid #7F9DB9;
}
.form textarea:focus {
	background-color:#FFFFCC;
	border:1px solid #7F9DB9;
}

#agreement {
	height:300px;
	overflow:auto;
	width:650px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left: 5px;
	line-height: 1.4;
	color: #333333;
}
h4 {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#0099CC;
	margin:10px 0px 0px;
	padding:5px;
	text-align:left;
	font-weight: normal;
}
h5 {
	color:#0099CC;
	font-weight:bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#column {
	width:650px;
	background-color:#EEEEEE;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px!important;
}

#column td{
	border-style: none!important;
	text-align: center;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
}


#formbtn {
	width:500px;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}


/* ================================================

専用サーバーパック版　お問い合わせページ
 
 ================================================*/ 
 
 #privateImg {/* お問い合わせメインイメージ */
	background-image: url(../../img/private_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}


/* ================================================

デザインテンプレート　サムネイル
 
 ================================================*/ 

#thumbImg {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
}



#thumbImg ul {
	/*margin-right: auto;
	margin-left: auto;*/
}

#thumbImg ul li {
	float: left;
	height: 111px;
	width:150px;
	display: block;
	overflow:hidden;
	padding-left: 10px;
	padding-bottom: 30px;
	color: #666666;
	text-align: center;
}

/* ================================================

自分のページにフォームを設置する
 
 ================================================*/ 

 #manualImg {/* メインイメージ */
	background-image: url(../../img/manual/manual_main_img.jpg);
	background-repeat: no-repeat;
	height: 116px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-position: center center;
	text-indent: -9999px;
}

/* ================================================

ServerEdition関連
 
 ================================================*/ 
a#bnr-serveredition {
	display: block;
 	width: 670px;
	height: 0;
	margin-bottom: 20px;
	padding-top: 245px;
	background: url(/img/bnr_serveredition.png) no-repeat;
	behavior: url(/common/css/lib/iepngfix.htc);
	overflow: hidden;
}


/* ================================================

アップデート・Business版関連
 
 ================================================*/ 
a#bnr-update {
	display: block;
 	width: 670px;
	height: 0;
	margin-bottom: 20px;
	padding-top: 110px;
	background: url(/img/bnr_update.png) no-repeat;
	overflow: hidden;
}

a#bnr-business {
	display: block;
 	width: 670px;
	height: 0;
	margin-bottom: 20px;
	padding-top: 104px;
	background: url(/img/bnr_biz.png) no-repeat;
	overflow: hidden;
}
 
#img-camp {
	width: 175px;
	height: 0;
	padding-top: 174px;
	background: url(/img/img_camp.png) no-repeat !important;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( sizingMethod=crop, src='/img/img_camp.png');
	overflow: hidden;
	position: absolute;
	top: -20px;
	right: -40px;
}
 
#box-business {
 	width: 668px;
 	border: #999999 solid 1px;
}
 
#box-business-header {
 	width: 640px;
	padding: 10px;
 	border-top: #DDDDDD solid 4px;
 	border-right: #DDDDDD solid 4px;
 	border-left: #DDDDDD solid 4px;
}
 
#box-business-body {
 	width: 640px;
	padding: 10px;
 	border-top: #DDDDDD solid 1px;
 	border-right: #DDDDDD solid 4px;
 	border-bottom: #DDDDDD solid 4px;
 	border-left: #DDDDDD solid 4px;
}

a.btn-list {
	display: block;
	width: 140px;
	height: 0;
	margin: 5px 0 0 0;
	padding-top: 24px;
	background: url(/img/btn_list.png) no-repeat;
	overflow: hidden;
}

a:hover.btn-list {
	background-position: 0 -24px;
}

a:active.btn-list {
	background-position: 0 -48px;
}
 
a.btn-biz {
	display: block;
	width: 310px;
	height: 0;
	margin: 0 auto;
	padding-top: 38px;
	background: url(/img/btn_biz.png) no-repeat;
	overflow: hidden;
	float: right;
}

a:hover.btn-biz {
	background-position: 0 -38px;
}

a:active.btn-biz {
	background-position: 0 -76px;
}
 
a.buy-prepaid {
	display: block;
	width: 310px;
	height: 0;
	margin: 0 auto;
	padding-top: 38px;
	background: url(/img/buy_prepaid.png) no-repeat;
	overflow: hidden;
	float: left;
}

a:hover.buy-prepaid {
	background-position: 0 -38px;
}

a:active.buy-prepaid {
	background-position: 0 -76px;
}

/* ================================================

Twitter　ウィジェット関連
 
 ================================================*/ 

.twtr-widget h4{
	border:none;
}


/* ================================================

2012 08 追加
 
 ================================================*/ 
#contents-planlist {
	width: 100%;
	text-align: left;
	padding-bottom: 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table#table-planlist {
    width: 100%;
    border: 1px #ccc solid;
    border-collapse: collapse;
	border-spacing:0;
    margin: 20px auto;
}

table#table-planlist th {
    padding: 10px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    text-align: left;
}

table#table-planlist td {
    padding: 10px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
}

.cel_y {
	background-color: #FFE8E2;
}

table#table-planlist td.list-free {
	background: url(/img/list/list_plan_bg.png) repeat-x left top;
	border: 1px solid #B0B0B0;
}

table#table-planlist td.list-pro { 
    background: url(/img/list/list_plan_bg.png) repeat-x left top;
	border: 1px solid #B0B0B0;
}

table#table-planlist td.list-biz {
	background: url(/img/list/list_plan_bg.png) repeat-x left top;
	border: 1px solid #B0B0B0;
}

table#table-planlist td.list-biz2 {
	background-color: #EAEAEA;
	border: 1px solid #B0B0B0;
}

table#table-planlist td.tit_bg {
	background: #fff;
	font-weight: bold;
	font-size: 114%;
	color: #fff;
    border-top: 1px #FFF solid;
	border-left: 1px #FFF solid;
    border-bottom: 1px #FFF solid;
}

table#table-planlist th.tit_bg {
    background: #333;font-weight: bold;font-size: 114%;color: #fff;text-align: left;
	border: 1px #333 solid;
}

.cel_op {
	background-color: #FFFFE1;
}

table#table-planlist td.line,table#table-planlist th.line { border-bottom: 2px #E3E3E3 solid;}
table#table-planlist span {
	font-size: 122%;
}

.guide-planlist {
	padding-top: 12px;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
	float: none;
}

.guide-planlist .note {
	padding: 12px;
	border: 2px #E3E3E3 solid;
	margin: 0px 10px 20px 10px;
	background-color: #FFD;
	font-size: 100%;
}

.guide-planlist .note h3 {
	width:862px;
	padding: 10px;
	margin-bottom:10px;
	color:#FFF;
	font-size: 121%;
	background: #093;
}

.guide-planlist p {
	font-size: 100%;
	line-height: 1.6;
	margin-bottom: 6px;
	color: #333;
}

.btn_area {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

a.feature-list {
	display: block;
	width: 300px;
	height: 0;
	margin: 0 auto;
	padding-top: 38px;
	background: url(/img/list/btn_feature-list.png) no-repeat;
	overflow: hidden;
}

a:hover.feature-list {
	background-position: 0 -38px;
}

a:active.feature-list {
	background-position: 0 -76px;
}
/* ==================== フォント設定 ==================== */
.font-size-s {
	font-size: 77%;
}

.font-size-m {
	font-size: 93%;
}

.font-size-l {
	font-size: 107%;
}

.font-size-ll {
	font-size: 122%;
}

.font-color-black {
	color: #000000;
}

.font-color-red {
	color: #FF0000;
}

.font-color-blue {
	color: #0061A0;
}

.font-color-green {
	color: #009933;
}

.font-color-orange {
	color: #FF6600;
}
.font-color-gray {
	color: #666666;
}