﻿@charset "utf-8";
/* CSS Document */

body{
	box-sizing : border-box;
	padding: 0;
    margin: 0;

}

.support {
	margin:12 0 1px 0;
	padding:8px 5px;
	background: #fbfae6;
	color:#3f2706;
	text-align:center;
	font-weight: bold;
	font-size:20px;
	border-bottom:solid 2px #c0ba8e;

	}
	
	a {
 text-decoration: none;
}
.text-brown {
position: relative;
padding:1px 3px 10px 3px;
overflow:hidden;
display:block;
color: #3f2706;
margin:2px;
font-size: 14px;
text-shadow: 0px 0px 0px #ffffff;
text-align:left;
}

/*リストパーツ(＞)*/
.arrow {
background-image: url(http://image.happykisekae.jp/images/smartphone/top/link_gray.png);
background-position: 90% 20%;
background-repeat: no-repeat;
-webkit-background-size: 12px 12px;
padding: 8px 8px 8px 8px;
margin: 0px; 
color: inherit !important;
display: block;
-webkit-transition: all 0.5s ease-in-out;
}


*メニュー枠全体*/
.u01{
width: 100%;
padding: 0px;
margin: 0px;
clear: both;
-webkit-box-shadow: 0px 1px 0px #DDDDDD;
background: #ffffff;
}

.box3 {
clear:both;
}

/*メニュー枠テキスト*/
.text04{
width: 100%;
padding: 2px 1px 2px 25px;
margin: 0px;
color:#ffffff;
text-shadow: 1px 1px 1px #808080;
}


/*メニュー枠(フル)*/
.full_waku01 {
margin: 5px 0 0 0;
background:-webkit-gradient(linear, left top, left bottom, from(#DC143C), to(#CD5C5C));
padding-left:2px;
border-style: double; /* 枠の種類 */
border-color: #8B0000; /* 枠の色 */
border-width: 1px 0px 1px 0px; /* 枠の幅 */
}

/*メニュー枠パーツ(サポートメニュー)*/
#waku_icon7 {
background-image:
url("http://image-full.hapiuta.jp/images/top/icon_saport.png");
background-position: 2px 50%;
background-repeat: no-repeat;
-webkit-background-size: 22px 22px;
padding: 1px 1px 1px 1px;
margin: 0px;
color: inherit !important;
display: block;
-webkit-transition: all 0.5s ease-in-out; 
}


/* リスト設定 */
 ol ,ul {
 list-style: none;
}

/* アコーディオンメニュータイトル */
.title {
 color: #ffffff;
 background-color: #9a9999;
 text-align: center;
 font-size: 16px;
 padding: 5px;
 vertical-align: bottom;
}

/* アコーディオンメニュー下地 */
#accordion {
 width: 100%;
 margin: 0;
 padding: 0;
}

/* キャリアタイトル */
.archive_dcm {
 background-color: #dc143c;
 color: #ffffff;
 border-bottom: 1px solid #ffffff;
 font-size: 16px;
 padding: 15px 0 15px;
 background-position: 98% 50%;
 background-size: 12px;
 background-repeat: no-repeat;
 white-space: pre;
 font-weight:bold;
}

.archive_au {
 background-color: #ff8c00;
 color: #ffffff;
 border-bottom: 1px solid #ffffff;
 font-size: 16px;
 padding: 15px 0 15px;
 background-position: 98% 50%;
 background-size: 12px;
 background-repeat: no-repeat;
 white-space: pre;
 font-weight:bold;
}

.archive_sbm {
 background-color: #48D1CC;
 color: #ffffff;
 border-bottom: 1px solid #ffffff;
 font-size: 16px;
 padding: 15px 0 15px;
 background-position: 98% 50%;
 background-size: 12px;
 background-repeat: no-repeat;
 white-space: pre;
 font-weight:bold;
}


/* 格納メニュー */
.submenu {
 padding: 0;
}

.submenu li {
 background-color: #ffffff;
 padding: 15px 10px;
 border-bottom: 1px solid #c0ba8e;
 color: #3f2706;
 font-size: 14px;
 background-position: 98% 50%;
 background-size: 12px;
 background-repeat: no-repeat;
 font-weight:bold;
}

.submenu a {
 text-decoration: none;
 color: #ffffff;
 font-size: 14px;
}

/* 格納メニュー_月額料金 */
.kakin {
 font-size: 14px;
 color: #3f2706;
 padding: 15px 10px;
 display: block;
 background-color:#ffffff;
}

/* 格納メニュー_auかんたん決済 */
.au_kakin a {
 font-size: 14px;
 color: #666666;
 text-align: center;
 display: block;
 margin: 0 auto;
 padding-bottom: 20px;
 text-decoration: underline;
 background-color:#ffffff;

}

.au_kakin img {
 text-align: center;
 width: 150px;
 height: 23px;
 vertical-align: bottom;
 margin: 0 auto;
 padding: 20px;
 display: block;
 background-color:#ffffff;

}

/* お問い合わせ・プライバシーポリシー */
.etc {
 padding: 0;
 margin: 0;
}

.etc li {
 background-color: #ffffff;
 padding: 15px 10px;
 border-bottom: 1px solid #c0ba8e;
 color: #3f2706;
 font-size: 14px;
 background-position: 98% 50%;
 background-size: 12px;
 background-repeat: no-repeat;
 font-weight:bold;
}

.etc a {
 text-decoration: none;
 color: #ffffff;
 font-size: 14px;

}

 /* フッター*/
.footer {
display: block;
padding: 1%;
margin: ;
text-align:left;
text-decoration: none;
font-size: 12px;
font-weight:bold;
color:#3f2706;
}