/* ======================================================= */
/*  1. UNIVERSAL RESET                                     */
/*  2. HTML TAG                                         　 */
/*  3. POSITION                                         　 */
/*  4. LAYOUT                                           　 */
/*  5. HEADER                                           　 */
/*  6. FOOTER                                           　 */
/*  7. NAVIGATION                                       　 */
/*  8. CONTACT SET                                       　*/
/*  9. FORM                                              　*/
/* ======================================================= */



/* ======================================================= */
/* ■ UNIVERSAL RESET ■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */

*{
	padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom:0;
}

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}


/* ======================================================= */
/* ■HTML TAG ■■■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */   
     
div, ul{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	}

ul, dl{
	list-style-type: none;
	list-style-position: outside;
	}

ol{
	list-style-position: outside;
	}

p{
	font-size: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
	}

table, li{
	font-size: 1em;
	margin: 0;
	padding: 0;
	line-height: 140%;
	}

table{
	border-collapse: collapse;
	}

th{
	font-weight: normal;
	text-align: center;
	}

td{
	font-family: arial, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", Meiryo, sans-serif;
    }	


/* ======================================================= */
/* ■POSITION ■■■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */  

.hide, .alt{
	display: none;
	}

.clear{
	clear: both;
	}

.left{
	float: left;
	}

.left10{
	float: left;
	margin-right: 10px;
	}

.right{
	float: right;
	}

.taCenter{
	text-align: center;
	}

.taRight{
	text-align: right;
	}

.taRight10{
	text-align: right;
	margin-top: 10px;
	}

.zero{
	margin: 0;
	}
	
		
/* ======================================================= */
/* ■LAYOUT ■■■■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */

body{
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", Meiryo, sans-serif;
    background-color: #0066bb;
    text-align: center;
	font-size: 12px;
	color: #555555;
	}
	
#wrapper{
    background: #0066bb url(/image/common/bg.gif) center repeat-y;
    width:900px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
	}
	
#wrapper2{
    width:850px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
	}

.con_left{
    width: 390px;
    margin: 15px 10px 10px 0px;
    text-align: left;
    line-height:120%;
    float: left;
    clear:both;
    }
    
.con_right{
    width: 390px;
    margin: 15px 0px 10px 0px;
    text-align: left;
    line-height:120%;
    float: right;
    }
  
  
/* ======================================================= */
/* ■HEADER ■■■■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */	

#header{
	background: #0066BB url(/image/common/header2.gif) no-repeat;
	width: 900px;
	height: 152px;
    position:relative; 
    margin:auto;
    padding:auto;
	}
	
#header_logo{
    top: 35px;
    left: 45px;
    position: absolute; 
    }

#header_tx{
    width: 800px;
	top: 2px;
	left: 45px;
	line-height: 180%;
    position: absolute; 
    color:#99ccff;
	}

#header2{
	background: #0066bb url(/image/home/header1.jpg) no-repeat;
	height: 309px;
	width: 900px;
    position:relative; 
    margin:auto;
    padding:auto;
	}
		
#landing2{
	background: #0066bb url(/image/home/landing2.jpg) no-repeat;
	height: 309px;
	width: 900px;
    position:relative; 
    margin:auto;
    padding:auto;
	}
	
#landing3{
	background: #0066bb url(/image/home/landing3.jpg) no-repeat;
	height: 309px;
	width: 900px;
    position:relative; 
    margin:auto;
    padding:auto;
	}
	
#landing4{
	background: #0066bb url(/image/home/landing4.jpg) no-repeat;
	height: 309px;
	width: 900px;
    position:relative; 
    margin:auto;
    padding:auto;
	}
	
#landing5{
	background: #0066bb url(/image/home/landing5.jpg) no-repeat;
	height: 309px;
	width: 900px;
    position:relative; 
    margin:auto;
    padding:auto;
	}	
		
#header3{
	height: 115px;
	width: 900px;
    position:relative; 
    margin:auto;
    padding:auto;
	}	

#header_freedial{
	background: url(/image/common/freedial_bg.gif) no-repeat;
    height:35px;
    width:344px;
    top:55px;
    left:290px;
    padding:7px;
	position: absolute;
    }


/* ======================================================= */
/* ■FOOTER ■■■■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */

#pmark_box{
    height: 85px;
	width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
	}
	
#pmark{
    height: 85px;
    width: 400px;
    float: left;
    }    
	
#pmark_img{
    height: 85px;
    width: 78px;
    float: left;
    }
	
#pmark_tx{
    height:60px;
	width: 310px;
	margin-top: 15px;
	text-align: left;
	line-height:150%;
	float: right;
	}
	
#rs{
    height: 85px;
    width: 400px;
    float: right;
    }
    
#rs_img{
    height: 85px;
    width: 59px;
    margin-left: 10px;
    float: left;
    }
	
#rs_tx{
    height:60px;
	width: 310px;
	margin-top: 15px;
	text-align: left;
	line-height:150%;
	float: right;
	}
	
#footer_box{
    background: #0066BB url(/image/common/footer.gif) no-repeat;
    width: 900px;
    height: 160px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 20px;
    color: #99ccff;
    }
	
.footer{
	clear: both;
	width: 850px;
    margin-left:auto;
    margin-right:auto;
	padding-bottom: 3px;
	line-height: 24px;
	text-align: center;
	}


a.footer {
		text-decoration: underline;
		color:#99ccff;
		font-size: 12px;
}

a.footer:hover {
		text-decoration: underline;
		color:#ee7700;
		font-size: 12px;
}

a.footer:visited {
		text-decoration: underline;
		color:#99ccff;
		font-size: 12px;
}
		
/* ======================================================= */
/* ■NAVIGATION ■■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */

#globalnav_pos{
	top: 115px;
	left: 30px;
	position: absolute;
	}

ul#globalnav{
	list-style-type: none;
	}

ul#globalnav li{
	float: left;
	}

.submenu{
    height: 52px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
	background: url(/trunkroom/image/submenu.gif) no-repeat; 
    }
    
.submenu_tx{
    height: 20px;
    width: 800px;
    margin-top: 10px;
    padding-top:25px;
    text-align: center;
    }

.merit_submenu{
    height: 89px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
	background: url(/trunkroom/merit/image/merit_submenu.gif) no-repeat; 
    }
    
.merit_submenu_tx{
    height: 20px;
    width: 780px;
    margin-top: 10px;
    padding-top:25px;
    line-height: 24px;
    text-align: center;
    }

.compare_navi{
    height: 62px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
	background: url(/trunkroom/compare/image/compare_navi.gif) no-repeat; 
    }
    
.compare_navi_tx{
    height: 20px;
    width: 780px;
    padding-top: 30px;
    text-align: center;
    }
    
.use_submenu{
    height: 52px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
	background: url(/trunkroom/use/image/use_submenu.gif) no-repeat; 
    }
    
.use_submenu_tx{
    height: 20px;
    width: 800px;
    margin-top: 10px;
    padding-top:25px;
    text-align: center;
    }
            
.link_box{
    height: 25px;
	top: 65px;
	left: 295px;
	position: absolute;
    }
    
.link_box2{
    height: 60px;
    top: 53px;
    left: 660px;
    position: absolute;
    line-height: 16px;
    }
    
.link_box2voice{
    height: 60px;
    width: 100px;
    float: left;
    }
    
.link_box2company{
    height: 60px;
    width: 120px;
    float: left;
    }

a.link_home {
		text-decoration: underline;
		color:#ffffff;
		font-size: 12px;
}

a.link_home:hover {
		text-decoration: underline;
		color:#ee7700;
		font-size: 12px;
}

a.link_home:visited {
		text-decoration: underline;
		color:#ffffff;
		font-size: 12px;
}
.link_home { 
    text-align: left; 
    float:left;
    }
	       
.link_company {
    text-align: right; 
    } 

a.link_company {
		text-decoration: underline;
		color:#ffffff;
		font-size: 12px;
}

a.link_company:hover {
		text-decoration: underline;
		color:#ee7700;
		font-size: 12px;
}

a.link_company:visited {
		text-decoration: underline;
		color:#ffffff;
		font-size: 12px;
}

.link_more {
    height: 22px;
    vertical-align:middle;
    font-weight: normal;
    text-align: right; 
    } 
 
.link_up{
    height: 20px;
    width: 810px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
	clear:left;
    }
      
 .link_requestbox{
    background-color: #FFFADC;
    width: 750px;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #E3E3E3;
    padding: 10px;
    text-align: left;
    clear:left;
    }
    
#cookieTrail{
    color:#888888;
	float: left;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 40px;
	border: 0;
	width: 800px; 
	display:inline;
	font-size: 12px;
    }

ul.cookieTrail_menu{
		margin: 0px;
		border: 0;
		display:inline;
		font-size: 12px;
    }

ul.cookieTrail_menu li{
		margin: 0px;
		padding: 0px 0px 0px 0px ;
		border: 0;
		display:inline;
		font-size: 12px;
    }
    
li.cookieTrail_menu{list-style-type: none;display:inline;}

a.cookieTrail_menu {
        color:#0066BB;
		text-decoration: underline;
		font-size: 12px;
}

a.cookieTrail_menu:hover {
		color: #0066BB;
		text-decoration: underline;
		font-size: 12px;
}

a.cookieTrail_menu:visited {
		color: #0066BB;
		text-decoration: underline;
		font-size: 12px;
}

/* ======================================================= */
/* ■ CONTACT SET ■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */

.contact_set1{
    background-color: #e0e0e0;
    height: 115px;
    width: 848px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 10px;
    }
    
.contact_obi{
    background-color: #a3a3a3; 
    height: 20px;
    width: 830px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
	line-height: 20px;
    color: #ffffff;
    } 
    
.contactset1{
    background: url(/image/common/bt_contact.gif) 0 0 no-repeat;
    width: 186px;
    height: 66px;
    margin-left: 10px;
    margin-right: 5px;
    float: left;
    }

.contactset1 a{
	background: url(/image/common/bt_contact.gif) 0 0 no-repeat;
	display:block;
    width: 186px;
    height: 66px;
	}

.contactset1 a:hover{
	background: url(/image/common/bt_contact.gif) 0 -66px no-repeat;
	}
	
	
.contactset2{
    background: url(/image/common/bt_chat.gif) 0 0 no-repeat;
    width: 186px;
    height: 66px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    }

.contactset2 a{
	background: url(/image/common/bt_chat.gif) 0 0 no-repeat;
	display:block;
    width: 186px;
    height: 66px;
	}

.contactset2 a:hover{
	background: url(/image/common/bt_chat.gif) 0 -66px no-repeat;
	}

.contactset3{
    width: 222px;
    height: 63px;
    margin-left: 12px;
    margin-right: 5px;
    float: left;
    }
    
 .contactset4{
    width: 177px;
    height: 67px;
    margin-left: 10px;
    margin-right: 5px;
    float: left;
    }
    	  
    
/* ======================================================= */
/* ■ FORM  ■■■■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */

form{
	margin: 0;
	padding: 0;
	}

input, textarea{
	font-size: x-small;
	}

html>body input , html>body textarea{
	font-size: small;
	}

.imgCenter{
	margin: 0 auto;
	text-align: center;
	}

.imgRight{
	margin: 0 auto;
	text-align: right;
	}

.mb0{
	margin: 0 auto;
		width: 155px;
	}

.mb0_2{
	text-align:center;
	width: 155px;
	background-color:#fff;
	margin: 0 auto;
	}
	
.mb5{
	margin-bottom: 5px;
	}
	
.mb10{
	margin-bottom: 10px;
	}

.mb15{
	margin-bottom: 15px;
	}

.mb20{
	margin-bottom: 10px;
	}

.mb25{
	margin-bottom: 25px;
	}

.mb30{
	margin-bottom: 30px;
	}

.mt40{
	margin-top: 40px;
	}
		
.mt15{
	margin-top: 15px;
	}

.mt5{
	margin-top: 5px;
	}

.pt30{
	padding-top: 30px;
	}

.pt10{
	padding-top: 10px;
	}

.pad10{
	padding: 10px;
	}

.pad5{
	padding: 5px;
	}

.fts12{
	font-size: 1.2em;
	}

.fts8{
	font-size: 0.875em;
	}