@charset "shift_jis";



/*------------------------------------------------
	▽新たに使用しないでください
------------------------------------------------*/

/* form */

.co-form-error-box {
	width: 100%;
}

.co-form-error-box-header {
	background-color: #CC004F;
	color: #FFFFFF;
	width: 592px;
	padding: 5px;
	text-align: left;
	font-size: 100%;
}

.co-form-error-box-contents {
	margin: 0 auto 20px auto;
	padding: 12px;
	border-left: 3px solid #CC004F;
	border-bottom: 3px solid #CC004F;
	border-right: 3px solid #CC004F;
	font-size: 12px;
	font-weight: bold;
	color: #CC004F;
	width: 572px;
	text-align: left;
}

.co-form-container {
	clear: both;
	margin:0 auto;
	width: 90%;
}

.co-form-action {
	margin: 0;
}

.co-form-step {
	margin: 20px;
}

.co-form-contents {
	border: solid 3px #CCCCCC;
	width: 740px;
	margin:0 auto;
	text-align: left;
}

.co-form-contents-inline {
	border:1px solid #999999;
}

.co-form-contents-attention {
	padding: 5px;
}

.co-form-contents-mark {
	color: #dc4d4d;
	font-weight: bold;
}

.co-form-contents-item {
	text-align: left;
	margin: 10px 0 20px;
}

.co-form-contents-th-td-top {
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 1px #CCCCCC;
}

.co-form-contents-th-td-bottom {
	border-bottom: solid 1px #CCCCCC;
}

.co-form-contents-textfield-zip01 {
	width:35px
}

.co-form-contents-textfield-zip02 {
	width:45px
}

.co-form-contents-textfield-long {
	width: 270px;
}

.co-form-contents-textfield-short {
	width: 150px;
}

.co-form-contents-textfield-very-short {
	width: 40px;
}

.co-form-contents-mailaddress {
	font-size: 18px;
	width: 270px;
	ime-mode: disabled;
}

.co-form-contents-zipcode-error {
	margin-left: 10px;
	color: #ff0000;
	font-style: bold;
	ime-mode: disabled;
}

.co-form-contents-privacy {
	margin: 20px 0 10px;
	text-align: center;
}

.co-form-contents-confirmbutton {
	text-align: center;
}

.co-form-contents-finish-wrap {
	margin: 20px;
}

.co-form-contents-return-text {
	margin-top: 30px;
	text-align: center;
}

.co-form-contents-rules	{
	background-color:#eeeeee;
	border: 1px solid #cccccc;
	height: 120px;
	margin: 0 auto 20px;
	overflow: auto;
	padding: 0 10px;
	width: 650px;
}

/* form end */

/*** フォーム ***/
.co-form {
	border: 3px solid #cccccc;
	width: 744px;
}
.co-form p {
	padding: 0;
	margin: 0;
	text-align: left;
}

.co-form dl,
.co-form dt,
.co-form dd {
	padding: 0;
	margin: 0;
}

.co-form .wrap {
	border: 1px solid #999999;
}

.co-form table {
	width: 742px;
	text-align: left;
	border-collapse: collapse;
}


.co-form table th {
	padding: 5px 10px;
}

.co-form table td {
	padding: 10px;
}

.co-form table span {
	color: #dc4d4d;
	font-weight: bold;
	padding-right: 7px;
}

.co-form table .l {
	background-color: #eeeeee;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-left: 25px;
}

.co-form table .l-s {
	background-color: #eeeeee;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.co-form table .l-s span {
	display: block;
	float: left;
	padding-right: 7px;
	height: auto;
}

.co-form table .l-s p {
	float: left;
}

.co-form table .l-s .s {
	color: #dc4d4d;
	font-weight: bold;
	padding-right: 5px;
}

.co-form table .r {
	padding: 10px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.co-form table .info {
	border-top: none;
	border-bottom: none;
}

.co-form table .info dt{
	border-left: 5px solid #ccc;
	padding-left: 5px;
	margin-top: 5px;
}

.co-form table .info dd{
	padding-left: 10px;
	-moz-margin-start: 0px;
}

.co-form table .button {
	border-top: none;
	border-bottom: none;
	text-align: center;
}

.co-red-box-wrap-02 {
	width: 740px;
	color: #dc4d4d;
	font-weight: bold;
	border: 2px solid #dc4d4d;
	margin: 0px 10px 10px 10px;
}

.co-red-box-inside-01 {
	margin: 10px;
	text-align: left;
}

/*** /フォーム ***/

/*** 郵便番号取得 ***/
.fo-addressCompletion {
	background-image: url("/js/address_completion/images/zip_button.gif");
	background-repeat: no-repeat;
	border-width: 0px;
	vertical-align: middle;
	width: 142px;
	height: 22px;
	display: block;
	cursor: pointer;
}

.fo-addressCompletion-load {
	background-image: url("/js/address_completion/images/zip_button_02.gif");
	background-repeat: no-repeat;
	border-width: 0px;
	vertical-align: middle;
	width: 142px;
	height: 22px;
	display: block;
}

/*------------------------------------------------
	△新たに使用しないでください
------------------------------------------------*/

/* link */
a:link {
	color:#0066cc;
	text-decoration: none;
}
a:visited {
	color:#800080;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

a.co-writing-link{
	text-decoration: underline;
	padding: 0 2px;
}
/* /link */



/* header */
.co-header-wrap {
	padding: 0 6px;
}

.co-header-logo {
	float: left;
	text-align: left;
}

.co-header-logo .logo-image{
	width: 60px;
	float: left;
}

.co-header-logo .logo-text {
	margin-left: 65px;
	width: 200px;
	float: left;
}

.co-header-wrap .logo-text h2 {
	font-size:12px;
	line-height:125%;
	border:none;
	letter-spacing:1px;
	font-weight:normal;
	text-align:left;
}

.co-header-wrap .logo-text h2 a {
	color:#666666;
	text-decoration:none;
}

.co-header-logo div {
	position: absolute;
	top: 6px;
	left: 15px;
}


.co-header-otherlinks-wrap {
	float: right;
	width: 60%;
	text-align: right;
	margin-bottom:4px;
}

.co-header-otherlinks {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

.co-header-otherlinks li {
	margin: 0 5px 0 0;
	display: inline;
}

.co-header-otherlinks-wrap .help-button {
	margin:8px 5px 0 5px;
	text-align:right;
}

.co-header-otherlinks-wrap .help-button .margin {
	margin-right: 30px;
}

.co-header-member {
	background-color: #EEEEEE;
	border-bottom: solid 1px #CCCCCC;
}

.co-header-member .headline-login{
	float: left;
	padding: 5px 6px 0;
}

.co-header-menu {
	margin:15px 0;
	float: right;
	width: 60%;
	text-align: right;
}

.co-header-menu ul {
	margin: 0;
	paddign: 0;
	list-style: none;
}

.co-header-menu li {
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 10px;
}

.co-header-menu li img {
	vertical-align: top;
}

.co-member-menu {
	background-color: #CCCCCC;
}

.co-member-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.co-member-menu li {
	margin: 0;
	padding: 0;
	display: inline;
}

.co-member-menu li img {
	vertical-align: top;
}

.co-member-status {
	float: left;
	padding: 6px;
	text-align: left;
}

.co-header-simple-line {
	background-color: rgb(238, 238, 238);
	text-align: right;
	border-bottom: 1px solid rgb(204, 204, 204);
	height:3px;
	overflow: hidden;
}

/* searchbox */
.co-serchword-window {
	height: 37px;
	text-align: right;
}
.co-serchword-window form {
	padding: 8px 0;
}
.co-serchword-window form ul {
	margin: 0;
	padding: 0;
	float: left;
}
.co-serchword-window form ul li {
	list-style-type: none;
	float: left;
}
.co-serchword-window form select {
	float: left;
	margin: 0 10px 0 13px;
	width: 140px;
}
.co-serchword-window form .cart {
	margin: -2px 3px 0 10px;
}

.co-serchword-window form ul li .search_key {
	width: 427px;
	height: 14px;
}
/* /searchbox */


/* header end */


/* popup */

.co-popup {
	position: relative;
	cursor: pointer;
}

.co-popup .co-trigger {

}

.co-popup .co-explain {
	margin: 0;
	padding: 3px;
	border: solid 1px #999999;
	background-color: #FFFFCC;
	text-align: left;
	color: #666666;
	position: absolute;
	display: none;
	z-index: 2;
	width: 120%;
}

/* popup end */

/* display */

.display-none{
	display:none;
}

/* display */

/* font */

.co-ble {
	color: #3366FF;
}
.co-ble-b {
	color: #3366FF;
	font-weight: bold;
}
.co-ble-l {
	color: #3366FF;
	font-size: 120%;
}
.co-ble-l-b {
	color: #3366FF;
	font-size: 120%;
	font-weight: bold;
}
.co-blk-b {
	font-weight: bold;
}
.co-blk-l-b {
	font-size: 120%;
	font-weight: bold;
}
.co-grn {
	color: #669900;
}
.co-grn-b {
	color: #669900;
	font-weight: bold;
}
.co-grn-l {
	color: #669900;
	font-size: 120%;
}
.co-grn-l-b {
	color: #669900;
	font-size: 120%;
	font-weight: bold;
}
.co-gry {
	color: #666666;
}
.co-gry-b {
	color: #666666;
	font-weight: bold;
}
.co-gry-l {
	color: #666666;
	font-size: 120%;
}
.co-gry-l-b {
	color: #666666;
	font-size: 120%;
	font-weight: bold;
}
.co-org {
	color: #FF6600;
}
.co-org-b {
	color: #FF6600;
	font-weight: bold;
}
.co-org-l {
	color: #FF6600;
	font-size: 120%;
}
.co-org-l-b {
	color: #FF6600;
	font-size: 120%;
	font-weight: bold;
}
.co-pnk {
	color: #FF3366;
}
.co-pnk-b {
	color: #FF3366;
	font-weight: bold;
}
.co-pnk-l {
	color: #FF3366;
	font-size: 120%;
}
.co-pnk-l-b {
	color: #FF3366;
	font-size: 120%;
	font-weight: bold;
}
.co-prp {
	color: #C335E0;
}
.co-prp-b {
	color: #C335E0;
	font-weight: bold;
}
.co-prp-l {
	color: #C335E0;
	font-size: 120%;
}
.co-prp-l-b {
	color: #C335E0;
	font-size: 120%;
	font-weight: bold;
}
.co-red {
	color: #dc4d4d;
}
.co-red-b {
	color: #dc4d4d;
	font-weight: bold;
}
.co-red-l {
	color: #dc4d4d;
	font-size: 120%;
}
.co-red-l-b {
	color: #dc4d4d;
	font-size: 120%;
	font-weight: bold;
}

.co-white-80 {
	font-size: 80%;
	color: white;
}

hr.co-border {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

/* font end */

/* footer */

.co-footer {
	height: 60px;
}


.co-footer .page-top {
	margin:0 10px 10px 0;
	text-align:right;
}

.push {
	height: 60px;
	margin-top: 25px;
}

.co-footer-menu {
	margin: 0;
	padding: 5px;
	list-style: none;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background-color: #EEEEEE;
	text-align:right;
}

.co-footer-menu li {
	margin: 0 2px;
	display: inline;
}

.co-footer-copyright {
	padding:10px 5px 2px 0;
	background-color:#CCCCCC;
	text-align: right;
	line-height:1.4;
}
.co-footer-copyright p{
	color: #777777;
	font-size: 80%;
	margin: 0;
	padding: 0;
}
.co-footer-copyright .footer-ssl{
	font-size: 80%;
	padding:10px 0 3px;
	color: #333333;
}

.co-footer-sd {
	text-decoration: none;
	color: #333333;
	font-size: 12px;
}

/* footer end */


.co-title-image {
	margin: 15px 0;
	padding: 5px 0;
	border-bottom: solid 1px #CCCCCC;
	width: 96%;
	text-align: left;
}

.co-title-image950 {
	margin: 15px auto;
	padding: 5px 0;
	border-bottom: solid 1px #CCCCCC;
	width: 96%;
	text-align: left;
}

.co-title-image .support-1 {
	float: left;
	width: 50%;
}

.co-title-image .support-2 {
	float: right;
	width: 48%;
	text-align: right;
}

.co-title-image2 {
	margin: 15px 0;
	padding: 5px 0;
	width: 950px;
	text-align: left;
}

.co-title-image3 {
	margin: 15px 0;
	padding: 0;
	border: solid 1px #CCCCCC;
	width: 96%;
}

.co-clear {
	clear: both;
}

.co-ime-disabled{
	ime-mode: disabled;
}

.co-margin-padding-reset{
	margin: 0;
	padding: 0;
}

.co-float-left{
	float: left;
}

.co-float-right{
	float: right;
}

.co-align-right{
	text-align: right;
}

.co-align-left{
	text-align: left;
}

.co-align-center{
	text-align: center;
}

.co-float-right{
	float: right;
}

.co-pankuzu {
	margin: 5px auto;
	width: 96%;
}

a.co-boder:link img,
a.co-boder:visited img {
	border: solid 1px #FFFFFF;
}

a.co-boder:hover img,
a.co-boder:active img {
	border: solid 1px #CCCCCC;
}

.co-selected {
	color: #dc4d4d;
	font-weight: bold;
}

.co-vmiddle {
	vertical-align: middle;
}

.co-vbottom {
	vertical-align: bottom;
	cursor: pointer;
}

.co-continue {
	background: url("../images/index/img/icon/011.gif") no-repeat;
	color: #666666;
	padding-left: 16px;
}

.co-navi-subtitle {
	background-color: #CCCCCC;
	margin-bottom: 10px;











}


/*resist*/
#co-navi-register-area{
	background-color:#eee;
	border-bottom:#CCCCCC solid 1px;
	padding: 5px 0;
	min-width:950px;
}
#co-navi-register-area .register{
	width:940px;
	margin:0 auto;
}

#co-navi-register-area .regist-area{
	line-height:1;
	margin: 0 10px;
}

#co-navi-register-area .tableol {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
}

#co-navi-register-area .tableol {
	border-collapse: collapse;
	padding: 0;
}

#co-navi-register-area .tableol-topl {
	background: url("../images/index/img/top/regist/to_regist_bg_ltop.gif") no-repeat scroll left bottom transparent;
	height: 7px;
	width: 7px;
}

#co-navi-register-area .tableol-top {
	background: url("../images/index/img/top/regist/to_regist_bg_top.gif") repeat-x scroll center bottom transparent;
	height: 7px;
	width: auto;
}

#co-navi-register-area .tableol-topr {
	background: url("../images/index/img/top/regist/to_regist_bg_rtop.gif") no-repeat scroll left bottom transparent;
	height: 7px;
	width: 7px;
}

#co-navi-register-area .tableol-conl {
	background: url("../images/index/img/top/regist/to_regist_bg_left.gif") repeat-y scroll left center transparent;
	width: 7px;
}

#co-navi-register-area .tableol-conr {
	background: url("../images/index/img/top/regist/to_regist_bg_right.gif") repeat-y scroll left center transparent;
	width: 7px;
}

#co-navi-register-area .tableol-botl {
	background: url("../images/index/img/top/regist/to_regist_bg_lbot.gif") no-repeat scroll left top transparent;
	height: 7px;
	width: 7px;
}

#co-navi-register-area .tableol-bot {
	background: url("../images/index/img/top/regist/to_regist_bg_bot.gif") repeat-x scroll center top transparent;
	height: 7px;
}

#co-navi-register-area .tableol-botr {
	background: url("../images/index/img/top/regist/to_regist_bg_rbot.gif") no-repeat scroll left top transparent;
	height: 7px;
	width: 7px;
}


/* 使わなくなる */

#co-navi-register-area .regist-area .bg-left{
	background-image:url(../images/index/img/header/to_regist_bg_left.gif);
	background-repeat:no-repeat;
	float:left;
	height:79px;
	width:10px;
}
#co-navi-register-area .regist-area .bg-center{
	background-image:url(../images/index/img/header/to_regist_bg_center.gif);
	background-repeat:repeat-x;
	float:left;
	width:898px;
	height:79px;
}
#co-navi-register-area .regist-area .bg-right{
	background-image:url(../images/index/img/header/to_regist_bg_right.gif);
	background-repeat:no-repeat;
	float:right;
	height:79px;
	width:12px;
}
#co-navi-register-area .regist-area .left{
	width:458px;
	float:left;
	margin:24px 0px;
}
#co-navi-register-area .regist-area .left img {
	padding-left:30px;
}
#co-navi-register-area .regist-area .right{
	width:370px;
	float:right;
	margin:22px 0px 16px 20px;
	padding-right:10px;
	padding-left:3px;
	line-height: 1.2;
	font-size: 13px;
}
#co-navi-register-area .regist-area .right img {
	margin-right:10px;
	float:left;
	padding-top: 3px;
}

/*resist*/


.co-dealer-introduction-pr {
	width: 100%;
	text-align: center;
}

.co-dealer-introduction-pr .pr-image{
	width: 600px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.co-attention {
    background: url("../images/index/img/icon/icon_attention.gif") no-repeat scroll left top transparent;
    padding-left: 20px;
    text-align: left;
}

.co-attention2 {
    background: url("../images/index/img/icon/icon_attention3.gif") no-repeat scroll left center transparent;
    padding-left: 20px;
    text-align: left;
}

.co-attention-importance {
    background: url("../images/index/img/icon/icon_attention.gif") no-repeat scroll left center transparent;
    color: #dc4d4d;
    font-weight: bold;
    padding: 0.1em 20px;
    text-align: left;
}


.co-notice {
    background: url("../images/index/img/icon/icon_attention3.gif") no-repeat scroll left 8% transparent;
    padding-left: 20px;
    text-align: left;
    color: #dc4d4d;
    font-size: 13px;
}

.co-notice2 {
    background: url("../images/index/img/icon/icon_attention3.gif") no-repeat scroll left center transparent;
    padding-left: 20px;
    text-align: left;
    color: #dc4d4d;
    font-size: 13px;
    font-weight:bold;
}

.co-notice2-text {
	text-align: left;
	padding-top: 5px;
	color: #dc4d4d;
	font-size: 13px;
}


/****************************************************************************
	new
****************************************************************************/


/*** margin and padding ***/


/* margin */
.co-m0{margin:0 !important;}
.co-m2{margin:2px !important;}
.co-m3{margin:3px !important;}
.co-m5{margin:5px !important;}
.co-m10{margin:10px !important;}
.co-m15{margin:15px !important;}
.co-m20{margin:20px !important;}
.co-m25{margin:25px !important;}
.co-m30{margin:30px !important;}
/* margin-top */
.co-mt0{margin-top:0 !important;}
.co-mt2{margin-top:2px !important;}
.co-mt3{margin-top:3px !important;}
.co-mt5{margin-top:5px !important;}
.co-mt10{margin-top:10px !important;}
.co-mt15{margin-top:15px !important;}
.co-mt20{margin-top:20px !important;}
.co-mt25{margin-top:25px !important;}
.co-mt30{margin-top:30px !important;}
.co-mt40{margin-top:40px !important;}
.co-mt50{margin-top:50px !important;}
/* margin-bottom */
.co-mb0{margin-bottom:0 !important;}
.co-mb2{margin-bottom:2px !important;}
.co-mb3{margin-bottom:3px !important;}
.co-mb5{margin-bottom:5px !important;}
.co-mb10{margin-bottom:10px !important;}
.co-mb15{margin-bottom:15px !important;}
.co-mb20{margin-bottom:20px !important;}
.co-mb25{margin-bottom:25px !important;}
.co-mb30{margin-bottom:30px !important;}
.co-mb40{margin-bottom:40px !important;}
.co-mb50{margin-bottom:50px !important;}
/* margin-left */
.co-ml0{margin-left:0 !important;}
.co-ml2{margin-left:2px !important;}
.co-ml3{margin-left:3px !important;}
.co-ml5{margin-left:5px !important;}
.co-ml10{margin-left:10px !important;}
.co-ml15{margin-left:15px !important;}
.co-ml20{margin-left:20px !important;}
.co-ml25{margin-left:25px !important;}
.co-ml30{margin-left:30px !important;}
.co-ml40{margin-left:40px !important;}
.co-ml50{margin-left:50px !important;}
/* margin-right */
.co-mr0{margin-right:0 !important;}
.co-mr2{margin-right:2px !important;}
.co-mr3{margin-right:3px !important;}
.co-mr5{margin-right:5px !important;}
.co-mr10{margin-right:10px !important;}
.co-mr15{margin-right:15px !important;}
.co-mr20{margin-right:20px !important;}
.co-mr25{margin-right:25px !important;}
.co-mr30{margin-right:30px !important;}
.co-mr40{margin-right:40px !important;}
.co-mr50{margin-right:50px !important;}


/* padding */
.co-p0{padding:0 !important;}
.co-p2{padding:2px !important;}
.co-p3{padding:3px !important;}
.co-p5{padding:5px !important;}
.co-p10{padding:10px !important;}
.co-p15{padding:15px !important;}
.co-p20{padding:20px !important;}
.co-p25{padding:25px !important;}
.co-p30{padding:30px !important;}
/* padding-top */
.co-pt0{padding-top:0 !important;}
.co-pt2{padding-top:2px !important;}
.co-pt3{padding-top:3px !important;}
.co-pt5{padding-top:5px !important;}
.co-pt10{padding-top:10px !important;}
.co-pt15{padding-top:15px !important;}
.co-pt20{padding-top:20px !important;}
.co-pt25{padding-top:25px !important;}
.co-pt30{padding-top:30px !important;}
.co-pt40{padding-top:40px !important;}
.co-pt50{padding-top:50px !important;}
/* padding-bottom */
.co-pb0{padding-bottom:0 !important;}
.co-pb2{padding-bottom:2px !important;}
.co-pb3{padding-bottom:3px !important;}
.co-pb5{padding-bottom:5px !important;}
.co-pb10{padding-bottom:10px !important;}
.co-pb15{padding-bottom:15px !important;}
.co-pb20{padding-bottom:20px !important;}
.co-pb25{padding-bottom:25px !important;}
.co-pb30{padding-bottom:30px !important;}
.co-pb40{padding-bottom:40px !important;}
.co-pb50{padding-bottom:50px !important;}
/* padding-left */
.co-pl0{padding-left:0 !important;}
.co-pl2{padding-left:2px !important;}
.co-pl3{padding-left:3px !important;}
.co-pl5{padding-left:5px !important;}
.co-pl10{padding-left:10px !important;}
.co-pl15{padding-left:15px !important;}
.co-pl20{padding-left:20px !important;}
.co-pl25{padding-left:25px !important;}
.co-pl30{padding-left:30px !important;}
.co-pl40{padding-left:40px !important;}
.co-pl50{padding-left:50px !important;}
/* padding-right */
.co-pr0{padding-right:0 !important;}
.co-pr2{padding-right:2px !important;}
.co-pr3{padding-right:3px !important;}
.co-pr5{padding-right:5px !important;}
.co-pr10{padding-right:10px !important;}
.co-pr15{padding-right:15px !important;}
.co-pr20{padding-right:20px !important;}
.co-pr25{padding-right:25px !important;}
.co-pr30{padding-right:30px !important;}
.co-pr40{padding-right:40px !important;}
.co-pr50{padding-right:50px !important;}


/*** border ***/
.co-bnon{border:none !important;}
.co-btnon{border-top:none !important;}
.co-brnon{border-right:none !important;}
.co-bbnon{border-bottom:none !important;}


/*** text-align ***/
.co-tal{text-align:left;}
.co-tar{text-align:right;}
.co-tac{text-align:center;}


/*** vertical-align ***/
.co-vatop {vertical-align:top !important;}
.co-vamid {vertical-align:middle !important;}
.co-vabot {vertical-align:bottom !important;}


/*** font-weight ***/
.co-b{font-weight:bold;}


/*** width ***/
.co-w96per{width:96%; margin:0 auto;}
.co-w960{width:960px; margin:0 auto;}
.co-w950{width:950px;}/* ガイドラインから外れました */
.co-w750{width:750px;}/*for form */



/*** font-size ***/
.co-fs10{font-size:77% !important;}
.co-fs11{font-size:85% !important;}
.co-fs12{font-size:93% !important;}
.co-fs14{font-size:108% !important;}
.co-fs15{font-size:116% !important;}
.co-fs16{font-size:123.1% !important;}
.co-fs17{font-size:131% !important;}
.co-fs18{font-size:138.5% !important;}
.co-fs19{font-size:146.5% !important;}
.co-fs20{font-size:153.9% !important;}
.co-fs21{font-size:161.6% !important;}
.co-fs22{font-size:167% !important;}
.co-fs23{font-size:174% !important;}
.co-fs24{font-size:182% !important;}
.co-fs25{font-size:189% !important;}
.co-fs26{font-size:197% !important;}

/*** font-color ***/
.co-fcblack {color:#333333;}
.co-fcred {color:#dc4d4d;}
.co-fcblue {color:#0066cc;}
.co-fcgray {color:#666666;}
.co-fclightgray {color:#999999;}

/*** background-color ***/
.co-bgcpin{background-color:#ffe0df;}

/*** float ***/
.co-fl{float:left;}
.co-fr{float:right;}

/*** cursor ***/
.co-cp{cursor:pointer;}

/*** white-space ***/
.co-wsn {
	white-space: nowrap;
}

/*** ぶら下げインデント ***/
.co-hang-indent08{
	text-indent: -0.8em !important;
	padding-left: 0.8em !important;
}
.co-hang-indent10{
	text-indent: -1em !important;
	padding-left: 1em !important;
}

/*** clearfix ***/
.co-clf:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.co-clf {display:inline-block;}
/* Hides from IE-mac \*/
* html .co-clf {height:1%;}
.co-clf {display:block;}
/* End hide from IE-mac */

/* 旧バージョン */
.co-cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	zoom:1;
}
.co-cf {
	min-height: 1px; /*for IE7*/
}
* html .co-cf { /*for U-IE6*/
	height: 1px;
	/*\*//*/  /*for MacIE5.x*/
	height: auto;
	overflow: hidden;
	/**/
}
/*** /clearfix ***/

/*** box ***/
.co-container {
	font-size:82%;
	line-height:1.4;
	*font-size:small;
	*font:x-small;

}
.co-container table {
	font-size:inherit;
	font:100%;
}
.co-container ul{
	padding:0;
	margin:0;
}
.co-container p {
	margin:0 0 8px 0;
	padding:0;
}
/*** /box ***/



/*** 見出し一覧 ***/

/* 親見出し-22px */
.co-container .co-title1 {
	border-bottom: 1px solid #ccc;
	color: #666666;
	width:96%;
	margin:20px auto;
}
.co-container .co-title1 span {
	font-size: 167%;
	font-weight: bold;
	padding-right: 0.3em;
}
/* /親見出し-22px */

/* 子見出し-16px */
.co-container .co-title2 {
	font-size:123.1%;
	line-height:1.5;
	font-weight:bold;
	margin:1em auto 0.3em;
	border-left:3px solid #333333;
	padding-left:10px;
}
/* /子見出し-16px */

/* 孫見出し-16px */
.co-container .co-title3 {
	font-size:123.1%;
	line-height:1.5;
	font-weight:bold;
	margin:1em auto 0.3em;
}

.co-container .co-title1-txt {
    margin-bottom: 15px;
    padding-top: 5px;
}
/* /孫見出し-16px */

/*** /見出し一覧 ***/

/** 見出しの右にテキストあるケース **/

.co-assist-link-l {
    float: left;
    text-align: left;
    white-space: nowrap;

    width: 20%;
}

.co-assist-link-r {
    float: right;
    text-align: right;
}

.co-connected-page-right {
    height: 1em;
    margin-bottom: 27px;
    margin-top: -40px;
    text-align: right !important
}
:root .co-connected-page-right { margin-bottom:25px \0/IE9; }

/** 見出しの右にテキストあるケース **/

/*** 横並び定義済みリスト ***/
.co-item-dl {
	margin: 1px 0 0 0; /* 1pxはバグ対応 */
}

.co-item-dl dt {
	clear: left;
	float: left;
	white-space: nowrap;
}

.co-item-dl dd {
	vertical-align: top;
	padding-left: 1.2em;
	text-indent: -1.2em;
	margin-bottom: 3px;
	zoom: 1;
}

/* dtの文字数にあわせて幅を調整(dlに付与) */
.co-dtw25 dt {width: 2.5em;}
.co-dtw25 dd {margin-left: 2.5em;}

.co-dtw35 dt {width: 3.5em;}
.co-dtw35 dd {margin-left: 3.5em;}

.co-dtw45 dt {width: 4.5em;}
.co-dtw45 dd {margin-left: 4.5em;}

.co-dtw55 dt {width: 5.5em;}
.co-dtw55 dd {margin-left: 5.5em;}

.co-dtw65 dt {width: 6.5em;}
.co-dtw65 dd {margin-left: 6.5em;}

.co-dtw75 dt {width: 7.5em;}
.co-dtw75 dd {margin-left: 7.5em;}

.co-dtw85 dt {width: 8.5em;}
.co-dtw85 dd {margin-left: 8.5em;}

.co-dtw95 dt {width: 9.5em;}
.co-dtw95 dd {margin-left: 9.5em;}

/* table改行対応 */
.co-word-300bw {
	word-wrap: break-word;
	width: 300px;
}
.co-word-400bw {
	word-wrap: break-word;
	width: 400px;
}

/*** 読ませる文章 co-text ***/

.co-container .co-text {
	font-size:116%;
	line-height:1.5;
}
.co-container ul.co-text li {
	list-style-position:inside;
}
.co-container li.co-text {
	list-style-position:inside;
}
.co-container .co-text p {
	margin:1em 0 0;
}
.co-container .co-text dt {
	margin:0;
}
.co-container .co-text dd {
	margin:0 0 0 1em;
}

/*** 読ませる文章 co-text ***/

/*** co-title2右端、関連ページへのリンク ***/

/*** コンテンツボックス:div用 ***/
.co-contents-box {
	margin-top:18px;
	border: 1px solid #ccc;
}
.recommend-item {
	width: 200px;
	margin: 20px auto 15px;
	text-align: center;
}
.co-contents-box .co-h3 {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	background-color: #e6e6e6;
	padding: 5px;
}
.co-contents-box .co-h3 p {
	border-left: 5px solid #8f8f8f;
	font-weight: bold;
	margin: 0;
	padding: 3px 4px;
}
.co-contents-box .co-contents {
	padding: 5px;
}

/* 右端コンテンツ */
.co-contents-box .co-h3-fr {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	background-color: #e6e6e6;
	padding:4px 0 4px 4px;
}
* html .co-contents-box .co-h3-fr {
	width:100%;
}
.co-contents-box .co-h3-fr .fl {
	border-left: 5px solid #8f8f8f;
	font-weight: bold;
	margin: 1px;
	padding:3px;
	float:left;
	width:auto;
}
.co-contents-box .co-h3-fr .fr {
	float:right;

	width:auto;
	padding:4px 8px 4px 4px;
}
/* /右端コンテンツ */

/*** /コンテンツボックス:div用 ***/



/*** コンテンツボックス:table用 ***/
.co-contents-box-table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
.co-contents-box-table th {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #e6e6e6;
	text-align:left;
}
.co-contents-box-table td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
}
.co-contents-box-table p {
	margin: 0;
}
.co-contents-box-table .co-h3 p {
	border-top: 1px solid #fff;
}
.co-contents-box-table .co-h3 p span {
	border-left: 5px solid #8f8f8f;
	font-weight: bold;
	padding: 3px 4px 2px;
	margin:5px;
	display: block;
}
.co-contents-box-table .co-h3 .fr {
	float: right;
	padding: 2px 4px;
	margin: 6px 5px 5px 5px;
}
/* 右端コンテンツ */
.co-contents-box-table .co-h3-fr {
	border-top: 1px solid #fff;
}
.co-contents-box-table .co-h3-fr .fl {
	border-left: 5px solid #8f8f8f;
	font-weight: bold;
	float: left;
	padding: 3px 4px;
	margin: 5px;
}
.co-contents-box-table .co-h3-fr .fr {
	float: right;
	padding: 3px 4px;
	margin: 5px;
}
/* /右端コンテンツ */

/*** /コンテンツボックス:table用 ***/



/*** headerポップアップリンク ***/
a.co-popup-link-01{
	background-image: url(../images/index/img/icon/popup-link-01.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 1.5em;
	padding-right: 15px;
}
a.co-popup-link-01:hover{
	background-image: url(../images/index/img/icon/popup-link-01_on.gif);
}

/** お知らせicon用class **/
a.co-popup-link-01-hover {
	background-image: url(../images/index/img/icon/popup-link-01_on.gif);
}
/*** /headerポップアップリンク ***/



/*** テキストアイコン ***/

.co-001w {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_001w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.co-001g {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_001g.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.co-002w {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_002w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.co-002g {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_002g.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.co-003w {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_003w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.co-003g {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_003g.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.co-004w {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_004w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.co-004g {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_004g.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.co-005w {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_005w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.co-005g {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_005g.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.co-006w {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_006w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.co-006g {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_006g.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.co-007w {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_007w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.co-007g {
	padding-left:16px;
	background-image: url(../images/index/img/icon/co_007g.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.co-popup-link-02 {
	background-image: url(../images/index/img/icon/bottom-open-01.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	zoom:1;
}

.co-popup-link-03 {
	background-image: url(../images/index/img/icon/question_03.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	zoom:1;
}

.co-pdfs {
	padding: 3px 0 3px 22px;
	background-image: url(../images/index/img/icon/co_pdfs.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*** /テキストアイコン ***/


/** 絞込み：マイページver **/
.co-contents-box-table .box {
	padding: 0;
	line-height:1.7;
}
.co-contents-box-table .box ul li {
	list-style-type:none;
}
.co-contents-box-table .box ul.bold li{
	font-weight:bold;
}
.co-contents-box-table .box li a {
	display:block;
	padding-left:5px;
	width:90%;
}
.co-contents-box-table .box .favorite-mark img {
	margin:2px 0 0 0;
	position:absolute;
}
* html .co-contents-box-table .box .favorite-mark img { /* for -IE6 */
	margin:-2px 0 0 0;

}
.co-contents-box-table .box .favorite-mark span {
	margin-left:20px;
}
.co-contents-box-table .box .favorite-mark-active span {
	color:#dc4d4d;
	padding-left:25px;
	font-weight:bold;
}
.co-contents-box-table .box .favorite-mark-active {
	position:relative;
}
.co-contents-box-table .box .favorite-mark-active img {
	margin:2px 0 0 5px;
	position:absolute;
}
* html .co-contents-box-table .box .favorite-mark-active img { /* for -IE6 */
	margin:-2px 0 0 5px;
}
.co-contents-box-table .box li ul li a{
	font-weight:normal;
	display:block;
	width:90%;
	overflow:hidden;
}
.co-contents-box-table .box .title {
	background-color:#f6f6f6;
	padding:10px;
	margin:0;
	font-weight:bold;
}
.co-contents-box-table .box .list {
	list-style-position:outside;
	margin:0;
	padding:10px;
}
.co-contents-box-table .box .list ul {
	padding:0 10px;
	margin:0;
}
.co-contents-box-table .box .list ul li ul {
	margin:0;
}
.co-contents-box-table .box .active span{
	font-weight:bold;
	color:#dc4d4d;
	padding-left:5px;
}
.co-contents-box-table .box .w li ul li {
	width:50%;
	float:left;
	padding:0;
	margin:0;
}
.co-contents-box-table .box .w .block{
	margin:0;
	padding:0;
}
.co-contents-box-table .box .list-fifty {
	margin:0;
	padding:0;
}
.co-contents-box-table .box .list-fifty li a {
	font-weight:bold;
	-moz-padding-start: 0;
	overflow:hidden;
}
/** /絞込み：マイページver **/



/*** ▼ページャー ***/
.co-pager {
	padding:5px;
	}
.co-pager .pager-inner {
	}
.co-pager .search-results {
	margin-right:5px;
	}
.co-pager a {
	padding:4px 7px;
	}
.co-pager .select a:hover {
	padding:4px 7px;
	background-color:#8f8f8f;
	color:#fff;
	text-decoration:none;
	}
.co-pager .selected {
	padding:4px 7px;
	background-color:#8f8f8f;
	color:#fff;
	}
.co-pager .next a {
	font-weight:bold;
	padding-left:5px;
	}
.co-pager .prev a {
	font-weight:bold;
	padding:0;
	padding-right:5px;
	}
/*** ▲ページャー ***/


/*** ▼アコーディオン ***/
/* 共通 */
.co-accordion {
	border: 1px solid #CCCCCC;
	border-bottom: none;
	zoom: 1;
}

.co-accordion ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.co-accordion ul li {
	border-bottom: 1px solid #CCCCCC;
}

.co-accordion .co-accordion-title {
    text-align: left;
	background: url(../images/index/img/common/ui/accordion_gradient.gif) repeat-x;
	background-color:#dedede;
	border-top: 1px solid #FFFFFF;
	font-weight: bold;
	zoom: 1;
}

.co-accordion .co-accordion-title-nocontent {
    text-align: left;
	background-color:#e6e6e6;
	border-top: 1px solid #FFFFFF;
	font-weight: bold;
	padding:5px 0;
	zoom: 1;
}

.co-accordion .co-accordion-title:hover {
	background: url(../images/index/img/common/ui/accordion_gradient_on.gif) repeat-x;
	background-color:#cccccc;
}

/* 内容がなくアコーディオンではない（<a>はない）けれど、見た目を同じにしたい場合 */
.co-accordion .co-accordion-title-nocontent {
	padding: 5px;
}

.co-accordion .co-accordion-title a {
	display: block;
	outline: none !important;
	color: #0066cc;
	padding: 5px 0;
	zoom: 1;
}

.co-accordion .co-accordion-title a.open {

}

.co-accordion .co-accordion-title a :link {
	text-decoration: none;
}

.co-accordion .co-accordion-title a:hover {
	text-decoration: none;
}

.co-accordion .co-accordion-title a:active {
	text-decoration: none;
}

.co-accordion .co-accordion-title a span {
	background: url(../images/index/img-dealer/common/icon/popup-link-01.gif) no-repeat right center;
	padding: 0 15px 0 5px;
	zoom: 1;
}

.co-accordion-contents {
	display: none;
}

.co-accordion .co-accordion-contents-inner {
	padding: 10px;
}

/* 上部search BOX(全般) */
.co-search-block {
	padding: 0 0 30px 0; /* バグ対策のためpaddingで。 */
	text-align: left;
}

.co-search-block table {
	width: 100%;
	padding: 0 0 0 0;
}

.co-search-block table th,
.co-search-block table td {
	padding-bottom: 5px;
}

.co-search-block table th {
	white-space: nowrap;
	text-align: left;
	background-color: #EEEEEE;
	border-bottom: 1px dotted #cccccc;
	*border-bottom: 1px solid #cccccc;
	padding: 8px 10px 7px 5px;
	width: 130px;
	vertical-align: top;
}

.co-search-block table td {
	padding-left: 10px;
	padding-top: 5px;
	border-bottom: 1px dotted #cccccc;
	vertical-align: middle;
}

.co-search-block table td img {
	vertical-align: bottom;
}

.co-search-block .co-search-submit{
	padding: 10px 0 10px 0;
	text-align: center;
	border-top: 1px solid #999999;
}

.co-search-block .co-accordion-title {
    background-color: #e6e6e6;
}

.co-search-block .co-accordion-contents-inner {
	padding-top: 0;
	border-top: 1px dotted #cccccc;
	padding: 1px 1px 1px 1px;
}

/* 上部search BOX(一部orすべてがデフォルトで開いている場合 accordionを内包する場合にも対応 co-search-blockの内側に指定) */
.co-open-search {
	border: 1px solid #999999;
	padding: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-redius: 5px;
}

.co-open-search .co-open-title {
    background-color: #999999;
    border-bottom: none;
    font-weight: bold;
    padding: 5px;
	color: #FFFFFF;
}

.co-open-search .co-open-basis {
	padding: 1px 1px 1px 1px;
}

.co-open-search .co-accordion {
	border-left: none;
	border-right: none;
}

.co-open-search .co-open-submit {
	margin-top: 10px;
	padding: 0 0 10px 0;
	text-align: center;
}

.co-open-search .co-search-submit{
	padding: 10px 0 10px 0;
	margin: 0 1px;
}

/* フォーム内 */
.fo-contents .co-accordion {
	border: none;
}

/*** ▲アコーディオン ***/


/* ツールチップ・オンマウス・タイプ */
.co-tooltip-onmouse span {
	top: -113px;
	left: -300px;
	visibility: hidden ;
	position: absolute;
}

.co-tooltip-onmouse a {
	color: #333333;
}

.co-tooltip-onmouse a:visited {
	color: #333333;
}

.co-tooltip-onmouse a:hover {
	color: #333333;
	position: relative;
	text-decoration: none;
	cursor: default;
}

.co-tooltip-onmouse a:active {
	color: #333333;
	text-decoration: none;
}

.co-tooltip-onmouse a:hover span {
	margin-top: 19px;
	background: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px 0px #bbbbbb;
	-moz-box-shadow: 1px 1px 3px 0px #bbbbbb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-redius: 5px;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	padding: 5px 10px;
	visibility: visible;
	top: 0;
	left:0;
	color: #333333 ;
	text-decoration: none ;
	display: block;

}

.co-tooltip-onmouse a span {
	display: none;
}

/* ツールチップ・オンマウス・タイプ 右用（.co-tooltip-onmouseと同タグに追加）*/
.co-tooltip-onmouse-right span {
right: 0 !important;
}

.co-tooltip-onmouse-right a:hover {
}

.co-tooltip-onmouse-right a:hover span {
left: auto !important;
right: 0 !important;
}

/* ツールチップ・オンマウス・タイプ ログイン前用 */

.co-tooltip-onmouse-pre span {
	top: -113px;
	right:0;
	left:auto;
	visibility: hidden ;
	position:absolute;
	overflow:hidden;
	z-index:2;
}

.co-tooltip-onmouse-pre a {
	color: #333333;
}

.co-tooltip-onmouse-pre a:visited {
	color: #333333;
}

.co-tooltip-onmouse-pre a:hover {
	color: #333333;
	text-decoration: none;
	cursor: default;
	overflow:visible;
}

.co-tooltip-onmouse-pre a:active {
	color: #333333;
	text-decoration: none;
}

.co-tooltip-onmouse-pre a:hover span {
	margin-top: 19px;
	background: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px 0px #bbbbbb;
	-moz-box-shadow: 1px 1px 3px 0px #bbbbbb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-redius: 5px;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	padding: 5px 10px;
	visibility: visible;
	top: 0;
	right:0;
	color: #333333 ;
	text-decoration: none ;
	overflow:visible;
}

/*** ソート ***/

.co-sort a {
	width: 100%;
	display: block;
	padding-top: 7px;
}

.co-sort a:visited {
	color: #0066CC;
	text-decoration: none;
}

.co-sort a:hover {
	text-decoration: none;
	color: #0066CC;
	background-color: #c0c4de;
}

.co-sort a:active {
	color: #0066CC;
	text-decoration: none;
}

.co-sort {
	padding: 0!important;
}

/*** ツールチップ ***/
/* 閉じるボタン*/
.co-tooltip-cancel {
	background: #999999;
	width: 1.3em;
	height: 1.2em;
	text-align: center;
	padding: 2px 1px 3px 2px;
	margin-left: auto;
	margin-right: 0;
	color: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-redius: 3px;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

/* パネル内文言※オンマウス・タイプは不要 */
.co-tooltip-text {
	padding: 0em 1em 1em 1em;
	clear: left;
}

.co-tooltip-text-news {
	padding: 0em 1em 1em 1em;
	clear: left;
	margin-top: 20px;
}

.co-tooltip-text-holiday {
	padding: 0em 1em 0.1em 1em;
	clear: left;
	margin-top: 20px;
}

/* 送信ボタンエリア */
.co-tooltip-submit-area {
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
	margin-top: 10px;
	text-align: center;
}

/*オンマウス・タイプ*/
.co-tooltip-onmouse span {
	top: -113px;
	left: -300px;
	visibility: hidden ;
	position: absolute;
}

.co-tooltip-onmouse a {
	color: #333333;
	outline: none;
}

.co-tooltip-onmouse a:visited {
	color: #333333;
}

.co-tooltip-onmouse a:hover {
	color: #333333;
	position: relative;
	text-decoration: none;
	cursor: default;
}

.co-tooltip-onmouse a:active {
	color: #333333;
	text-decoration: none;
}

.co-tooltip-onmouse a {
	color: #333333;
}

.co-tooltip-onmouse a:hover span {
	margin-top: 19px;
	background: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px 0px #bbbbbb;
	-moz-box-shadow: 1px 1px 3px 0px #bbbbbb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-redius: 5px;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	padding: 5px 10px;
	visibility: visible;
	top: 0;
	left: 0;
	color: #333333 ;
	text-decoration: none ;
}

/* オンクリック・タイプ */
.co-tooltip-onclick {
	display: none;
	position: absolute;
	margin-top: 3px;
	background: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px 0px #bbbbbb;
	-moz-box-shadow: 1px 1px 3px 0px #bbbbbb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-redius: 5px;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	padding: 1px;
	z-index: 2;
}

.co-tooltip-onclick-wrap {
	position: relative;
}

/* モーダル・タイプ */
.co-tooltip-modal {
	display: none;
	position: fixed;
	top: 33%;
	background: #ffffff;
	box-shadow: 1px 1px 3px 0px #bbbbbb;
	-webkit-box-shadow: 1px 1px 3px 0px #bbbbbb;
	-moz-box-shadow: 1px 1px 3px 0px #bbbbbb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-redius: 5px;
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-right: 2px solid #bbbbbb;
	border-bottom: 2px solid #bbbbbb;
	padding: 1px;
	z-index: 9002;
}
/* IE6対応 */
* html .co-tooltip-modal {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.co-tooltip-modal-layer,
#modalDialogMask,
#modalDialogMaskIframe {
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	filter: alpha(opacity=5);
	-moz-opacity:0.5;
	opacity:0.3;
	background-color: #000000;
	top: 0;
	left: 0;
	z-index: 9000;
}
/* IE6対応 */
* html .co-tooltip-modal-layer,
#modalDialogMask,
#modalDialogMaskIframe {
	position: absolute;
}

#modalDialogMaskIframe {
	z-index: 8999;
}

/* リキッドレイアウト
 ※1307～TOPリニューアルより
全体的に適用させるには以下の指定が必要です（現在#tiles-index-mainでのみ使用）

#使用するページのコンテンツ部分のID {
	width: 100%;
	min-width: 989px;
}
* html #使用するページのコンテンツ部分のID {
	width: expression(document.body.clientWidth < 991? "989px" : "auto");
}
*/
#co-liquid-middle-left {
	width:17%;
	float: left;
	padding: 0 12px 0 20px;
	z-index: 500;
}
* html #co-liquid-middle-left { /* for IE6 */
	padding: 0 17px 0 20px;
}
#co-liquid-middle-main {
	float: left;
	padding-top: 20px;
	min-width: 495px;
}
#co-liquid-middle-right {
	width: 180px;
	float: left;
	padding: 20px 0 0 12px;
}
#co-liquid-bottom {
	padding-top: 30px;
}

/* 吹き出し型見出し */
.co-head-bln {
	height: 8px;
	position: relative;
	background: url("../images/index/img/common/other_parts/bg_head_bln_line01.gif") repeat-x left bottom;
	clear: both;
	margin: 0 0 10px 0;
	padding-top: 1.5em;
}
.co-head-bln span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 16px;
	padding-bottom: 10px;
	font-weight: normal;
	background: url("../images/index/img/common/other_parts/bg_head_bln01.gif") no-repeat 30px 100%;
}
/* 画像センタリング
＜使い方＞
【HTML】
<div class="co-img-center-wrap">
	<div class="co-img-center">
		<div class="co-img-center-inner">
			<img src="センタリングしたい画像" alt="">
		<div>
	<div>
<div>

【個別CSS】
#どこどこの .co-img-center-wrap {
	width: ○px;
	height: ○px;
}
※枠線等つけたい場合は、co-img-center-wrapに対して付けてください。
*/
.co-img-center-wrap {
	display: table;
	text-align: center;
}
* html .co-img-center-wrap { /* for IE6 */
	position: relative;
}
*:first-child+html .co-img-center-wrap { /* for IE7 */
	position: relative;
}
.co-img-center-wrap .co-img-center {
	display: table-cell;
	vertical-align: middle;
}
* html .co-img-center-wrap .co-img-center { /* for IE6 */
	position: absolute;
	top: 50%;
	left: 50%;
}
*:first-child+html .co-img-center-wrap .co-img-center { /* for IE7 */
	position: absolute;
	top: 50%;
	left: 50%;
}
.co-img-center-wrap .co-img-center-inner {
	margin: 0;
}
* html .co-img-center-wrap .co-img-center-inner { /* for IE6 */
	position: relative;
	top: -50%;
	left: -50%;
}
*:first-child+html .co-img-center-wrap .co-img-center-inner { /* for IE7 */
	position: relative;
	top: -50%;
	left: -50%;
}
.co-img-center-wrap img {
	vertical-align: bottom;
}
/* 画像hover（透過処理） aタグに付与 */
.co-img-over:hover img{
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	background-color: #ffffff;
}

/* ブラウザ注意文言 */
.co-browser-attention {
	background-color: #f6f6f6;
	border-bottom: 1px solid #E6E6E6;
	padding: 10px 0;
}
.co-browser-attention .browser-attention-inner {
	margin: 0 auto;
	white-space: nowrap;
	text-align: center;
}
.co-browser-attention .browser-tit {
	font-weight: bold;
	font-size: 14px;
}
.co-browser-attention .browser-txt {
	padding-top: 5px;
}
.co-browser-attention ul {
	margin: 8px 0 0 -4px;
}
.co-browser-attention li {
	display: inline;
	margin-right: 25px;
}
.co-browser-attention li img {
	margin-right: 10px;
	vertical-align: -8px;
}

/* お試し期間と紹介会員 */
.co-trial-info {
	background-color: #fff7e1;
	border-bottom: 1px solid #E6E6E6;
	padding: 10px 0;
	text-align: center;
}
.co-trial-info span {
	display: inline-block;
	white-space: nowrap;
	zoom: 1;
}

/* newアイコン */
.co-new-link {
	background: url("../images/index/img/common/icon/icon_con_new01.gif") no-repeat 0 3px;
	padding-left: 31px;
}

/* お知らせ（現在、ログイン前後TOP／取引企業一覧で使用） */
.co-notice-area {
	border-bottom: none;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #fff7e1;
	padding: 10px;
}
.co-notice-area .notice-area-inner {
	background-position: left 2px;
}

/* 印刷しない */
@media print {
	.co-noprint {
		display: none;
	}
}