@charset "utf-8";
/* ****************************************************
company.css
***************************************************** */

/* Index [ contacts.css ]
=================================
1. subwindow
2: form
3. heading
99: clearfix
=================================*/
/* 1: subwindow
------------------------------------ */
body {
	background-color:#ebebeb;
}
#container {
	text-align:center;
}
#contents {
	margin:0 auto;
	text-align:left;
	border:1px solid #004E8D;
	border-bottom:0;
	border-top:0;
	background-color:#fff;
}
.wide400 #contents /* iPhone_taiou_bt.html */ {
	width:400px;
}
.wide500 #contents {
	width:500px;
}
.wide600 #contents {
	width:600px;
}
.wide770 #contents/* iPod_taiou.html */ {
	width:770px;
}
.wide900 #contents/* function.html */ {
	width:900px;
}
#head {
	padding:15px 0;
	margin-bottom:20px;
	border-bottom:5px solid #004E8D;
}
#content-box {
	margin:0 20px 40px;
}
#content-box .update{
	margin:-17px 0 10px;
	text-align:right;
	position:relative;
}
#content-box .table02,
#content-box .table03
 {
	width:100%;
	border:1px solid #ccc;
	border-bottom:0;
	border-right:0;
}
#content-box .table02 th {
	border:1px solid #ccc;
	border-top:0;
	border-left:0;
	padding:4px;
	background-color:#EFEFEF;
	color:#555;
	text-align:center;
}
#content-box .table03 th {
	border:1px solid #ccc;
	border-top:0;
	border-left:0;
	padding:6px;
	background-color:#EFEFEF;
	color:#555;
}

#content-box .table02 td{
	border:1px solid #ccc;
	border-top:0;
	border-left:0;
	padding:4px;
}

#content-box .table03 td {
	border:1px solid #ccc;
	border-top:0;
	border-left:0;
	padding:6px;
}

#content-box .table02 td strong,
#content-box .table03 td strong {
	color:#258;
	font-weight:bold;
}

.bgcolor1 {
	background-color:#F0F8FE;
}
.bgcolor2 {
	background-color:#EBEDFF;
}
.bgcolor3 {
	background-color:#FFF0F5;
}
.bgcolor4 {
	background-color:#F5FFFA;
}
.bg_do /* docomo */ {
	background-color:#EEEEEE;
}
.bg_au /* au */ {
	background-color:#FFEEDD;
}

.bg_sb /* softbank */ {
	background-color:#FFEEFF;
}
.bg_wil /* willcom */ {
	background-color:#DFEFFF;
}
.bg_em /* e-mobile */  {
	background-color:#FFF0F0;
}
.red-txt {
	color:#cc0000;
}
ol.normal-ol {
	padding-left:2em;
}
ol.normal-ol li {
	list-style-type:decimal;
	margin-bottom:10px;
	line-height:1.4;
}
.page-top {
	clear:both;
	padding:16px 0;
	text-align:right;
}
#foot {
	padding:20px 0px 40px 30px;
	border-top:5px solid #004E8D;
	text-align:left;
}

/* 2: form
------------------------------------ */
#form-area {
	width:670px;
	margin:0 auto;
}
#form-area table {
	margin-bottom:20px;
}
#form-area table th {
	padding:8px 13px;
	width:200px;
}
#form-area table td {
	padding:8px 13px;
	text-align:left;
}
#form-area table td span {
	color:#686868;
}
#form-area table th span {
	color:#cc0000;
	padding-left:10px;
	font-size:83%;
}

#form-area table th span.subtxt {
	color:#686868;
	padding-left:inherit;
	font-size:83%;
}

#form-area #personal-name, #form-area #phone-number, #form-area #fax-number, #form-area #company-name, #form-area #mail-address1, #form-area #mail-address2, #form-area #mail-address3,#form-area #mail-address4,#form-area #zip-code1, #form-area #zip-code2, #form-area #address,#form-area #address2, #form-area #question, {
 padding-left:5px;
}
#form-area #phone-number,
#form-area #fax-number {
	width:165px
}

#form-area #phone-number1,
#form-area #phone-number2,
#form-area #phone-number3,
#form-area #phone-number4,
#form-area #phone-number5,
#form-area #phone-number6,
#form-area #phone-number7,
#form-area #phone-number8,
#form-area #phone-number9,
#form-area #fax-number1,
#form-area #fax-number2,
#form-area #fax-number3,
#form-area #fax-number4,
#form-area #fax-number5,
#form-area #fax-number6,
#form-area #fax-number7,
#form-area #fax-number8,
#form-area #fax-number9{
	width:64px;
}

#form-area #serial-number {
	width:200px
}

#form-area #personal-name,
#form-area #personal-name2,
#form-area #personal-name3,
#form-area #pt-name,
#form-area #personal-name-kana,
#form-area #section-name,
#form-area #section-name2,
#form-area #section-name3,
#form-area #company-name,
#form-area #company-name2,
#form-area #company-name3,
#form-area #mail-address1,
#form-area #mail-address2,
#form-area #mail-address3,
#form-area #mail-address4,
#form-area #mail-address5,
#form-area #mail-address6,
#form-area #modelname,
#form-area #shop-name,
#form-area #serial,
#form-area #serial1,
#form-area #serial2,
#form-area #serial3,
#form-area #serial4,
#form-area #serial5,
#form-area #adm-p,
#form-area #serial2,#form-area #serial3,#form-area #serial4,#form-area #serial5{
	width:245px
}
#form-area #zip-code1,
#form-area #zip-code2,
#form-area #zip-code3,
#form-area #zip-code4 {
	width:64px;
}
#form-area #blog-tit,
#form-area #blog-url,
#form-area #sns-tit,
#form-area #sns-url,
#form-area #address,
#form-area #address2,
#form-area #address3,
#form-area #address4,
#form-area #moni-q1-other,
#form-area #moni-q2,
#form-area #moni-q2-other,
#form-area #moni-q3,
#form-area #moni-q3-other,
#form-area #moni-q4,
#form-area #moni-q4-other,
#form-area #moni-q5,
#form-area #moni-q5-other,
#form-area #moni-q6-other,
#form-area #scene01,
#form-area #scene02,
#form-area #scene03,
#form-area #repair,
#form-area #q1,
#form-area #q2{
	width:420px;
}
#form-area #zip-code1,
#form-area #zip-code3 {
	margin-right:6px;
}
#form-area #zip-code2,
#form-area #zip-code4 {
	margin-left:6px;
}
#form-area #auto-input {
	margin: 0 0 -4px 10px;
}
#form-area #question-item1,
#form-area #question-item2,
#form-area #question-item3 {
	margin: 0 3px -0.15em 0;
}
#form-area .question-buttons label {
	padding:1px 5px 1px 5px;
	margin-right:12px;
}
#form-area #confirm,
#form-area #prev {
	margin:0 auto;
	text-align:center;
}

#form-area table ul.normal-line li{
	display:inline;
	margin:0px 3px;
}


#form-area table ul.normal-line li input,
#form-area table ul.normal-line li label{
	vertical-align:middle;
}

#form-area table ul.normal-line li label{
	margin-left:1px;
}


/* ssl sign*/
div#ssl-sign {
	border:#dfdfdf 1px solid;
	padding:10px 14px;
	margin-bottom:30px;
}
#ssl-sign .inner {
	border:none;
	background:url(../images/common_ex02.gif) repeat-y 195px;
}
#ssl-sign .btn {
	float:left;
	margin-top:0.7em;
}
#ssl-sign .text-image {
	margin-left:210px;
}
#ssl-sign .text-image .text {
	float:left;
	width:370px;
	padding-right:15px;
}
#ssl-sign .text-image .ssl-bnner {
	width:100px;
	float:left;
}
.stage {
	margin-bottom:30px;
	text-align:center;
}
/* confirm */
#form-area fieldset{
    margin-bottom:20px;
}
#form-area legend{
    font-weight:bold;
    margin-bottom:10px;
}
#form-area.confirm {
	width:530px;
}
#form-area.confirm #error-information {
	border:#dfb8b3 1px solid;
	padding:1px;
	text-align:left;
	margin-bottom:20px;
}
#form-area.confirm #error-information dl {
	padding:9px 8px;
	background-color:#fbebe9;
}
#form-area.confirm #error-information dl dt {
	font-weight:bold;
	font-size:120%;
	border-bottom:#ffffff 1px solid;
	margin-bottom:10px;
}
#form-area.confirm #error-information dl dt span {
	border-bottom:#dfb8b3 1px solid;
	display:block;
	padding:0 0 8px 15px;
	background:url(../../contacts/images/contact_ic01.gif) no-repeat left 0.25em;
}
#form-area.confirm th {
	width:122px;
}
.error-txt {
	color:#cc0000;
	font-weight:bold;
}
#submit {
	margin-left:20px;
}
/* complete */
.form-text {
	margin-bottom:20px;
	text-align:center;
}
.form-text p {
	width:670px;
	text-align:left;
	margin:0 auto;
}


/* 2010-04-23 add */


#form-area #chkarea {
	margin-top:20px;
	margin-bottom:30px;
	background-color:#FFF1F1;
	padding:15px;
}

#form-area #chkarea dl dt {
	width:2em;
}

#form-area #chkarea dl dd {
	margin-left:2em;
	margin-top:-1.4em;
}

/* 2010-12-06 add */

.holiday{
	line-height:1.2em;
	padding: 7px;
	font-size: 12px;
	border: solid 2px #ab3c3c;
	background-color: #FFFbFb;
	width: 655px;
	text-align: left;
	margin-bottom: 20px;
}

.holiday .txtbold{
	color:#ab3c3c;
	font-weight:bold;
}
.holiday .txt{
	color:#ab3c3c;
}

.holiday .caption-asterisk {
	font-size:10px;
	color:#ab3c3c;
}


/* 3: heading
------------------------------------ */
/*--h2--*/
#contacts .design-h2-product {
	margin-bottom: 20px;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	display:block;
}
#contacts .design-h2-product h2,
#contacts .design-h2-product h3 {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	display:block;
	background: url(../images/common_bg05.gif) repeat-x left top;
	padding:4px 11px;
}
#contacts .design-h2-product .content-h2 {
	font-weight:bold;
	color:#ffffff;
	font-size:100%;
	display:block;
	float:left;
}
#contacts .design-h2-product .h2-button {
	background: url(../images/common_bg29.gif) repeat-y;
	float:right;
	zoom:1;
}
#contacts .design-h2-product .h2-button a {
	background: url(../images/common_ic11.gif) no-repeat 6px;
	display:block;
	color:#ffffff;
	padding:0 0 0 16px;
	width:3em;
}
#contacts .design-h2-product .h2-button .close {
	background-image: url(../images/common_ic11.gif);
	zoom:1;
}
#contacts .design-h2-product .h2-button .open {
	background-image: url(../images/common_ic09.gif);
	text-align:center;
	zoom:1;
}
/*--h3--*/
#contacts .design-h3-product {
	margin-bottom: 24px;
	padding: 1px 0 1px 0;
	border-top:#c6c6c6 1px solid;
	border-bottom:#c6c6c6 1px solid;
}
#contacts .design-h3-product strong {
	display: block;
	padding: 5px 0;
	background:#ececec;
}
#contacts .design-h3-product span {
	display: block;
	padding: 5px 0;
}
#contacts .design-h3-product span span {
	display: block;
	padding:0 16px;
	color:#000000;
	background: url(../images/common_ic10.gif) no-repeat 5px center;
	font-weight:bold;
	zoom:1;
}
#contacts .design-h3-product strong span {
	font-weight:bold;
	display: block;
	background:#ececec url(../images/common_ic10.gif) no-repeat 5px center;
	padding:0 16px;
	color:#000000;
	zoom:1;
}
/*--h4--*/
#contacts .design-h4-product {
	margin-bottom: 10px;
	padding: 0 16px;
	background: url(../images/common_bg06.gif) no-repeat 5px center;
	color:#113668;
	font-weight:bold;
	zoom:1;
	display:block;
}
/*--h5--*/
#contacts .design-h5-product {
	margin-bottom: 10px;
	margin-left:16px;
	border-bottom:#c6c6c6 1px solid;
	font-weight:bold;
	color:#000000;
}
/*--h6--*/
#contacts .design-h6-product {
	margin-bottom: 10px;
	margin-left:16px;
	font-weight:bold;
	color:#113668;
}


/* 99:clearfix
------------------------------------ */
#ssl-sign .inner:after,
#contacts .design-h2-product h2:after,
#contacts .design-h2-product h3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#ssl-sign .inner,
#contacts .design-h2-product h2,
#contacts .design-h2-product h3, {
	min-height: 1px;
}
/* for IE6 */
* html #ssl-sign .inner,
* html #contacts .design-h2-product h2,
* html #contacts .design-h2-product h3 {
	height: 1px;
}
/* for IE7 */
*:first-child+html #ssl-sign .inner,
*:first-child+html #contacts .design-h2-product h2,
*:first-child+html #contacts .design-h2-product h3, {
	zoom: 1;
}