/* CSS Document */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,th,td,a {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
border: none;
line-height: 1.5;
text-align: left;
text-decoration:none;
color: #444444;
}


abbr,strong,em,span,address {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
font-style: normal;
border: none;
line-height: 1.5;
text-align: left;
text-decoration:none;
}

input,button,textarea select {
color: #444444;
}
dl,ul,ol {
list-style: none;
}

img {
margin: 0;
padding: 0;
border: none;
vertical-align: bottom;
}

html {
height: 100%;
}

body {
font-size: 100.01%; /* Opera対応 */
text-align: center; /* IE互換モード対応*/
}

body {
	background-color:#fff;
	text-align:center;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background:url(../img/bg.gif);
}
em {display:none;}

.clear{clear:both;}

h1,h2{margin:0px;padding:0px;}

p {
	line-height:21px;
	font-size:12px;
	color:#333333;
	margin:0px;
	padding:0px;
}
#link{display:none;}


#container{
position:absolute;
display:block;
top:50%;
left:50%;
width:950px;
height:auto;
text-align:left;
margin-left: -485px;
margin-top: -270px;
border: 1px solid #999;
color:#333333;
background-color:#FFF;
padding:10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
}

#head{
	position:relative;
	display:block;
	width:950px;
	height:54px;
	background:url(../img/menu_bg.gif) 80% repeat-x;
	}
.logo{
	width:137px;
	height:44px;
	display:block;
	float:left;
	}
.logo a{
	display:block;
	width:137px;
	height:40px;
	background:url(../img/logo_s.gif) no-repeat;}	
.menu{
	width:700px;
	height:24px;
	display:block;
	float:right;
	padding-top:20px;
	font-size:12px;
	font-family: "Myriad Pro";
		}
.privacy{
	width:950px;
	height:20px;
	display:block;
	text-align:right;
	line-height:20px;
	font-family: "Myriad Pro";
	clear:both;
	}
.privacy a:hover{
	text-decoration:underline}

#main{
	position:relative;
	display:block;
width: 970px;
height: 420px;
	background:url(../img/logo_l.gif) 50% 50% no-repeat;
}
#main02{
position:relative;
display:block;
width: 890px;
height: auto;
padding:0 30px;
padding-top:60px;

}
#left{
	position:relative;
	display:block;
	width:220px;
	height:auto;
	float:left;
	
}
#left h1{
	display:block;
	width:130px;
	font-size:16px;
	border:1px solid #333;
	border-left:none;
	border-right:none;
	line-height:36px;
	background:url(../img/title_bg.gif) 0 50% no-repeat;
	padding-left:10px;
	font-weight:bold;
	color:#333;
	}
#right{
	position:relative;
	display:block;
	width:670px;
	height:auto;
	float:left;
}
#right h2{
	display:block;
	width:660px;
	font-size:16px;
	border:1px solid #333;
	border-left:none;
	border-right:none;
	line-height:36px;
	background:url(../img/title_bg.gif) 0 50% no-repeat;
	padding-left:10px;
	font-weight:bold;
	color:#333;
	margin-bottom:30px;
	}
#right table{
	margin-top:30px;}
#right .line{
	background:url(../img/com_line.gif) 0 50% repeat-x;
	}
#right .line .wht{
	background-color:#FFF;
	padding-right:5px;}

/* privacy */
#right .p_title{
	color:#eb6ea5;
	line-height:18px;
	padding-right:20px;}
#right .p_txt{
	line-height:18px;
	padding-right:20px;
	margin-bottom:40px;}
#right .p_txt a:hover{
	text-decoration:underline;}

/* recruit */
#right .pri_title{
	line-height:18px;
	padding-right:20px;
	font-size:18px;
	margin-bottom:20px;}
#right .pri_txt{
	line-height:18px;
	padding-right:20px;
	margin-bottom:40px;}
#right .pri_txt a:hover{
	text-decoration:underline;}
#right .re_table{
display:block;
width:600px;
height:auto;
padding:20px;
background-color:#efefef;
line-height:20px;
margin-bottom:20px;}
#right .re_table a{
	color:#00F}

/* menu01 */
.menu .menutop01{
display:block;
width:69px;
height:18px;
float:right;
color:#FFF;
line-height:18px;
text-align:center;
margin-right:10px;
background:url(../img/menu01_ro.gif) no-repeat;
}
.menu .menutop01 a{
display:block;
width:69px;
height:18px;
text-align:center;
color:#333;
background:url(../img/menu01.gif) no-repeat;
}
.menu .menutop01 a:hover{
display:block;
color:#FFF;
background:url(../img/menu01_ro.gif) no-repeat;
}

/* menu02 */
.menu .menutop02{
display:block;
width:72px;
height:18px;
float:right;
color:#FFF;
line-height:18px;
text-align:center;
margin-right:10px;
background:url(../img/menu02_ro.gif) no-repeat;
}
.menu .menutop02 a{
display:block;
width:72px;
height:18px;
text-align:center;
color:#333;
background:url(../img/menu02.gif) no-repeat;
}
.menu .menutop02 a:hover{
display:block;
color:#FFF;
background:url(../img/menu02_ro.gif) no-repeat;
}

/* menu03 */
.menu .menutop03{
display:block;
width:90px;
height:18px;
float:right;
color:#FFF;
line-height:18px;
text-align:center;
margin-right:10px;
background:url(../img/menu03_ro.gif) no-repeat;
}
.menu .menutop03 a{
display:block;
width:90px;
height:18px;
text-align:center;
color:#333;
background:url(../img/menu03.gif) no-repeat;
}
.menu .menutop03 a:hover{
display:block;
color:#FFF;
background:url(../img/menu03_ro.gif) no-repeat;
}

/* menu04 */
.menu .menutop04{
display:block;
width:60px;
height:18px;
float:right;
color:#FFF;
line-height:18px;
text-align:center;
margin-right:10px;
background:url(../img/menu04_ro.gif) no-repeat;
}
.menu .menutop04 a{
display:block;
width:60px;
height:18px;
text-align:center;
color:#333;
background:url(../img/menu04.gif) no-repeat;
}
.menu .menutop04 a:hover{
display:block;
color:#FFF;
background:url(../img/menu04_ro.gif) no-repeat;
}







/* menu07 */
#menu .menu07{
display:block;
background:url(../img/menu_ro_member.gif);
width:95px;
height:44px;
float:left;
}
#menu .menu07 a{
display:block;
background:url(../img/menu_member.gif);
width:95px;
height:44px;
}
#menu .menu07 a:hover{
display:block;
background:url(../img/menu_ro_member.gif);
}
/* menu08 */
#menu .menu08{
display:block;
background:url(../img/banner_ro_rakuten.gif);
width:113px;
height:36px;
margin-top:5px;
margin-right:5px;
float:right;
}
#menu .menu08 a{
display:block;
background:url(../img/banner_rakuten.gif);
width:113px;
height:36px;
}
#menu .menu08 a:hover{
display:block;
background:url(../img/banner_ro_rakuten.gif);
}

#foot {
	clear:both;
display:block;
position:relative;
width:940px;
height:36px;
background-color:#000;
padding:5px;
}
#foot .rakuten a{
display:block;
background:url(../img/banner_rakuten.gif);
width:113px;
height:36px;
float:right;
}
#foot .rakuten a:hover{
display:block;
background:url(../img/banner_ro_rakuten.gif);
}
#foot .leaplippin a{
display:block;
background:url(../img/leap_banner.gif);
width:134px;
height:35px;
float:left;
}
#foot .leaplippin a:hover{
display:block;
background:url(../img/leap_banner_ro.gif);
}
#foot .copy{
	display:block;
	position:absolute;
	width:960px;
	left: 0px;
	top: 62px;
	text-align:right;
	font-size:12px;
	font-family: "Myriad Pro";
}

.news_body span a{
	display:block;
	float:left;
	width:60px;
	height:60px;
	background:url(../img/pict_m.gif) no-repeat;
	padding:5px;
	}
.news_indi span img{
	display:block;
	width:300px;
	height:300px;
	}
.news_indi span a{
	display:block;
	float:left;
	width:312px;
	height:312px;
	background:url(../img/item_waku_l.gif) no-repeat;
	padding:6px;
	}
.news_body span img{
	display:block;
	width:50px;
	height:50px;
	}	
#right .txt_detail{
display:inline;
text-align:left;
font-size:12px;
}
#right .txt_hr{
clear:both;
display:block;
width:530px;
height:10px;
border-top:1px dashed #333333;
}

.news_date{
	font-size:14px;
	color:#f74c4c;
	line-height:30px;	
	}
	.news_title{
	font-size:14px;
	color:#333333;
	line-height:30px;
	font-weight:bold;
	}
	.news_title a{
	font-size:14px;
	color:#333333;
	line-height:30px;
	font-weight:bold;
	text-decoration:none;
	}	
	.news_title a:hover{
		text-decoration:underline;}
#left .txt_hr{
clear:both;
display:block;
width:190px;
height:5px;
border-top:1px dashed #333333;
}		
.press_body span a{
	display:block;
	float:left;
	width:48px;
	height:48px;
	background:url(../img/pict_s.gif) no-repeat;
	padding:5px;
	}
.press_body span img{
	display:block;
	width:38px;
	height:38px;
	}	
#left .press_date{
	font-size:12px;
	color:#f74c4c;
	line-height:18px;	
	}
	#left .press_title{
	font-size:12px;
	color:#333333;
	line-height:18px;
	font-weight:bold;
	}
.press_body{
	font-size:12px;}
	.info_title{
	line-height:18px;
	padding-right:20px;
	font-size:18px;
	margin-top:20px;
	margin-bottom:5px;
	font-weight:bold;
}
#foot .andheart a {
	display:block;
	width:134px;
	height:35px;
	float:left;
	background-image: url(../img/and_banner.gif);
}
#foot .andheart a:hover {
	display:block;
	background-image: url(../img/and_banner_ro.gif);
}
#foot .space {

	display:block;
	width:15px;
	height:35px;
	float:left;
}