@charset "UTF-8";
@import "/css/reset.css";

/* gen */

body{
font-size:12px;
color:#1B3F92;
background:url(/img/bg_repbar.png) #fff repeat-x scroll 50% 0;
overflow:hidden;
text-align:center;
line-height:140%;
margin: 0;
padding: 0;
}

#b_inc{
background:url(/img/bg.jpg) #fff no-repeat scroll 50% 0;
margin: 0;
padding: 0;
}

a{
color:#1B3F92;
}

a:hover{
color:#0CF;
}

#inc{
width:960px;
background:url(/img/bg_rep.png) repeat-y 0 0;
margin:0 auto;
min-height:1200px;
}

#inc_china{
width:960px;
background:url(/img/bg_rep.png) repeat-y 0 0;
margin:0 auto;
min-height:1200px;
}

#cont{
border-top:3px solid #1B3F92;
width:940px;
margin:0 10px;
text-align:center;
}

#mpage_inc{
text-align:center;
padding:0 20px;
}

/* header */

#header{
background:url(/img/bg_header.png) no-repeat 0 0;
width:900px;
height:136px;
}

#logo{
width:640px;
background:url(/img/logo.png) no-repeat 0 0;
height:136px;
text-align:left;
}
#logo_china{
width:640px;
background:url(http://cn.crownline.jp/img/logo.png) no-repeat 0 0;
height:136px;
text-align:left;
}

#logo a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:640px;
height:139px;
}

#logo_china a{
display:block;
text-indent:-9999px;
overflow:hidden;
width:640px;
height:139px;
}

#hd_sp{
height:22px;
width:260px;
background:url(/img/hd_sp.png) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

#head_rt{
}

#head_rt a{
width:260px;
height:70px;
display:block;
background:url(/img/head_btn2.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
}

a.cn_contct{
width:260px;
height:70px;
display:block;
background:url(/img/head_btn2.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
}

a.cn_contct:hover{
background:url(/img/head_btn2.png) 0 -70px no-repeat;
}

#head_rt a:hover{
background:url(/img/head_btn2.png) 0 -70px no-repeat;
}

#head_rt p{
width:260px;
height:44px;
display:block;
background:url(/img/head_exp.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
}

/* gm */

#gm{
width:900px;
height:51px;
z-index: 100;
}

#gm ul{
z-index: 100;
}

#gm ul li{
height:51px;
text-indent:-9999px;
float:left;
display:block;
z-index: 100;
}

#gm ul li a{
height:51px;
display:block;
}

li.gm001{
background:url(/img/gm.png) 0 -51px no-repeat;
width:145px;
}

li.gm002{
background:url(/img/gm.png) -145px -51px no-repeat;
width:130px;
}

li.gm003{
background:url(/img/gm.png) -275px -51px no-repeat;
width:175px;
}

li.gm004{
background:url(/img/gm.png) -450px -51px no-repeat;
width:140px;
}

li.gm004  ul li{
text-indent:0px;
background:none!important;
z-index: 100;
height:25px;
}

li.gm005{
background:url(/img/gm.png) -590px -51px no-repeat;
width:125px;
}

li.gm006{
background:url(/img/gm.png) -715px -51px no-repeat;
width:185px;
}

li.gm001 a{
background:url(/img/gm.png) 0 0 no-repeat;
width:145px;
}

li.gm002 a{
background:url(/img/gm.png) -145px 0 no-repeat;
width:130px;
}

li.gm003 a{
background:url(/img/gm.png) -275px 0 no-repeat;
width:175px;
}

li.gm004 a{
background:url(/img/gm.png) -450px 0 no-repeat;
width:140px;
}

li.gm005 a{
background:url(/img/gm.png) -590px 0 no-repeat;
width:125px;
}

li.gm006 a{
background:url(/img/gm.png) -715px 0 no-repeat;
width:185px;
}

li.gm001 a:hover{
background:url(/img/gm.png) 0 -51px no-repeat;
}

li.gm002 a:hover{
background:url(/img/gm.png) -145px -51px no-repeat;
}

li.gm003 a:hover{
background:url(/img/gm.png) -275px -51px no-repeat;
}

li.gm004 a:hover{
background:url(/img/gm.png) -450px -51px no-repeat;
}

li.gm005 a:hover{
background:url(/img/gm.png) -590px -51px no-repeat;
}

li.gm006 a:hover{
background:url(/img/gm.png) -715px -51px no-repeat;
}


/* main */

#main{
z-index: 0;
margin:30px 0 0 0;
width:900px;
height:270px;
}

/* page */

#page{
margin:30px 0 0 0;
}

#page_china{
margin:50px 0 0 0;
}

#g_box{
float:left;
width:217px;
margin:0;
}

.g_box001{
clear:left;
padding:0 10px 0 0;
}

.g_box002{
padding:0 11px 0 0;
}

.g_box003{
padding:0 10px 0 0;
}

#page_china .g_box001{
clear:left;
padding:0 44px 0 80px;
}

#page_china .g_box002{
padding:0 45px 0 0;
}

#page_china .g_box003{
padding:0 80px 0 0;
}

.g_box004{
}

#g_box h2{
z-index: -100;
width:217px;
height:35px;
text-indent:-9999px;
overflow:hidden;
margin:0 0 10px 0;
}

#g_box h2 a {
display:block;
width:217px;
height:35px;
}

.g_h001{
background:url(/img/h_cntry_001.png) 0 0 no-repeat;
}

.g_h002{
background:url(/img/h_cntry_002.png) 0 0 no-repeat;
}


.g_h003{
background:url(/img/h_cntry_003.png) 0 0 no-repeat;
}

#page_china .g_h001{
background:url(http://cn.crownline.jp/img/h_cntry_001.png) 0 0 no-repeat;
}

#page_china .g_h002{
background:url(http://cn.crownline.jp/img/h_cntry_002.png) 0 0 no-repeat;
}


#page_china .g_h003{
background:url(http://cn.crownline.jp/img/h_cntry_003.png) 0 0 no-repeat;
}

.g_h004{
background:url(/img/h_cntry_004.png) 0 0 no-repeat;
}

.g_h005{
background:url(/img/h_cntry_005.png) 0 0 no-repeat;
}

.g_h006{
background:url(/img/h_cntry_006.png) 0 0 no-repeat;
}

.g_h007{
background:url(/img/h_cntry_007.png) 0 0 no-repeat;
}

.g_h008{
background:url(/img/h_cntry_008.png) 0 0 no-repeat;
}

.g_h009{
background:url(/img/h_cntry_009.png) 0 0 no-repeat;
}

#g_box_inc{
width:197px;
height:180px;
background:url(/img/bg_contry.png) 0 0 no-repeat;
padding:10px;
text-align:left;
}

#g_box_inc ul{
margin:10px 0 10px 0;
overflow:auto;
height:65px;
}

#g_box_inc ul li{
background:url(/img/arrow.png) 0 2px no-repeat;
padding:0 0 5px 16px;
}

#g_img{
margin:0;
padding:0;
height:100px;
}

#g_link{
padding:10px 0;
height:50px;
width:197px;
}

#g_link a{
background:url(/img/btn_cntry.png) 0 0 no-repeat;
height:50px;
width:197px;
text-indent:-9999px;
overflow:hidden;
display:block;
}

#g_link a:hover{
background:url(/img/btn_cntry.png) 0 -50px no-repeat;
}

.twtr-timeline{
height:190px!important;
overflow:auto!important;
}

.g_boxtw{
overflow:hidden;
background:#222573;
border-radius: 5px;
height:295px;
}

.g_boxfb{
clear:both;
height:275px!important;
width:880px!important;
padding:10px;
border-radius: 5px;
background:#222573;
}

#fbbg{
background:#fff;
}

#pagetop{
clear:both;
width:900px;
height:30px;
padding:20px 0 0 0;
}

#pagetop a{
float:right;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(/img/pagetop.png) 0 0 no-repeat;
width:120px;
height:30px;
}

/* network */

#networkp h2{
padding:5px 10px;
background:#1B3F92;
text-align:left;
color:#fff;
font-weight:900;
margin:0 0 20px 0;
}

#networkp h3{
padding:0 0 0 10px;
border-left:#1B3F92 3px solid;
text-align:left;
font-weight:900;
margin:0 0 10px 0;
}

#networkp p{
margin:0 0 30px 0;
}

/* footer */

#footer{
clear:both;
padding:20px 0 0 0;
width:960px;
height:110px;
}

#footer_china{
clear:both;
padding:50px 0 0 0;
width:960px;
}

#ft_left{
clear:both;
margin:0 30px;
text-align:left;
width:900px;
height:60px;
background:url(/img/footer_inc_bg.png) 0 0 no-repeat;
}

#ft_left_china{
clear:both;
margin:0 30px;
text-align:left;
width:900px;
height:60px;
background:url(http://cn.crownline.jp/img/footer_inc_bg.png) 0 0 no-repeat;
}

.footer_links ul{
float:right;
margin:20px 20px 0 0;
}

.footer_links ul li{
display:inline;
margin:0 0 0 5px;
}

.footer_links ul li a{
color:#fff;
}

#copyright{
clear:both;
width:290px;
height:40px;
background:url(/img/copyright.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
margin:0 0 0 auto;
}

#page_inc{
margin:20px 0 0 0;
text-align:left;
}

#pankuzu{
text-align:left;
}

/* sidebar */

#sidebar {
float:left;
width:280px;
margin:0 20px 0 0;
}

h2.h280{
background:url(/img/h_280.png) 0 0 no-repeat;
height:25px;
width:255px;
padding:10px 0 0 25px;
font-weight:900;
color:#fff;
font-size:13px;
margin:0 0 10px 0;
}

#h280_box_bigi{
background:url(/img/bg_280_bigi.png) 0 0 no-repeat;
height:10px;
width:280px;
text-indent:-9999px;
overflow:hidden;
}

#h280_box{
background:url(/img/bg_280_mid.png) 0 0 repeat-y;
padding:10px 0 0 20px;
}

#h280_box_end{
background:url(/img/bg_280_end.png) 0 0 no-repeat;
height:10px;
width:280px;
text-indent:-9999px;
overflow:hidden;
}

#h280_box ul li{
background:url(/img/arrow.png) 0 2px no-repeat;
padding:0 0 10px 16px;
}

#side_fb{
background:#fff;
margin:0 0 20px 0;
padding:5px;
border-radius: 5px;
}

#side_tw{
background:#fff;
margin:0 0 20px 0;
padding:15px;
border-radius: 5px;
}

/* mainclm */

#mainclm{
float:left;
width:600px;
}

h1.h600{
background:url(/img/h_600.png) 0 0 no-repeat;
height:25px;
width:575px;
padding:10px 0 0 25px;
font-weight:900;
color:#fff;
font-size:13px;
margin:0 0 10px 0;
}

#h600_box_bigi{
background:url(/img/bg_600_bigi.png) 0 0 no-repeat;
height:10px;
width:600px;
text-indent:-9999px;
overflow:hidden;
}

#h600_box{
background:url(/img/bg_600_mid.png) 0 0 repeat-y;
padding:10px 0 10px 20px;
}

#h600_box_end{
background:url(/img/bg_600_end.png) 0 0 no-repeat;
height:10px;
width:600px;
text-indent:-9999px;
overflow:hidden;
}

/* contents */

#company_info{
display: inline-block;
border-left:3px #1B3F92 solid;
padding:0 0 0 15px;
}
#company_info:after {
content: "";
display: block;
clear: both;
}

#company_info dl{
}

#company_info dt{
width:120px;
clear:both;
float:left;
font-weight:900;
}

#company_info dd{
clear:both;
float:left;
padding:0 0 0 20px;
padding:0 0 20px 0;
}

#gmap{
clear:both;
margin:20px 0 0 0;
}

/* remove the list style */
#nav {
margin:0;
padding:0;
list-style:none;
z-index:100;
}

#nav a{
color:#fff;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
z-index:500;
padding:0;
margin:0;
position:relative;
}

/* this is the parent menu */
#nav li a {
padding:0;
margin:0;
display:block;
}
 
#nav li a:hover {
}

/* you can make a different style for default selected value */
#nav a.selected {
}

/* submenu, it's hidden by default */
#nav ul {
position:absolute;
left:0;
display:none;
margin:0;
padding:0;
list-style:none;
background:none;
text-indent:0px;
}

#nav ul li {
background:none;
float:left;
text-indent:0px;
text-align:left;
padding:0;
margin:0;
width:140px;
display:block;
height:32px!important;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
text-indent:0px;
width:115px;
padding: 8px 0 9px 25px;
display:block;
height:15px!important;
background:url(/img/arrow_w.png) #05206A 10px 10px no-repeat;
}

#nav ul a:hover {
background:url(/img/arrow_w.png) #292C88 10px 10px no-repeat;
}

#ftl{
clear:both;
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd;
padding:20px 0;
margin:20px 0 0 0;
height:225px;
}

#ftl:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#ftl_left{
width:440px;
float:left;
}

#ftl_left ul li{
displat:block;
margin:10px 0;
}

#ftl_right{
width:440px;
float:right;
}

#ftl_right ul li{
displat:block;
margin:10px 0;
}

h2.ftlh001{
background:url(/img/ftl_h1.png) 0 0 no-repeat;
displat:block;
text-indent:-9999px;
overflow:hidden;
height:35px;
width:440px;
}

h2.ftlh002{
background:url(/img/ftl_h2.png) 0 0 no-repeat;
displat:block;
text-indent:-9999px;
overflow:hidden;
height:35px;
width:440px;
}

li.serv001{
clear:both;
float:left;
background:url(/img/ftl001.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
height:80px;
width:210px;
}

li.serv002{
float:right;
background:url(/img/ftl002.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
height:80px;
width:210px;
}

li.serv003{
clear:both;
float:left;
background:url(/img/ftl003.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
height:80px;
width:210px;
}

li.serv004{
float:right;
background:url(/img/ftl004.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
height:80px;
width:210px;
}

h2.ftlh001{
background:url(/img/ftl_h1.png) 0 0 no-repeat;
displat:block;
text-indent:-9999px;
overflow:hidden;
height:35px;
width:440px;
}

h2.ftlh002{
background:url(/img/ftl_h2.png) 0 0 no-repeat;
displat:block;
text-indent:-9999px;
overflow:hidden;
height:35px;
width:440px;
}

li.serv005{
clear:both;
float:left;
background:url(/img/ftl005.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
height:80px;
width:210px;
}

li.serv006{
float:right;
background:url(/img/ftl006.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
height:80px;
width:210px;
}

li.serv007{
clear:both;
float:left;
background:url(/img/ftl007.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
height:80px;
width:210px;
}

li.serv008{
float:right;
background:url(/img/ftl008.png) 0 0 no-repeat;
text-indent:-9999px;
overflow:hidden;
height:80px;
width:210px;
}

#rec_tbl{
margin:0 0 10px 0;
}

#rec_tbl h2{
font-size:14px;
font-weight:900;
}

#rec_tbl table{
width:560px;
border-bottom:#1B3F92 6px solid;
}

#rec_tbl table th{
background:#BDCDF2;
padding:5px;
text-align:center;
width:150px;
border-top:#fff 3px solid;
border-bottom:#fff 3px solid;
font-weight:900;
}

#rec_tbl table th.rec_h{
background:#1B3F92;
color:#fff;
font-weight:900;
padding:5px;
}

#rec_tbl table td{
padding:5px;
border-top:#fff 3px solid;
border-bottom:#fff 3px solid;
}

#cn_exp{
text-align:center;
font-size:11px;
}

#our{
clear:both;
float:left;
width:740px;
margin:30px 80px 0 80px;
}

#our h2{
width:740px;
height:50px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(/cn/img/our.png) 0 0 no-repeat;
margin:0 0 20px 0;
}

#our_text{
width:740px;
height:540px;
text-indent:-9999px;
overflow:hidden;
background:url(/cn/img/exp.png) 0 0 no-repeat;
}