@charset "utf-8";

/* ----------------------------------------------------------------------
  reset
---------------------------------------------------------------------- */
html,body,h1,h2,h3,h4,h5,h6,div,p,li,dl,dt,dd,table,th,td,form{
	margin: 0;
	padding: 0;
}
ul{list-style: none;}
ul,ol{margin: 0; padding: 0;}
img{text-decoration: none; border: 0; font-size: 0px;}
hr{display: none;}
table{border-collapse: collapse;}
caption,th{text-align: left;}


/* ----------------------------------------------------------------------
  global
---------------------------------------------------------------------- */
body, th, td, textarea{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	line-height: 1.5;
	color: #555;
}

a,a:visited{color: #; text-decoration:under-line;}
a:hover{text-decoration:none;}

h1{
	font-size:11px;
	color:#fb801f;
}

div#main{
	padding-bottom:2em;
}

div#main h2{
	font-size:20px;
	margin-bottom:1em;
}
div#main h3{
	font-size:16px;
	margin-bottom:1em;
}
div#main p{
	font-size:14px;
	margin-bottom:1em;
}

div#main ol{
	margin:0 0 1em 2.5em;
}
div#main ul{
	list-style:disc;
	margin:0 0 1em 2.5em;
}

p.caution{
	font-size:12px;
	text-align:center;
	color:#f00;
	padding-bottom:2.5em;
}
p.caution a{
	font-weight:bold;
}
div#main p.caution{
	font-size:12px;
}



/* ----------------------------------------------------------------------
  base layout
---------------------------------------------------------------------- */
body{
	text-align:center;
	background:url(../images/bg.png) repeat-x;
}
div#wrapper{
	text-align:left;
	width:800px;
	margin:0 auto;
	position:relative;
}

#hatena{
	position:absolute;
	top:0;
	right:0;
}
#yahoo{
	position:absolute;
	top:0;
	right:80px;
}


/* ----------------------------------------------------------------------
  home header
---------------------------------------------------------------------- */
div#home_header{
	background:url(../images/home_header_bg.png) no-repeat;
	height:569px;
	position:relative;
	margin-bottom:10px;
}
div#home_header div.home_header_l{
	width:468px;
	float:left;
}
div#home_header div.home_header_r{
	width:332px;
	float:right;
}

div#home_header h2{
	text-indent:-9999px;
	background:url(../images/home_header_logo.png) no-repeat;
	width:468px;
	height:192px;
	overflow:hidden;
}

div#home_header p.home_header_label{
	text-indent:-9999px;
	background:url(../images/home_header_label.png) no-repeat;
	width:332px;
	height:105px;
	overflow:hidden;
}

div#home_header  h3#movie_ttl{
	text-indent:-9999px;
	background:url(../images/home_header_movttl.png) no-repeat;
	width:332px;
	height:86px;
	overflow:hidden;
}
div#home_header  div#movie_cont{
	font-size:12px;
	line-height:1.2;
	background:url(../images/home_header_movbg.png) no-repeat;
	height:289px;
	overflow:hidden;
}
div#home_header  div#movie_cont object{
	margin-left:30px;
}
*html div#home_header  div#movie_cont embed{
	margin-left:30px;
}
*:first-child+html  div#movie_cont embed{
	margin-left:30px;
}
div#home_header  div#movie_cont p{
	padding:5px 30px 5px 25px;
}

div#home_header  li a{
	text-indent:-9999px;
	width:308px;
	height:89px;
	overflow:hidden;
	display:block;
}
div#home_header  li#home_header_btn01 a{
	background:url(../images/home_header_btn01.png) no-repeat;
	position:absolute;
	top:479px;
	left:97px;
}
div#home_header  li#home_header_btn01 a:hover{
	background:url(../images/home_header_btn01_o.png) no-repeat;
}
div#home_header  li#home_header_btn02 a{
	background:url(../images/home_header_btn02.png) no-repeat;
	position:absolute;
	top:479px;
	left:403px;
}
div#home_header  li#home_header_btn02 a:hover{
	background:url(../images/home_header_btn02_o.png) no-repeat;
}



/* ----------------------------------------------------------------------
  home content
---------------------------------------------------------------------- */
div.funcbox_left,
div.funcbox_right{
	width:400px;
	padding-bottom:2.5em;
}
div.funcbox_left{
	float:left;
}
div.funcbox_right{
	float:right;
}
div#new_func div.funcbox_left h3,
div#new_func div.funcbox_right h3{
	font-size:13px;
	color:#006633;
	background:url(../images/new_func_sttl.png) no-repeat;
	padding:25px 0 10px 55px;
}

div#st_func div.funcbox_left h3,
div#st_func div.funcbox_right h3{
	font-size:13px;
	color:#006633;
	background:url(../images/bar.jpg) no-repeat;
	padding:15px 0 10px 40px;
}
div#st_func div.funcbox_left h3.funcbox_sttl02{
	font-size:14px;
	color:#006633;
	background:url(../images/funcbox_sttl02.png) no-repeat;
	padding:5px 0 10px 33px;
}
div#st_func div.funcbox_right h3.funcbox_sttl03{
	font-size:14px;
	color:#006633;
	background:url(../images/funcbox_sttl03.png) no-repeat;
	padding:5px 0 10px 33px;
}

div.funcbox_left p,
div.funcbox_right p{
	padding:0 18px 0.5em 18px;
}

ul#st_func_nav{
	margin:15px 55px;
}
ul#st_func_nav li{
	font-size:1px;
	line-height:0;
}
ul#st_func_nav li a{
	text-indent:-9999px;
	width:112px;
	height:113px;
	display:block;
	float:left;
}
ul#st_func_nav li#st_func_nav01 a{background:url(../images/st_func_nav01.png) no-repeat;}
ul#st_func_nav li#st_func_nav01 a:hover{background:url(../images/st_func_nav01_o.png) no-repeat;}
ul#st_func_nav li#st_func_nav02 a{background:url(../images/st_func_nav02.png) no-repeat;}
ul#st_func_nav li#st_func_nav02 a:hover{background:url(../images/st_func_nav02_o.png) no-repeat;}
ul#st_func_nav li#st_func_nav03 a{background:url(../images/st_func_nav03.png) no-repeat;}
ul#st_func_nav li#st_func_nav03 a:hover{background:url(../images/st_func_nav03_o.png) no-repeat;}
ul#st_func_nav li#st_func_nav04 a{background:url(../images/st_func_nav04.png) no-repeat;}
ul#st_func_nav li#st_func_nav04 a:hover{background:url(../images/st_func_nav04_o.png) no-repeat;}
ul#st_func_nav li#st_func_nav05 a{background:url(../images/st_func_nav05.png) no-repeat;}
ul#st_func_nav li#st_func_nav05 a:hover{background:url(../images/st_func_nav05_o.png) no-repeat;}
ul#st_func_nav li#st_func_nav06 a{background:url(../images/st_func_nav06.png) no-repeat;}
ul#st_func_nav li#st_func_nav06 a:hover{background:url(../images/st_func_nav06_o.png) no-repeat;}



/* ----------------------------------------------------------------------
  dlbox 
---------------------------------------------------------------------- */
div.dlbox{
	background:url(../images/dlbox_bg.png) no-repeat;
	width:800px;
	height:177px;
	overflow:hidden;
	margin-bottom:15px;
	position:relative;
}
div.dlbox h2{
	text-indent:-9999px;
	background:url(../images/dlbox_ttl.png) no-repeat;
	width:482px;
	height:93px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

div.dlbox p{
	font-weight:bold;
	line-height:1.4;
	color:#000;
	display:block;
	width:445px;
	float:left;
	padding-top:100px;
	padding-left:20px;
}
div.dlbox ul{
	display:block;
	width:318px;
	float:right;
}
div.dlbox ul li{
	font-size:1px;
	line-height:0;
}
div.dlbox ul li a{
	text-indent:-9999px;
	width:308px;
	height:76px;
	overflow:hidden;
	display:block;
}
div.dlbox ul li.dlbox_btn01 a{
	background:url(../images/dlbox_btn01.png) no-repeat;
	position:absolute;
	top:19px;
	left:488px;
}
div.dlbox ul li.dlbox_btn01 a:hover{
	background:url(../images/dlbox_btn01_o.png) no-repeat;
}
div.dlbox ul li.dlbox_btn02 a{
	background:url(../images/dlbox_btn02.png) no-repeat;
	display:block;
	position:absolute;
	top:93px;
	left:488px;
}
div.dlbox ul li.dlbox_btn02 a:hover{
	background:url(../images/dlbox_btn02_o.png) no-repeat;
}



/* ----------------------------------------------------------------------
  footer
---------------------------------------------------------------------- */
div#footer{
	font-size:12px;
	text-align:center;
	color:#fff;
	background-color:#ee6c1d;
	padding:2.5em 0;
}
div#footer a{
	color:#fff;
}
div#footer a:hover{
	color:#ffc;
}

/* fcomment ------------------------------------------------------- */
div#footer div#fcomment{
	text-align:left;
	background:url(../images/fcomment_bg.jpg) no-repeat right center;
	width:800px;
	margin:0 auto 1em auto;
}
div#footer div#fcomment table,
div#footer div#fcomment p{
	color:#fff;
	margin: 0 300px 0.8em 0;
}
div#footer div#fcomment th,
div#footer div#fcomment td{
	font-size:12px;
	vertical-align:top;
	color:#fff;
}
div#footer div#fcomment th{
	white-space:nowrap;
}


div#footer div#fnav{
	width:800px;
	margin:0 auto 1em auto;
}



/* ----------------------------------------------------------------------
  tips
---------------------------------------------------------------------- */

.clearfix{display:inline-block;}
.clearfix:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.fs11{font-size:11px;}

ul.ul_disc{list-style:disc;}