@charset "UTF-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body {
margin: 0;
padding: 0;
text-align: center;
background: url(../images/bg.jpg) no-repeat 37.5% 0 #000
}
/*body {
   behavior: url("csshover3.htc");
}*/
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fildset,
input,
textarea,
p,
blockquote,
table,
th,
td,
address {
margin: 0;
padding: 0;
color: #000;
font-style: normal;
font: 12px/160% verdana, "ヒラギノ丸ゴ Pro W4", ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif
}
table {
border-collapse: collapse;
border-spacing: 0
}
textarea,
input {
margin: 0;
padding: 0
}
td,
th {
vertical-align: top
}
fieldset,
img,
abbr {
border: none
}
li {
list-style-type: none
}
hr {
display: none
}
a,
a:link {
color: #666;
text-decoration: none;
text-align: center;
}
a:visited {
color: #666
}
a:hover {
color: #666;
text-decoration: underline
}
strong {
font-weight: bold
}
img {
vertical-align: bottom
}
/***********************************************/
/* layout divs                                 */
/***********************************************/

#wrapper {
width: 1008px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#head {
height: 94px;
position: relative;
}
#main {
padding: 30px 0;
border-bottom: 1px solid #353535;
}
#main .contentes {
width: 723px;
float: left;
}
#main .side {
width: 263px;
float: right;
}
/*Hide from ie6 and lower*/    
html > body #main .side {
/* [disabled]margin-left|**|: 562px;
*/
}
/*Only for ie6*/
* html #main .side {
margin-left: 555px;
}
#foot {
background: none
}
/***********************************************/
/* #head style                                 */
/***********************************************/

#head h1 {
float: left;
margin: 31px 0 0;
}
#head h2 {
float: left;
margin: 37px 0 0 15px;
}
.social {
float: right;
margin: 45px 0 0;
}
.social ul {
}
.social ul li {
display: inline;
float: left;
}
.social ul li.twitter {
width: 98px;
}
/*Hide from ie6 and lower*/    
html > body .social ul li.mobile {
margin/**/: -10px 0 0;
}
/*Only for ie6*/
* html .social ul li.mobile {
margin: 0;
}
/***********************************************/
/* #nav style                                 */
/***********************************************/
/*
#nav{
	width:100%;
	height:45px;
	background:#F96F25
}

#nav table{
	
}

#nav table tr{
	
}

#nav table tr td{
	vertical-align:middle;
	background:url(../images/nav/bg_hv.jpg) repeat-x 0 0;
	border-left:#414447 solid 1px;
	border-right:#232323 solid 1px;
}
#nav table tr td:link,#nav table tr td:visited{
	background:url(../images/nav/bg_hv.jpg) repeat-x 0 0;
}
#nav table tr td:hover{
	background:url(../images/nav/bg_hvd.jpg) repeat-x 0 0;
}
#nav table tr td.nav_01{
	width:116px;	
}

#nav table tr td.nav_02{
	width:116px;	
}

#nav table tr td.nav_03{
	width:116px;	
}

#nav table tr td.nav_04{
	width:116px;	
}

#nav table tr td.nav_05{
	width:116px;	
}

#nav table tr td.nav_06{
	width:116px;	
}

#nav table tr td.nav_07{
	width:116px;	
}
#nav table tr td.current{
	background:url(../images/nav/bg_hvd.jpg) repeat-x 0 0;
	border-left:#EE651C solid 1px;
	border-right:#EE651C solid 1px;
}

#nav table tr td a{
	font-size:12px;
	line-height:14px;
	text-align:center;
}
#nav table tr td a,#nav table tr td a:link{color:#fff;text-decoration:none}
#nav table tr td a:visited{color:#fff}
#nav table tr td a:hover{color:#fff;text-decoration:none}

#nav table tr td a div{
	width:100%;
	height:43px;
	display:inherit
}
*/
/***********************************************/
/* #nav list style                             */
/***********************************************/
#nav {
width: 100%;
height: 45px;
background: #F96F25
}
#nav ul {
overflow: hidden;
}
#nav ul li {
float: left;
width: 142px;
background-image: url(../images/nav/bg_hv.jpg);
background-repeat: repeat-x;
border-left: #414447 solid 1px;
border-right: #232323 solid 1px;
}
#nav ul li a {
text-align: center;
display: block;
width: 100%;
white-space: nowrap;
height: 36px;
color: #FFF;
text-decoration: none;
font-size: 12px;
line-height: 14px;
padding-top: 7px;
}
#nav ul .current {
background: url(../images/nav/bg_hvd.jpg) repeat-x 0 0;
border-left: #EE651C solid 1px;
border-right: #EE651C solid 1px;
}
#nav ul li.nav_07 a {
/*width: 148px;*/
padding-top: 0px;
height: 43px;
}
#nav ul li.nav_03 a,
#nav ul li.nav_05 a,
#nav ul li.nav_06 a {
padding-top: 15px;
height: 28px;
}
#nav ul li:hover {
background: url(../images/nav/bg_hvd.jpg) repeat-x 0 0;
border-left: #EE651C solid 1px;
border-right: #EE651C solid 1px;
}
/***********************************************/
/* #main style                                 */
/***********************************************/

.contentes .totaltime {
background: url(../images/totaltime.jpg) no-repeat 0 0;
float: left;
width: 138px;
height: 32px;
margin: 15px 0;
position: relative;
}
.totaltime span {
color: #FFFFFF;
position: absolute;
right: 7px;
top: 5px;
}
.contentes .main_video_link {
float: left;
width: 400px;
position: relative;
background-image: url(../images/dott.png);
background-repeat: repeat;
border: 1px solid #f66c23;
border-radius: 3px;
margin: 11px 0 15px 3.5%;
color: #fff;
overflow: hidden;
text-align: center;
}
.contentes .main_video_link a {
text-decoration: none;
color: #fff;
display: block;
float: left;
width: 58%;
background-image: url(../images/play.png);
background-repeat: no-repeat;
background-position: right center;
padding: 10px 3% 10px 0;
margin-right: 6%;
}
.contentes .main_video_link div {
float: right;
width: 33%;
padding: 10px 0;
}
.contentes .main_video_link div span {
border-left: 2px groove #333;
display: block;
color: #fff;
margin-left: 10px;
}
.contentes .counter {
float: right;
background: url(../images/counter_bg.jpg) no-repeat 0 0;
height: 28px;
width: 138px;
position: relative;
margin: 21px 0 15px 0;
}
.counter .nums {
position: absolute;
right: 0;
top: 0;
}
a.popup {
display: block;
background-color: #ff6413;
color: #fff;
text-align: center;
padding: 5px 0;
background-image: url(../images/look.png);
background-repeat: no-repeat;
background-position: right center;
}
/***********************************************/
/* #sideBar style                              */
/***********************************************/
.side .company {
position: relative;
right: 0;
top: 0;
}
.company img.btm {
position: absolute;
left: 0;
}
/*Hide from ie6 and lower*/    
html > body .company img.btm {
top/**/: 224px;
}
/*Only for ie6*/
* html .company img.btm {
top: 207px;
}
.information {
background: url(../images/side/info_bg.jpg) no-repeat 0 0 #fff;
height: 161px;
overflow: auto;
text-align: left;
padding: 5px 10px 12px;
}
#information {
display: none;
width: 480px;
height: auto;
background-color: #fff;
background-image: none;
}
.information h4 {
color: #F96F25;
font-size: 120%;
}
.information h3 {
font-weight: bold;
font-size: 130%;
line-height: 1.4em;
}
.information p {
font-size: 120%;
padding: 0 0 12px;
}
.side ul.links {
margin: 10px 0 0;
}
.side ul.links li {
display: block;
margin: 10px 0;
background: #fff;
}
#facebook_like_box {
clear: both;
}
/***********************************************/
/* #foot style                                 */
/***********************************************/

#foot {
margin: 0
}
#foot .foot_left {
width: 723px;
float: left;
text-align: left;
padding: 15px 0 50px;
}
#foot .foot_left h4 {
color: #EB5405;
margin: 0 0 10px;
}
#foot .foot_left p {
color: #666666;
}
#foot .foot_right {
width: 263px;
text-align: right;
float: right;
padding-top: 5px;
padding-right: 0;
padding-bottom: 40px;
padding-left: 0;
}
/*Hide from ie6 and lower*/    
html > body #foot .foot_right {
/* [disabled]margin-left|**|: 562px;
*/
}
/*Only for ie6*/
* html #foot .foot_right {
margin-left: 555px;
}
.foot_add {
clear: both;
text-align: left;
}
#foot h6 {
padding-top: 0;
font-size: 80%;
color: #666666;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
text-align: right;
}
#foot h6 a {
color: #1996D1;
text-decoration: underline
}
#fb_message {
color: #EB5405;
}
#facebook_like_box {
width: 723px;
text-align: left;
float: left;
background-color:#fff;
}
#facebook_like_box.white .fb_iframe_widget {
background-color: white;
opacity: 0.8;
}
/***********************************************/
/* fancyBox                                 */
/***********************************************/
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.fancybox-opened{z-index:8030;}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}.fancybox-outer,.fancybox-inner{position:relative;}.fancybox-inner{overflow:hidden;}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}.fancybox-error{color:#444;margin:0;padding:15px;white-space:nowrap;}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}.fancybox-image{max-width:100%;max-height:100%;}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../images/fancybox_sprite.png');}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}#fancybox-loading div{width:44px;height:44px;background:url('../images/fancybox_loading.gif') center center no-repeat;}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../images/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}.fancybox-prev{left:0;}.fancybox-next{right:0;}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}.fancybox-prev span{left:10px;background-position:0 -36px;}.fancybox-next span{right:10px;background-position:0 -72px;}.fancybox-nav:hover span{visibility:visible;}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}.fancybox-lock{overflow:hidden;}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../images/fancybox_overlay.png');}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}.fancybox-title{visibility:hidden;position:relative;text-shadow:none;z-index:8050;}.fancybox-opened .fancybox-title{visibility:visible;}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}.fancybox-title-inside-wrap{padding-top:10px;}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);}
/***********************************************/
/* smart phone                                */
/***********************************************/
.nav_08 {
display: none;
}

@media only screen and (max-width: 480px) {
html {
-webkit-text-size-adjust: none;
}
#facebook_like_box,
#wrapper {
width: 100%;
}
#head h1 {
float: none;
margin: 10px 0 0 10px;
text-align: left;
}
#nav ul {
position: relative;
}
.nav_02,
.nav_03,
.nav_04,
.nav_05,
.nav_06,
.nav_07 {
display: none;
}
#nav ul li.nav_08:hover,
#nav ul li.nav_08 {
position: absolute;
line-height: 1.1em;
padding-top: 14px;
font-size: 8px;
background-color: black;
color: #fff;
background-image: none;
cursor: pointer;
opacity: 0.7;
border-radius: 4px;
top: 3px;
right: 5px;
width: 35px;
height: 23px;
display: block;
}
#head h2 {
float: none;
margin: 5px 0 0 0px;
text-align: left;
padding-left: 8%;
}
#head h2 img {
max-width: 100%;
height: auto;
}
#nav ul li:hover,
#nav ul li {
width: 50%;
border: none;
}
#nav ul .current:hover,
#nav ul .current {
width: 100%;
border: none;
}
.contentes .main_video_link {
float: none;
margin: 0 auto;
width: 90%;
}
.social {
overflow: hidden;
margin: 5px 0 0;
}
.social ul li.twitter {
width: auto;
}
#nav {
background-color: transparent;
clear: both;
height: auto;
}
.side ul.links li {
background-color: transparent;
}
.company .information {
width: 243px;
margin: 0 auto;
position: relative;
left: 1px;
padding: 10px;
}
.company img.btm {
display: none;
}
#information {
width:auto;
padding-left:2%;
padding-right:2%;
}
a.popup {
width: 263px;
margin: 0 auto;
position: relative;
left: 1px;
}
#main {
padding-top: 0;
}
#foot .foot_left,
#main .side,
#main .contentes {
float: none;
width: 100%;
}
#facebook_like_box {
margin: 0 auto;
width: 320px;
float: none;
}
#foot h6 {
padding-top: 5px;
float: none;
}
#foot .foot_left {
padding-bottom: 10px;
}
}