/* ======================================================= */
/*  1. UNIVERSAL RESET                                     */
/*  2. HTML TAG                                            */
/*  3. LINK TAG                                        　  */
/*  4. POSITION                                         　 */
/*  5. LAYOUT                                           　 */
/*  6. HEADER                                           　 */
/*  7. FOOTER                                           　 */
/*  8. NAVIGATION                                       　 */
/*  9. CONTACT SET                                       　*/
/* 10. 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}

/* ======================================================= */
/* ■ iphone safari（文字サイズ自動調整を無効にする）　 ■ */
/* ======================================================= */

body {
-webkit-text-size-adjust: none;
    }

html{
-webkit-text-size-adjust: none;
    }

/* ======================================================= */
/* ■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;
	}

/* ======================================================= */
/* ■LINK ■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */ 

a, a:link, a:visited{
	text-decoration: underline ;
	color: #0066BB;
	background-color: inherit;
	}

a:hover{
	text-decoration: underline ;
	color: #EE7700;
	}

/**マウスオーバー時にdot
a, a:link, a:visited{
	text-decoration: underline ;
	color: #0066BB;
	background-color: inherit;
	}

a:hover{
	text-decoration: none;
	border-bottom: dotted 1px;
	color: #EE7700;
	}
**/
	

a.red {
	text-decoration: underline;
	color:#ff0000;
	font-size: 12px;
	font-weight: bold;
    }
        
a:link.red {
	text-decoration: underline;
	color:#ff0000;
	font-size: 12px;
	font-weight: bold;
    }

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

a:visited.red {
    text-decoration: underline;
    color:#ff0000;
    font-size: 12px;
    font-weight:bold;
    }
    
a.pink14px {
	text-decoration: underline;
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
    }

a:link.pink14px {
    color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
    }

a:hover.pink14px{
	color: #f9d0d4;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
    }

a:visited.pink14px{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
    }
    
a.green14px {
	text-decoration: underline;
	color:#FFFFFF;
	font-size: 14px;
	font-weight: bold;
    }
    
a:link.green14px {
    color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
    }

a:hover.green14px{
	color: #d7eab0;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
    }

a:visited.green14px{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
    }
    
a.pink{
    text-decoration: underline;
    color: #ED7986;
    font-weight: bold;
    }
    
a:link.pink{
    color: #ED7986;
	text-decoration: underline;
	font-weight: bold;
    }

a:hover.pink{
	color: #f9d0d4;
	text-decoration: underline;
	font-weight: bold;
    }

a:visited.pink{
	color: #ED7986;
	text-decoration: underline;
	font-weight: bold;
    }
    
a.green{
    text-decoration: underline;
    color: #8EC31F;
    font-weight: bold;
    }
    
a:link.green{
    color: #8EC31F;
	text-decoration: underline;
	font-weight: bold;
    }

a:hover.green{
	color: #d7eab0;
	text-decoration: underline;
	font-weight: bold;
    }

a:visited.green{
	color: #8EC31F;
	text-decoration: underline;
	font-weight: bold;
    }

a.orange{
    text-decoration: underline;
    color: #EE7700;
    font-weight: bold;
    }
    
a:link.orange{
    color: #EE7700;
	text-decoration: underline;
	font-weight: bold;
    }

a:hover.orange{
	color: #EE7700;
	text-decoration: underline;
	font-weight: bold;
    }

a:visited.orange{
	color: #EE7700;
	text-decoration: underline;
	font-weight: bold;
    }
    
/*ﾄﾞｯﾄのﾃｽﾄ*/
a.dot{
    color: #0066BB;
    text-decoration: underline;
    }
    
a:link.dot{
    color: #0066BB;
    text-decoration: underline;
    }

a:hover.dot{
	color: #EE7700;
	border-bottom: dotted 1px;
	text-decoration: none;
    }

a:visited.dot{
	color: #0066BB;
	text-decoration: underline;
    }
      
/* ======================================================= */
/* ■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: 20px 10px 0px 0px;
    text-align: left;
    line-height:120%;
    float: left;
    clear: both;
    }
    
.con_right{
    width: 390px;
    margin: 20px 0px 0px 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: 810px;
	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;
	}
	
#header_test{
	background: #0066bb url(/files/header_test.jpg) no-repeat;
	height: 168px;
	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 ■■■■■■■■■■■■■■■■■■■■■■■ */
/* ======================================================= */

#rs_box{
    height: 85px;
	width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
	}
    
#rs_img{
    height: 85px;
    width: 220px;
    text-align: right;
    float: left;
    }
	
#rs_tx{
    height: 60px;
	width: 550px;
	margin-top: 25px;
	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;
    padding-top: 28px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
	background: url(/trunkroom/merit/image/merit_submenu.gif) no-repeat; 
    }
    
.merit_submenu_tx{
    width: 780px;
    line-height: 24px;
    text-align: center;
    }

.compare_navi{
    height: 62px;
    width: 787px;
    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: 90px;
    float: left;
    }
    
.link_box2company{
    height: 60px;
    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;
	display:inline;
	font-size: 12px;
    }

#cookieTrail01{
    color: #888888;
	float: left;
	margin-top: 15px;
	margin-bottom: 10px;
	border: 0;
	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: 6px;
    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: #ffffff;
	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;
	}