/* charset */
@charset "ECU-JP";


body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
}


/* ロゴ */
.logo_style {
	margin:15px 0;
	padding-left:15px;
}

/* スマホ時のロゴ */
@media (max-width:767px){
.logo_style {
	margin:15px 0;
	width: 70%;
	float:left;
}
}


/* お問い合せバナー */
.inquiry_banner {
	width:247px;
	float: right;
}



/* 右側お問い合せ枠 */
.inquiry_wrapper {
	width:100%;
	background-color:#F7F7F7;
	border:1px solid #DADADA;
	margin-bottom:20px;
}

/* 右側お問い合せバナー */
.inquiry_bn {
	margin-bottom:20px;
}

/* タブレット時の右側お問い合せ枠 */
@media (max-width:992px){
.inquiry_wrapper {
	width:267px;
}
}

/* お問い合せ枠内バナー */
.inquiry_wrapper_bn {
	width:246px;
	margin:10px auto;
}

/* タブレット時のお問い合せバナー */
@media (max-width:992px){
.inquiry_banner {
	width:247px;
	float: none;
	clear: both;
	margin:0 auto;
	padding-top: 5%;
}
}

/* スマホ時のお問い合せバナーとメールバナーの枠 */
@media (max-width:767px){
.inqbn_and_mailbn {
	width:267px;
	float:none;
	clear: both;
}
}


/* h1タグ */
.h1_style {  
    font-size:14px;
	margin:15px 0 0 0;
	padding:0 0 0 15px; 
}

/* 角丸指定 */
.box_radius {  
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

/* リストタグの先頭画像 */
.list_begin_icon {
	background-image: url('../img/all_img/s7_all_img01.png');
	background-repeat: no-repeat;
	background-position: 3px 3px;
}


/* リストタグの回り込み設定 */
.li_float_menu {
	float:left;
	padding-left:25px;
	margin-left:20px;
	width:232px;
}

/* スマホ時のリストタグの回り込み設定 */
@media (max-width:767px){
.li_float_menu {
	margin-bottom: 10%;
}
}

/* タブレット時のリストタグの回り込み設定 */
@media (max-width:992px){
.li_float_menu {
	margin-left: 0;
}
}

/* リストタグの回り込み設定 ヘッダー用 */
.li_float_menu_header {
	float:left;
	padding-left:25px;
	margin-left:20px;
}

/* スマホ時のリストタグの回り込み設定 */
@media (max-width:767px){
.li_float_menu {
	float:none;
}
}

/* 右側メニュー下のリストタグ設定 */
.li_float_rightmenu {
	padding-left:25px;
	margin-bottom:10px;
}

/* スマホ時の右側メニュー下のリストタグの枠 */
@media (max-width:767px){
.right_menu_linkgroup {
	width:267px;
	float:none;
	clear: both;
}
}

/* メイン画像の大枠指定 */
.main_p_wrapper {
	background-color:#73CFFF;
	margin-bottom:2%;
}

/* メイン画像の小枠指定 */
.main_p_wrapper_small {
	max-width:70%;
	margin:0 auto;
}

/* メイン画像の横幅指定 */
.main_p_width_size {
	max-width:100%;
}

/* メイン画像の枠トップ用 */
.main_p_top {
	width:100%;
	padding:40px 0;
	text-align:center;
}

/* PC用メイン画像のサイズ指定 */
.main_p_pc_size {
	max-width:1037px;
	height:auto;
}

/* メイン画像の中央寄せ */
.main_p_center {
	margin:0 auto;
}



/* スマホ用メイン画像のサイズ指定 */
.main_p_sp_size {
	width:274px;
	margin:0 auto;
}

/* メイン画像のグラデーション上部 */
.main_p_grad {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF4BA6), color-stop(0.00, #ED2480));
	background: -webkit-linear-gradient(#ED2480, #FF4BA6);
	background: -moz-linear-gradient(#ED2480, #FF4BA6);
	background: -o-linear-gradient(#ED2480, #FF4BA6);
	background: -ms-linear-gradient(#ED2480, #FF4BA6);
	background: linear-gradient(#ED2480, #FF4BA6);
	height:10px;
}

/* メイン画像のグラデーション下部 */
.main_p_grad_bottom {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ED2480), color-stop(0.00, #FF4BA6));
	background: -webkit-linear-gradient(#FF4BA6, #ED2480);
	background: -moz-linear-gradient(#FF4BA6, #ED2480);
	background: -o-linear-gradient(#FF4BA6, #ED2480);
	background: -ms-linear-gradient(#FF4BA6, #ED2480);
	background: linear-gradient(#FF4BA6, #ED2480);
	height:10px;
}



/* h2見出しタイプ01 */
.h2_type01 {
	font-size:24px;
	background-color:#F7F7F7;
	width:100%;
	padding:5px 15px;
	border-top:2px solid #FF4BA6;
	margin:0;
}

/* h2見出し内テキストタイプ01 */
.h2_type01_intext {
	font-size:21px;
	color:#FF4BA6;
	width:73%;
	float:left;
	margin-top:5px;
}

/* h2見出し内テキストタイプ02 */
.h2_type02_intext {
	font-size:22px;
	color:#FF4BA6;
	width:73%;
	height:30px;
	float:left;
	margin-top:5px;
}


/* スマホ時のh2見出しタイプ01 */
@media (max-width:767px){
.h2_type01 {
	font-size:24px;
	background-color:#F7F7F7;
	width:100%;
	padding:5px 15px;
	border-top:2px solid #FF4BA6;
	margin:0;
}

.h2_type01_intext {
	width:100%;
	float:none;
	text-align:center;
	margin-bottom:5%;
}

.h2_type02_intext {
	font-size:22px;
	color:#FF4BA6;
	width:100%;
	height:auto;
	float:left;
	margin-top:5px;
	text-align: center;
	margin-bottom:10px;
}

}



/* h2見出し内ボタンリンク */
.h2_type01_button {
	display:block;
	font-size:16px;
	width:200px;
	background-color:#FF4BA6;
	color:#ffffff;
	text-decoration: none;
	padding:10px;
	text-align:center;
	margin:0 auto 5% auto;
}

/* スターセブンの特徴、できる事の枠_ul */
.ul_link_s7_chara {
	list-style-type: none;
	margin:0 0 0 20px;
	padding:0;
}

/* スターセブンの特徴、できる事内リンク */
.link_s7_chara {
	display:block;
	width:97px;
	text-decoration:none;
	color:#000000;
}

/* スターセブンの特徴、できる事内liタグ */
.li_link_s7_chara {
	float:left;
	margin-right:55px;
}

/* スマホ時のスターセブンの特徴、できる事内liタグ */
@media (max-width:767px){
.li_link_s7_chara {
	float:left;
	margin-right:3%;
	margin-bottom: 15%;
	height:180px;
}
}

/* タブレット時のスターセブンの特徴、できる事内liタグ */
@media (max-width:992px){
.li_link_s7_chara {
	float:left;
	margin-right:2.5%;
	margin-bottom: 15%;
	height:180px;
}
}

/* ヘッダーナビメニュー、スターセブンの特徴、できる事内imgタグ下の余白 */
.img_link_s7_chara_bottom {
	margin-bottom:10px;
}

/* お知らせ、更新履歴ulタグ */
.ul_notice_update {
	width:100%;
	margin:0 0 20px 0;
	padding:20px;
	list-style-type: none;
	line-height:200%;
}

/* お知らせ、更新履歴liタグ */
.li_notice_update {
	border-bottom:1px solid #999999;
	padding:10px 0;
}

/* リンク色指定　黒、下線なし */
.pc_menu_link01 {
	text-decoration: none;
	color:#000000;
}

.pc_menu_style {
	float:left;
	border-right:1px solid #999999;
	text-align:center;
}

.pc_menu_style_noborder {
	float:left;
	text-align:center;
}

/* PC用のメインメニュー枠 */
.pc_navmenu01 {
	width:1100px;
	margin-bottom:20px;
}

/* タブレット時のPC用のメインメニュー枠 */
@media (max-width:992px){
.pc_navmenu01 {
	width:100%;
}
}

/* PC用のメインメニュー ul */
.pc_navmenu_ul {
	list-style-type:none;
	float:left;
	margin-right:20px;
	margin-top:20px;
}

/* タブレット時のPC用のメインメニュー ul */
@media (max-width:992px){
.pc_navmenu_ul {
	width:680px;
	margin:0 auto 5% auto;
	padding:0;
	float:none;
	clear: both;
}
}

.pc_navmenu_button01 {
	width:170px;
}

.pc_navmenu_button02 {
	width:195px;
}

.pc_navmenu_button03 {
	width:208px;
}

.pc_navmenu_button04 {
	width:120px;
}

.pc_navmenu_button05 {
	width:100px;
}


/* タブレット時のPC用のメインメニュー横幅 */
@media (max-width:992px){
.pc_navmenu_button01 {
	width:120px;
}

.pc_navmenu_button02 {
	width:160px;
}

.pc_navmenu_button03 {
	width:180px;
}

.pc_navmenu_button04 {
	width:100px;
}

.pc_navmenu_button05 {
	width:80px;
}
}

/* トップページ無料体験版の申し込み枠 */
.wrap_free_trial {
	background-color:#F7F7F7;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	margin-bottom:20px;
}

.wrap_free_trial02 {
	width:1100px;
	margin:0 auto;
	padding:10px 0;
}

/* タブレット時のトップページ無料体験版の申し込み枠 */
@media (max-width:992px){
.wrap_free_trial02 {
	width:100%;
}
}

.wrap_free_trial_text {
	width:800px;
	float:left;
	text-align:center;
	font-size:180%;
	padding-top: 10px;
}


/* 他ページ無料体験版の申し込み枠 */
.wrap_free_trial_other {
	width:100%;
	margin:20px 0;
}

.wrap_free_trial_other_bn {
	clear:both;
	width:267px;
	margin:0 auto;
}


/* 右ナビ枠と無料体験版の申し込み枠 */
.wrap_rightnav_freetrialbtn {
	width:267px;
	float:right;
}


/* タブレット時の右ナビ枠と無料体験版の申し込み枠 */
@media (max-width:992px){
.wrap_rightnav_freetrialbtn {
	width:267px;
	float:none;
	clear:both;
	margin: 0 auto;
}

.wrap_free_trial_text {
	width:100%;
	float:none;
}
}

/* スマホ時のトップページ無料体験版の申し込み枠 */
@media (max-width:767px){
.wrap_free_trial {
	width:100%;
}

.wrap_free_trial02 {
	width:100%;
	float:none;
}

.wrap_free_trial_text {
	width:100%;
	float:none;
	font-size:200%;
}

.wrap_rightnav_freetrialbtn {
	width:267px;
	float:none;
	margin:0 auto;
}

}

/* 右ナビ内のulリンク集 */
.wrap_rightnav_ul {
	list-style-type: none;
	margin:0;
	padding:0;
}


/* タブレット時の右ナビ内のulリンク集 */
@media (max-width:992px){
.wrap_rightnav_ul {
	width:267px;
	list-style-type: none;
	margin:0;
	padding:0;
}
}

/* メイン画像 */
.main_p {
	background-color:#FF4BA6;
	width:100%;
	padding:0;
	text-align:center;
}

/* 他ページのメイン画像内タイトル */
.main_p div {
	width:976px;
	margin:0 auto;
}

.main_p div h2 {
	width:750px;
	color:#ffffff;
	margin:0;
	padding:15px 0 0 0;
	float:left;
	text-align:left;
	font-size:24px;
}

.main_p div div {
	width:70px;
	height:52px;
	float:right;
}

@media (max-width:992px){
.main_p div {
	width:733px;
	margin:0 auto;
}

.main_p div h2 {
	width:600px;
	height:80px;
	color:#ffffff;
	margin:0;
	padding:25px 0 0 0;
	float:left;
	text-align:left;
}

.main_p div div {
	width:108px;
	height:80px;
	float:right;
}

}


@media (max-width:767px){
.main_p div {
	width:274px;
	margin:0 auto;
}

.main_p div h2 {
	width:274px;
	height:auto;
	color:#ffffff;
	margin:0 0 10px 0;
	padding:0;
	float:none;
	text-align:center;
}

.main_p div div {
	width:108px;
	height:80px;
	float:none;
}

}

/* 左側大枠、ヘッダー */
.head_leftwrap {
	width:1100px;
	margin:0 auto;
}

/* スマホ時の左側大枠、ヘッダー */
@media (max-width:767px){
.head_leftwrap {
	width:100%;
}
}

/* タブレット時の左側大枠、ヘッダー */
@media (max-width:992px){
.head_leftwrap {
	width:100%;
}
}

/* タブレット時の左側大枠、ヘッダー */
@media (max-width:992px){
.head_leftwrap {
	width:100%;
}
}

/* ヘッダー内のul */
.head_in_ul {
	list-style-type: none;
}

/* headerタグ */
.header_wrap01 {
	width:500px;
	float:left;
}

.header_wrap02 {
	float:right;
	margin-top:15px;
}

/* スマホ時のheaderタグ */
@media (max-width:767px){
.header_wrap01 {
	width:100%;
	float:none;
}

.header_wrap02 {
	width:100%;
	float:none;
}
}

/* 左側コンテンツ枠 */
.left_wrapper {
	width:800px;
	float:left;
}

/* 導入店舗様のulタグ */
.ul_introd {
	width:100%;
	margin:0 0 5px 0;
	padding:10px 20px;
	list-style-type: none;
	border-bottom:1px solid #999999;
}


/* h2見出し内のボタン */
.h2_in_button {
	width:27%;
	float:right;
}

/* スマホ時の左側コンテンツ枠 */
@media (max-width:767px){
.left_wrapper {
	width:100%;
	float:none;
}

.h2_in_button {
	width:100%;
	float:none;
}

}

/* タブレット時の左側コンテンツ枠 */
@media (max-width:992px){
.left_wrapper {
	width:100%;
	float:none;
}

}

/* brの回り込み解除 */
.br_clear {
	clear:both;
}

/* divの回り込み解除 */
.div_clear {
	clear:both;
}

/* リンク色を黒に指定 */
.link_color_black {
	color:#000000;
}

/* 文字色を水色 */
.font_color_skyblue {
	color:#019FDC;
}

/* フッター */
.foot_cplt {
	width:100%;
	background-color:#E8E6E9;
	padding:20px;
	text-align:center;
}

.foot_bgcolor {
	background-color:#eeeeee;
}

.foot_wrapper01 {
	width:1100px;
	margin:0 auto;
	padding:30px 0;
}

@media (max-width:767px){
.foot_wrapper01 {
	width:100%;
}
}

@media (max-width:992px){
.foot_wrapper01 {
	width:100%;
}
}

.foot_opcompany {
	width:130px;
}

.foot_opcompany_wrapper {
	width:150px;
	margin-right:20px;
	float:left;
}

/* スマホ時のフッター部分 */
@media (max-width:767px){
.foot_opcompany_wrapper {
	width:130px;
	margin:0 auto 0 auto;
	float:none;
}
}

/* タブレット時のフッター部分 */
@media (max-width:992px){
.foot_opcompany_wrapper {
	width:130px;
	margin:0 auto 5% auto;
	float:none;
}
}


.foot_sitemap_wrapper {
	width:760px;
	margin-right:20px;
	float:left;
}

/* スマホ時のフッター部分 */
@media (max-width:767px){
.foot_sitemap_wrapper {
	width:100%;
	margin:5% 0;
}
}

.foot_pmark {
	width:96px;
	margin-left:auto;
}

.foot_pmark_wrapper {
	width:150px;
	float:left;
}

/* スマホ時のフッター部分 */
@media (max-width:767px){
.foot_pmark_wrapper {
	width:96px;
	margin:0 auto 0 auto;
	float:none;
}
}


/* タブレット時のフッター部分 */
@media (max-width:992px){
.foot_pmark_wrapper {
	width:96px;
	margin:5% auto 0 auto;
	float:none;
}
}


/* スマホ用ナビメニュー */
.sp_nav_menu {
	width:40px;
	height:40px;
	background-color:#019FDC;
	display:block;
	cursor: pointer;
	color:#ffffff;
	text-decoration:none;
}

/* ご利用事例、お知らせ最下部のul */
.ul_lowermost_part {
	width:100%;
	margin:0 0 20px 0;
	padding:10px 20px;
	list-style-type: none;
}

/* スターセブンでできる事、スターセブンの特徴枠 */
.s7_h2_bottom_wrapper {
	margin:30px 0;
}

/* スマホ時のスターセブンでできる事、スターセブンの特徴枠 */
@media (max-width:767px){
.s7_h2_bottom_wrapper {
	width:85%;
	margin:5% auto;
}
}

/* タブレット時のスターセブンでできる事、スターセブンの特徴枠 */
@media (max-width:992px){
.s7_h2_bottom_wrapper {
	width:75%;
	margin: 5% auto;
}
}


/* フッター部分のサイトマップ */
.ul_sitemap {
	list-style-type:none;
	margin:0;
	padding:0;
}

.li_sitemap {
	text-align:center;
	width:180px;
	margin-bottom:10px;
	padding:15px 5px;
	border-right:1px dotted #999999;
	float:left;
}

/* スマホ時のフッター部分のサイトマップ */
@media (max-width:767px){
.li_sitemap {
	width:90%;
	float:none;
	border-bottom: 1px solid #999999;
	border-right: none;
	margin:0 auto;
}

}


/* スマホ用ナビボタン */
.sp_nav_btn {
	color: #ffffff;
	width:50px;
	height:50px;
	border:0;
	margin-left:30%;
	padding:0;
	background-color:#FF4BA6;
	border-radius: 5px;	/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.sp_nav_wrapper {
    width: 85%;
    margin: 30px auto 0px;
}

.sp_nav_bottom {
    margin-bottom: 2%;
    padding-right: 1%;
    padding-left: 1%;
}

.sp_nav_wrapper_icon {
	width:30%;
	float: right;
	margin-top: 10px;
	
}


/* 「スターセブンとは」用のクラス */
.first_whatican_wrapper {
	width:680px;
	margin:20px auto 50px auto;
}

.first_whatican_photo {
	width:232px;
	margin-right:28px;
	float:left;
}

.first_h2_style {
	color:#FF4BA6;
	padding-bottom:25px;
	font-size:180%;
}

.first_whatican_h3 {
	color:#FF4BA6;
	border-bottom:1px dotted #999999;
	font-size:130%;
	padding-bottom:10px;
	margin:20px 0 10px 0;
}

.first_whatican_h3_wrapper {
	width:420px;
	float:right;
}


.first_mainp_bottom {
	margin-bottom:50px;
}

.first_kindofperson_photo {
	width:496px;
	margin:25px auto;
}

.first_chara_bn {
	width:360px;
	margin:50px auto;
}


/* スマホ時の「スターセブンとは」用のクラス */
@media (max-width:767px){
.first_h2_style {
	width:90%;
	margin: 0 auto;
}

.first_whatican_wrapper {
	width:232px;
}

.first_whatican_h3_wrapper {
	width:232px;
	float:none;
}

.first_whatican_h3 {
	line-height: 130%;
}

.first_kindofperson_photo {
	width:90%;
}

.first_chara_bn {
	width:90%;
}

}

/* 「スターセブンとは」用のクラスここまで */



/* スターセブンの特徴用スタイルシート */
.feature_content_wrapper {
	width:500px;
	margin:30px auto 90px auto;
}

@media (max-width:767px){
.feature_content_wrapper {
	max-width:90%;
}

}

.feature_p_topmargin {
	margin-top:20px;
}

.feature_photo_rightmargin {
	width:163px;
	float:left;
	margin-right:15px;
}

.feature_photo_rightmargin02 {
	width:75px;
	float:left;
	margin-right:15px;
}

.feature_h2_style {
    color: #019FDC;
    padding-bottom: 5px;
    font-size: 21px;
}

.feature_h2_bottom_p {
	width:100%;
	margin-bottom:30px;
}

@media (max-width:992px){
.feature_h2_style {
    width:90%;
	margin:0 auto 5px auto;
}

.feature_h2_bottom_p {
	width:90%;
	margin:0 auto 30px auto;
}
}

.feature_span_color {
	color:#ff0000;
}

/* スターセブンの特徴用スタイルシートここまで */


/* 機能一覧用のスタイルシート */
.function_fcolor_red {
	color:#ff0000;
}

.function_h2_style {
	width:100%;
	background-color:#FF4BA6;
	color:#ffffff;
	padding:15px;
	font-size:21px;
}

.function_pickup {
	width:670px;
	margin:15px auto;
}

@media (max-width:767px){
.function_pickup {
	width:80%;
	margin:15px auto;
	line-height:250%;
	text-align:center;
}
}

.function_ul_style {
	list-style-type:none;
	margin:0 auto 60px auto;
	padding:0;
	width:670px;
}

@media (max-width:767px){
.function_ul_style {
	width:100%;
}
}

.function_ul_style li {
	border-bottom:1px solid #999999;
	margin-bottom:10px;
}

.function_ul_style li div {
	width:670px;
	margin:15px auto;
}

@media (max-width:767px){
.function_ul_style li div {
	width:100%;
	margin:15px auto;
}
}

.function_ul_style li div .left_link {
	width:174px;
	margin-left:12px;
	padding-top:1%;
	padding-right:10px;
	float:left;
}

@media (max-width:767px){
.function_ul_style li div .left_link {
	width:80%;
	margin:0 auto;
	float:none;
}
}

.function_ul_style li div .center_text {
	width:422px;
	margin-right:12px;
	float:left;
}

@media (max-width:767px){
.function_ul_style li div .center_text {
	width:80%;
	margin:0 auto;
	float:none;
}
}

.function_ul_style li div .right_button {
	width:50px;
	padding-top:1%;
	float:right;
	text-align:center;
}

@media (max-width:767px){
.function_ul_style li div .right_button {
	display:none;
}
}

.function_pickup_style01 {
	width:670px;
	margin:15px auto 60px auto;
}

@media (max-width:767px){
.function_pickup_style01 {
	width:98px;
	margin:15px auto 60px auto;
}
}

.function_pickup_style02 {
	width:98px;
	margin-right:45px;
	float:left;
}

@media (max-width:767px){
.function_pickup_style02 {
	width:100%;
	margin-right:0;
	margin-bottom:30px;
}
}

.function_pickup_style03 {
	width:98px;
	margin-right:0;
	float:left;
}

@media (max-width:767px){
.function_pickup_style03 {
	width:100%;
	margin-right:0;
}
}

/* 機能一覧用のスタイルシート　ここまで */

/* ページトップへスクロール */
.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #FF4BA6;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 12px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #FF4BA6;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:10px 12px;
}

/* ページトップへスクロール　ここまで */






/* 料金表の装飾 */
.price_use_wrap {
    width: 100%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

/* 料金表のテーブルタグの装飾 */
.table_01{
	width: 70%;
	border-collapse: collapse;
	margin:20px auto;
}

.table_01 th{
	width: 14%;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}

.td_bgcolor{
	background-color: #ffffcc !important;
}

.table_01 td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}

.table_in_fontcolor{
	color: #990000;
	font-weight:bold;
}

/* 料金表のテーブルタグの装飾　ここまで */

.price_contents_wrapper {
	width:100%;
	margin:15px auto 80px auto;
}

.price_contents_wrapper02 {
	width:70%;
	margin:0 auto;
}

.price_contents_bottom {
	margin-bottom:30px;
}

.price_ol_bottom {
	width:100%;
	margin:0 auto;
}

.price_li_type {
	list-style-type:disc;
}

.price_pay_title {
	width:100%;
	margin:0 auto 30px auto;
	color:#FF4BA6;
	font-size:160%;
	border:1px solid #FF4BA6;
	background-color:#FFF3FA;
	padding:10px 20px;
}

.price_feature_title {
	width:100%;
	border-bottom:1px dashed #999999;
	color:#FF4BA6;
	padding:10px 0;
	margin-bottom:10px;
	font-size:130%;
}

.price_featuredesc_title {
	width:80%;
	margin:0 auto;
	color:#FF4BA6;
	font-size:180%;
	text-align:center;
	border:1px solid #FF4BA6;
	background-color:#FFF3FA;
	padding:20px;
}

.price_featuredesc_wrapper {
	width:470px;
	margin:15px auto;
}

.price_feature_p {
	margin-bottom:30px;
}

.price_detail_wrapper {
	width:470px;
	margin:15px auto 80px auto;
}

.price_detail_wrapper {
	width:470px;
	margin:15px auto 80px auto;
}

.price_trialver_wrapper_left {
	width:300px;
	margin-right:15px;
	float:left;
}

.price_trialver_wrapper_right {
	width:155px;
	float:right;
}


@media (max-width:767px){
.table_01{
	width: 100%;
}

.table_01 td{
	line-height:200%;
}

.price_contents_wrapper {
	width:90%;
}

.price_detail_wrapper {
	width:90%;
}

.price_contents_wrapper02 {
	width:90%;
}

.price_featuredesc_wrapper {
	width:80%;
}

.price_detail_wrapper {
	width:80%;
}

.price_trialver_wrapper_left {
	width:100%;
	margin-right:0;
	float:none;
}

.price_trialver_wrapper_right {
	width:100%;
	float:none;
	text-align:center;
}



#table { display: block }
#table thead { display: none }
#table tbody { display: block }
#table tbody tr {
    display: block;
    margin:0 0 3em 0;
	width:100%;
}

#table tbody th,
#table tbody td {
    display: list-item;
    border: none;
	list-style-type: none;
	margin:0;
	padding:5px;
}

#table tbody th {
    margin-bottom: 5px;
    list-style-type: none;
    color: #fff;
    background: #000;
}

#table tbody td {
    margin-left: 0;
    padding: 5%;
}

#table tbody td:nth-of-type(1):before {
	content: "料金プラン";
	background-color:#990000;
	padding:5px;
	color:#ffffff;
	margin-right:5px;
}

#table tbody td:nth-of-type(2):before {
	content: "[会員数]";
	color:#990000;
}

#table tbody td:nth-of-type(3):before {
	content: "[予約数]";
	color:#990000;
}

#table tbody td:nth-of-type(4):before {
	content: "[月額基本使用料]";
	color:#990000;
}

#table tbody td:nth-of-type(5):before {
	content: "[初期費用]";
	color:#990000;
}



#table02 { display: block }
#table02 thead { display: none }
#table02 tbody { display: block }
#table02 tbody tr {
    display: block;
    margin:0 0 3em 0;
	width:100%;
}

#table02 tbody th,
#table02 tbody td {
    display: list-item;
    border: none;
	list-style-type: none;
	margin:0;
	padding:5px;
}

#table02 tbody th {
    margin-bottom: 5px;
    list-style-type: none;
    color: #fff;
    background: #000;
}

#table02 tbody td {
    margin-left: 0;
    padding: 5%;
}

#table02 tbody td:nth-of-type(1):before {
	content: "オプション名";
	background-color:#990000;
	padding:5px;
	color:#ffffff;
	margin-right:5px;
}

#table02 tbody td:nth-of-type(2):before {
	content: "[初期費用]";
	color:#990000;
}

#table02 tbody td:nth-of-type(3):before {
	content: "[月額基本料]";
	color:#990000;
}

#table02 tbody td:nth-of-type(4):before {
	content: "[内容]";
	color:#990000;
}

#table02 tbody td:nth-of-type(5):before {
	content: "[詳細]";
	color:#990000;
}


.price_ol_bottom {
	width:100%;
}

}
/* 料金表の装飾　ここまで */




/* メール配信までの流れ */
/* 三角形 */
.triangle{
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #019FDC;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
	margin:0 auto 50px auto;
}

.flow_content_wrapper {
	width:480px;
	margin:20px auto 50px auto;
}

.flow_content_no03_left {
	width:135px;
	margin-right:15px;
	float:left;
}

.flow_content_no03_right {
	width:480px;
}

.flow_content_no04_p {
	margin:15px auto;
}


.flow_content_no05_left {
	width:111px;
	margin-right:15px;
	float:left;
}

.flow_content_no05_right {
	width:484px;
}

.flow_content_no06_left {
	width:121px;
	margin-right:80px;
	float:left;
}

.flow_content_no06_center {
	width:30px;
	margin-right:80px;
	margin-top:30px;
	float:left;
}

.flow_content_no06_right {
	width:121px;
	float:left;
}

.flow_content_no06_left p ,
.flow_content_no06_right p {
	margin-top:10px;
}

@media (max-width:767px){
.flow_content_wrapper {
	width:90%;
}

.flow_content_no03_left {
	margin:0 auto;
	float:none;
}

.flow_content_no03_right {
	width:135px;
	margin:15px auto 0 auto;
}

.flow_content_no05_left {
	width:111px;
	margin:0 auto;
	float:none;
}

.flow_content_no05_right {
	width:111px;
	margin:15px auto 0 auto;
}

.flow_content_no06_left {
	float:none;
	margin:0 auto;
}

.flow_content_no06_center {
	float:none;
	margin:0 auto 30px auto;
}

.flow_content_no06_right {
	float:none;
	margin:0 auto;
}

}

/* メール配信までの流れ　ここまで */


/* 代理店制度、資料ダウンロード */
.top_h2_dairi{
width: 90%;
color: #019FDC;
font-size: 180%;
padding: 0px 0px 10px 15px;
border: 0px solid #000000; 
}

.dairi_box_u50 {
width: 90%;
padding: 0px 0px 50px 15px;
}

.dairi_box_t20u50 {
width: 90%;
padding:20px 0px 50px 15px;
}

.dairi_box_t20 {
width: 90%;
padding:20px 0px 0px 0px;
}

.emp_font{
color: #1A0DAB;
}

.dec_line{
text-decoration: underline;
}

/* 代理店制度、資料ダウンロード　ここまで */


/* 文字の色や　大きさの種類別　CSS */

.font_color_red{
color: #CC0000;
}
.font_color_blue{
color: #3300FF;
}

.font_size_10{
font-size: 10px;
}

.font_size_16{
font-size: 16px;
}

.font_size_24{
font-size: 24px;
}

/* 文字の色や　大きさの種類別　CSS ここまで */