@charset "UTF-8";

/*

 * author:		KUNIHIRO ENDO ( Pati )
 * process:		grambook top index css
 * revision marking:


/* main image movie
--------------------------------------------------------------*/

#slideshow h1{
float:none;
position:absolute;
top:182px;
left:31px;
margin:0;
z-index:1000;
}

header ul.lang{
position:absolute;
top:13px;
left:212px;
margin:0;
z-index:1000;
}

header ul.top_bookmark{
float:none;
position:absolute;
top:0;
left:31px;
margin:15px 0 0 ;
z-index:1000;
}

header ul.top_bookmark li{
display:inline;
margin:0 3px 0 0;
}

#slideshow{
position:relative;
width:819px;
margin:0 auto 15px;
background:url(images/img_main.gif) no-repeat ;
}


/* 画像の位置を動かす*/
div.grambook_img{
width:819px;
height:448px;
margin:0 auto 40px;
overflow:hidden;
z-index:1;
}

div.grambook_img img{
z-index:1;
	-webkit-animation-name: 'anime';
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: 3s;

}

@-webkit-keyframes 'anime' {
	0% {}
	10%{-webkit-transform: translate(-819px,0);}
	50%{-webkit-transform: translate(-819px,0);}
	60%{-webkit-transform: translate(-1638px,0);}
	100%{-webkit-transform: translate(-1638px,0);}
}

/* main text 
--------------------------------------------------------------*/

section#top_account{
margin:0 0 44px;	
text-align:center;
}

section#top_account h2{
margin:0 0 6px;
color:#f50a48;
font-size:1.5em;
line-height:1.6em;}

section#top_account p.main_txt{
margin:0 0 55px;
font-size:1.2em;
line-height:1.6em;}

section#top_account p{
margin:0 0 30px;
line-height:1.8em;}


	/* detail point */

div.detail_box{
width:780px;
margin:0 auto 18px;
background:url(images/bg_top_d.gif) no-repeat bottom left;
}

div.detail_box_last{
margin:0 auto 35px;
}

div.detail_box dl{
float:left;
width:380px;
min-height:168px;
text-align:left;
}

	* html div.detail_box dl{
	height:168px;
	}

div.detail_box dl dt{
padding:18px 0 15px 15px;
color:#f50a48;
font-size:1.4em;
font-weight:bold;
	text-shadow: 1px 1px 5px #FFF;
}

div.detail_box dl dd{
padding:0 170px 0 15px;}


div.detail_box dl dd.detail_link{
margin:10px 0 0 15px;
padding:0 0 0 10px;
background:url(../../common/css/images/icon1.gif) no-repeat center left;
}

div.detail_box dl dd.detail_link a{
color:#bf3131;
text-decoration:underline;}

div.detail_box dl dd.detail_link a:hover{
text-decoration:none;}

dl.grambook_detail_1,
dl.grambook_detail_3{
margin:0 20px 0 0;
}

dl.grambook_detail_1{
background:url(images/bg_grambook_d_1.png) no-repeat top right;
}

dl.grambook_detail_2{
background:url(images/bg_grambook_d_2.png) no-repeat top right;
}

dl.grambook_detail_3{
background:url(images/bg_grambook_d_3.png) no-repeat top right;
}

dl.grambook_detail_4{
background:url(images/bg_grambook_d_4.png) no-repeat top right;
}


	/* slider point */
#top_account{
overflow-x:hidden;
}

#top_account div#slider{
position: relative;
height:488px;
padding:30px 0 0 ;
overflow-x:hidden;}

div#slider ul{
position:static;
}
			
div#slider ul li{
position:absolute;
margin:0 70px 0 0;
		transition:left 1s ease;
   -moz-transition:left 1s ease;
-webkit-transition:left 1s ease;
	 -o-transition:left 1s ease;
	-ms-transition:left 1s ease;
z-index:50;
}

span.bg_left{
display:block;
width:50px;
height:493px;
position: absolute;
top:12px;
left:0px;
z-index:100;
}

span.bg_right{
display:block;
width:50px;
height:493px;
position: absolute;
top:12px;
left:829px;
z-index:100;
}

p#btn_left{
position: absolute;
width:25px;
height:50px;
top:250px;
left:230px;
cursor:pointer;
z-index:0;
/*background:url(../../top/images/btn_left.gif) no-repeat top left;*/
}

p#btn_right{
width:25px;
height:50px;
position: absolute;
top:250px;
left:620px;
cursor:pointer;
z-index:0;
background:url(../../top/images/btn_right.gif) no-repeat top left;}

section#top_accent{
float:left;
width:398px;
margin:7px 0 47px ;
padding:0 0 0 47px;}

section#top_accent h3{
color:#bf3131;
font-size:1.2em;
margin:0 0 23px;}

section#top_accent ul li{
margin:0 0 14px;
padding:0 0 0 15px;
background:url(../../common/css/images/ic_tri01.gif) no-repeat center left;}

table.spec{
float:right;
width:384px;
margin:0 46px 47px 0;
border-collapse: collapse;
}

table.spec thead th{
padding:0 0 28px;
color:#bf3131;
font-size:1.2em;
text-align:left;
border-bottom:1px solid #e4e5e5;
}

table.spec tbody th{
padding:11px 12px;
text-align:left;
border-bottom:1px solid #e4e5e5;
}

table.spec tbody td{
border-bottom:1px solid #e4e5e5;
text-align:right;}

div.detail_box,
#slideshow,
div#slider,
div#slider ul{overflow: hidden;}

div.detail_box:after,
#slideshow:after,
div#slider:after,
div#slider ul;after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/*\*/
* html div.detail_box,
* html #slideshow,
* html div#slider,
* html div#slider ul{
	height: 1em;
	overflow: visible;
}

/**/