@charset "utf-8";

/* --------------------------------------------------------------------------------
   Service Site i Style
-------------------------------------------------------------------------------- */


/* Important [Dengon & Emergency]
-------------------------------------------------------------------------------- */

#important {
	text-align: left;
	padding: 10px 15px;
}
#important:empty {
	padding: 0;
}
#important > *:not(:first-child) {
	margin-top: 10px;
}

/* -- Dengon -- */

#dengon {
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .25 );
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25 );
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25 );
}
#dengon a {
	position: relative;
	display: block;
	color: #ff0000!important;
}
#dengon a strong {
	display: block;
	position: absolute;
	left: 22px;
	top: 38px;
	width: 245px;
	color: #ff0000!important;
	font-weight: bold;
	text-shadow: 0px 0px 3px rgba(255, 255, 255, .8);
}

#dengon_voice {
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .25 );
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25 );
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .25 );
}
#dengon_voice a {
	position: relative;
	display: block;
	color: #ff0000!important;
}
#dengon_voice a strong {
	display: block;
	position: absolute;
	left: 22px;
	top: 38px;
	width: 245px;
	color: #ff0000!important;
	font-weight: bold;
	text-shadow: 0px 0px 3px rgba(255, 255, 255, .8);
}

/* -- Emergency -- */

#important > dl {
	padding: 5px 10px 10px;
	border: 2px solid #ff0000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#important > dl > dt {
	text-align: center;
	padding: 3px;
	color: #ffffff;
	font-weight: bold;
	background: #ff0000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#important > dl > dd {
	margin-top: 5px;
}



/* Headings
-------------------------------------------------------------------------------- */

.hd_lv01 {
	position: relative;
	padding: 8px 30px 8px 20px;
	background: -webkit-gradient(linear, center top, center bottom, from(#e3e5e7), color-stop(80%, #c3c8cc), to(#c3c8cc));
	background: -moz-linear-gradient(top, #e3e5e7, #c3c8cc 80%, #c3c8cc);
	/*background: #c3c8cc url(/mobile/set/common/p/img/v09b/service_site_i/bg_h1.gif) left top repeat-x;*/
}
.hd_lv01 h1 {
	font-size: 18px;
	font-weight: bold;
}
.hd_lv01 h1 + p {
	margin: 0 20px;
}
.hd_lv01 span {
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	background: #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.hd_lv01 span a {
	display: block;
	padding: 3px 10px;
	color: #333333;
}
.str_lv3 .hd_lv01 {
	padding-left: 15px;
}
.str_lv3 .hd_lv01 h1 {
	font-size: 14px;
}

.hd_lv02 {
	padding: 5px 10px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, .8);
	background: -webkit-gradient(linear, center top, center bottom, from(#6285a7), color-stop(43%, #13375a), to(#13375a));
	background: -moz-linear-gradient(top, #6285a7, #13375a 43%, #13375a);
	border-top: 1px solid #89a4bd;
	border-bottom: 1px solid #11314f;
}
.hd_lv02.fs_13 {
	padding: 10px 10px;
}
* + .hd_lv02 {
	margin-top: 30px;
}
.hd_lv03,
.hd_notes {
	padding: 5px 15px;
	font-size: 13px;
	font-weight: bold;
}
* + .hd_lv03,
* + .hd_notes {
	margin-top: 20px;
}
.hd_lv03 {
	background: #d3dadf;
}
.hd_notes {
	color: #ffffff;
	background: #9ea0a2;
}
.hd_faq,
.hd_mysb,
.hd_d_blue {
	padding: 0 10px;
	font-size: 14px;
	line-height: 21px;
}
.hd_faq {
	background:  url(/mobile/set/common/p/img/v09b/service_site_i/icon_hd_faq.gif) left center no-repeat !important;
}
.hd_mysb {
	background:  url(/mobile/set/common/p/img/v09b/service_site_i/icon_hd_mysb.gif) left center no-repeat !important;
}
.hd_d_blue {
	background:  url(/mobile/set/common/p/img/v09b/service_site_i/icon_hd_d_blue.gif) left center no-repeat !important;
}



/* Block
-------------------------------------------------------------------------------- */

/* -- contents-i-inner --*/

.contents-i-inner {
	padding-bottom: 30px;
}
.sec + .contents-i-inner {
	margin-top: 30px;
}


/* -- Section --*/

.sec {
	padding: 0 15px;
}
.sec:not(:first-child) {
	margin-top: 10px;
}


/* -- Box --*/

#iphone-layout .box-lg {
	padding: 6px 10px;
	background: #e5e8e9;
}
#iphone-layout .box-lb {
	padding: 6px 10px;
	background: #e2f1ff;
}


/* -- Box Round --*/
.box-r-lg {
	padding: 6px 10px;
	background: #e5e8e9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
ul.box-r-lg {
	padding: 0;
	background: transparent;
	border-radius: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
}
ul.box-r-lg li {
	margin-top: 10px;
	padding: 6px 10px;
	background: #e5e8e9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/* Paragraph & List
-------------------------------------------------------------------------------- */

p:not(:first-child),
ul:not(:first-child) {
	margin-top: 10px;
}


/* Link
-------------------------------------------------------------------------------- */

/* -- link-arrow -- */

.link-arrow li {
	position: relative;
}
.link-arrow a {
	display: block;
	padding: 13px 30px 13px 15px;
	color: #333333;
	font-size: 14px;
	background: url(/mobile/set/common/p/img/v09b/service_site_i/icon_list-arrow.gif) right center no-repeat;
}
ul.link-arrow li:not(:first-child) a {
	border-top: 1px dotted #cccccc;
}
.link-arrow a span {
	font-size: 12px;
}
.link-arrow a span.txt-top,
.link-arrow a span.txt-btm  {
	display: block;
}
.link-arrow a span.txt-top {
	margin: 2px 0 0;
}
.link-arrow a span.txt-btm {
	margin: 0 0 2px;
}
.line-2 a {
	padding: 4px 35px 4px 15px;
}

.list-img a {
	padding: 1px 0 1px 15px;
}


/* -- bgcl-lb -- */
#iphone-layout ul.bgcl-lb {
	padding: 7px 5px 7px 18px;
	background: #e2f1ff;
}

.link-about-mysb {
	padding: 0 0 0 25px;
	font-size: 11px;
	line-height: 19px;
	background: transparent url(/mobile/set/common/p/img/v09b/service_site_i/icon_note.gif) left top no-repeat;
}


/* Decoration
-------------------------------------------------------------------------------- */

/* -- line -- */

.dotted_tb {
	margin: 10px 0 0;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}
.dotted_top {
	border-top: 1px dotted #cccccc;
}
.dotted_btm {
	border-bottom: 1px dotted #cccccc;
}

/* -- button -- */

.list-btn-img li:not(:first-child) {
	margin-top: 10px;
}
.list-btn-img li a {
	position: relative;
}

.btn {
	width: 290px;
	margin: 0 auto;
}
.btn a {
	text-align: center;
	display: block;
	padding: 6px 0 4px;
	font-size: 15px;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: 0 0 3px rgba(255, 255, 255, .9); 
}
.btn li:not(:first-child) {
	margin-top: 10px;
}

.cl-lg a {
	color: #333333;
	border: 1px solid #dadada;
	border-bottom: 1px solid #b2b4b6;
	background: -webkit-gradient(linear, center bottom, center top, from(#e4e6e8), color-stop(25%, #d0d2d4), color-stop(40%, #d0d2d4), to(#f8fafc));
	background: -moz-linear-gradient(bottom, #e4e6e8, #d0d2d4 25%, #d0d2d4 40%, #f8fafc);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .25 );
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25 );
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25 );
}
.cl-blue a {
	color: #ffffff;
	border: 1px solid #1b6ab9;
	background: -webkit-gradient(linear, center bottom, center top, from(#67a0db), color-stop(25%, #1b6ab9), color-stop(40%, #1b6ab9), to(#67a0db));
	background: -moz-linear-gradient(bottom, #67a0db, #1b6ab9 25%, #1b6ab9 40%, #67a0db);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .25 );
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25 );
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25 );
	text-shadow: 0 0 3px rgba(27, 106, 185, .9); 
}
.cl-green a {
	color: #ffffff;
	border: 1px solid #6b990f;
	background: -webkit-gradient(linear, center bottom, center top, from(#90c21d), color-stop(25%, #7db212), color-stop(40%, #7db212), to(#9ccf25));
	background: -moz-linear-gradient(bottom, #90c21d, #7db212 25%, #7db212 40%, #9ccf25);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .25 );
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25 );
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25 );
	text-shadow: 0 0 3px rgba(27, 106, 185, .9); 
}

.cl-glassy-lg a {
	padding: 7px 0 6px;
	font-size: 14px;
	color: #333333;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #989898;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #a2a2a2;
	background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), color-stop(50%, #e8ebec), color-stop(51%, #e2e5e7), to(#c0c6cc));
	background: -moz-linear-gradient(top, #fefefe, #e8ebec 50%, #e2e5e7 51%, #c0c6cc);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .25 );
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25 );
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25 );
}

.btn-img-shadow {
	width: 290px;
	margin: 0 auto;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .25 );
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25 );
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25 );
}


/* News & Information
-------------------------------------------------------------------------------- */

ul.list-info li {
	margin-top: 0;
}
ul.list-info li:not(:first-child) {
	border-top: 1px solid #bbbbbb;
}
.contents-i-inner ul.list-info li:not(:first-child) {
	border-top: 1px dotted #bbbbbb;
}
ul.list-info li:first-child {
	margin: 2px 0 0 0;
}
ul.list-info li a {
	display: block;
	min-height: 35px;
	padding: 12px 50px 10px 15px;
	color: #333333;
	background: url(/mobile/set/common/p/img/v09b/service_site_i/icon_list-arrow.gif) right center no-repeat;
}
ul.list-info li p {
	min-height: 35px;
	margin-top: 0;
	padding: 12px 50px 10px 15px;
}
ul.list-info li span {
	display: inline-block;
	color: #666666;
}

p.no-info {
	line-height: 57px;
	padding: 0 15px;
}

p.view-list {
	margin-top: 0;
	background: -webkit-gradient(linear, center top, center bottom, from(#e0f8fe), to(#bedce6));
	background: -moz-linear-gradient(top, #e0f8fe, #bedce6);
	border-top: 1px solid #a2cbd3;
	border-bottom: 1px solid #508b98;
}
p.view-list a {
	display: block;
	line-height: 32px;
	padding: 0 25px;
	color: #333333;
	background: url(/mobile/set/common/p/img/v09b/service_site_i/icon_arrow_bk.gif) 16px center no-repeat
}


.menu-info {
	padding: 20px 9px;
	background: #d3dadf;
	border-top: 1px dotted #cccccc;
}
.menu-info ul {
	background: #ffffff;
	border: 1px solid #bbbbbb;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.menu-info ul li:not(:first-child) a {
	border-top : 1px solid #bbbbbb;
}




/* Enquete
-------------------------------------------------------------------------------- */

form#enquete {
	background: #e0edf1;
	margin:0 auto;
	padding: 12px 15px 15px;
}

form#enquete p {
	margin:  0 0 8px;
}
form#enquete p strong {
	text-align: center;
}

/* == Yes / No == */
div.yesno {
	margin: 0 0 0 10px;
}
div.yesno li {
	float: left;
	margin-right: 25px;
}
div.yesno label {
	cursor: pointer;
}
div.yesno input[type="radio"] {
	vertical-align: text-top;
	margin: 0;
}

/* == Comment == */
div.comment {
	margin: 8px 0 0;
}
div.comment textarea {
	color: #999999;
	width: 97%;
	padding: 5px;
	height: 4em;
	font-size: 12px;
}
div.comment textarea.on {
	color: #000000;
}
form#enquete div.comment p {
	margin: 10px 0 0 95px;
	float: right;
	font-size: 10px;
}

/* == Action == */
form#enquete div.action {
	position: relative;
	height: 30px;
}
form#enquete div.action input {
	position: absolute;
	top: 9px;
	width: 84px;
	height: 30px;
	font-size: 13px;
	font-weight: bold;
}


/* == Thanks / Error == */
form#enquete div.thanks,
form#enquete div.error {
	padding: 10px 0 0 0;
	display: none;
}
form#enquete div.thanks strong,
form#enquete div.error strong {
	font-size: 14px;
	color: #cc0000;
}


/* == clearfix == */
form#enquete div.form:after,
form#enquete div.yesno ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}



/* Breadcrumbs
-------------------------------------------------------------------------------- */
ul#list_breadcrumbs {
	margin: 10px;
}
ul#list_breadcrumbs:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
ul#list_breadcrumbs li {
	display: inline;
	word-break: break-all;
	height: 20px;
	line-height: 20px;
	list-style: none;
	font-size: 11px;
}
ul#list_breadcrumbs li:not(:first-child):before {
	margin: 0;
	content: "> ";
	color: #006699;
}

ul#list_breadcrumbs a {
	text-decoration: underline;
}



/* Overwrite
-------------------------------------------------------------------------------- */
.hd_lv02 + .hd_lv03,
.hd_lv02 + .link-arrow,
.hd_lv03 + .link-arrow,
.link-arrow + .hd_lv03 {
	margin-top: 0;
}


/* Clear
-------------------------------------------------------------------------------- */

.sec:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}