/************************************************************************
  *  $RCSfile: layout.css,v $             $Revision: 1.2 $
  *  $Date: 2009/07/07 07:52:42 $   $Author: kataoka $
  *  Copyright(C)2009  Phaseone Inc. All rights reserved.
  ***********************************************************************/
@charset "UTF-8";
/*-------------------------------------------------
GROBAL RESET
-------------------------------------------------*/
div,ul,ol,li,h1,h2,h3,p {    
    margin:0;   
    padding:0;   
} 
img {    
    border:0;   
}   
ol,ul {   
    list-style:none;   
}   

/*-------------------------------------------------
基本
-------------------------------------------------*/
#wrapper{
	width:950px;
	margin:0px auto;
	overflow:auto;
	background-color: #FFFFFF;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
/*-------------------------------------------------
main
-------------------------------------------------*/
#main_wrapper{
width:944px;
height:531px;
padding:10px 20px 10px 20px;
float:left;
}
/*-------------------------------------------------
kangolink
-------------------------------------------------*/
#country_box{
width:936px;
height:25px;
float:left;
border:none;
}
.country_navi01{
width:112px;
height:25px;
display:block;
text-align:center;
padding:0 5px 0 0;
float:left;
}
.country_navi02{
width:112px;
height:25px;
display:block;
text-align:center;
padding:0 5px 0 0;
float:left;
}
#link_flame{
width:934px;
height:503px;
border-bottom:#CCCCCC solid 1px;
border-left:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
overflow:scroll;
float:left;
}
#link_wrapper{
width:820px;
padding:10px 50px 0 50px;
float:left;
text-align:left;
}
#link_inleft{
width:405px;
padding:0 10px 0 0;
float:left;
}
#link_inright{
width:405px;
float:right;
}
.link_inbox{
width:405px;
float:left;
}
/*-------------------------------------------------
navi
-------------------------------------------------*/
#main_contentbox{
width:944px;
height:28px;
padding:0 20px 10px 20px;
float:left;
}
#navi01{
width:122px;
height:28px;
padding:0;
background:url(../img/navi01.jpg) no-repeat left top;
display:block;
float:left;
}
#navi01 a{
width:122px;
height:28px;
background:url(../img/navi01.jpg) no-repeat left top;
display:block;
float:left;
}
#navi01 a:hover{
width:122px;
height:28px;
background:url(../img/navi01_on.jpg) no-repeat left top;
display:block;
float:left;
}
#navi02{
width:122px;
height:28px;
padding:0;
background:url(../img/navi02.jpg) no-repeat left top;
display:block;
float:left;
}
#navi02 a{
width:122px;
height:28px;
padding:0;
background:url(../img/navi02.jpg) no-repeat left top;
display:block;
float:left;
}
#navi02 a:hover{
width:122px;
height:28px;
padding:0;
background:url(../img/navi02_on.jpg) no-repeat left top;
display:block;
float:left;
}
#navi03{
width:122px;
height:28px;
padding:0;
background:url(../img/navi03.jpg) no-repeat left top;
display:block;
float:left;
}
#navi03 a{
width:122px;
height:28px;
padding:0;
background:url(../img/navi03.jpg) no-repeat left top;
display:block;
float:left;
}
#navi03 a:hover{
width:122px;
height:28px;
padding:0;
background:url(../img/navi03_on.jpg) no-repeat left top;
display:block;
float:left;
}
#navi_textbox{
width:574;
float:right;
padding:0;
text-align:right;
}
#navi_textinbox{
text-align:right;
color:#807152;
}
#wrapper_inwapper {
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 950px;
	padding-top: 15px;
}
#footerbox {
	float: left;
	height: auto;
	width: 950px;
	padding-top: 15px;
	background-color: #FFFFFF;
	text-align: center;
	padding-bottom: 5px;
}
#flashbox {
	float: left;
	height: 600px;
	width: 950px;
}
/*-------------------------------------------------
sp-static
-------------------------------------------------*/
/*-- base --*/
#spstatic_wrapper{
width:950px;
background:url(../img/sp/sp_back.jpg) top no-repeat;
float:left;
margin:0;
padding:0;
}
#spstatic_inwarapper{
width:917px;
float:left;
padding:0 16px 0 17px;
}
#spstatic_head{
width:917px;
height:158px;
float:left;
}
.no-text{
display:none;
}
/*-- navi --*/
#spstatic_navi_wrapper{
width:917px;
height:36px;
float:left;
}
#spstatic_navi00{
width:104px;
height:36px;
float:left;
}
#spstatic_navi01{
width:157px;
height:36px;
float:left;
display:block;
padding:0 4px 0 0;
/*background:url(../img/sp/sp_navi01.jpg) no-repeat; */
}
#spstatic_navi01 a{
width:157px;
height:36px;
float:left;
display:block;
background:url(../img/sp/sp090518_navi01.jpg) no-repeat;
}
#spstatic_navi01 a:hover{
width:157px;
height:36px;
float:left;
display:block;
background:url(../img/sp/sp090518_navi01_on.jpg) no-repeat;
}
#spstatic_navi02{
width:157px;
height:36px;
float:left;
display:block;
padding:0 4px 0 0;
background:url(../img/sp/sp090518_navi02.jpg) no-repeat;
}
#spstatic_navi02 a{
width:157px;
height:36px;
float:left;
display:block;
background:url(../img/sp/sp090518_navi02.jpg) no-repeat;
}
#spstatic_navi02 a:hover{
width:157px;
height:36px;
float:left;
display:block;
background:url(../img/sp/sp090518_navi02_on.jpg) no-repeat;
}
#spstatic_navi03{
width:156px;
height:36px;
float:left;
display:block;
padding:0 4px 0 0;
background:url(../img/sp/sp090518_navi03.jpg) no-repeat;
}
#spstatic_navi03 a{
width:156px;
height:36px;
float:left;
display:block;
background:url(../img/sp/sp090518_navi03.jpg) no-repeat;
}
#spstatic_navi03 a:hover{
width:156px;
height:36px;
float:left;
display:block;
background:url(../img/sp/sp090518_navi03_on.jpg) no-repeat;
}
#spstatic_navi04{
width:157px;
height:36px;
float:left;
display:block;
padding:0 4px 0 0;
background:url(../img/sp/sp090518_navi04.jpg) no-repeat;
}
#spstatic_navi04 a{
width:157px;
height:36px;
float:left;
display:block;
background:url(../img/sp/sp090518_navi04.jpg) no-repeat;
}
#spstatic_navi04 a:hover{
width:157px;
height:36px;
float:left;
display:block;
background:url(../img/sp/sp090518_navi04_on.jpg) no-repeat;
}
#spstatic_navi05{
width:156px;
height:36px;
float:right;
display:block;
padding:0 10px 0 0;
background:url(../img/sp/sp090518_navi05.jpg) no-repeat;
}
#spstatic_navi05 a{
width:156px;
height:36px;
float:right;
display:block;
background:url(../img/sp/sp090518_navi05.jpg) no-repeat;
}
#spstatic_navi05 a:hover{
width:156px;
height:36px;
float:right;
display:block;
background:url(../img/sp/sp090518_navi05_on.jpg) no-repeat;
}
/*-- main --*/
#spstatic_main_left{
width:661px;
float:left;
}
#spstatic_main_right{
width:228px;
float:right;
padding:32px 0 0 0;
}
/*-- main-list --*/
#spstatic_table{
width:661px;
float:left;
padding:32px 15px 0 13px;
}
.spstatic_tr{
width:661px;
height:131px;
float:left;
padding:0 0 15px 0;
}
.spstatic_tr_l{
width:214px;
height:131px;
float:left;
padding:0 11px 15px 0;
}
.spstatic_tr_m{
width:214px;
height:131px;
float:left;
padding:0 8px 15px 0;
}
.spstatic_tr_r{
width:214px;
height:131px;
float:right;
padding:0 0 15px 0;
}

.sp_tr{
width:800px;
height:70px;
float:right;
padding:10px 0 30px 0;
}


.sp_static_body{
width: 800px;
height: auto;
float:right;
padding:10px 55px 30px 0;
}

/*-- main-link --*/
#spstatic_linkbox{
width:214px;
height:468px;
float:left;
background:url(../img/sp/sp090518_link_back.jpg) no-repeat;
padding:0 14px 0 0;
}
#spstatic_link_top{
width:186px;
height:71px;
float:left;
padding:14px 13px 21px 15px;
}
.spstatic_link_middle{
width:186px;
height:71px;
float:left;
padding:0 13px 21px 15px;
}
#spstatic_link_bottom{
widows:186px;
height:71px;
float:left;
padding:0 13px 0 15px;
}


/*-------------------------------------------------
Landing
-------------------------------------------------*/
.landing_form_wapper {
	width:950px;
	margin:0px auto;
	overflow:hidden;
	background-color: #FFFFFF;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
/*	display: inline; */
}


.landing_form {
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 710px;
/*	margin-top:15px;*/
}
/*.top_btn_box{
width: 175px;
height: 175px;
float:left;
}*/
.top_btn_box{
width: 93px;
height: 94px;
float:left;
	margin-top:230px;
	margin-bottom:10px;
	margin-left:600px;
}

/*.landing_top_wapper{
	width: 190px;
	height: 210px;
	float:left;
	padding:10px 0px 0px 710px;
	
	background:url(../img/landing/header.jpg) no-repeat;
	background-position: 50px;
}*/

.landing_top_wapper_1{
	width: 840px;
	height: 490px;
	float:left;
	margin-bottom:10px;
	margin-left:110px;
	display: inline; 
	
}

.landing_top_wapper_2{
	width: 840px;
	height: 490px;
	float:left;
	margin-bottom:10px;
	margin-left:110px;
	display: inline; 
	
}

.landing_support{
width: 840px;
height: auto;
float:left;
margin-top:10px;
margin-left:110px;
display: inline;
}
.landing_img_box{
width: 950px;
height: 480px;
float:left;
margin-top:20px;
}

.landing_img{
width: 840px;
height: auto;
float:left;
margin-top:20px;
margin-bottom:10px;
margin-left:110px;
}
.landing_quocard{
width: 710px;
height: auto;
float:left;
margin-top:20px;
margin-bottom:10px;
margin-left:110px;
}

.landing_form_box{
width: 840px;
height: auto;
float:left;
margin-bottom:10px;
margin-left:110px;
	display: inline; 
}

.landing_form_namebox{
	width: 150px;
	height: 30px;
	float:left;
	/*padding:10px 0px 0px 0px;*/
	margin-top:8px;
}

.landing_form_box2{
width: 708px;
height: auto;
float:left;
border-bottom-color: #D24200;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #D24200;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #D24200;
border-right-style: solid;
border-right-width: 1px;
}
.landing_form_box2_2{
width: 300px;
height: auto;
float:left;
margin-top:10px;
}
.landing_form_box2_3{
width: 708px;
height: 110px;
float:left;
border-bottom-color: #D24200;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #D24200;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #D24200;
border-right-style: solid;
border-right-width: 1px;
}
.landing_form_box3{
width: 109px;
height: 40px;
float:left;
background-color: #F9F9F6;
padding:10px 0px 0px 10px;
border-right: 0.3px solid #D24200;
border-right-color: #D24200;
border-right-style: solid;
border-right-width: 1px;

}
.landing_form_box3_big{
width: 109px;
height: 80px;
float:left;
background-color: #F9F9F6;
padding:10px 0px 0px 10px;
border-right-color: #D24200;
border-right-style: solid;
border-right-width: 1px;
}
.landing_form_box3_big2{
width: 109px;
height: 140px;
float:left;
background-color: #F9F9F6;
padding:10px 0px 0px 10px;
border-right-color: #D24200;
border-right-style: solid;
border-right-width: 1px;
}
.landing_form_box3_big3{
width: 109px;
height: 100px;
float:left;
background-color: #F9F9F6;
border-right-color: #D24200;
border-right-style: solid;
border-right-width: 1px;
padding-top:10px;
padding-left:10px;
}

.landing_form_box4{
width: 185px;
height: 40px;
float:left;
/*padding:00px 0px 0px 5px;*/
margin-left:5px;
}
.landing_conform_box4{
width: 185px;
height: 40px;
float:left;
/*padding:00px 0px 0px 5px;*/
margin-left:5px;
padding-top:10px
}
.landing_form_box4_1{
width: 200px;
height: 40px;
float:left;
/*padding:00px 0px 0px 5px;*/
margin-left:5px;
}
.landing_form_box5{
	width: 130px;
	height: 30px;
	float:left;
	/*padding:10px 0px 0px 0px;*/
	margin-top:8px;
}
.landing_conform_box5{
	width: 130px;
	height: 30px;
	float:left;
	/*padding:10px 0px 0px 0px;*/
	margin-top:8px;
	padding-top:7px;
	padding-left:10px;
}
.landing_conform_box5_1{
	width: 30px;
	height: 30px;
	float:left;
	/*padding:10px 0px 0px 0px;*/
	margin-top:8px;
	padding-top:7px
}
.landing_form_box5_1{
width: 550px;
height: 20px;
float:left;
/*padding:15px 0px 0px 0px;*/
margin-top:0px;
}
.landing_form_box5_1_1{
width: 190px;
height: 25px;
float:left;
/*padding:15px 0px 0px 0px;*/
margin-top:10px;
}
.landing_form_box5_2{
width: 100px;
height: 25px;
float:left;
padding:15px 0px 0px 0px;
}
.landing_form_box5_3{
width: 130px;
height: 25px;
float:left;
padding:10px 0px 0px 5px;
}
.landing_form_box5_4{
width: 200px;
height: 25px;
float:left;
margin-top:10px;
margin-left:10px;
}
.landing_form_box5_5{
width: 120px;
height: 30px;
float:left;
/*padding:10px 0px 0px 0px;*/
margin-top:7px;
}

.landing_form_box6{
width: 20px;
height: 25px;
float:left;
/*padding:15px 0px 0px 5px;*/
margin-top:15px;
margin-left:8px;
}
.landing_form_box6_1{
width: 20px;
height: 25px;
float:left;
/*padding:15px 0px 0px 5px;*/
margin-top:15px;
margin-left:2px;
}
.landing_form_box7{
width: 575px;
height: 40px;
float:left;
margin-left:5px;
}
.landing_form_box7_2{
width: 583px;
height: 40px;
float:left;
display: inline;
}
.landing_form_box7_3{
width: 580px;
height: 40px;
float:left;
}
.landing_form_box7_4{
width: 580px;
height: 20px;
float:left;
}
.landing_form_box8{
width: 570px;
height: 30px;
float:left;
padding:10px 0px 0px 10px;
}
.landing_form_box9{
width: 30px;
height: 25px;
float:left;
/*padding:15px 0px 0px 5px;*/
margin-top:15px;
margin-bottom:5px;
}
.landing_form_box10{
width: 40px;
height: 25px;
float:left;
/*padding:15px 0px 0px 5px;*/
margin-top:15px;
margin-left:10px;
}

.landing_form_box11{
width: 25px;
height: 25px;
float:left;
/*padding:15px 0px 0px 5px;*/
margin-top:15px;
margin-left:5px;
}
.landing_form_radiobox{
width: 40px;
height: 30px;
float:left;
padding:10px 0px 0px 00px;
}
.landing_form_radiobox2{
width: 70px;
height: 30px;
float:left;
padding:00px 0px 0px 00px;

}
.landing_form_radiobox3{
width: 20px;
height: 20px;
float:left;
padding:10px 0px 0px 00px;
}
.landing_form_radiobox4{
width: 80px;
height: 20px;
float:left;
padding:0px 0px 0px 00px;
}


.landing_form_radio_text{
width: 50px;
height: 15px;
float:left;
margin-top:14px;
margin-left:0px;
}
.landing_form_radio_text2{
width: 60px;
height: 18px;
float:left;
padding:12px 0px 0px 00px;
}

.landing_form_checkbox{
width: 80px;
height: 30px;
float:left;
}
.landing_form_mailbox{
width: 215px;
height: 30px;
float:left;
/*padding:10px 0px 0px 10px;*/
margin-top:10px;
margin-left:5px;
}
.landing_form_mailbox2{
width: 300px;
height: 30px;
float:left;
padding:10px 0px 0px 5px;
}
.landing_form_commentbox{
width: 570px;
height: auto;
float:left;
/*padding:10px 0px 0px 5px;*/
margin-top:10px;
margin-left:5px;
}

.landing_form_title{
width: 710px;
height: auto;
float:left;
border-bottom-color: #D24200;
border-bottom-style: solid;
border-bottom-width: 1px;
}

.landing_send_wapper{
width: 710px;
height: 50px;
float:left;
margin-top:30px;
}
.landing_send_spacer{
width: 234px;
height: 40px;
float:left;
}
.landing_conform_spacer{
width: 149px;
height: 40px;
float:left;
}
.landing_send_box{
width: 242px;
height: auto;
float:left;
margin-bottom:20px;
margin-left:0px;
}

.landing_job_box_left1{
width: 350px;
height: 128px;
float:left;
margin-top:00px;
margin-right:3px;
margin-bottom:10px;
background:url(../img/landing/job1.jpg) no-repeat;
}
.landing_job_box_right1{
width: 350px;
height: 128px;
float:left;
margin-top:00px;
margin-left:6px;
margin-bottom:10px;
background:url(../img/landing/job2.jpg) no-repeat;
}
.landing_job_box_left2{
width: 350px;
height: 128px;
float:left;
margin-top:00px;
margin-right:3px;
margin-bottom:10px;
background:url(../img/landing/job3.jpg) no-repeat;
}
.landing_job_box_right2{
width: 350px;
height: 128px;
float:left;
margin-top:00px;
margin-left:6px;
margin-bottom:10px;
background:url(../img/landing/job4.jpg) no-repeat;
}
.landing_job_box_left3{
width: 350px;
height: 128px;
float:left;
margin-top:00px;
margin-right:3px;
margin-bottom:10px;
background:url(../img/landing/job5.jpg) no-repeat;
}
.landing_job_box_right3{
width: 350px;
height: 128px;
float:left;
margin-top:00px;
margin-left:6px;
margin-bottom:10px;
background:url(../img/landing/job6.jpg) no-repeat;
}
.landing_job_btn{
width: 119px;
height: 25px;
float:left;
margin-top:95px;
margin-left:220px;
}



.landing_back_box{
width: 150px;
height: auto;
float:left;
margin-right:20px;
}
.landing_done_comment{
width: 950px;
height: auto;
float:left;
margin-top:70px;
margin-bottom:70px;

}

/*-------------------------------------------------
WebMagazine
-------------------------------------------------*/
.webmagazine_top_wapper{
    width: 840px;
    height: 400px;
    float:left;
    margin-bottom:10px;
    margin-left:110px;
    /*background:url(../img/landing/header.jpg) no-repeat;
    background-position: 50px;*/
    display: inline; 
    
}