@charset "utf-8";

.featured{
	background: url(../../image/top_page/featured/back_ca.png)  no-repeat scroll center top transparent;
	height: 296px;
}
.featured ul{
	margin-top:162px;
	margin-left:25px;
}
.featured ul li{
	float:left;
}
.featured ul li.mr{
	margin-left:30px;
}
.featured ul li.satei{
	margin-top:27px;
	margin-left:30px;
}
.content_nav {
	clear:left;
	height: 45px;
}
.content_nav ul li{
	float:left;
}
.main_nav{
	background: url(../../image/top_page/featured/main_nav_background.png)  no-repeat scroll center top transparent;
	height: 58px;
}

/**** main inner start****/
.main .inner{
	padding-top: 15px;
}
.nav {
	padding-bottom:25px;
	display:block;
	margin-left:10px;
	margin-right:10px;
	}
.nav .up{
	display:inline;
}
.nav .up img{
	padding-bottom:10px;
}
.nav .down{
	display:inline;
}
.gaiyou{
	margin-bottom:20px;
}
.gaiyou .up {
	background: url(../../image/top_page/main/frame0/gaiyou_back.gif) no-repeat;
	padding-top:13px;
	height: 112px;	
}
.gaiyou .up h3 {
	color:#006699;
	font-weight:bold;
	line-height:14px;
	margin-left:225px;
}
.gaiyou .up p {
	font-size:70%;
	color:#999999;
	margin:0px 0px 8px 240px;
}
.kaitori_jisseki {
	background: url(../../image/top_page/main/frame0/kaitori_jisseki/back.gif) no-repeat;
	height:300px;
	margin-bottom:20px;
}
.kaitori_jisseki p.title {
	font-size:88%;
	text-align:right;
	padding:18px 15px 19px 0px;
}
.kaitori_jisseki .current {
	margin:0px 0px 0px 30px;
	width:670px;
	position:relative;
}
.current .simpleSlide-slide {
	height:225px;
	width:670px;
}
.kaitori_jisseki .current .box{
	float:left;
	width:310px;
}
.kaitori_jisseki .current .right{
	margin-left:20px;
}
.kaitori_jisseki .current .item{
	padding:10px 0px;
	margin-bottom:3px;
	border-bottom:1px dotted #CCCCCC;
	position:relative;
}
.simpleSlideStatus-tray {
	margin:5px 0px 0px 270px;
}
.current .left-button {
	position:absolute;
	top:90px;
	left:-29px;
	cursor:pointer;
}
.current .right-button {
	position:absolute;
	top:90px;
	left:625px;
	cursor:pointer;
}
.kaitori_jisseki .current .item img{
	float:left;
	margin-right:10px;
	margin-top:3px;
}
.kaitori_jisseki .current .item ul li{
	font-size:80%;
}
.kaitori_jisseki .current .item ul  li span {
	color:#FF6666;
}
.campaign_banner {
	margin-bottom:8px;
}
.social {
	margin-bottom:14px;
	padding-left:25px;
	width:195px;
	background: url(../../image/top_page/main/frame0/social_back.gif) no-repeat;
	height: 40px;
}
.socialbtn {
	margin-left:10px;
}
p.mixi {
	display:inline;
	position:relative;
	top:-12px;
}
.infomation {
	padding-top:60px;
	height:240px;
	background: url(../../image/top_page/main/frame0/info_back.png) no-repeat;
}
.infomation .in {
	margin:0px 5px 0px 10px;
	height:230px;
	overflow-y:scroll;
}
.infomation .segment {
	border-bottom:dotted 1px #CCCCCC;
	font-size:80%;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-right:5px;
}
.infomation p span {
	font-weight:bold;
}
.infomation p strong {
	font-weight:bold;
	color:#FF6666;
}
.nagare_box{
	width:940px;
	background: url(../../image/top_page/main/nagare/nagare_back.gif) no-repeat;
	height: 200px;
	margin:0px 10px 20px 10px;
}
.nagare_box p.title {
	font-size:88%;
	margin-left:277px;
	padding-top:19px;
}
.nagare_box .step {
	float:left;
	width:745px;
}
.nagare_box .step ul{
	padding-top:30px;
	padding-left:17px;
}
.nagare_box .step ul li{
	float:left;
}
.nagare_box .step_tip p {
	color:#FFFFFF;
}
.nagare_box .step span{
	color:#66CC00;
}
.nagare_box .arrow{
	margin:0px 10px;
}
.nagare_box .link {
	float:left;
	width:195px;
}
.nagare_box .link ul{
	margin-left:10px;
}
.nagare_box .link ul li {
	margin-bottom:15px;
}
.frame2 {
	margin-bottom:20px;
}
.merit {
	background:url(../../image/top_page/main/frame2/merit/back.gif) no-repeat;
	height:630px;
	height:585px;

}
.merit p.title ,.hinmoku p.title{
	padding:18px 15px 28px 0px;
	text-align:right;
	font-size:88%;
}
.merit p.top ,.hinmoku p.top{
	font-weight:bold;
	margin:0px 20px 8px;
}
.merit h3 {
	color:#99cc00;
	padding:6px 0px 5px 10px;
	height:30px;
	font-size:113%;
	font-weight:bold;
	background: url(../../image/top_page/main/frame2/merit/title_back.gif) no-repeat;
	text-shadow: 0px -1px 1px #000;
}
.merit .list p {
	font-size:88%;
	margin:0px 20px 6px;
}
.merit p.kodawari {
	margin-top:15px;
	text-align:center;
}
.hinmoku {
	background:url(../../image/top_page/main/frame2/hinmoku/back.gif) no-repeat;
	height:585px;
}
.hinmoku .box{
	float:left;
	margin-top:2px;
}
.hinmoku .left {
	margin-left:25px;
	margin-right:25px;
}
.hinmoku .box img {
	margin-bottom:18px;
}
.frame3 {
	margin-bottom:30px;
}
.frame3 .text {
	font-size:80%;
	margin:50px 6px 5px;
	height:120px;
	background-color:#f6f6f6;
	padding-top:20px;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.frame3 .text .simpleSlide-slide {
	width:200px;
}
.frame3 .text .simpleSlide-slide p{
	position:relative;
}

.frame3 .text .left-button {
	position:absolute;
	top:110px;
	left:0px;
	cursor:pointer;
}
.frame3 .text .right-button {
	position:absolute;
	top:110px;
	left:190px;
	cursor:pointer;
}
.frame3 .text p {
	margin-bottom:2px;
	padding-left:5px;
}
.frame3 .text p.date {
	text-align:center;
}
.frame3 .text p span {
	font-weight:bold;
	color:#ff3366;
}
.frame3 p.link {
	font-size:88%;
	text-align:right;
	margin-right:10px;
}
.frame3 p a {
	color:#3399FF;
}
.frame3 .voice {
	background: url(../../image/top_page/main/frame3/voice.gif) no-repeat;
	height: 220px;
}
.frame3 .faq {
	background: url(../../image/top_page/main/frame3/faq.gif) no-repeat;
	height: 220px;
}
.frame3 .kit {
	background: url(../../image/top_page/main/frame3/kit.gif) no-repeat;
	height: 220px;
}
.frame3 .kit p.up {
	font-size:80%;
	margin:55px 0px 95px;
	text-align:center;
}
.frame3 .kit p.down {
	font-size:80%;
	text-align:center;
	margin-bottom:8px;
}
.frame3 .time {
	background: url(../../image/top_page/main/frame3/time.gif) no-repeat;
	height: 220px;
}
.frame3 .time .in {
	margin:50px 6px 5px ;
	padding:10px 6px;
	background-color:#f6f6f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.frame3 .time ul{
	margin-bottom:5px;
	font-size:80%;
}
.frame3 .time ul li.title {
	font-weight:bold;
	font-size:14px;
}
.frame3 .time ul li.kome {
	color:#FF3366;
	margin-left:10px;
}

/*
	jQuery tooltip css
*/
.step_tip{
	display:none;
	background:url(../../image/js/tooltip/black_arrow.png);
	height:102px;
	padding:20px 20px 0px 20px;
	width:169px;
	font-size:16px;
	z-index:100;
}
.step_tip p{
	text-align:center;
}
/**** ie 7 hack *****/
*:first-child+html .ie7_none {
	display:none;
}
*:first-child+html .nagare_box {
	height:150px;
	background: url(../../image/top_page/main/nagare/ie7_nagare.png) no-repeat center center;
	width: 940px;
	padding-top:20px;
}
*:first-child+html .nagare_box .link {
	margin-top:120px;
}