@charset "utf-8";

/* CSS Document */

/*�‰Šú‰»---------------------------------------------*/

/* 
Copyright (c) 2006, Yahoo! Inc. All rights reserved. 
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0 
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';} 
img{vertical-align:bottom;}

html{
height:100%;
}


body{
height:100%;
background-image:url(../images/bk_BCB0A3.jpg);
background-repeat:repeat-X;
background-position:top left;
background-attachment:fixed;	 
background-color:#91806A/*#BCB0A3*/;
text-align:center;
color:#3E3E3E;
font-size:93%;
line-height:150%;
}


/* h—v‘f�@---------------------------------------------*/

h1{
color:#797979;
}

h2{
font-size:112%;
color:#000;
font-weight:bold;
border-left:10px solid #730A0D;
border-right:1px solid #CCC;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:8px;
background-color:#F7F7F7;
}

h3{
font-size:small;
color:#797979;
margin:2px 5px 5px 2px;
border-bottom:2px solid #CCC;
padding:5px 0 5px 18px;
background:url(../images/point_b.gif) no-repeat 2px 5px;
} 

h4{
color:#730A0D;
margin:15px 0 5px 15px;
border-left:6px solid #730A0D;
letter-spacing:130%;
font-weight:bold;
padding:2px 2px 2px 7px;
}

h5{ 
color:#404040;
margin:2px 5px 5px 2px;
border-bottom:2px solid #CCC;
padding:2px;
letter-spacing:120%;
}

/* a—v‘f�@---------------------------------------------*/

a {color:#730A0D;/*#CB100A*/
text-decoration: none;
} 
a:visited{ color: #A00E11;
text-decoration: none;
}
a:hover { color: #333;
text-decoration: underline;
} 
a:active{ color: #990000;
text-decoration: none;
}


/* ‹¤’ʃŒƒCƒAƒEƒg�Ý’è -------------------------------*/

.clear{
clear:both;
}

.helpnavi{
display:none;
}

.small{
font-size:78%;
}

.center{
margin-left:auto;
margin-right:auto;
text-align:center;
}

.left_10{
margin-left:10px;
}

.posiright{
margin-left:auto;
margin-right:0;
text-align:right;
}

.bar{
border-bottom:1px dotted #CCCCCC;
height:1px;
min-height:1px
}

/* ƒwƒbƒ_�[—v‘f -------------------------------*/

*html #outline {
width:906px;
margin:0px auto;
background-color:#FFFFFF;
background-image:url(../images/bk.gif);
background-repeat:repeat-y;
text-align:left;
position:relative;
height: 100%;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", "Osaka","sans-serif" "ƒqƒ‰ƒMƒmŠpƒS Pro W3,HG•½�¬ŠpºÞ¼¯¸‘ÌW7","Arial";
}

body:first-of-type #outline {
width:906px;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
background-image:url(../images/bk.gif);
background-repeat:repeat-y;
text-align:left;
position:relative;
min-height:100%;
font-family: "arial",sans-serif;
}

#outline {
width:906px;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
background-image:url(../images/bk.gif);
background-repeat:repeat-y;
text-align:left;
position:relative;
min-height:100%;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", "Osaka","sans-serif" "ƒqƒ‰ƒMƒmŠpƒS Pro W3,HG•½�¬ŠpºÞ¼¯¸‘ÌW7","Arial";
}

body > #outline {
height: auto;
}

*html #main{
width:auto;
border:none;
}

#main{
width:900px;
margin-left: auto;
margin-right: auto;
padding-bottom:380px;
border-top:6px solid #730A0D;
}

#logo{
position:absolute;
margin:3px 0 5px 5px;
}   
  
#subnavi{
position:absolute;
margin:10px 0 5px 685px;
}

#subnavi li{
display:inline;
}

#top_ttl{
margin-left: auto;
margin-right: auto;
text-align:center;
margin:50px 0 22px 0;
}

#font_change{
width:400px;
margin:-30px 0 10px 720px;
}

#change{
float:left;
}

#s{
float:left;
width:23px;
height:23px;
background:url(../images/text_s.gif) no-repeat left top ;  
}

#m{
float:left;
width:23px;
height:23px;
background:url(../images/text_m.gif) no-repeat left top ;  
}

#l{
float:left;
width:23px;
height:23px;
background:url(../images/text_lo.gif) no-repeat left top ;  
}

	   
   
/* ƒiƒrƒQ�[ƒVƒ‡ƒ“—v‘f ---------------------------------------------*/

#navi {
margin:10px 0 5px 10px;
}

#navi li{
display:inline;
}   
   
	   
/* ƒtƒ‰ƒbƒVƒ…ƒRƒ“ƒeƒ“ƒc ---------------------------------------------*/

#flashcontent{
margin-left: 10px;
margin-right: auto;
text-align:center;
}

	   
/* Wrapper ---------------------------------------------*/

#left_Wrpper{
width:650px;
margin:10px 0 0 9px;
padding:5px 0 10px 10px;
float:left;
}

#right_Wrpper{
width:203px;
margin:10px 13px 0 0;
padding:5px 0 10px 0;
float:right;
}

/* Top NEWS ---------------------------------------------*/

*html #top_news dd{
width:480px;
margin:0 40px 0 10px;   
padding:5px 0 5px 0;   
}

*html #top_news dt{   
float:left;   
width:80px;
margin-left:5px;   
padding:5px 5px 5px 15px;
background:url(../images/point_b.gif) no-repeat 1px 4px;   
color:#730A0D;
font-size:88%;
}  

div#top_news dl,div#dvdleft dl,div#dvdright{
margin:12px 0 20px 0; 
line-height:125%;  
}
   
#top_news dt {   
float:left;
width:75px;
margin-left:5px;   
padding:5px 5px 5px 15px;
background:url(../images/point_b.gif) no-repeat 1px 4px;   
color:#730A0D;
font-size:88%;
}  
 
#top_news dd {
width:577px;
margin-left:10px;   
padding:5px 0 5px 0;   
}  


*:first-child+html #top_news dd{
width:480px;
margin:0 40px 0 10px;   
padding:5px 0 5px 0;   
}

*:first-child+html #top_news dt{   
float:left;   
width:80px;
margin-left:5px;   
padding:5px 5px 5px 15px;
background:url(../images/point_b.gif) no-repeat 1px 4px;   
color:#730A0D;
font-size:88%;
}  


/* DVD�E�‘�Ð ---------------------------------------------*/

.left{
float:left;
width:315px;
margin:10px 5px 20px 5px;
}

.right{
float:right;
width:315px;
margin:10px 0 20px 0;
}

.top_left {
float:left;
width:83px;
}

.top_right {
width:240px;
margin-left:5px;
}

*:first-child+html .top_right {
width:200px;
}

*html .top_right {
width:200px;
}

/* ƒ{ƒgƒ€ƒiƒr ---------------------------------------------*/

*html #bottom{
width:610px;
border-top:2px solid #CCC;
margin:30px 0 50px 0;
padding:5px 0 80px 0;
}

#bottom{
width:610px;
border-top:2px solid #CCC;
margin:30px 0 50px 0;
padding:5px 0 0 0;
}

.posileft{
float:left;
}

.posiright{
float:right;
}

/* ƒTƒCƒhƒo�[�@---------------------------------------------*/

#banner li{
margin-bottom:1px;
}

.gray_bt{
width:190px;
border-top:2px solid #CCCCCC;
margin-top:3px;
padding-top:5px;
}

/* ƒtƒbƒ^�[�@---------------------------------------------*/

*html #footer {
width:900px;
margin:80px 0 0 0;
}

#footer {
width:900px;
position:absolute;
bottom:0px;
height:320px;
margin:50px 0 50px 0;
}

*html #foot {
width:820px;
margin-left:20px;
padding-left:20px;
border-top:3px solid #CCCCCC;
}

#foot {
width:820px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
margin-bottom:40px;
border-top:3px solid #CCCCCC;
}

*html div#footer #footernavi dl{
float:left;
display:block;
width:180px;
margin-left:10px;
}

div#footer #footernavi dl{
float:left;
display:block;
width:205px;
}

div#footer #footernavi dt{
font-weight:bold;
margin-bottom:5px;
font-size:1em;
font-weight:bold;
line-height:1.6em;
width:180px;
}

div#foot #footernavi dt.navi2{
margin-top:15px;
}


div#foot #footernavi dd
{ display:block; background:url(../images/sub_navi_arrow_o.gif) no-repeat 0 8px; width:180px; 	padding-left:10px;
margin: 0px 0px 5px 0px;} 


#foot_line{
border-top:1px solid #FFFFFF;
margin-top:10px;
}

#footnavi2 {
margin-left:auto;
margin-right:auto;
text-align:center;
padding-bottom:5px;
}

#footnavi2 li {
display:inline;
padding:0 3px 0 5px;
}

.left_b{
border-left:1px solid #393939;
}

#footnavi3 {
margin:40px 3px 5px 520px;
}

#footnavi3 li {
display:inline;
padding-left:16px;
background:url(../images/submenu_point.gif) no-repeat 1px;
}

*html #copy {
margin:20px 0 5px -10px;
}


#copy {
margin:20px 0 60px -10px;
}