@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: 45px 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 .counter{
	float:right;
	background:url(../images/counter_bg.jpg) no-repeat 0 0;
	height: 28px;
    width: 138px;
	position:relative;
	margin:15px 0;
}

.counter .nums{
	position:absolute;
	right:0;
	top:0;
}


/***********************************************/
/* #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;
}

.company .information{
	background:url(../images/side/info_bg.jpg) no-repeat 0 0 #fff;
	height:161px;
	overflow:auto;
	text-align:left;
	padding:5px 10px 12px;
}

.company .information h4{
	color:#F96F25;
	font-size: 120%;
}

.company .information p{
	font-size: 115%;
	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: 40px;
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: 240px;
font-size:75%;
color:#999999;
margin-top: 25px;
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;
}
#facebook_like_box.white .fb_iframe_widget{
background-color:white;
opacity:0.8;
}
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;
}
.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 h3 {
font-weight: bold;
font-size: 130%;
line-height: 1.4em;
}
#information {
display: none;
width: 480px;
height: auto;
background-color: #fff;
background-image: none;
}
#information p {
font-size: 1.2em;
line-height: 1.6em;
}
/***********************************************/
/* 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:10px;
font-size: 8px;
background-color:black;
color:#fff;
background-image:none;
cursor:pointer;
opacity:0.7;
border-radius:4px;
top:5px;
right:5px;
width:30px;
height:20px;
display:block;
}
#head h2 {
float: none;
margin: 5px 0 0 0px;
text-align:right;
}
#nav ul li:hover,
#nav ul li {
width:50%;
border:none;
}
#nav ul .current:hover,
#nav ul .current {
width:100%;
border:none;
}
.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;
height:auto;
}
.company img.btm {
display:none;
}
#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;
}
#information {
width:auto;
padding-left:2%;
padding-right:2%;
}
a.popup {
width: 263px;
margin: 0 auto;
position: relative;
left: 1px;
}
#information p {
font-size: 1em;
line-height: 1.4em;
}
}