@charset "UTF-8";


/*-----------------------------------------------------------------------------------------------------*/
/*-- Common -------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
body {
    font-size: 15px;
    font-family: 'Microsoft JhengHei', '微軟正黑體', 'SimHei', 'PMingLiU' , sans-serif;

    margin: 0;
    padding: 0;

    background-image: url(../../img/bg.png);
}

/*-----------------*/
#container {
    margin: auto;
    width: 950px;
    text-align: center;
    background-color: #FFF;

    max-height: 999999px; /* スマホでフォントサイズが勝手に変更されるのを防ぐおまじない */
}


/*-----------------*/
#header {
    padding-top: 0px;
    line-height: 1;
}
#header #header_logo {
    float: left;
    margin-left: 25px;
}
#header #lang {
    font-size: 12px;
    float: right;
    margin: 53px 25px 0 0;
}
#header #lang a {
    color: black;
}


/*-----------------*/
#contents {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 50px;
    width: 900px;
    text-align: left;
}


/*-----------------*/
#footer {
    margin: auto;
    padding: 30px 0;
    text-align: center;
    font-size: 12px;
}



/*-----------------*/
#top_header {}
#top_img {}
#top_summary {}



/*-----------------*/
#mainmenu {
    width: 900px;
    margin: auto;
}
#mainmenu div {
    float: left;
}
#mainmenu img {
    background-color: #FFF;
}



/*-----------------*/
.lang_ja, .lang_ja input, .lang_ja select, .lang_ja textarea {
    font-family: 'メイリオ', 'Meiryo', verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;
}
.lang_en, .lang_en input, .lang_en select, .lang_en textarea {
    font-family: 'Arial', 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;
}
.lang_zh-cn, .lang_zh-cn input, .lang_zh-cn select, .lang_zh-cn textarea {
    font-family: 'Microsoft YaHei', '微软雅黑', 'SimHei', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.lang_zh-tw, .lang_zh-tw input, .lang_zh-tw select, .lang_zh-tw textarea {
    font-family: 'Microsoft JhengHei', '微軟正黑體', 'SimHei', 'PMingLiU', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.lang_ko, .lang_ko input, .lang_ko select, .lang_ko textarea {
    font-family: 'Malgun Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.antialias {
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
}

.antialias img{
    transform: rotate(-0.028deg);
    -o-transform: rotate(-0.028deg);
    -ms-transform: rotate(-0.028deg);
    -moz-transform: rotate(-0.028deg);
    -webkit-transform: rotate(-0.028deg);
}

a, area { border:none; outline: none; }
a:focus, area:focus { border:none; outline: none; }

.indent5  { margin-left: 5px;}
.indent10 { margin-left: 10px;}
.indent20 { margin-left: 20px;}
.indent30 { margin-left: 30px;}
.indent40 { margin-left: 40px;}
.indent50 { margin-left: 50px;}
.indent60 { margin-left: 60px;}
.indent70 { margin-left: 70px;}
.indent80 { margin-left: 80px;}
.indent90 { margin-left: 90px;}
.indent100 { margin-left: 100px;}
.lf5  { height: 5px; background-color: transparent;}
.lf10 { height: 10px; background-color: transparent;}
.lf20 { height: 20px; background-color: transparent;}
.lf30 { height: 30px; background-color: transparent;}
.lf40 { height: 40px; background-color: transparent;}
.lf50 { height: 50px; background-color: transparent;}
.lf60 { height: 60px; background-color: transparent;}
.lf70 { height: 70px; background-color: transparent;}
.lf80 { height: 80px; background-color: transparent;}
.lf90 { height: 90px; background-color: transparent;}
.lf100 { height: 100px; background-color: transparent;}

.wblock { height: 1px; float: left; background-color: transparent;}

.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

.opacity:hover {
    cursor:pointer;
    opacity: 0.75;
    filter: alpha( opacity=75 );
    -ms-filter: "alpha( opacity=75 )";
}


/*-----------------*/
#search_list {
    width:100%;
    border: none;
}

.line_n {
    border-bottom: 5px solid #ED7787;
    width: 100%;
    height:24px;
    margin: auto;
}

.back-top {
    text-align: right;
    margin-top: 50px;
}
.go-result {
    text-align: center;
    margin-top: 20px;
}



/*-----------------------------------------------------------------------------------------------------*/
/*-- TOP ----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------*/
#top_menu {
    margin: auto;
    background-image: url(../../img/tw/company-search.png);
    width: 830px;
    height:260px;
}
#top_menu .row {
    margin: auto;
    width: 718px;
}
#top_menu img {
    background-color: #F3F4F4;
}

#logo_banner {
    text-align: right;
    margin-top: 50px;
}



/*-----------------------------------------------------------------------------------------------------*/
/*-- Company search(Map of Japan, Type of Service, Free Word) -----------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------*/
.bg_item {
    border: 1px solid #727171;
    background: url(../../img/cross-stripes.png);
}

/*-----------------*/
.title_accordion {
	width: 900px;
}
.title_accordion > ul {
    margin: 0;
    padding: 0;
}
.title_accordion > ul > li > a {
	display: block;
	cursor: pointer;
    height: 45px;
	position: relative;
}
.title_accordion > ul > li > a:after,
.title_accordion > ul > li > a.active:after{
	position: absolute;
	top: 0px;
}
.title_accordion > ul > li#search_tos > a:after,
.title_accordion > ul > li#search_tos > a.active:after{
	left: 150px;
}

.title_accordion > ul > li#search_moj > a:after,
.title_accordion > ul > li#search_moj > a.active:after{
	left: 220px;
}
.title_accordion > ul > li#search_fw > a:after,
.title_accordion > ul > li#search_fw > a.active:after{
	left: 100px;
}

.title_accordion > ul > li > a:after{
	content: url(../../img/triangle02.gif);
}
.title_accordion > ul > li > a.active:after{
	content: url(../../img/triangle01.gif);
}
.title_accordion > ul > li > a:hover{
    cursor:pointer;
    opacity: 0.75;
    filter: alpha( opacity=75 );
    -ms-filter: "alpha( opacity=75 )";
}
.title_accordion > ul > li > ul {
	display: none;
    margin: 0;
    padding: 0;
}

/*-----------------*/
#title_tos .t_text {
    float: left;
    width: 140px;
}
#title_tos .t_space {
    float: left;
    height: 1px;
    background-color: transparent;
    width: 59px;
}
#title_tos .t_line {
    float: left;
    width: 701px;
}
#title_tos img {
    background-color: #FFF;
}

#title_moj .t_text {
    float: left;
    width: 210px;
}
#title_moj .t_space {
    float: left;
    height: 1px;
    background-color: transparent;
    width: 59px;
}
#title_moj .t_line {
    float: left;
    width: 631px;
}
#title_moj img {
    background-color: #FFF;
}

#title_fw .t_text {
    float: left;
    width: 90px;
}
#title_fw .t_space {
    float: left;
    height: 1px;
    background-color: transparent;
    width: 59px;
}
#title_fw .t_line {
    float: left;
    width: 751px;
}
#title_fw img {
    background-color: #FFF;
}



/*-----------------------------------------------------------------------------------------------------*/
/*-- List of Companies --------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------*/
#title_list .t_text {
    float: left;
    width: 270px;
}
#title_list .t_space {
    float: left;
    height: 1px;
    background-color: transparent;
    width: 20px;
}
#title_list .t_line {
    float: left;
    width: 610px;
}
#title_list img {
    background-color: #FFF;
}