/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,em{
	margin:0;
	padding:0;
	text-decoration:none;
	font-style:normal;
}
table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:inherit;
}
table th {
	text-align: left;
}
.tb_serviceSearch .submit  { cursor: hand } /* IE用の不正な値 */
.tb_serviceSearch .submit  { cursor: pointer } 

/*basic setting*/
body{
font-size:0.9em;
line-height:1.5;
font-family:Verdana,Arial,'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
color:#222222;
margin:0;
padding:0;
}
ul,li{
list-style:none;
}
img{
border:none;
vertical-align:bottom;
}
a{text-decoration:none;color:#2c51c6;}
a:hover{text-decoration:underline;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clearfix:after { 
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.ml15{margin-left:15px;}

.fred{color:#BB0000;}
.cap{font-size:80%;}
.fbold{font-weight:bold;}

.imgov:hover{opacity:0.6;}

#wrapper{
width:950px;
margin:0 auto;
padding-bottom:10px;
}
#wrapper:after { 
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

.as01{
margin-left:1em;
text-indent:-1em
}

/*===============
header
===============*/

header{
width:950px;
height:102px;
margin:0;
padding:0;
}
header h1{
width:363px;
height:70px;
float:left;
}
header h1 a{
background:url(../images/logo_wonmo.jpg) 0 0 no-repeat;
width:363px;
height:70px;
display:block;
text-indent:-999999px;
margin-top:18px;
margin-bottom:19px;
}

header .lan{
width:420px;
float:right;
margin-top:40px;
}
header .lan ul{
margin:0;
padding:0;
}
header .lan li{
float:left;
margin-left:15px;
}

header .lan2{
float:right;
margin-top:40px;
}
header .lan2 ul{
margin:0;
padding:0;
}
header .lan2 li{
float:left;
margin-left:1px;
}
header .lan2 li a{
background: url(../images/language_bg.gif) 0 0 no-repeat;
width:100px;
height:22px;
display:block;
}
header .lan2 li a:hover{
opacity:0.6;
text-decoration:none;
}
header .lan2 li a.active{
background: url(../images/language_lightbg.gif) 0 0 no-repeat;
}
header .lan2 li a span{
width:100px;
height:22px;
display:block;
color:#ffffff;
font-size:12px;
padding:2px 0 0 30px;
}

/*===============
path
===============*/
#path{
width:950px;
height:38px;
}
#path li{
margin-top:10px;
float:left;
font-size:80%;
}
#path li a:hover{
text-decoration:underline;
}

/*===============
gnav
===============*/
nav#gnav{
width:950px;
height:51px;
clear:both;
}
nav#gnav ul{
margin:0;
padding:0;
}
nav#gnav li{
float:left;
margin:0;
padding:0;
}

/*===============
Contents
===============*/
#Contents{
clear:both;
padding-bottom:40px;
}
#Contents:after { 
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

/*===============
Main
===============*/
#Main{
width:700px;
float:left;
}
#Main h3{margin-bottom:30px;}
#Main h3.h{
background:url(../images/bg_h.jpg) 0 0 no-repeat;
height:41px;
margin-bottom:10px;
font-size:100%;
font-weight:bold;
padding-left:20px;
padding-top:5px;
}
#Main section{
margin-bottom:30px;
width:676px;
clear:both;
}
#Main section:after { 
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
#Main h4{
font-weight:bold;
border-left:5px solid #f2db26;
padding-left:10px;
margin-bottom:10px;
}
#Main{
line-height:1.75;
}
#Main p.txt{
margin-left:15px;
}

/**/

.img_r{
float:right;
margin-left:20px;
margin-bottom:10px;
}
.img_l{
float:left;
margin-right:20px;
margin-bottom:10px;
}

/**/

table.table{
border-right:1px solid #999999;
border-bottom:1px solid #999999;
width:100%;
font-size:90%;
margin-bottom:20px;
}
.table td{
padding:7px 10px;
border-top:1px solid #999999;
border-left:1px solid #999999;
}
.td01{background:#f0f0f0;}
.td02{background:#ffffff;}

.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}

/**/
.li02 li{
line-height: 1.5;
list-style-type: square;
/*list-style-image:url(/common/images/mark_02.gif) ;
list-style-position: inside;*/
/*background:url(/common/images/mark_02.gif) 0 50% no-repeat;*/
margin-bottom: 10px;
margin-left: 1em;
/*text-indent: -1em;*/
}
/**/

/*===============
Sidenav
===============*/

#Sidenav{
width:244px;
float:right;
}
#Sidenav .side_ttl{
background:url(../images/side_ttl.jpg) 0 0 no-repeat;
width:244px;
height:27px;
color:#EEEEEE;
text-indent:20px;
padding-top:7px;
font-size:90%;
}
#Sidenav .menu{
background:url(../images/bg_side.gif) 0 0 repeat-y;
margin-bottom:10px;
}
#Sidenav .menu li{
border-bottom:1px solid #cccccc;
}
#Sidenav .menu li.end{
background:url(../images/bg_side_btm.gif) 0 bottom no-repeat;
border:none;
}
#Sidenav .menu li.end a{
padding-bottom:20px;
background:url(../images/arrow_01.gif) 20px 40% no-repeat;
}
#Sidenav .menu li.end a:hover{
background:url(../images/arrow_01_ov.gif) 20px 40% no-repeat #07102d;
text-decoration:none;
}
#Sidenav .menu li a{
font-size:90%;
padding:10px 10px 10px 35px;
display:block;
color:#666666;
background:url(../images/arrow_01.gif) 20px 50% no-repeat;
}
#Sidenav .menu li a:hover{
background:url(../images/arrow_01_ov.gif) 20px 50% no-repeat #07102d;
color:#ffffff;
text-decoration:none;
}
#Sidenav .menu li a.active{
background:url(../images/arrow_01_ov.gif) 20px 50% no-repeat #07102d;
color:#ffffff;
}
#Sidenav .menu li.end a.active{
background:url(../images/arrow_01_ov.gif) 20px 40% no-repeat #07102d;
}

/*===============
footer
===============*/
footer{
clear:both;
background: url(../images/bg_footer.gif) 0 bottom repeat-x #0d1e51;
color:#abbced;
margin-top:20px;
}
footer:after { 
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

footer .footerinner{
width:950px;
margin:0 auto;
position:relative;
padding-top:15px;
}

footer #copyright{
width:950px;
height:62px;
font-size:80%;
color:#666666;
clear:both;
display:block;
}

footer #fnav{
margin-bottom:30px;
}
footer #fnav:after { 
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
footer #fnav ul{
width:160px;
float:left;
margin-right:10px;
}
footer #fnav a{
color:#868fa8;
text-decoration:underline;
font-size:80%;
background:url(../images/arrow_03.gif) 5px 50% no-repeat;
padding-left:15px;
}
footer #fnav a:hover{
text-decoration:none;
}
footer #fnav a.ttl{
color:#868fa8;
font-size:80%;
font-weight:bold;
background:url(../images/arrow_04.gif) 0 50% no-repeat;
padding-left:15px;
text-decoration:none;
}
footer .pagetop{
position:absolute;
right:0;
top:-32px;
}
footer .flogo{
background:url(../images/logo_wonmo_footer.gif) 0 0 no-repeat;
position:absolute;
right:10px;
bottom:92px;
width:270px;
height:86px;
text-indent:-999999px;
}