@charset "UTF-8";
/* CSS Document */

::selection {
	background:#e50012;
	color: #ffffff;
	text-shadow: none;
}

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2a949e");

  
@font-face {font-family: 'FranklinGothicBT-ExtraCondensed';src: url('../webfonts/2A949E_0_0.eot');src: url('../webfonts/2A949E_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2A949E_0_0.woff') format('woff'),url('../webfonts/2A949E_0_0.ttf') format('truetype');}


/*- - - - - - - - - - - - - - - - - - - */ 
/* init
/*- - - - - - - - - - - - - - - - - - - */

* {
    margin: 0;
    padding: 0;
}


li {
    list-style-type: none;
}


html {
	height: 100%
}

body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	-webkit-text-size-adjust: none;
}

a:-webkit-any-link{
	color: #000;
}



#wrapper{
	overflow: hidden;
}

/* #header */

#header{
	position: relative;
	display: block;
	width: 100%; height: 112px;
	min-width: 900px;
	text-align: center;
	margin: 0 auto;
	padding: 91px 0 0 0;
}

#header_navi{
	position: relative;
	width: auto;
	margin: 0 80px;
	z-index: 10;
}

#header_navi_logo{
	padding-left: 20px;
}

#header_navi_list{
	position: relative;
	margin-top: 38px;
	padding-left: 20px;
}

.header_navi_li{
	display: inline-block;
	margin: 0 2px;
}

#header_navi_li_01 a{
	display: inline-block;
	width: 96px;
	font-family: 'FranklinGothicBT-ExtraCondensed',sans-serif;
	font-size: 153.9%;
	line-height: 1em;
	letter-spacing: 0.03em;
}

#header_navi_li_01 a:hover{
	background: url(../images/header/nav_bg_01.gif) 0 8px no-repeat;
}

#header_navi_li_01 .header_now{
	background: url(../images/header/nav_bg_01.gif) 0 8px no-repeat;
}

#header_navi_li_02 a{
	display: inline-block;
	width: 86px;
	font-family: 'FranklinGothicBT-ExtraCondensed',sans-serif;
	font-size: 153.9%;
	line-height: 1em;
	letter-spacing: 0.03em;
}

#header_navi_li_02 a:hover{
	background: url(../images/header/nav_bg_02.gif) 0 8px no-repeat;
}

#header_navi_li_02 .header_now{
	background: url(../images/header/nav_bg_01.gif) 0 8px no-repeat;
}

#header_navi_li_03 a{
	display: inline-block;
	width: 69px;
	font-family: 'FranklinGothicBT-ExtraCondensed',sans-serif;
	font-size: 153.9%;
	line-height: 1em;
	letter-spacing: 0.03em;
}

#header_navi_li_03 a:hover{
	background: url(../images/header/nav_bg_03.gif) 0 8px no-repeat;
}

#header_navi_li_03 .header_now{
	background: url(../images/header/nav_bg_01.gif) 0 8px no-repeat;
}

#header_navi_li_04 a{
	display: inline-block;
	width: 56px;
	font-family: 'FranklinGothicBT-ExtraCondensed',sans-serif;
	font-size: 153.9%;
	line-height: 1em;
	letter-spacing: 0.03em;
}

#header_navi_li_04 a:hover{
	background: url(../images/header/nav_bg_04.gif) 0 8px no-repeat;
}

#header_navi_li_04 .header_now{
	background: url(../images/header/nav_bg_01.gif) 0 8px no-repeat;
}

#header_navi_li_05 a{
	display: inline-block;
	width: 91px;
	font-family: 'FranklinGothicBT-ExtraCondensed',sans-serif;
	font-size: 153.9%;
	line-height: 1em;
	letter-spacing: 0.03em;
}

#header_navi_li_05 a:hover{
	background: url(../images/header/nav_bg_05.gif) 0 8px no-repeat;
}

#header_navi_li_05 .header_now{
	background: url(../images/header/nav_bg_01.gif) 0 8px no-repeat;
}


#header_sub{
	position: relative;
	overflow: hidden;
	width: auto;
	margin: -112px 80px 0 80px;;
}

#header_left{
	position: relative;
	float: left;
	padding-top: 12px;
}

#header_left_est{
	display: block;
}

#header_left_credit{
	display: block;
	margin: 12px 0 0 0;
}

#header_right{
	position: relative;
	float: right;
	display: block;
	width: 90px;
	text-align: left;
	padding-top: 15px;
	z-index: 11;
}

.header_right_li{
	position: relative;
	display: block;
	margin-bottom: 12px;
}

.header_right_li a{
	display: inline-block;
	padding: 0 10px;
}

.header_right_li a:hover{
	background: url(../images/common/bar_01.gif) 0 8px repeat-x;
	/*-webkit-transform-origin: 0 50%;
	-webkit-animation: anime1 5s ease -2s infinite alternate;
    -moz-transform-origin: 0 50%;
    -moz-animation: anime1 5s ease -2s infinite alternate;
    -o-transform-origin: 0 50%;
    -o-animation: anime1 5s ease -2s infinite alternate;
    transform-origin: 0 50%;
    animation: anime1 5s ease -2s infinite alternate;*/
}
/*
@-webkit-keyframes anime1 {
0% {-webkit-transform: rotate(0deg);}
50% {-webkit-transform: rotate(5deg);}
100% {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes anime1 {
0% {-moz-transform:rotate(0deg);}
50% {-moz-transform:rotate(5deg);}
100% {-moz-transform:rotate(0deg);}
}

@-o-keyframes anime1 {
0% {-o-transform: rotate(0deg);}
50% {-o-transform: rotate(5deg);}
100% {-o-transform: rotate(0deg);}
}

@-ms-keyframes anime1 {
0% { transform: rotate(0deg);}
50% { transform: rotate(5deg);}
100% { transform: rotate(0deg);}
}
*/

#contents{
	margin-top: 69px;
}


/* #gnavi */

#gnavi{
	position: fixed;
	display: block;
	left: 50px; top: -229px;
	width: 159px; height: 229px;
	background:url(../images/common/nav_bg.png) 0 0 no-repeat;
	z-index: 999;
}

.iphone #gnavi{
	display: none;
}

.ipad #gnavi{
	display: none;
}

.smartphone #gnavi{
	display: none;
}

#gnavi ul{
	position: relative;
	margin: 71px 0 0 25px;
}

.gnavi_li{
	display: block;
	height: 16px;
	margin-bottom: 14px;
}

a.gnavi_link{
	display: inline-block;
	height: 16px;
	padding: 0 10px;
}

.g_now a.gnavi_link{
	background: url(../images/common/bar_02.gif) 0 8px repeat-x;
}

a.gnavi_link:hover{
	background: url(../images/common/bar_02.gif) 0 8px repeat-x;
}

/* #footer */

#footer{
	display: block;
	width: 100%;
	background: url(../images/footer/boder.gif) left bottom repeat-x;
	margin-top: 194px;
	padding-bottom: 57px;
}

#footer_box{
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
}

#footer_01{
	float: left;
	display: block;
	width: 401px; height: 62px;
	background: url(../images/footer/line.gif) right top no-repeat;
	padding: 0 40px 0 30px;
}

#footer_01 img{
	display: block;
	margin-top: 2px;
}

#footer_02{
	float: left;
	display: block;
	width: 72px; height: 62px;
	background: url(../images/footer/line.gif) right top no-repeat;
	padding: 0 31px 0 33px;
}

#footer_02 a{
	display: block;
	width: 72px; height: 58px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; 
}

#footer_02 a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-ms-filter: "alpha(opacity=60)"; 
}

#footer_02 img{
	display: block;
	width: 72px; height: 58px;
}

#footer_03{
	float: left;
	display: block;
	width: 290px; height: 62px;
}

#footer_03_01{
	display: block;
	font-family: 'FranklinGothicBT-ExtraCondensed',sans-serif;
	font-size: 174%;
	line-height: 1em;
	letter-spacing: 0.03em;
	padding: 12px 0 0 35px;
}

#footer_03_02{
	display: block;
	font-size: 70%;
	line-height: 1em;
	letter-spacing: 0;
	padding: 4px 0 0 35px;
}