@charset "UTF-8";

/*****************************************************

consumer.css

Last Modified: 2010-11-17

******************************************************/

body {

	background: url(../images/consumer_bg11.gif) repeat left top;

}

/*header

=========================================*/

#consumer #header {

	width: 964px;

	background: url(../images/consumer_bg12.gif) no-repeat left top;

}







#consumer #header-nav-2 {

	position: absolute;

	top: 10px;

	left: 502px;

	width: 482px;

}

#consumer #header-inner p.arrow{

	float: left;

	width: 24px;

	position: absolute;

	left: 912px;

	top: 7px;

}



/* site-search */

#site-search {

	position: absolute;

	top: 50px;

	left: 483px;

	width: 240px;

}







#site-search #search-keywords {

	float: left;

	width: 129px;

	min-height: 14px;

	line-height: 1;

	margin: 0;

	padding: 2px 5px;

	border: 1px solid #aaaaaa;

	color: #666666;

}







* html #site-search #search-keywords {

	float: left;

	width: 129px;

	min-height: 14px;

	line-height: 1.2;

	margin: 0;

	padding: 1px 5px;

	border: 1px solid #aaaaaa;

	color: #666666;

}







*:first-child+html #site-search #search-keywords {

	float: left;

	width: 129px;

	min-height: 14px;

	line-height: 1.2;

	margin: 0;

	padding: 1px 5px;

	border: 1px solid #aaaaaa;

	color: #666666;

}









#site-search #search-submit{

	float: left;

	margin: 0;

	padding: 0px 0px 0px 5px;

}











#site-search #search-icon{

	float: left;

	margin: 0;

	padding: 0px;

}

















/*----- fontsize-selector -----*/



#fontsize-selector {

	position: absolute;

	top: 51px;

	left: 708px;

	width: 205px;

	margin: 0;

	padding: 0;

}







#fontsize-selector dl dt{

	float: left;

	width: 122px;

}







#fontsize-selector dl dd{

	float: left;

	width: 83px;

}







#fontsize-selector dl dd ul li{

	float: left;

	width: 41px;

	text-align: right;

}





/*global-nav*/



#consumer #global-nav ul li#gnav01 {

	width: 175px;

}

#consumer #global-nav ul li#gnav02,

#consumer #global-nav ul li#gnav03 {

	width: 184px;

}





#consumer #global-nav ul li#gnav04 {

	width: 194px;

}



#consumer #global-nav ul li#gnav05 {

	width: 222px;

}



#contents {

	background: url(../images/consumer_bg13.gif) repeat-y left top;

	zoom: 1;

}

/*footer*/

#footer{

	position: relative;

}





#footer-utility-01 {

	clear: both;

	background: url(../images/consumer_bg13.gif) repeat-y left top;

	zoom: 1;

}







#footer #footer-utility-02{

	clear: both;

	width: 960px;

	padding: 38px 2px 0px;

	background: url(../images/consumer_bg14.gif) no-repeat left top;

	zoom: 1;

}



#footer #footer-btn{

	position: absolute;

	top: 29px;

	left: 708px;

	width: 269px;

}







/*contents

=========================================*/

/* heading*/

#contents .heading-1{

	padding: 0px 0px 2px;

	background: url(../images/com_bg04.gif) repeat-y left bottom;

	font-weight: bold;

	font-size: 140%;

	zoom: 1;

}





#contents .heading-1 .head-txt{

	display: block;

	padding: 12px 0px 10px 60px;

	background: url(../images/consumer_bg01.gif) repeat-y left top;

	zoom: 1;

}




#contents .heading-2{

	padding: 8px 0px 8px 20px;

	background: url(../images/consumer_bg07.gif) no-repeat left top;

	font-weight: bold;

	font-size: 120%;

	zoom: 1;

}



#contents .heading-3{

	margin-top: 20px;

	padding: 8px 0px 0px;

	background: url(../images/consumer_bg08.gif) no-repeat left top;

	font-weight: bold;

	font-size: 110%;

	zoom: 1;

}



#contents .heading-3 .head-txt{

	display: block;

	padding: 0px 0px 8px 20px;

	background: url(../images/consumer_bg09.gif) no-repeat left bottom;

	zoom: 1;

}



#contents .head-sub-txt{

	font-weight: normal;

	font-size: 80%;

}



/* text*/

#contents .lead-txt{

	color: #dd0000;

	font-weight: bold;

	font-size: 120%;

}



#contents .lead-txt-2{

	color: #cc0000;

	font-weight: bold;

	font-size: 130%;

}



/* anchor-1*/

#contents .anchor-1{

	margin: 0px;

	padding: 3px 0px 5px;

	background: #dddddd url(../images/consumer_bg03.gif) no-repeat left bottom;

	text-align: center;

	zoom: 1;

}



#contents .anchor-1 a{

	padding: 0px 0px 0px 10px;

	background: url(../images/com_ic05.gif) no-repeat left 0.5em;

	zoom: 1;

}



/* anchor-2*/

#contents .anchor-2{

	padding: 0px 0px 4px;

	background: url(../images/consumer_bg05.gif) no-repeat left bottom;

	zoom: 1;

}



#contents .anchor-2 a{

	display: block;

	padding: 10px 10px 10px 40px;

	background: url(../images/consumer_bg04.gif) no-repeat left top;

	font-weight: bold;

	zoom: 1;

}





/* table*/

#contents table.spec{

	width: 450px;

	margin-top: 10px;

	border: 2px solid #CCCCCC;

	background-color: #cccccc;

	border-collapse: separate;

	border-spacing: 1px;

}







#contents table.spec th{

	padding: 6px;

	background: url(../images/consumer_bg02.gif) repeat left top;

	color: #FFFFFF;

	font-weight: bold;

	text-align: left;

}



#contents table.spec td{

	padding: 6px;

	background: #ffffff;

}



/* table*/

#contents table{

	width: 450px;

	margin-top: 10px;

	background-color: #cccccc;

	border-collapse: separate;

	border-spacing: 1px;

}







#contents table th{

	padding: 6px;

	background: #fff0ab url(none);

	font-weight: bold;

	text-align: center;

}





#contents table th.sub-1{

	padding: 6px;

	background: #e3e3e3;

	font-weight: bold;

	text-align: left;

}





#contents table th.sub-2{

	padding: 6px;

	background: #e7effa;

	font-weight: bold;

	text-align: left;

}





#contents table th.sub-3{

	padding: 6px;

	background: #ffffff;

	font-weight: bold;

	text-align: left;

}





#contents table td{

	padding: 6px;

	background: #ffffff;

}





#contents table .highlight{

	background: #f3f3f3;

}





#contents table .cel-border{

	border-bottom: 2px solid #CCCCCC;

}



#contents .tbl-full{

	width: 695px;

}



/* column-1 */

div#contents .column-1 {

	clear: both;

	margin: 20px 0px 0px;

	padding: 0px 0px 20px;

	background: url(../images/consumer_bg06.gif) left bottom;

	zoom: 1;

}





div#contents .column-1 table{

	clear: both;

	width: 410px;

	margin: 0px 0px 0px 20px;

	border-style: none;

	background-color: #ffffff;

	border-collapse: separate;

	border-spacing: 0px;

}





div#contents .column-1 table th{

	padding: 5px 12px 5px 25px;

	border-top: 1px solid #f3c500;

	background: #FFFFFF url(../images/consumer_ic01.gif) no-repeat left top;

	text-align: left;

}





div#contents .column-1 table td{

	padding: 5px 12px 5px 25px;

	border-top: 1px solid #f3c500;

	border-top: 1px solid #f3c500;

	border-right: 1px solid #f3c500;

	background: #FFFFFF url(../images/consumer_ic01.gif) no-repeat left top;

	font-weight: bold;

	text-align: left;

	vertical-align:top;

}



div#contents .column-1 table td.blank-cel{

	padding: 5px 12px 5px 25px;

	border-top: 1px solid #f3c500;

	border-top: 1px solid #f3c500;

	border-right: 1px solid #f3c500;

	background: #FFFFFF url(none);

	text-align: left;

}





/* column-2 */

div#contents .column-2{

	clear: both;

	margin: 20px 0px 0px;

	padding: 0px 0px 5px;

	background: url(../images/consumer_bg10.gif) left bottom;

	zoom: 1;

}



div#contents .column-2 dl dd{

	padding: 10px;

}





/* movie-area */

div#contents .movie-area {

	clear: both;

	margin-top: 20px;

	padding: 12px;

	border: 3px solid #eeeeee;

	background: #f6f6f6;

	text-align: center;

}



div#contents .movie-area .plugin-area-1{

	margin: 0;

	background:none;

	text-align: left;

}



div#contents .movie-area .plugin-area-1 .inner{

	clear: both;

	margin: 0px;

	background:none;

	padding: 0px 0px 11px;

	zoom: 1;

}



div#contents .movie-area .plugin-area-1 .inner .banner {

    float: left;

	padding:0 0 0 10px;

    width: 160px;

}



div#contents .movie-area .plugin-area-1 .inner .text {

    float: right;

    width: 475px;

}





div#contents .movie-area02 {

	clear: both;

	margin-top: 20px;

	padding: 12px;

	border: 3px solid #eeeeee;

	background: #ffffff;

	text-align: center;

}



div#contents .movie-area02 .plugin-area-1{

	margin: 0;

	background:none;

	text-align: left;

}



div#contents .movie-area02 .plugin-area-1 .inner{

	clear: both;

	margin: 0px;

	background:none;

	padding: 0px 0px 11px;

	zoom: 1;

}



div#contents .movie-area02 .plugin-area-1 .inner .banner {

    float: left;

	padding:0 0 0 10px;

    width: 160px;

}



div#contents .movie-area02 .plugin-area-1 .inner .text {

    float: right;

    width: 430px;

}







/* howto-area */

div#contents .howto-area {

	clear: both;

	margin: 20px 0px 0px 10px;

	background: url(../images/consumer_ic03.gif) repeat-x left top;

	zoom: 1;

}



div#contents .howto-area .col{

	float: left;

	width: 145px;

	margin: 0px 31px 0px 0px;

}



div#contents .howto-area .end{

	margin: 0;

}



div#contents .howto-area02 {

	clear: both;

	margin: 20px 0px 0px 10px;

	background: url(../images/consumer_ic04.gif) repeat-x left top;

	zoom: 1;

}



div#contents .howto-area02 .col{

	float: left;

	width: 145px;

	margin: 0px 31px 0px 0px;

}



div#contents .howto-area02 .end{

	margin: 0;

}





div#contents .howto-area03 {

	clear: both;

	margin: 20px 0px 0px 10px;

	background:none;

}



div#contents .howto-area03 .col{

	float: left;

	width: 145px;

	margin: 0px 31px 0px 0px;

}



div#contents .howto-area03 .end{

	margin: 0;

}





div#contents .col-box3{

	width: 498px;

}



div#contents .half{

	width: 322px;

}



div#contents .single{

	width: 145px;

}



/* ul-1 */

div#contents .ul-1{

	clear: both;

}



div#contents .ul-1 li{

	padding: 10px 0px 10px 0px;

	background: url(../images/com_hr01.gif) repeat-x left bottom;

	zoom: 1;

}



div#contents .ul-1 li .inner{

	clear: both;

	padding: 0px 0px 0px 20px;

	background: url(../images/consumer_ic02.gif) no-repeat 7px 0.2em;

	zoom: 1;

}



div#contents .ul-1 li .inner .illust-right{

	float: right;

	margin-left: 20px;

}





/* local-nav-1 */

div#contents .local-nav-1 {

	clear: both;

	margin: 15px 0px 0px 30px;

	padding: 0px 0px 1px;

	background: url(../images/com_hr01.gif) repeat-x left bottom;

	zoom: 1;

}





div#contents .local-nav-1 dl{

	clear: both;

	padding: 1px 0px 0px;

	background: url(../images/com_hr01.gif) repeat-x left top;

	zoom: 1;

}





div#contents .local-nav-1 dl dt {

	float: left;

	width: 194px;

	padding: 5px 0px 0px 10px;

	background: url(../images/com_ic08.gif) no-repeat left 0.7em;

	zoom: 1;

}





div#contents .local-nav-1 dl dd{

	float: left;

	width: 455px;

	margin: 0px;

	padding: 5px 0px 2px;

}







div#contents .local-nav-1 dl dd ul li{

	float: left;

	margin: 0px 14px 0px 0px;

	padding: 0px 0px 0px 15px;

	background: url(../images/com_ic02.gif) no-repeat 5px 0.5em;

	white-space: nowrap;

	zoom: 1;

}



/* anchor-link */

#contents .anchor-link{

	clear: both;

}

#contents .anchor-link ul.top-anchor{

	margin: 15px 0px 0px 0px;

}



#contents .anchor-link ul.bottom-anchor{

	margin: 20px 0px 0px 0px;

}

#contents .anchor-link ul.top-anchor li,

#contents .anchor-link ul.bottom-anchor li{

	margin: 0px 7px 0px 0px;

	background: url(../images/com_hr03.gif) no-repeat right 0.2em;

	white-space: nowrap;

	padding: 0px 11px 5px 0px;

	float: left;

	zoom: 1;

}

#contents .anchor-link ul.top-anchor li.end,

#contents .anchor-link ul.bottom-anchor li.end{

	margin: 0px;

	background: url(none);

	white-space: nowrap;

	padding: 0px 0px 5px;

	float: left;

}



#contents .anchor-link ul.top-anchor li a{

	margin: 0px;

	background: url(../images/com_ic11.gif) no-repeat left 0.4em;

	white-space: nowrap;

	padding: 0px 0px 0px 11px;

	float: left;

	zoom: 1;

}

#contents .anchor-link ul.bottom-anchor li a{

	margin: 0px;

	background: url(../images/com_ic12.gif) no-repeat left 0.4em;

	white-space: nowrap;

	padding: 0px 0px 0px 11px;

	float: left;

	zoom: 1;

}



/* tab-link */

#contents .tab-link-top{

	clear: both;

	margin: 20px 0px 0px;

	border-bottom: 3px solid #e99b00;

}

#contents .tab-link-top ul li{

	float: left;

	width: 168px;

	padding: 9px 0px 2px;

}

#contents .tab-link-bottom{

	clear: both;

	margin: 7px 0px 0px;

	border-top: 3px solid #e99b00;

}



#contents .tab-link-bottom ul li{

	float: left;

	width: 168px;

	padding: 2px 0px 9px;

}



#contents .tab-link-top ul li.stay,

#contents .tab-link-bottom ul li.stay{

	float: left;

	width: 168px;

	padding: 0px;

}



#contents .tab-link-top ul li.shopping,

#contents .tab-link-bottom ul li.shopping{

	float: right;

	width: 182px;

	padding: 9px 0 2px;

}





/* column-3 */

div#contents .column-3{

	clear: both;

	margin: 20px 0px 0px;

	padding: 0px 0px 12px;

	background: url(../images/com_bg06.gif) left bottom;

	zoom: 1;

}

div#contents .column-3 h2{

	clear: both;

	margin: 0px;

	padding: 0px;

}

div#contents .column-3 .col4{

	clear: both;

	padding: 0px 0px 0px 13px;	

}

div#contents .column-3 .col4 .col{

	padding: 0px;

	float: left;

	width: 156px;

	margin: 0px 13px 0px 0px;

}

div#contents .column-3 .col4 .end{

	margin: 0px 0px 0px 0px;

}

div#contents .column-3 ul{

	margin: 0px;

	background: url(../images/com_hr04.gif) repeat-x left top;

	padding: 1px 0px 0px;

	zoom: 1;

}

div#contents .column-3 ul li{

	margin: 0px;

	background: url(../images/com_hr04.gif) repeat-x left bottom;

	padding: 7px 0px 8px;

	zoom: 1;

}

div#contents .column-3 ul li a{

	margin: 0px;

	background: url(../images/com_ic10.gif) no-repeat 2px 0.2em;

	padding: 0px 0px 0px 15px;

	zoom: 1;

}

* html div#contents .column-3 ul li a{

	margin: 0px;

	background: url(../images/com_ic10.gif) no-repeat 2px 0.4em;

	padding: 0px 0px 0px 15px;

	zoom: 1;

}

*:first-child+html div#contents .column-3 ul li a{

	margin: 0px;

	background: url(../images/com_ic10.gif) no-repeat 2px 0.4em;

	padding: 0px 0px 0px 15px;

	zoom: 1;

}



/* Safari4 */

@media screen and (-webkit-min-device-pixel-ratio:0) {

div#contents .column-3 ul li a{

	margin: 0px;

	background: url(../images/com_ic10.gif) no-repeat 2px 0.4em;

	padding: 0px 0px 0px 15px;

	zoom: 1;

}

}



#contents .icon-02 {

    margin: 2px 0 3px 3px;

}



#contents .icon-03 {

    margin: 2px 0 10px 3px;

}



/* CSS add 20101129 

=========================================*/

/* col2 */

div#contents .col2 .colleft02{

	float: left;

	width: 240px;

}



div#contents .col2 .colright02{

	float: right;

	width: 436px;

}

div#contents .col2 .colleft03{

	float: left;

	width: 385px;

}



div#contents .col2 .colright03{

	float: right;

	width: 292px;

}

div#contents .col2 .colleft04{

	float: left;

	width: 475px;

}



div#contents .col2 .colright04{

	float: right;

	width: 200px;

}

div#contents .col2 .colleft05{

	float: left;

	width: 500px;

}



div#contents .col2 .colright05{

	float: right;

	width: 131px;

}

div#contents .col2 .colleft06{

	float: left;

	width: 280px;

}



div#contents .col2 .colright06{

	float: right;

	width: 400px;

}

div#contents .col2 .colleft07{

	float: left;

	width: 110px;

}



div#contents .col2 .colright07{

	float: right;

	width: 573px;

}



div#contents .col2 .colright08{

	float: right;

	width: 305px;

	margin-right:10px;

}

div#contents .col2 .colleft08{

	float: left;

	width: 360px;

}





/* indent */

div#contents .indent-1{

	margin-left: 20px;

}

div#contents .indent-2{

	margin-left: 46px;

	text-indent:-2em;

}

/*aronplaza

=========================================*/

div#contents .aronplaza{

	clear: both;

	position: relative;

	margin: 15px 0px 0px;

}

div#contents .aronplaza .detail-btn{

	position: absolute;

	width: 175px;

	left: 418px;

	top: 329px;

}



div#contents .posts-1{

	clear: both;

	position: relative;

	margin: 15px 0px 0px;

}

div#contents .posts-1 .detail-btn{

	position: absolute;

	width: 175px;

	left: 510px;

	top: 183px;

}

div#contents .posts-2{

	clear: both;

	margin: 0px 0px 0px -7px;

	z-index: 2;

	position: relative;

}

/*motto

=========================================*/

div#contents .motto{

	clear: both;

	margin: 20px 0px 0px;

	background: url(../../motto/images/index_bg01.gif) repeat-x left bottom;

	padding: 0px 0px 11px;

	zoom: 1;

}

div#contents .single02{

	width: 338px;

}

div#contents .motto .colleft{

	float: left;

	width: 338px;

}

div#contents .motto .colright{

	float: right;

	width: 338px;

}

div#contents .motto dl dd{

	clear: both;

	margin: 0px;

	padding: 9px 11px 0px;

}

div#contents .motto dl dd .inner{

	clear: both;

	margin: 0px;

}

div#contents .motto dl dd .inner .thumbnail{

	float: left;

	width: 160px;

}

div#contents .motto dl dd .inner .text{

	float: right;

	width: 147px;

}



div#contents .motto-half{

	clear: both;

	margin: 20px 0px 0px;

	background: url(../../motto/images/index_bg01.gif) no-repeat left bottom;

	padding: 0px 0px 11px;

	zoom: 1;

}

div#contents .motto-half .colleft{

	float: left;

	width: 338px;

}



div#contents .motto-half dl dd{

	clear: both;

	margin: 0px;

	padding: 9px 11px 0px;

}

div#contents .motto-half dl dd .inner{

	clear: both;

	margin: 0px;

}

div#contents .motto-half dl dd .inner .thumbnail{

	float: left;

	width: 160px;

}

div#contents .motto-half dl dd .inner .text{

	float: right;

	width: 147px;

}







/* knowledge */

div#contents .features{

	clear: both;

	margin: 10px 0px 0px;

	background: url(../../motto/knowledge/images/features_bg02.gif) repeat-x left bottom;

	padding: 0px 0px 10px;

	zoom: 1;

}

div#contents .features .col{

	float: left;

	width: 219px;

	margin: 0px 18px 0px 0px;

}

div#contents .features .end{

	margin: 0px;

}

div#contents .features .col dl{

	margin: 0px;

	padding: 0px;

}

div#contents .features .col dl dt{

	margin: 0px;

	padding: 10px;

	background: url(../../motto/knowledge/images/features_bg01.gif) no-repeat left top;

	zoom: 1;

}

div#contents .features .col dl dd{

	margin: 0px;

	padding: 0px 10px 10px;

}



/* cm */

div#contents .cm-area{

	clear: both;

	margin: 10px 0px 0px;

	background: url(../../motto/cm_gallery/images/index_bg01.gif) repeat-x left bottom;

	padding: 0px 0px 10px !important;

	zoom: 1;

}

div#contents .cm-area .col2{

	clear: both;

	margin: 0px 16px;

}

div#contents .cm-area .col2 .colleft01{

	float: left;

	width: 320px;

}

div#contents .cm-area .col2 .colright01{

	float: right;

	width: 320px;

}

div#contents .cm-area .col2-2{

	clear: both;

	margin: 10px 16px 0px;

	background: url(../../motto/cm_gallery/images/index_bg03.gif) repeat-x left top;

	padding: 0px;

	zoom: 1;

}

div#contents .cm-area .col2-2 .inner{

	clear: both;

	background: url(../../motto/cm_gallery/images/index_bg02.gif) repeat-x left bottom;

	padding: 0px 0px 2px;

	zoom: 1;

}



div#contents .cm-area .noRepeat{

	background: url(../../motto/cm_gallery/images/index_bg04.gif) no-repeat left top;

}



div#contents .cm-area .col2-2 .noRepeat{

	background: url(../../motto/cm_gallery/images/index_bg05.gif) no-repeat left bottom;

}



div#contents .cm-area .ml26{

	margin-left: 26px;



}







div#contents .cm-area .col2-2 .colleft02{

	margin: 0;

	float: left;

	width: 320px;

	min-height: 84px;

	zoom: 1;	

}



div#contents .cm-area .col2-2 .colright02{

	margin: 0;

	float: right;

	width: 320px;

	min-height: 84px;

	zoom: 1;

}

* html div#contents .cm-area .col2-2 .colleft02,

* html div#contents .cm-area .col2-2 .colright02{

	height: 84px;

	

}

div#contents .cm-area .col2-2 p{

	padding: 8px 13px 3px;

	font-size: 14px;

	margin: 0px;

}

div#contents .cm-area .col2-2 p strong{

	font-size: 16px;

	font-weight: bold;

}



div#contents .cm-area .single{

	width: 320px;

}







/* line-1 */

div#contents .line-1{

	clear: both;

	margin: 10px 0 0;

	background: url(../images/com_hr01.gif) left top;

	padding: 0px;

	height: 1px;

	font-size: 0;

	line-height: 0;

	zoom: 1;

}



/*faq

=========================================*/

div#contents .contentsContainer .qa-area {

	margin: 20px 0 0 0;

	border: 1px solid #d4d4d4;

}

div#contents .contentsContainer h2.question {

	margin: 0px;

	padding: 8px 9px 9px 35px;

	position: relative;

	background: url(../../faq/images/index_ic01.gif) no-repeat 6px 8px;

	zoom: 1;

}

div#contents .contentsContainer h2.question img{

	position: absolute;

	left: 600px;

	top: 6px;

}

* html div#contents .contentsContainer h2.question img{

	position: absolute;

	left: 600px;

	top: 4px;

}

*:first-child+html div#contents .contentsContainer h2.question img{

	position: absolute;

	left: 600px;

	top: 4px;

}

div#contents .contentsContainer div.answer-area {

	padding: 1px 0px 0px;

	background: url(../../faq/images/index_hr01.gif) repeat-x left top;

	zoom: 1;	

}

div#contents .contentsContainer div.answer-area .answer{

	padding: 8px 9px 9px 35px;

	background: url(../../faq/images/index_ic02.gif) no-repeat 6px 8px;

	zoom: 1;

	

}

div#contents .contentsContainer div.answer-area .answer .indent{

	text-indent: -1em;

	margin-left: 1em;	

}





/*name

=========================================*/



.nametitle{

	margin:25px 0 0 0 !important;

	text-align:center;

}



.namebg{

	margin:25px 0 0 0;

	background: url(../../motto/knowledge/images/name_bg002.gif) no-repeat bottom;

	zoom: 1;

}



.namebg02{

	background: url(../../motto/knowledge/images/name_bg001.gif) no-repeat top;

	zoom: 1;

}



.namebg02 div{

	width:445px;

	padding:30px 0 30px 25px;

	margin:0;

}



.namebg02 div p.first{

	padding:0 0 27px 0;

	background: url(../../motto/knowledge/images/name_bg003.gif) no-repeat bottom center;

	margin:0 !important;

	zoom: 1;

}



.namebg02 div p.second{

	padding:20px 0 27px 0;

	background: url(../../motto/knowledge/images/name_bg003.gif) no-repeat bottom center;

	margin:0 !important;

	zoom: 1;

}



.namebg02 div p.third{

	padding:20px 0 0 0;

	margin:0 !important;

}



.strong01{

    font-weight: bold;

}



.strong02{

    color: #ff6600;

    font-weight: bold;

	font-size:120%;

}



.strong03{

    color: #0066cc;

    font-weight: bold;

}





/*99: clearfix

=========================================*/



div#contents .column-1:after,

div#contents .howto-area:after,

div#contents .howto-area02:after,

div#contents .ul-1 li .inner:after,

#contents .anchor-link:after,

#contents .tab-link-top:after,

#contents .tab-link-bottom:after,

div#contents .column-3:after,

div#contents .column-3 .col4:after,

div#contents .motto:after,

div#contents .motto dl dd .inner:after,

div#contents .motto-half:after,

div#contents .motto-half dl dd .inner:after,

div#contents .plugin-area-1 .inner:after,

div#contents .features:after,

div#contents .cm-area .col2:after,

div#contents .cm-area .col2-2:after,

div#contents .cm-area .col2-2 .inner:after{

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: " ";

	font-size: 0;

}











 

div#contents .column-1,

div#contents .howto-area,

div#contents .howto-area02,

div#contents .ul-1 li .inner,

#contents .anchor-link,

#contents .tab-link-top,

#contents .tab-link-bottom,

div#contents .column-3,

div#contents .column-3 .col4,

div#contents .motto,

div#contents .motto dl dd .inner,

div#contents .motto-half,

div#contents .motto-half dl dd .inner,

div#contents .plugin-area-1 .inner,

div#contents .features,

div#contents .cm-area .col2,

div#contents .cm-area .col2-2,

div#contents .cm-area .col2-2 .inner{

	zoom: 1;

}



/* CSS add 20101120 

=========================================*/

/* anchor-3*/

#contents .anchor-3{

	padding: 0px 0px 4px;

	zoom: 1;

	background-image: url(../images/consumer_bg05.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}



#contents .anchor-3 a{

	display: block;

	padding: 20px 10px 20px 40px;

	font-weight: bold;

	zoom: 1;

	background-image: url(../images/consumer_bg21.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



/* anchor-4*/

#contents .anchor-4{

	padding: 0px 0px 4px;

	zoom: 1;

	background-image: url(../images/consumer_bg05.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}



#contents .anchor-4 a{

	display: block;

	padding: 20px 10px 20px 40px;

	font-weight: bold;

	zoom: 1;

	background-image: url(../images/consumer_bg22.gif);

	background-repeat: no-repeat;

	background-position: left top;

}





/* attention modified from contents.css--local-nav-3 */

#contents .attention-01 {

	clear: both;

	margin-top: 20px;

	margin-right: 0px;

	margin-left: 10px;

	padding-bottom: 50px;

}



#contents .attention-01 ul li{

	float: left;

	width: 12em;

	margin: 0px 10px 0px 0px;

	padding: 0;

	border: 1px solid #CCCCCC;

	background: url(../images/com_bg02.gif) repeat left top;

	zoom: 1;

}



#contents .attention-01 ul li a{

	display: block;

	float: left;

	padding: 4px 58px 3px 17px;

	background: url(../images/com_ic02.gif) no-repeat 0.7em 0.8em;

	zoom: 1;

}



/* note-11 modified from contents.css--note-1 */

#contents .note-11{

	margin-top: 2px;

}



div#contents .head_small-txt{

	font-size: 85%;

}



/* ex-mini hint-area */

div#contents .hint_dataArea {

	margin-left: 25px;

	margin-top: 10px;

}

div#contents .hint_textArea {

	float: left;

	width: 430px;

	margin-right: 25px;

	vertical-align: top;

}

div#contents .hint_textArea2 {

	float: left;

	width: 320px;

	margin-right: 25px;

	vertical-align: top;

}

div#contents .hint_imgArea .imgBt {

	vertical-align: bottom;

	margin-right: 10px;

}



div#contents .hint_textArea p {

	margin-top: 0px;

}

div#contents .hint_imgArea img {

	vertical-align: top;

}



div#contents .howto-area .col_220{

	float: left;

	width: 220px;

	margin: 0px 31px 0px 0px;

}

div#contents .howto-area .col_165{

	float: left;

	width: 165px;

	margin: 0px 31px 0px 0px;

}

div#contents .howto-area .col_300{

	float: left;

	width: 300px;

	margin: 0px 10px 0px 0px;

}







/*annual 

=========================================*/



.annual {

    margin: 10px 0 0 0;

}



.iconLink01 {

	border: 1px solid #d4d4d4;

	margin:5px 0 0 0;

	padding:10px 10px 10px 6px;

}



.iconLink01 a {

    background: url(../images/consumer_ic05.gif) no-repeat 0 -0.03em;

    display: block;

    float: left;

    padding: 0 0 0 21px;

	font-size:115%;

	font-weight:bold;

	zoom: 1;

}



.iconLink01 span{

    padding: 0 0 0 5px;

	vertical-align:bottom;



}



img.linkType02 {

    padding: 2px 0 2px 5px;

	vertical-align:text-top;

}





/*anchor-link 

=========================================*/

.colTwo {

    margin: 15px 0 15px 0;

}



.colTwo .colL {

    float: left;

    margin-right: 20px;

    width: 330px;

}



.colTwo .colR {

    float: left;

    margin: 0;

    width: 330px;

}





.colTwo02 {

    margin: 15px 0 15px 30px;

}



.colTwo02 .colL02 {

    float: left;

    margin-right: 25px;

    width: 305px;

}



.colTwo02 .colR02 {

    float: left;

    margin: 0;

    width: 305px;

}



.colThree {

    margin: 15px 0 15px 20px;

}



.colThree .colL{

    float: left;

    margin-right: 18px;

    width: 152px;

}



.colThree .colR{

    float: left;

    margin: 0;

    width: 152px;

}







/* column-4-2 */

div#contents .column-4-2{

	clear: both;

	margin: 30px 0px 0px;

	padding: 7px;

	border: 3px solid #dddddd;

	background: #eeeeee;

}



div#contents .column-4-2 dl dt{

	background: url(../images/business_bg15.gif) no-repeat left bottom;

	padding: 0px 0px 7px;

	zoom: 1;

}

div#contents .column-4-2 dl dt span{

	background: url(../images/business_bg14.gif) no-repeat left top;

	padding: 7px 0px 0px 15px;

	display: block;

	font-size: 140%;

	font-weight: bold;

	zoom: 1;

}

div#contents .column-4-2 dl dd{

	padding: 10px 0px 0px 0px;

}

div#contents .column-4-2 dl dd .inner{

	clear: both;

}

div#contents .column-4-2 dl dd .inner .text-list{

	margin: 0px 9px 0px 0px;

	float: left;

/*	width: 240px;*/

}

/*div#contents .column-4-2 dl dd .inner .illust01{

	margin: 0px 6px 0px 0px;

	float: left;

	width: 138px;

}

div#contents .column-4-2 dl dd .inner .illust02{

	margin: 0px;

	float: left;

	width: 138px;

}

div#contents .column-4-2 dl dd .inner .illust03{

	margin: 0px;

	float: right;

	width: 138px;

}*/





/*99: media

=========================================*/

/* NEWS

=========================================*/

#contents #main .news-area{

	clear: both;

}

#contents #main .news-area dl{

	clear: both;

	background: url(../images/com_hr04.gif) repeat-x left top;

	padding: 9px 0px 0px;

	margin: 20px 30px 0px;

	zoom: 1;

}

#contents #main .news-area dl dt{

	width: 6em;

	padding: 0px 0px 0px;

}

#contents #main .news-area dl dd{

	margin: -1.4em 0px 8px;

	padding: 0px 0px 9px 6.0em;

	background: url(../images/com_hr04.gif) repeat-x left bottom;

	zoom: 1;

}

#contents #main .news-area dl dd.end{

	margin: -1.4em 0px 0px;

	padding: 0px 0px 9px 6.0em;

	background: url(../images/com_hr04.gif) repeat-x left bottom;

	zoom: 1;

}

#contents #main .news-area dl dd p{

	margin: 0px;

	padding: 0px 0px 0px 45px;

	text-indent: -45px;

}



#contents #main .news-area dl dd p.noicon{

	margin: 0px 0px 0px 45px;

}



#contents #main .icon-01{

	margin: 0px 7px 0px 0px;

}

#contents #main .icon-02{

	margin: 2px 0px 2px 3px;

}

* html #contents #main .news-area dl dd{

	padding: 0px 0px 9px 6.5em;

}

* html #contents #main .news-area dl dd.end{

	padding: 0px 0px 9px 6.5em;

}

*:first-child+html #contents #main .news-area dl dd{

	padding: 0px 0px 9px 6.5em;

}

*:first-child+html #contents #main .news-area dl dd.end{

	padding: 0px 0px 9px 6.5em;

}

/* Safari4 */

@media screen and (-webkit-min-device-pixel-ratio:0) {

#contents #main .news-area dl dd{

	margin: -1.4em 0px 8px;

	padding: 0px 0px 9px 7.5em;

	background: url(../images/com_hr01.gif) repeat-x left bottom;

	zoom: 1;

}

#contents #main .news-area dl dd.end{

	margin: -1.4em 0px 0px;

	padding: 0px 0px 9px 7.5em;

	background: url(../images/com_hr01.gif) repeat-x left bottom;

	zoom: 1;

}

} 



#contents .onegai{

	margin: 15px 0 0 0;

	position: relative;

	height: 337px;

}

#contents .onegai p{

	position: absolute;

	top: 0;

	left: 0;

	margin-top: 0;

}

#contents .onegai ul{

	width: 205px;

	position: absolute;

	top: 220px;

	left: 450px;

	text-align: right;

}

#contents .onegai ul li{

	display: inline;

	background: url(../images/com_ic10.gif) no-repeat 0.2em ;

	padding: 0 0 0 15px;

	zoom: 1;

}



#contents .shirushiru{

	height: 366px;

}



#contents .hokotate{

	margin: 15px 0 0 0;

	position: relative;

	height: 337px;

}

#contents .hokotate p{

	position: absolute;

	top: 0;

	left: 0;

	margin-top: 0;

}

#contents .hokotate ul{

	width: 205px;

	position: absolute;

	top: 290px;

	left: 450px;

	text-align: right;

}



#contents .hokotate ul.tokorosan{

	width: 205px;

	position: absolute;

	top: 310px;

	left: 450px;

	text-align: right;

}



#contents .hokotate ul li{

	display: inline;

	background: url(../images/com_ic10.gif) no-repeat 0.2em ;

	padding: 0 0 0 15px;

	zoom: 1;

}



#contents .tokoroTv{

	margin: 15px 0 0 0;

	position: relative;

	height: 357px;

}

#contents .tokoroTv p{

	position: absolute;

	top: 0;

	left: 0;

	margin-top: 0;

}

#contents .tokoroTv ul{

	width: 205px;

	position: absolute;

	top: 290px;

	left: 450px;

	text-align: right;

}



#contents .tokoroTv ul.tokorosan{

	width: 205px;

	position: absolute;

	top: 310px;

	left: 450px;

	text-align: right;

}



#contents .hokotate ul.tokorosan{

	width: 205px;

	position: absolute;

	top: 310px;

	left: 450px;

	text-align: right;

}



#contents .hokotate ul.honwaka{

	width: 205px;

	position: absolute;

	top: 260px;

	left: 450px;

	text-align: right;

}



#contents .tokoroTv ul li{

	display: inline;

	background: url(../images/com_ic10.gif) no-repeat 0.2em ;

	padding: 0 0 0 15px;

	zoom: 1;

}





#contents .tvLink {

    position: absolute;

    right: 67px;

    top: 4px;

	height:15px;



}



#contents .hokotate ul li{

	display: inline;

	background: url(../images/com_ic10.gif) no-repeat 0.2em ;

	padding: 0 0 0 15px;

	zoom: 1;

}



.section{

	margin:0 0 0 15px;



}



#contents .section ul li{

	display: inline;

	background: url(../images/com_ic10.gif) no-repeat 0.2em ;

	padding: 0 0 0 15px;

	zoom: 1;

}



#contents .hokotate ul li{

	display: inline;

	background: url(../images/com_ic10.gif) no-repeat 0.2em ;

	padding: 0 0 0 15px;

	zoom: 1;

}







.smallCaption {

    display: block;

    margin: 3px 0 0;

}



#contents .kanren{

	border: 1px solid #CCCCCC;

	margin:15px 0 0 15px;

}

#contents .kanren .kanrenIn{

	border: 2px solid #ffffff;

	background:url(../../motto/media/images/hokotate_bg001.gif);

	padding:2px 4px 2px 4px;

	zoom: 1;

}



#contents .kanren .kanrenIn .col .colright {

    float: left;

    width: 190px;

}



#contents .kanren .kanrenIn .col .colleft {

    float: left;

    width: 430px;

}



#contents .kanren ul{

	margin:5px 0 0 0;

}

#contents .kanren ul li{

	display: inline;

	background: url(../images/com_ic10.gif) no-repeat 0.2em ;

	margin:0 5px 0 0;

	padding: 0 0 0 15px;

	zoom: 1;

}



.tvCaption {

	text-align:right;

	margin-top:5px;

	padding-right:27px;

}



#contents .colleft08 ol li {

	padding-top:10px;

}





#SocialNetworkArea ul li {

    float: right;

    padding-left: 15px;

    text-align: center;

    width: 110px;

}



.ecBanner {

	text-align: right;

}



.ecBanner .textLeft{

    float: right;

    width: 200px;

	text-align: left;

	margin: 8px 0 0 0 !important;

}



.ecBanner .textRight{

    float: right;

}



/* add 2013/01/11 */



.imgCol04R .colImage {

    float: right;

    margin-left: 15px;

}



.imgCol04R .colText {

    overflow: hidden;

}



.imgCol04L .colImage {

    float: left;

    margin-right: 15px;

}



.imgCol04L .colText {

    overflow: hidden;

}







/*99: clearfix

=========================================*/

.ecBanner:after,

#SocialNetworkArea:after,

#contents .kanren .kanrenIn .col:after,

div#contents .column-4 dl dd .inner:after,

div#contents .column-4-2 dl dd .inner:after,

.column:after{

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

	content: " ";

	font-size: 0;

}

.ecBanner,

#SocialNetworkArea,

#contents .kanren .kanrenIn .col,

div#contents .column-4 dl dd .inner,

div#contents .column-4-2 dl dd .inner,

.column{

	zoom: 1;

}


#consumer .reg{
font-size:1em;
font-weight:normal;
vertical-align: top;
position: relative;
top: -0.2em;
}

#consumer .regsub{
font-size:1em;
font-weight:normal;
vertical-align: bottom;
position: relative;
top: .1em;
}

#consumer .head-txt-s{
font-size:.7em;

}
.main-movie .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: -62px 0 0 -62px;
}

.btn-play button {
    width: 124px;
    height: 124px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url(../images/btn_play_01.png) no-repeat;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    transition: opacity .3s ease;
}