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