@charset "Shift_JIS";

/* -------------------
 * co.jp スタイルシート
 * -------------------/
/*
 * Redefine of tag
 */
body {
	font-size:12px;
	line-height:16px;
	color:#333;
	padding:0;
	margin:0;
}
form {
	margin:0;
}
h1 {
	margin:0;
}
h2 {
	font-size:14px;
	padding:2px 5px;
	margin:35px 0 20px;
	color:#fff;
	background:#999;
}
h3 {
	font-size:12px;
	margin:5px 0;
}
table {
	border-collapse:collapse;
	font-size:12px;
	line-height:16px;
	width:710px;
}
th,td {
	border:1px solid #999;
	padding:8px;
	vertical-align:top;
}
th {
	text-align:left;
	background:#eee;
}
td p {
	margin:5px 0;
}
input {
	vertical-align:middle;
}
a {
	text-decoration:none;
}
a img {
	border:none;
}

/*
 * 強調表示色
 */
em {
	color:#0000cc;
	font-style:normal;
	font-weight:bold;
	}

/*
 * Positioning (left or center)
 */
/* left */
div.position {
	/* empty */
}
/* center */
/*
div.position {
	text-align:center;
}
div.position div#container {
	margin:0 auto;
}
*/

/*
 * Common class
 */
/* title */
p.title {
	margin:5px 0 15px;
}
/* emphasis */
.emphasis {
	background:#F6F6F6;
	position:relative;
}
/* caption */
.caption {
	color:#c00;
}
/* Class to divide into specific number */
.division_none {
	width:100%;
}
.division_two {
	width:49.9%;
}
.division_three {
	width:33%;
}
.division_four {
	width:25%;
}
/* Supplement */
p.supplement {
	margin-left:18px;
	font-size:10px;
	line-height:14px;
}
p.supplement02 {
	margin:0 0 15px -48px;
	font-size:10px;
	line-height:14px;
}
th p.supplement {
	font-weight:normal;
	margin:0;
}

/*
 * container
 */
div#container {
	width:802px;
	margin-left:12px;
	text-align:left;
}

/*
 * Contents
 */
div#contents {
	padding:35px 45px 0;
	border-top:16px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
#contents ul {
	margin:0;
	padding:0;
	list-style:none;
}
#contents li {
	float:left;
}

/*
 * Header element 
 */
h1#header {
	padding:12px 15px;
}
h1#header img {
	width:101px;
	height:20px;
}
img#title {
}

/*
 * Footer element
 */
div#footer img {
	width:800px;
	height:20px;
	display:block;
	margin:35px -45px 0;
}

/*
 * Copyright
 */
div#copy {
	width:800px;
}
div#copy img {
	margin:0 15px 30px 15px;
}

/*
 * navi
 */
div#navi {
	margin:25px 0;
	text-align:center;
}
div#navi img {
	width:602px;
	height:23px;
}

/*
 * Area
 */
div.msg_freearea {
	margin-bottom:12px;
	font-size:12px;
	line-height:16px;
	text-align:left;
}
div.html_freearea {
	margin:12px 0;
	text-align:left;
}
div.html_freearea div.close {
	border-top:1px solid #999;
	padding-top:15px;
	text-align:right;
}

/*
 * List in TABLE & List in DL
 */
td dl {
	margin:0;
}
td dt {
	float:left;
	text-align:right;
	padding:2px 7px 2px 0;
}
td dd {
	padding:2px;
}
dl li {
	float:left;
	margin:5px 0;
}
/* Name form */
dl.name dt {
	width:24px;
	text-align:right;
}
dl.name dd {
	float:left;
	margin:0;
}
/* Address form */
dl.address dt {
	width:70px;
}
/* Tel form */
dl.tel dt {
	width:132px;
}


/*
 * Link to details 
 */
p.moreblack {
	margin:0;
          padding-left: 280px;
          text-align: left;
}
p.moreblack a {
	font-size:10px;
	line-height:14px;
	padding:2px 2px 2px 10px;
	color:#333;
	background:url(/cmpn_gen/common/image/icon_more.gif) left center no-repeat;
}
p.moreblack a:hover {
	text-decoration:underline;
	color:#c00;
}

p.more {
	margin:0;
}
p.more a {
	font-size:10px;
	line-height:14px;
	padding:2px 2px 2px 10px;
	color:#333;
	background:url(/cmpn_gen/common/image/icon_more.gif) left center no-repeat;
}
p.more a:hover {
	text-decoration:underline;
	color:#c00;
}
div#present p.more {
	margin:0 0 0 25px;
}
.emphasis p.more {
	margin:0 0 10px 20px;
}
div#quiz p.more {
	text-align:right;
}

/*
 * Questionnare
 */
div.questionnare {
	border-bottom:1px solid #999;
}
div.questionnare input {
	margin-bottom:4px;
}
div.questionnare textarea {
	vertical-align:text-top;
	max-width:662px;
}
/* imitate table */
h3.q_s01 {
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	padding:8px;
	background:#eee;
	margin:0;
}
div.substance {
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	padding:8px 8px 8px 23px;
	zoom:1;
}
div.substance:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html div.substance {
	height:1%;
}
div.ans ul {
	overflow:hidden;
}
p.q_s02 {
	font-weight:bold;
	margin:5px 0 5px -15px;
	clear:left;
}
p.q_s03 {
	margin:5px 0 5px -15px;
	clear:left;
}
/* confirm */
table#questionnare{
	word-break:break-all;
	}
table#questionnare{
	word-break:break-all;
	}
table#questionnare td {
	padding-left:33px;
}
table#questionnare td.q_s02 {
	font-weight:bold;
	background-color:#eee;
	padding:8px;
}
td.q_s02 p {
	font-weight:normal;
	margin:5px 0 0;
}
td.q_s03 {
	background-color:#eee;
	padding:8px;
}

/*
 * Necessary input item & Error output 
 */
p.must {
	color:#c00;
	margin:15px 0 -30px;
}
span.must {
	color:#c00;
	font-weight:normal;
}
p.err {
	color:#c00;
	margin:0;
	font-weight:bold;
}

/* Substitution of 'th[scope="row"]' */
table.scope_row th {
	width:200px;
}

/*
 * quiz
 */
div#quiz .circle {
	color:#f00;
}
div#quiz div.base {
	font-size:20px;
	margin:10px 0;
	font-weight:bold;
}

/*
 * present
 */
div#present dl.split_vertical {
	border:1px solid #999;
	background:#eee;
	margin:0;
	display:inline-block;
}
div#present dl.split_vertical:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html div#present dl.split_vertical {
	height:1%;
}
div#present dl.split_vertical dt {
	font-weight:bold;
	padding:8px;
	width:200px;
	float:left;
}
div#present dl.split_vertical dd {
	background:#fff;
	border-left:1px solid #999;
	margin:0;
	padding:8px;
	width:475px;
	float:left;
}
div#present dl.split_horizon {
	width:710px;
	background:#eee;
	margin:0;
	border:1px solid #999;
}
div#present dl.split_horizon dt {
	padding:8px;
	font-weight:bold;
	border-bottom:1px solid #999;
}
div#present dl.split_horizon dd {
	background:#fff;
	margin:0;
	padding:8px;
}
div#present ul:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html div#present ul {
	height:1%;
}
div#present dd p {
	margin:0;
}

/*
 * TOYOTA Web Passport
 */
table.passport {
}
table.passport div {
	padding:5px 70px;
	margin:5px;
}
table.passport div div {
	padding:0;
	margin:0;
}
table.passport div.emphasis {
	padding:25px 70px 5px 70px;
}
table.passport div.emphasis p.title {
	margin:-15px -60px 10px -60px;
}
table.passport ul {
	margin-left:70px;
}
* html table.passport ul {
	height:1%;
}
/* registered */
div.registered {
	margin-bottom:10px !important;
}
div.registered label,
div.registered a:link,
div.registered a:visited {
	color:#aaa;
}
div.registered p.more {
	margin-bottom:0;
}
div.registered p {
	margin-left:18px;
	color:#c00;
}
div.emphasis p label {
	color:#0000cc;
	font-style:normal;
	font-weight:bold;
}
div.emphasis p.description {
	margin-left:18px;
	color:#0000cc;
	font-style:normal;
	font-weight:bold;
}

/* simplicity */
span.simplicity {
	color:#c00;
	border:1px solid #c00;
	margin:0 10px;
	padding:2px 5px;
	background-color:#F8F5ED;
	font-weight:normal;
}

/*
 * passport login
 */
div#twp_login p.more a {
	line-height:14px;
	padding:2px 2px 2px 10px;
	color:#333;
	background:url(/cmpn_gen/common/image/icon_more.gif) left center no-repeat;
}
div#passport_login {
	background:#e5e5e5;
	border:2px solid #999;
	padding:8px;
	margin:0 0 10px;
	overflow:hidden;
}
div#passport_login:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html div#passport_login {
	height:1%;
}
div#passport_login p.more a:link,
div#passport_login p.more a:visited {
	color:#666;
}
div#passport_login p.more a:hover {
	text-decoration:underline;
	color:#c00;
}
div#passport_login div.first_child {
	float:left;
	margin-left:20px;
	display:inline;
	width:390px;
}
div#passport_login div.first_child p {
	margin-bottom:5px;
}
div#passport_login div.first_child p strong {
	display:block;
	text-indent:-9998px;
	width:368px;
	height:34px;
	margin-top:-5px;
	background:url(/cmpn_gen/common/image/txt_hasid.gif) no-repeat;
}
div.login {
	width:230px;
	background:#ccc;
	float:right;
	padding:8px 10px 8px 30px;
}
div.login dl {
	margin:0;
}
div.login dt {
	width:5em;
	float:left;
}
div.login dd {
	margin:0 18px 0.5em 0;
	text-align:right;
}
div.login dd input {
	width:136px;
	height:1.2em;
}
div.login div img {
	display: block;
	margin-bottom: 5px;
	height: 20px;
	width: 212px;
}
div.login div input {
	display:block;
	margin-bottom:5px;
	background:url(/cmpn_gen/common/image/btn_reflection.gif);
	width:212px;
	height:20px;
}
div.login div p.more {
	margin:0;
}
div#passport_login div p.small {
	font-size:10px;
}

/*
 * gazoo login
 */
div#gazoo_login p.more a {
	line-height:14px;
	padding:2px 2px 2px 10px;
	color:#333;
	background:url(/cmpn_gen/common/image/icon_more.gif) left center no-repeat;
}
div#gazoo_member_login {
	background:#e5e5e5;
	border:2px solid #999;
	padding:8px;
	margin:0 0 20px;
	overflow:hidden;
}
div#gazoo_member_login:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html div#gazoo_member_login {
	height:1%;
}
div#gazoo_member_login p.more a:link,
div#gazoo_member_login p.more a:visited {
	color:#666;
}
div#gazoo_member_login p.more a:hover {
	text-decoration:underline;
	color:#c00;
}
div#gazoo_member_login div.first_child {
	float:left;
	margin-left:20px;
	display:inline;
	width:368px;
}
div#gazoo_member_login div.first_child p {
	margin-bottom:5px;
}
div#gazoo_member_login div.first_child p strong {
	display:block;
	text-indent:-9998px;
	width:368px;
	height:34px;
	margin-top:-5px;
	background:url(/cmpn_gen/common/image/txt_passportid_have_gz.gif) no-repeat;
}
div#gazoo_member_login div.login {
	width:230px;
	background:#ccc;
	float:right;
	padding:8px 20px 8px 30px;
}
div#gazoo_member_login div.login dl {
	margin:0;
}
div#gazoo_member_login div.login dt {
	width:5em;
	float:left;
}
div#gazoo_member_login div.login dd {
	margin:0 18px 0.5em 0;
	text-align:right;
}
div#gazoo_member_login div.login dd input {
	width:136px;
	height:1.2em;
}
div#gazoo_member_login div.login div input {
	display:block;
	margin-bottom:5px;
	background:url(/cmpn_gen/common/image/btn_reflection.gif);
	width:212px;
	height:20px;
}
div#gazoo_member_login div.login div p.more {
	margin:0;
}
div#gazoo_member_login div p.small {
	font-size:10px;
}

/*
 * button area
 */
div#button_area {
	text-align:center;
	padding:35px 0 5px;
	margin-top:5px;
	width:100%;
	position:relative;
}
div#button_area p {
	margin:0 0 15px;
}
div#button_area input {
	margin:0 5px;
}
input.reset {
	position:absolute;
	top:0;
	right:-5px;
}

/*
 * thank you message area
 */
div#thankyou {
	margin:45px 0;
	text-align:center;
	font-size:14px;
}
div#thankyou strong {
	display:block;
	margin:0 auto 25px;
	font-size:20px;
	line-height:21px;
}

/*
 * Unfinished message area
 */
div.unfinished {
	border:1px solid #c03;
	color:#c03;
	font-size:14px;
	line-height:16px;
	text-align:center;
	padding:15px;
	margin:13px 0;
}
/*
 * Button area
 */
#completion-page #button_area input {
	background:url(/cmpn_gen/template/002_toyotacojp/image/btn_next.gif);
	width:119px;
	height:41px;
}
/*
 * Check mail
 */
div.check_mail {
	margin-top:35px;
}
div.check_mail div {
	border:1px solid #c03;
	color:#c03;
	font-size:14px;
	line-height:16px;
	text-align:center;
	padding:15px;
	margin:13px 0;
}

/*
 * Check mail Emphasis
 */
div.check_mail_emp {
	margin-top:35px;
}
div.check_mail_emp div {
	border:1px solid #c03;
	color:#FF0000;
	font-size:14px;
	line-height:16px;
	text-align:center;
	padding:15px;
	margin:13px 0;
}

/*
 * send mail
 */
div#send_mail {
	text-align:center;
	margin-top:30px;
}
div#send_mail p {
	width:500px;
	margin:10px auto;
	text-align:left;
}
div#send_mail p.caution {
	color:#c03;
}
div#send_mail a {
	width:119px;
	display:block;
	margin:30px auto;
}

/*
 * alth2margin
 */
.alth2margin{
	font-size:35px;
	line-height:35px;
	}


/*
 * 画像文字入力
 */
#contents #twp_ninsyo_main{ 
  text-align: center;
  height:50px;
}
  
#contents #twp_ninsyo_main .twp_ninsyo_sub {
  width:580px;  text-align: center;
  margin:0 auto;
}

/*
 * attention
 */
.attention-wrap {
    margin: 0;
}
.attention-wrap > dt {
    font-size: 12px;
    font-weight: bold;
}
.attention-wrap dd {
    margin-left: 0;
}
.attention {
    display: block;
    font-size: 10px;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}
.attention::after {
    clear: both;
    content: "";
    display: block;
}
.attention li {
    clear: both;
    margin: 0;
    padding-left: 1em;
    text-indent: -1em;
    width: 100%;
}
.attention li::before {
    content: "■";
    float: left;
    padding-right: 1em;
}

input#TWP_CAPTCH_FOR_NEW_REGIST {
	width: 320px;
}

/* for WinIE5.5 */
@media tty {i{content:"\";/*" "*/}}@m; @import 'cojp_ie55.css';
{;}/*";}}/* */