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

body{
margin:0;
padding:0;
text-align:center;
background:url(../images/bg.jpg) no-repeat 50% 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:825px;
	margin:0 auto;
}

#head{
height:94px;
position:relative;
}

#main{
padding:30px 0;
border-bottom: 1px solid #353535;
}

#main .contentes{
	width:542px;
	float: left;
}

#main .side{
	width:263px;
}
/*Hide from ie6 and lower*/    
html > body #main .side{
     margin-left/**/: 562px;
}
/*Only for ie6*/
* html #main .side{
     margin-left:555px;
}


#foot{background:none}


/***********************************************/
/* #head style                                 */
/***********************************************/

#head h1{
	float:left;
	margin: 26px 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
}

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


/***********************************************/
/* #foot style                                 */
/***********************************************/

#foot {margin:0}

#foot .foot_left{
	width:542px;
	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;
	padding: 40px 0;
    text-align: right;
}
/*Hide from ie6 and lower*/    
html > body #foot .foot_right{
     margin-left/**/: 562px;
}
/*Only for ie6*/
* html #foot .foot_right{
     margin-left:555px;
}

#foot .foot_right h6{
	font-size:75%;
	color:#999999;
	margin: 25px 0 0;
}

#foot .foot_right h6 a{
	color:#1996D1;
	text-decoration:underline
}