/* ▼▼ 共通設定 ▼▼ */
body{
font-family: Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProW3', sans-serif;
}

/* 斜線背景設定 */
div.ui-page.ui-body-c{
background-image:url(../img/bg_gray.png);
}

/*すべての要素のテキストの省略をしないようにします。*/
.ui-header .ui-title, /* header */
.ui-footer .ui-title, /* footer */
.ui-btn-inner, /* button */
.ui-li-heading, /* listview heading */
.ui-li .ui-btn-text a.ui-link-inherit, /* listview link */
.ui-li-desc, /* listview description */
h5.ui-li-heading
{
overflow: visible;
white-space: normal;
}

h1,h2,h3,h4,h5{
margin:0;
padding:0;
}

h1{
font-size:26px !important;
}

h2{
font-size:20px !important;
}

h3{
font-size:16px !important;
}

h4{
font-size:16px !important;
}

h5{
font-size:14px !important;
}

h6{
font-size:9px !important;
}

p{
font-size:14px !important;
}

.s{
font-size:12px !important;
}

.m{
font-size:14px !important;
}

.l{
font-size:16px !important;
}

.ui-btn-text{
/*font-size: 18px !important;*/
}

a{
text-decoration:none;
}

.clear{
clear:both;
}

.alert {
color: #C00;
}

.notice {
	position:relative;
	left:1em;
	text-indent: -1em;
}


/* ▼▼ ヘッダー start  ▼▼ */
div#header{
border-width:4px 0 0 0;
border-style:solid;
border-color:#D80C18;
}

.headerMenu#logo{
float:left;
margin:7px 0 0 10px;
}

.headerMenu.btn{
float:right;
margin:7px 10px 4px 0;
/*height:71px;*/
}

.ui-header .headerMenu.btn .ui-btn-inner{
padding-bottom: 0.7em;
padding-top: 0.6em;
}

/* ヘッダー赤帯見出し */
#headertitle{
clear:both;
background-image:url(../img/bg_red.png);
padding:5px 0 5px 0;
}

h1#maintitle{
color:#FFFFFF;
text-shadow:1px 1px 0px #000;
text-align:center;
}

p#subtitle{
margin:0;
color:#FFFFFF;
text-shadow:1px 1px 0px #000;
text-align:center;
}

/*ヘッダー内既存背景クリア*/
.ui-bar-c{
background:none;
}

/* ▼▼ コンテンツ欄 ▼▼ */

div.ui-collapsible{
margin-top:0;
margin-bottom:0.5em;
}

div#pickup{
margin-bottom:1em;
}

.ui-li-desc img{
margin:0 0 0.5em 1em;
}

.ui-li-divider, .ui-li-static{
font-weight: normal;
}

/*table用グラデーション 一般サイトclass名と共通*/

.table1{
background:#cccccc;
background: -moz-linear-gradient(top, #cccccc, #bbbbbb);/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#bbbbbb));/* Safari,Google Chrome用 */
}

.table2{
}

.table3{
background:#e7e7e7;
background: -moz-linear-gradient(top, #fefefe, #e7e7e7);/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e7e7e7));/* Safari,Google Chrome用 */
}

.table_indent{
background:#ff7458;
background: -moz-linear-gradient(top, #ff8a6f, #ff7458);/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#ff8a6f), to(#ff7458));/* Safari,Google Chrome用 */
}

.table_indent2{
background:#ffc5b8;
background: -moz-linear-gradient(top, #ffd5cb, #ffc5b8);/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#ffd5cb), to(#ffc5b8));/* Safari,Google Chrome用 */
}

h2.ui-li-heading{
margin:0;
}

h3.ui-li-heading{
margin:0 0 0.5em 0;
}

h3.ui-li-heading.ex{
font-size:22px !important;
margin:0.6em 0;
}

.irekolist h3.ui-li-heading{
margin:0;
}

/*アコーディオン時の余白削除*/
.ui-collapsible-set h3.ui-li-heading{
margin:0;
}

h4.ui-li-heading{
margin:0;
float:left;
}

.content_img{
float:left;
}

.apply.ui-btn-up-d{
background:#5c8f00;
background: -moz-linear-gradient(top, #5c8f00, #71a100);/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#5c8f00), to(#71a100));/* Safari,Google Chrome用 */
}

.apply.ui-btn-hover-d{
background:#92ba00;
}

.DL.ui-btn-up-d{
background:#005b8e;
background: -moz-linear-gradient(top, #005b8e, #0070a1);/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#005b8e), to(#0070a1));/* Safari,Google Chrome用 */
}

.DL.ui-btn-hover-d{
background:#0092b9;
}

.close.ui-btn-up-d{
background:#222222;
background: -moz-linear-gradient(top, #222222, #333333);/* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#333333));/* Safari,Google Chrome用 */
}

.close.ui-btn-hover-d{
background:#444444;
}

ul li .ui-btn-up-d,ul li .ui-btn-hover-d{
color:#FFFFFF !important;
text-shadow: 0 1px 1px #333333 !important;
}

/*コンテンツ欄内背景設定*/
.ui-body-b, .ui-body-c{
/*background: white;*/
}

/*  */

.ui-bar-b, .ui-footer {
	background-image: none;
	border: none;
}

.headerMenu.btn a.closebtn{
	margin:8px 0 10px 0;
	width:170px;
}

/** ダイアログ start**/
.dialogbox a.ui-btn-up-c,.dialogbox a.ui-btn-hover-c{
color:#FFFFFF !important;
text-shadow: 0 1px 1px #333333 !important;
}

div#dialog .ui-bar-a{
background:none;
border:none;
background-color:#2570bc;
text-shadow:none;
}

.ui-header h2#dlog_title.ui-title{
margin-bottom: 0.4em;
margin-top: 0.4em;
}

div#dialog h5{
margin-bottom: 0.6em;
margin-top: 0.6em;
}

/* フッター */
#footermenu{
text-align:center;
}

#footermenu h6{
margin:0.5em 0 0 0;
}

.ui-li, .ui-li.ui-field-contain {
	display: block;
	margin: 0;
	position: relative;
	overflow: visible;
	text-align: left;
	border-width: 0;
	border-top-width: 1px;
}

/* リスト内画像・文字の位置 */
p{
	margin:0 0 1em 0;
	line-height:1.5em;
}

table{
margin:0 0 1em 0;
*border-collapse: collapse; /* IE7 and lower */
border-spacing: 1px;
}

/* TableCircle HeaderFirst */
table tr td.TCHF{
-moz-border-radius: 12px 0 0 0;
-webkit-border-radius: 12px 0 0 0;
border-radius: 12px 0 0 0;
}

/* TableCircle HeaderLast */
table tr td.TCHL{
-moz-border-radius: 0 12px 0 0;
-webkit-border-radius: 0 12px 0 0;
border-radius: 0 12px 0 0;
}

/* TableCircle FooterFirst */
table tr td.TCFF {
-moz-border-radius: 0 0 0 12px;
-webkit-border-radius: 0 0 0 12px;
border-radius: 0 0 0 12px;
}

/* TableCircle FooterLastt */
table tr td.TCFL {
-moz-border-radius: 0 0 12px 0;
-webkit-border-radius: 0 0 12px 0;
border-radius: 0 0 12px 0;
}

/* TableCircle FooterBoth */
table tr td.TCFB {
-moz-border-radius: 0 0 12px 12px;
-webkit-border-radius: 0 0 12px 12px;
border-radius: 0 0 12px 12px;
}

ul li table div{
margin:0.3em;
}

p.ui-li-desc{
line-height:1.4em;
margin:0 0 0.7em 0;
}

table p.ui-li-desc{
margin:0.3em;
}

.ui-li-thumb, .ui-listview .ui-li-icon {
	position: absolute;
	left: 1px;
	top: 0;
	max-height: 80px;
	max-width: 80px;
}

.ui-footer{
	background-color: #111111;
	background-image: -moz-linear-gradient(#3C3C3C, #111111);
	padding:0;
}

.ui-li-heading {
	font-size: 16px;
	line-break: strict;
	line-height: 120%;
	text-align: justify;
	text-justify: inter-ideograph;
}

.title {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	background: #4DAFE0;
	text-align: center;
	text-shadow: 0 -1px 1px #254F7A;
	padding: .5em 15px;
	position: relative;
}

.ui-controlgroup, fieldset.ui-controlgroup{
/*margin:0;*/
}

.ui-controlgroup p, fieldset.ui-controlgroup p{
margin:0;
}

/*** kabuレター ***/
#kabuletter .ui-li-divider, #kabuletter .ui-li-static {
font-weight:normal;
}

#kabuletter ul{
padding:0;
list-style:none;
}

/* kabuレター 記事・セクション */
#kabuletter #section ul li h3{
	background: url('../img/favicon_sl.png') no-repeat;
	padding-left:30px;
}

#kabuletter #section h3 p{
font-size:18px !important;
}


/*a#company span.ui-icon.ui-icon-arrow-r{
background-position:0px 0%;
background-image:url(../img/icon_company.png);
background-image:url(../img/bnr_iconcier.png);
}

a#first span.ui-icon.ui-icon-arrow-r{
background-position:0px 0%;
background-image:url(../img/icon_first.png);
}

a#tel span.ui-icon.ui-icon-arrow-r{
background-position:0px 0%;
background-image:url(../img/icon_tel.png);
background-repeat:repeat-y;
}
*/

.ui-footer .ui-btn-up-a{
background:#555;
background:-webkit-gradient(linear,top,bottom,from(#777),to(#555));
background:-webkit-linear-gradient(#777,#555);
background:-moz-linear-gradient(#777,#555);
background:-ms-linear-gradient(#777,#555);
background:-o-linear-gradient(#777,#555);
background:linear-gradient(#777,#555);
/*background: -moz-linear-gradient(top, #777, #555);*/　/* Firefox用 */  
/*background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#555));*/　/* Safari,Google Chrome用 */  

}

.ui-footer li#company .ui-btn .ui-btn-inner{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/icon_company.png");
    background-origin: padding-box;
    background-position:50% 20%;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-bottom:10px;
    padding-left:0px;
    padding-right:0px;
    padding-top:35px;
}

.ui-footer li#first .ui-btn .ui-btn-inner{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/icon_first.png");
    background-origin: padding-box;
    background-position:50% 20%;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-bottom:10px;
    padding-left:0px;
    padding-right:0px;
    padding-top:35px;
}

.ui-footer li#tel .ui-btn .ui-btn-inner{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/icon_tel.png");
    background-origin: padding-box;
    background-position:50% 20%;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-bottom:10px;
    padding-left:0px;
    padding-right:0px;
    padding-top:35px;
}

.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner {
padding-bottom:0px;
}

.ui-header .ui-btn.DispBank{
display:none;
}

.irekolist .ui-collapsible-content,.irekolist .ui-collapsible-set{
margin:0;
}

/* iコンシェル用 start */
div.h4box{
padding:5px 0;
}

div.h4box p.ui-li-desc{
margin:0;
float:left;
}
/* iコンシェル用 end */

/* 割引プラン用 */
.DiscountPlan p {
margin-left:1em;
}