@charset "utf-8";
/* 
====================================================================================================
■ 下層ページ共通設定
■ 新着情報 .news （/news/）
■ ワッポンとは？ .wappon (/wappon/)
■ 選挙ポスターの貼り付け・お困りごと .trouble (/trouble/)
■ ワッポンの活用方法 .flow (/flow/)
■ お買い物方法 .howto (/howto/)
■ 導入事例 .case (/case/)
■ 商品紹介 .shoppinng (/shopping/)
■ 会社案内 .company (/company/)
■ お問い合わせ .inquiry （/inquiry/）
■ カート .regist（/regist/)
----------------------------------------------------------------------------------------------------

==================================================================================================== */
/* 
====================================================================================================
■ 下層ページ共通設定
---------------------------------------------------------------------------------------------------- */
#main_area {
	margin:0 10px;
}
#main_area .hstyle_01 {
	margin:0 -10px 0.8em;
	position:relative;
}
#main_area section {
	margin-bottom:2em;
}
#main_area p {
	margin:0 0 1em;
}
#main_area p:last-child {
	margin-bottom:0;
}
#page_header {
	margin:0.7em -10px 1em;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
	background:#FEEFD8 url(../common_img/page_title.jpg) right center no-repeat;
	background-size:auto 100%;
	-webkit-box-shadow:1px 0 1px #c4c4c4, -1px 0 1px #c4c4c4;
	box-shadow:1px 0 1px #c4c4c4, -1px 0 1px #c4c4c4;
}
#page_header h2 {
	padding:15px 10px 14px;
	font-weight:bold;
	font-size:114.3%; /* 16px */
	text-shadow:1px 1px 1px #fff, -1px -1px 1px #fff, 0 0 3px #fff;
}
/* 
====================================================================================================
■ 新着情報 .news （/news/）
---------------------------------------------------------------------------------------------------- */
.news {}

/* 個別記事 */
.news #main_area .news_entry {
	margin:1em -6px; padding:5px;
	border:1px solid #FFCC66;
}

.news #main_area .news_header {
	margin-bottom:8px; padding:5px;
	border-bottom:2px dotted #F00;
	background-color:#FFF3E3;
}
/* 記事タイトル表示 */
.news #main_area .news_title {
	margin-bottom:-3px; padding:0.2em 1%;
	position:relative;
}
/* 記事日付表示 */
.news #main_area .news_date {
	margin-bottom:0; padding:0 1% 1px;
	line-height:1;
	float:right;
	color:#FFF;
	background-color:#1B7FD4;
	font-family:'Geo', sans-serif;
}
.news #main_area .news_body .photo {
	width:45%;
}
.news #main_area .news_text {
	line-height:1.5;
}

/* 
====================================================================================================
■ ワッポンとは？ .wappon (/wappon/)
---------------------------------------------------------------------------------------------------- */
.wappon {}

/* 
--------------------------------------------------
 ▽ ワッポンとは？
-------------------------------------------------- */
.wappon #main_area #sec_wappon {}

.wappon #main_area #sec_wappon .photo {
	width:45%;
}
.wappon #main_area #sec_wappon h4 {
	color:#FE9900;
	font-size:114.3%; /* 16px */
	font-weight:bold;
}
.wappon #main_area #sub_wappon {
	margin:0 -5px; padding:10px;
	border:1px dotted #CCC;
	position:relative;
}
.wappon #main_area #sub_wappon h4 {
	margin-bottom:8px; padding:8px 0 0 32px;
	line-height:25px;
	background:url(../wappon/images/ico_check.png) left center no-repeat;
	background-size:25px auto;
	font-size:128.6%; /* 18px */
}
/* 
--------------------------------------------------
 ▽ ワッポンのメリット
-------------------------------------------------- */
.wappon #main_area #sec_advantage {}

.wappon #main_area #sec_advantage .lead {
	color:#FF6600;
}
.wappon #main_area #sec_advantage .photo {
	width:45%;
}
.wappon #main_area #sec_advantage strong {
	color:#c00;
}
.wappon #main_area #sec_advantage .table_std {
	margin-left:-5px; margin-right:-5px;
	position:relative;
	width:auto;
}
.wappon #main_area #sec_advantage .table_std caption {
	text-align:left;
}
.wappon #main_area #sec_advantage .table_std caption:before {
	content:"■";
}
.wappon #main_area #sec_advantage .table_std thead td {
	width:4.2em;
}
.wappon #main_area #sec_advantage .table_std thead th {
	width:110px;
	background-color:#EFF6F9;
	color:#0B49B7;
}
.wappon #main_area #sec_advantage .table_std thead th:last-child {
	background-color:#FFF8EF;
	color:#F60;
}
.wappon #main_area #sec_advantage .table_std tbody {
	font-size:85.8%; /* 12px */
}
.wappon #main_area #sec_advantage .table_std tbody td {
	background-color:#EFF6F9;
}
.wappon #main_area #sec_advantage .table_std tbody td:last-child {
	background-color:#FFF8EF;
}

.wappon #sec_question p{
	margin-bottom:10px;
	padding-left:10px;
}
.wappon #sec_question p span{
	
	font-size:16px;
	font-weight:bold;
}

.wappon #sec_question .Question{
	background:#DBEEF4;
}

.wappon #sec_question .Question span{
	color:blue;
}

.wappon #sec_question .Answer{
	background:#FDEADA;
}

.wappon #sec_question .Answer span{
	color:orange;
}
/* 
--------------------------------------------------
 ▽ オリジナルワッポン
-------------------------------------------------- */
.wappon #main_area #sec_original .sec_body .btn_02 img {
	width:45px;
}
/* 
--------------------------------------------------
 ▽ お客様の声
-------------------------------------------------- */
.wappon #main_area #sec_voice .lead {
	color:#FF6600;
}
.wappon #main_area #sec_voice .sub_sec {
	margin:0 -10px 0; padding:0 10px;
	border-bottom:1px solid #c4c4c4;
}
.wappon #main_area #sec_voice .sub_sec:first-of-type {
	border-top:1px solid #c4c4c4;
}
.wappon #main_area #sec_voice .sub_sec .switch_content {
	margin:0 0 8px; padding:8px 40px 0 0;
	border-top:1px dotted #c4c4c4;
	background:url(../wappon/images/ico_user.png) right 12px no-repeat;
	background-size:auto 32px;
}
/* 
====================================================================================================
■ 選挙ポスターの貼り付け・お困りごと .trouble (/trouble/)
---------------------------------------------------------------------------------------------------- */
.trouble {}
.trouble #main_area .photo {
	width:45%;
}
.trouble #main_area .sub_sec {
	margin:0 -10px 0; padding:0 10px;
	border-bottom:1px solid #c4c4c4;
}
.trouble #main_area .sub_sec:first-of-type {
	border-top:1px solid #c4c4c4;
}
.trouble #main_area .sub_sec .switch_content {
	margin:0 0 8px; padding-top:8px;
	border-top:1px dotted #c4c4c4;
}
/* 
--------------------------------------------------
 ▽ ポスターの最大の悩み
-------------------------------------------------- */
.trouble #main_area #sec_reason li {
	padding:8px;
	border:1px solid #EEE;
	background-color:#FCFCFC;
}
.trouble #main_area #sec_reason li h5 {
	margin-bottom:0.5em;
	border-bottom: 1px dotted #CCCCCC;
	color: #063CAD;
	font-size:114.3%; /* 16px */
}
.trouble #main_area #sec_reason li h5:before {
	content:"◆ ";
}
/* 
--------------------------------------------------
 ▽ 選挙ボスターの問題点
-------------------------------------------------- */
.trouble #main_area #sec_solution strong {
	color:#c00;
}
/* 
--------------------------------------------------
 ▽ のり付きポスターにも問題点が…
-------------------------------------------------- */
.trouble #main_area #sec_cost table {
	margin-bottom:1em;
	border-collapse:separate;
	border-spacing:3px;
	width:100%;
}
.trouble #main_area #sec_cost th,
.trouble #main_area #sec_cost td {
	padding:4px 0;
}
.trouble #main_area #sec_cost th {
	background-color:#4F81BD;
	color:#fff;
	vertical-align:middle;
	font-weight:normal;
}
.trouble #main_area #sec_cost td {
	background-color:#E9EDF4;
	text-align:center;
}

/* 
====================================================================================================
■ ワッポンの活用方法 .flow (/flow/)
---------------------------------------------------------------------------------------------------- */
.flow #main_area .sub_sec {
	margin:0 -10px 0; padding:0 10px;
	border-bottom:1px solid #c4c4c4;
}
.flow #main_area .sub_sec:first-of-type {
	border-top:1px solid #c4c4c4;
}
.flow #main_area .sub_sec .switch_content {
	margin:0 0 8px; padding-top:8px;
	border-top:1px dotted #c4c4c4;
}
.flow #main_area .sub_sec .lead:before {
	content:"※";
}
.flow #main_area .photo {
	margin-bottom:10px;
}
.flow #main_area .sub_sec .txtarea {
	margin:0.5em 0 1em; padding:10px;
	border:1px solid #ccc;
	background-color:#F9F9F9;
}
.flow #main_area .sub_sec .txtarea2 {
	margin:0.5em 0 1em; padding:10px;
	border:1px solid #ccc;
	background-color:#FFF6EA;
}
.flow #main_area #sec_flowhead h3 {
	text-align:center;
}
/* 
====================================================================================================
■ お買い物方法 .howto (/howto/)
---------------------------------------------------------------------------------------------------- */
.howto #main_area .sub_sec {
	margin:0 -10px 0; padding:0 10px;
	border-bottom:1px solid #fff;
}
.howto #main_area .sub_sec .switch_content {
	margin:8px 0 8px;
}
/* 
--------------------------------------------------
 ▽ お買い物方法
-------------------------------------------------- */
.howto #main_area #sec_howto .sub_sec:nth-of-type(1) .hstyle_04:before { content:'1'; }
.howto #main_area #sec_howto .sub_sec:nth-of-type(2) .hstyle_04:before { content:'2'; }
.howto #main_area #sec_howto .sub_sec:nth-of-type(3) .hstyle_04:before { content:'3'; }
.howto #main_area #sec_howto .sub_sec:nth-of-type(4) .hstyle_04:before { content:'4'; }
.howto #main_area #sec_howto .hstyle_04:before {
	border-radius:50%;
	background-color:#FF6800;
	color:#fff;
	font-size:12px;
}
.howto #main_area #sec_howto h5 {
	padding:0.5em 0;
	font-weight:bold;
	font-size:114.3%; /* 16px */
}
.howto #main_area #sec_howto h5:before {
	content:"■ ";
}
/* 
--------------------------------------------------
 ▽ ご利用規約
-------------------------------------------------- */
.howto #main_area #payment dt {
	font-size:114.3%; /* 16px */
}
.howto #main_area #payment dd:nth-of-type(2) th {
	width:4.2em;
}
.howto #main_area #payment dd:last-of-type caption {
	text-align:left;
}
.howto #main_area #payment dd:last-of-type tbody td {
	width:4em;
	text-align:right;
}
.howto #main_area #return h5 {
	margin-bottom:0.5em; padding:0 0 0 1.2em;
	border-bottom:1px dotted #c4c4c4;
	line-height:1.5;
	position:relative;
	font-weight:bold;
}
.howto #main_area #return h5:before {
	margin-top:-7px;
	position:absolute;
	left:0; top:50%;
	width:14px; height:14px;
	line-height:14px;
	content:"■";
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
.howto #main_area #return li {
	margin-left:1.5em;
	list-style-type:disc;
	font-size:85.8%; /* 12px */
}
/* 
--------------------------------------------------
 ▽ 個人情報保護方針
-------------------------------------------------- */
.howto #main_area #sec_pp {}

/* 個人情報保護方針 項目全体 */
.howto #main_area #sec_pp ol {
	margin-left:1.5em;
}
/* 個人情報保護方針 項目個別 */
.howto #main_area #sec_pp ol>li {
	list-style-type:decimal;
}
.howto #main_area #sec_pp ol>li:not(:last-of-type) {
	margin-bottom:1em;
}
/* 個人情報保護方針 サブ項目全体 */
.howto #main_area #sec_pp li ul {
	margin-left:1.5em;
}
/* 個人情報保護方針 サブ項目個別 */
.howto #main_area #sec_pp li ul>li {
	list-style-type:lower-alpha;
}

/* 
====================================================================================================
■ 導入事例 .case (/case/)
---------------------------------------------------------------------------------------------------- */
.case #main_area .case_entry {
	margin:0 -5px; padding:10px;
	border:5px solid #eee;
	border-radius:16px;
	position:relative;
}
.case #main_area .case_entry:not(:last-of-type) {
	margin-bottom:20px;
}
.case #main_area .case_title {
	margin-bottom:8px; padding-bottom:8px;
	border-bottom:1px dotted #ccc;
	color:#063CAD;
	font-size:128.6%; /* 18px */
}
.case #main_area .case_entry .photo {
	width:45%;
}
.case #main_area .case_entry .dl_std {
	overflow:hidden;
}
.case #main_area .case_entry .dl_std dt {
	background-color:#FFF5D7;
}
.case #main_area .case_entry .dl_std dd {
	padding:5px;
	font-size:85.8%; /* 12px */
}
.case #main_area .case_title2 {
	margin:1em 0 8px; padding-bottom:4px;
	border-bottom:1px dotted #ccc;
	color:#f90;
}


/* 
====================================================================================================
■ 商品紹介 .shoppinng (/shopping/)
---------------------------------------------------------------------------------------------------- */
/* 
====================================================================================================
■ 会社案内 .company (/company/)
---------------------------------------------------------------------------------------------------- */

.company #main_area #sec_company .table_std th {
	width:30%;
	text-align:left;
}
.company #main_area #sec_company .table_std td {
	vertical-align:middle;
	font-size:85.8%; /* 12px */
}
.company #main_area #sec_company .table_std li {
	margin-left:1.5em;
	list-style-type:disc;
}
.company #main_area #sec_access .sec_body>iframe {
	margin:0 auto;
	border:5px solid #fff;
	display:block;
	width:260px; height:240px;
	-webkit-box-shadow:0 0 3px #aaa;
	-moz-box-shadow:0 0 3px #aaa;
	box-shadow:0 0 3px #aaa;
}
.company #main_area #sec_access .sec_body>small {
	margin:0 auto;
	display:block;
	width:260px;
	line-height:30px;
	font-size:85.8%; /* 12px */
	text-align:right;
}
.company #main_area #sec_law .table_orange {
	margin-right:-5px; margin-left:-5px;
	width:auto;
}
.company #main_area #sec_law .table_orange th {
	width:37%;
	text-align:left;
}
.company #main_area #sec_law .table_orange td {
	vertical-align:middle;
	font-size:85.8%; /* 12px */
}
.company #main_area #sec_law .table_orange dt {
	margin-top:1em;
	font-weight:bold;
}
.company #main_area #sec_law .table_orange dt:first-child {
	margin-top:0;
}
.company #main_area #sec_law .table_orange dd li {
	margin-left:1.5em; padding-left:0;
	list-style-type:disc;
}
/* 
====================================================================================================
■ お問い合わせ .inquiry （/inquiry/）
---------------------------------------------------------------------------------------------------- */
/* フォーム部分の設定に関しては、form.cssにて設定しています。 */
.inquiry {}

/* 
--------------------------------------------------
 ▽ 個人情報保護方針
-------------------------------------------------- */
.inquiry #main_area #sec_pp {}

/* 個人情報保護方針 項目全体 */
.inquiry #main_area #sec_pp ol {
	margin-left:1.5em;
}
/* 個人情報保護方針 項目個別 */
.inquiry #main_area #sec_pp ol>li {
	list-style-type:decimal;
}
.inquiry #main_area #sec_pp ol>li:not(:last-of-type) {
	margin-bottom:1em;
}
/* 個人情報保護方針 サブ項目全体 */
.inquiry #main_area #sec_pp li ul {
	margin-left:1.5em;
}
/* 個人情報保護方針 サブ項目個別 */
.inquiry #main_area #sec_pp li ul>li {
	list-style-type:lower-alpha;
}
#tbl_qa{
	border:1px black !important;
}
#tbl_qa tr td{
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	padding:5px;
	 border: 1px solid black;
}
 


.tow_banner{padding-bottom:10px; text-align: center;}
.btn01_add{margin-bottom:10px;}/*
====================================================================================================
■ カート .regist（/regist/)
---------------------------------------------------------------------------------------------------- */