/*--------------all---------------*/
body {
	font-size: 12px;
	color: #000000;
	font-family:"ＭＳＰゴシック";
	background:#cccccc;
	line-height:140%;
	padding:0;
	margin:0 auto;
}
#base {
	background:#ffffff;
	width: 800px;
	border-left:1px #666 solid;
	border-right:1px #666 solid;
	margin: 0 auto;
}

a:link, a:visited {color:#62ae00;}
a:hover, a:active {color:#ff6699;}

a img {border:0;}
table {border-collapse :collapse;}
.clear {clear:both;}


/*--------------header---------------*/
#header {
	background:#ffffff;
	width:800px;
	padding:0;
	margin:0;
}
h1 {
	float:left;
	width:460px;
	padding:0;
	margin:0;
}
.header_right {
	float:right;
	background:url(../images/header_bg.gif) repeat-x;
	width:340px;
	height:90px;
	padding:0;
	margin:0;
}
.top_menu {
	padding:0;
	margin:6px 0 0 224px;
}


/*--------------main_contets(トップページ)---------------*/
#main_contents {
	float:right;
	width:570px;
	padding:0 25px;
	margin:25px 0 5px;
}
.top_catch {margin:0 0 15px;}
img.function_t {margin:0 0 10px; float:left;}
.and_more {float:right; background:url(../images/function_t_bar.gif); width:82px; height:20px; padding:10px 0 0 195px;}
.function_explanation {margin:0 0 20px; background:url(../images/sentence_bg.gif) no-repeat right bottom;}

p.news {
	color:#084ea3;
	font-size:140%;
	font-weight:bold;
	line-height:140%;
}

.page_top {
	clear:both;
	text-align:right;
	padding:10px 0;
	margin:0;
}


/*--------------main_contets_02(個別ページ)---------------*/
#main_contents_02 {
	float:right;
	width:570px;
	padding:0 25px;
	margin:25px 0 5px;
}
.page_title {
	margin:0 0 10px;
}
.category_title {
	background:#fdd9d4;
	border-left:6px #fe6c5d solid;
	padding:5px 3px 3px 6px;
	margin:0 0 10px;
}

/*---機能一覧---*/

img.sub_title {margin:0 0 10px;}
.function_descript01 {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ccc dotted; background:url(../images/step_01_brown.gif) no-repeat;}
.function_descript02 {padding:3px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ccc dotted; background:url(../images/step_02_brown.gif) no-repeat;}
.function_descript03 {padding:3px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ccc dotted; background:url(../images/step_03_brown.gif) no-repeat;}
.function_descript04 {padding:3px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ccc dotted; background:url(../images/step_04_brown.gif) no-repeat;}
.function_descript05 {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ccc dotted; background:url(../images/step_05_brown.gif) no-repeat;}
.function_descript06 {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ccc dotted; background:url(../images/step_06_brown.gif) no-repeat;}
.step1_pink {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #fba99d dotted; background:url(../images/step_01_pink.gif) no-repeat;}
.step2_pink {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #fba99d dotted; background:url(../images/step_02_pink.gif) no-repeat;}
.step3_pink {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #fba99d dotted; background:url(../images/step_03_pink.gif) no-repeat;}
.step4_pink {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #fba99d dotted; background:url(../images/step_04_pink.gif) no-repeat;}
.step5_pink {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #fba99d dotted; background:url(../images/step_05_pink.gif) no-repeat;}
.step1_orange {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ffb368 dotted; background:url(../images/step_01_orange.gif) no-repeat;}
.step2_orange {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ffb368 dotted; background:url(../images/step_02_orange.gif) no-repeat;}
.step3_orange {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ffb368 dotted; background:url(../images/step_03_orange.gif) no-repeat;}
.step4_orange {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #ffb368 dotted; background:url(../images/step_04_orange.gif) no-repeat;}
.step1_blue {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #82c5ef dotted; background:url(../images/step_01_blue.gif) no-repeat;}
.step2_blue {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #82c5ef dotted; background:url(../images/step_02_blue.gif) no-repeat;}
.step3_blue {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #82c5ef dotted; background:url(../images/step_03_blue.gif) no-repeat;}
.step4_blue {padding:7px 0 5px 30px; margin:0 0 10px; border-bottom:1px #82c5ef dotted; background:url(../images/step_04_blue.gif) no-repeat;}


img.screen_shot {margin:0 0 25px;}



/*---利用までの流れ---*/
.flow_of_use02 {float:left; width:360px; margin:0;}
.flow_of_use p {padding:0; margin:0 0 20px;}
.application {clear:both; padding:0 0 20px; text-align:center;}


/*---価格---*/
table.price_table {width:270px;}
table.price_table th, table.price_table td, table.price_table02 th, table.price_table02 td {
	font-size:14px;
	border:1px #ccc solid;
	padding:5px;
	marrgin:0;
}
table.price_table th, table.price_table02 th {font-weight:normal; background:#eee;}
table.price_table td.click, table.price_table td.price {text-align:right;}
p.price {float:right; width:285px; padding:0 0 0 10px; margin:0;}
table.price_table02 th {
	text-align:left;
}


/*---よくある質問---*/
.table_of_questions ul, .table_of_questions li {list-style:none;}
.question {background:#eee; padding:3px; margin:0;}
.answer {padding:3px; margin:0 0 10px;}


/*---プライバシーポリシー、特定商取引---*/
.legal_t {font-size:14px; border-bottom:1px #000 dotted; margin:0 0 10px;}


/*---会社案内---*/
table.company_table th, table.company_table td {
	border:1px #ccc solid;
	font-weight:normal;
	padding:5px;
}
table.company_table th {text-align:left; background:#eee;}

/*---サイトマップ---*/
.site_map li {
	padding-left:20px;
	margin-bottom:5px;
	list-style:none;
	background:url(../images/sitemap_i.gif) no-repeat;
}
.site_map li ul.lower {margin:5px 0 0; padding:0;}
.site_map li ul.lower li {background:url(../images/sitemap_i.gif) no-repeat;}


/*---メンテナンス情報---*/
.mentenance_list_02 p {border-bottom:1px #ccc dotted; padding:0 0 5px; margin:15px 0;}





/*--------------side_menu---------------*/
#side_menu {
	float:left;
	width:155px;
	padding:0 0 0 25px;
	margin:25px 0 15px;
}
.banner {
	margin:0 0 5px;
}
.side_menu_inner {
	background:url(../images/side_menu_back.gif) no-repeat;
	padding:0 5px 7px;
	margin:0;
}
.side_menu_inner a img {margin:1px 0 0;}

img.maintenance {margin:10px 0 0;}
.maintenance_information {float:right; padding:5px; margin:0 0 10px; border:1px #578E3C solid; width:143px;}
.maintenance_information_02 {padding:0; border-bottom:1px #999 dotted;}
.maintenance_list {text-align:right; padding:20px 0 0;}


/*--------------footer---------------*/
#footer {clear:both;}
#footer img {vertical-align:bottom; border-bottom:1px #666 solid;}
.sub_footer {
	background:url(../images/footer_back.gif) repeat-x;
	text-align:center;
	padding:5px;
	margin:0;
}
.sub_footer a:link, .sub_footer a:visited {
	font-size:11px;
	text-decoration:none;
	color:#666;
}
.sub_footer a:hover, .sub_footer a:active {
	color:#ff9900;
}