@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

html, body {height:100%;}

img, div { behavior: url(js/iepngfix.htc) }

body{
	background:url(../imgs/background.jpg) center center no-repeat #e5e5e5; 
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}

#container{
	width:908px;
	height:600px;
	margin:0 auto; 
	position:relative; 
	top:50%; 
	margin-top:-300px;}
	
html[xmlns*=""] body:last-child #container{margin-top:auto; position:relative; top:35px;}
	
.logo{
	text-align:right;
	padding:0 4px 5px 0;}
	
.contents{
	background:url(../imgs/img_main.png) no-repeat;
	width:908px;
	height:487px;}	
	
/*flash 部分*/
.topmovie{
	margin:40px 0 0 95px;}
	
/*link*/
a img{border:none;}

a {text-decoration:none;}
	
a:hover {text-decoration:underline;}

/*left content*/

.left_content{
	width:679px;
	height:443px;
	float:left;}


/*right navigation*/
	
.r_navi{
	postion:relative;
	float:left;
	margin:12px 0 0 2px;
	width:215px;
	height:425px;
	overflow:auto;}
	
.r_navi ul{
	list-style:none;}
	
.r_navi ul li{
	margin-bottom:2px;}
	
html>/**/body .r_navi ul li{  
    color /*\**/: blue\9;  
    margin-bottom:6px\9;  
} 
	
.puma{
	position:relative;
	top:53px;
	float:right;}
	
/*bottom navigation*/	

.bottom_navi{
	width:600px;
	height:20px;
	color:#d3e8f2;
	position:absolute;
	top:535px;
	left:25px;
	font-weight:bold;
	font-size:14px;
	text-align:left;}
	
html[xmlns*=""] body:last-child .bottom_navi{font-size:13px;}
	
.bottom_navi a{color:#d3e8f2;}
	
.bottom_navi a:hover{color:#fff;}
	
.float_wrapper{	
	margin:40px 0 0 35px;
	color:#fff;
	line-height:17px;}

	
/*about header*/
	
.about_header{
	background:url(../imgs/ttl_about.gif) no-repeat left top;
	height:98px;}
	
.btn_odog a{
	background:url(../imgs/btn_to_odog.gif) no-repeat 0px 0px;
	width:205px;
	height:19px;
	text-decoration:none;
	display:block;
	position:relative;
	top:60px;
	float:right;
	margin-right:40px;}
	
.btn_odog a:hover{
	background:url(../imgs/btn_to_odog.gif) no-repeat 0px -19px;}
	
/*one day one goal header*/
	
.odog_header{
	background:url(../imgs/ttl_odog.gif) no-repeat left top;
	height:98px;}
	
.btn_about a{
	background:url(../imgs/btn_to_about.gif) no-repeat 0px 0px;
	width:158px;
	height:19px;
	text-decoration:none;
	display:block;
	position:relative;
	top:60px;
	float:right;
	margin-right:40px;}
	
.btn_about a:hover{
	background:url(../imgs/btn_to_about.gif) no-repeat 0px -19px;}
	

/*about | POD 2009*/
#box{
	width:900px;
	height:480px;
	background-color:#248dbf;
	font-size:12px;}
	
	
	
	
.floatL01{
	float:left;
	width:410px;
	_line-height:19px; }
	
*:first-child+html .floatL01{line-height:19px;}
	
p{
	margin-bottom:12px;}
	
.margin5{
	margin-bottom:5px;}
	
.sub_comment{
	font-size:9px; }
	
	
	
.floatL02{
	float:left;
	width:385px;
	margin-left:35px;
	text-align:center;
	padding-top:17px;
	_line-height:19px;
	background:url(../imgs/bg_pod09.gif) no-repeat top center;}
	
.floatL02 dl{
	margin:8px 0 -40px 0;
	_margin-bottom:-52px;}
	
.floatL02 dt{
	text-align:right;
	position:relative;
	right:245px;}
	
.floatL02 dd{
	text-align:left;
	width:240px;
	position:relative;
	left:145px;
	_left:75px;
	top:-52px;
	_top:-58px;}
	
*:first-child+html .floatL02 dd{left:80px;}
	
.floatL02 .contact{
	text-align:left;
	margin-top:55px;
	_margin-top:40px;}
	
.floatL02 .contact a{color:#fff;}
	
*:first-child+html .floatL02 .contact{margin-top:45px;}
	
	

/*scroll用*/
	
.floatL03{
	float:left;
	width:520px;
	height:255px;
	padding-right:25px;
	overflow:auto;
	margin-top:30px;
	_line-height:20px;}
	
/*イメージが入る用*/

.floatL04{
	float:left;
	width:315px;
	text-align:center;}
	
	
	
/*--clearfix--*/
	
.contents:after,
.wrapper:after,
.about_header:after
.odog_header:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;}
	
.contents,
.wrapper,
.about_header,
.odog_header { display: inline-block; }

.contents,
#box,
.about_header,
.odog_header { display: block; }
