@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------------
    Structure
----------------------------------------------------------------- */
body{
margin:0;
padding:0;
border-top:5px solid #D00505;
color:#333;
background:#ffffff url("../images/common/bg_body.jpg") 0 0 repeat-x;
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;*/
_font-family:"ＭＳ Ｐゴシック", sans-serif;
font-size:100.01%;
line-height:1.45;
}

*:first-child+html body{
 font-family:"ＭＳ Ｐゴシック", "メイリオ", "Meiryo";
}
@charset "utf-8";


/* ----------------------------------------------------------------
    Heading Module
----------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6{
margin:0;
padding:0;
}


/* ----------------------------------------------------------------
    Text Module
----------------------------------------------------------------- */
p{
margin:0;
padding:0;
}

strong{
color:#b30000;
font-weight:bold;
}

em{
font-style:normal;
font-weight:bold;
}

address{
margin:0;
padding:0;
font-style:normal;
}


/* ----------------------------------------------------------------
    Hypertext Module
----------------------------------------------------------------- */
a:link{
color:#0099ff;
text-decoration:none;
}

a:visited{
color:#0099ff;
text-decoration:none;
}

a:hover, a:active, a:focus{
color:#d30000;
text-decoration:underline;
}

a[name]{
color:#333;
text-decoration:none !important;
}


/* ----------------------------------------------------------------
    List Module
----------------------------------------------------------------- */
ul,
ol,
dl{
margin:0;
padding:0;
list-style:none;
}

ol{
margin-left:2.5em;
list-style-type:decimal;
}

li,
dt,
dd{
margin:0;
padding:0;
}

li p,
li li,
li dt,
li dd,
dd p,
dd li,
dd dt,
dd dd{
font-size:100%;
}


/* ----------------------------------------------------------------
    Table Module
----------------------------------------------------------------- */
table{
margin:0;
padding:0;
}

td p,
td li,
td dt,
td dd{
font-size:100%;
}


/* ----------------------------------------------------------------
    Image Module
----------------------------------------------------------------- */
img{
border:0;
vertical-align:bottom;
}


/* ----------------------------------------------------------------
    Form Module
----------------------------------------------------------------- */
form,
fieldset{
margin:0;
padding:0;
border:0;
}

legend{
display:none;
}


/* ----------------------------------------------------------------
    Horizontal Rule
----------------------------------------------------------------- */
hr{
display:none;
}


/* ----------------------------------------------------------------
    Get hasLayout
----------------------------------------------------------------- */
div, ul, li, dl, dt, dd, p{
zoom:1;
}

ol li,
ul.list-numbered-01,
ul.list-numbered-01 li,
div.image-float p{
zoom:0;
}

/* ----------------------------------------------------------------
    other
----------------------------------------------------------------- */
body #contents{
width:955px;
_width:965px;
margin:0 auto;
}

body#whatsnew{
background-color:#000;
}

#contents h1{
margin-bottom:20px;
}

body#underContents #contents #logo{
margin-bottom:20px;
}

body#underContents #contents #mainContents{
float:right;
width:688px;
}

body#underContents #contents #mainContents h1{
margin:0 0 20px -5px;
_margin:0 0 20px;
}

body#underContents #contents #mainContents h2{
margin:0 0 20px 5px;
padding:0 0 3px 0;
background:url(../image/h2_bg01.gif) no-repeat 0 0;
font-size:81.25%;
color:#cc000f;
font-weight:bold;
}

body#underContents #contents #mainContents h2 span{
display:block;
background:url(../image/h2_bg02.gif) no-repeat 0 bottom;
padding:1em 0 1em 10px;
margin:0;
}

body#underContents #contents #mainContents h3{
margin:0 0 20px 5px;
font-size:81.25%;
color:#333;
font-weight:bold;
}

body#underContents #contents #mainContents h3{
border-left: 5px solid red;
padding:0.2em 10px 0.2em 7px;
}

body#underContents #contents #navigationArea .navigation{
width:268px;
background:url(../image/menu_bg01.gif) 0 0 no-repeat;
}

body#underContents #contents #navigationArea dl{
margin:0 0 0 0;
padding:0 0 20px 0;
width:268px;
background:url(../image/menu_bg02.gif) 0 bottom no-repeat;
}


body#underContents #contents #navigationArea dl dt{
padding: 14px 0 10px 22px;
margin:0;
}

body#underContents #contents #navigationArea dl dd a{
padding:0 20px 0 45px;
margin:0;
font-size:81.25%;
background:url(../image/link_point02.gif) 30px 0.3em no-repeat;
}

#mainVisual{
float:left;
width:559px;
margin-bottom:10px;
}

#iframeArea{
float:right;
background:url(../image/whatsnew_bg.gif) 0 0 no-repeat;
width:394px;
height:264px;
}

#iframeArea h2{
margin-top:16px;
_margin-top:10px;
margin-left:26px;
margin-bottom:20px;
}

*:first-child+html #iframeArea h2{
margin-top:10px;
}
#iframeArea iframe{
border:none;
width:345px;
height:190px;
margin-left:26px;
}

.whatsnewTxt{
color:#333;
font-size:81.25%;
}

#infoArea{
float:left;
width:398px;
margin-left:2px;
}

#otherArea{
width:220px;
float:right;
text-align:center;
}

#otherArea img{
margin-top: 7px;
}

#twitterArea{
width:220px;
margin-top:20px;
color:#333;
}

.boxArea01{
background:url(../image/box_bg01.gif) 0 0 no-repeat;
}

.boxArea01 a{
font-weight:bold;
}

#movieArea{
width:316px;
float:left;
margin-left:6px;
background:url(../image/box_bg03.gif) 0 0 no-repeat;
}

#movieArea h2{
margin:0;
padding: 15px 0 0 15px;
}

#movieArea .column p{
padding-right:20px;
font-size:81.25%;
}

#movieArea .column p span{
font-weight:bold;
}

#movieArea h3{
color:#ffffff;
background-color:#d30000;
margin:2px 9px 10px 11px;
padding:0.2em 0 0.2em 15px;
font-size:81.25%;
font-weight:bold;
}

#movieArea p{
padding:0 0 0 24px;
}

#movieArea #movieLink{
background: url(../image/box_bg04.gif) 0 bottom no-repeat;
padding-top: 5px;
padding-bottom: 20px;
text-align:right;
}

#movieArea #movieLink a{
padding-right:20px;
padding-left:0.5em;
font-size:81.25%;
background:url(../image/link_point02.gif) 0 0.3em no-repeat;
}

.boxArea01 h2{
padding: 15px 0 5px 22px;
margin:0;
}

.boxArea01 ul,
.boxArea01 dl{
background: url(../image/box_bg02.gif) 0 bottom no-repeat;
padding-bottom:15px;
}


.boxArea01 ul li,
.boxArea01 dl dt{
background:url(../image/link_point01.gif) 20px 0.7em no-repeat;
padding: 5px 10px 0 40px;
}

.boxArea01 dl dd{
padding:0 10px 0 40px;
}

#footer{
clear:both;
margin-top:20px;
margin-bottom:20px;
}

#footer #txtLinks{
float:left;
width:210px;
}

#footer #copyright{
float:right;
}

div.lyt-image{
margin-bottom:20px;
}

div.lyt-image p.image{
margin-bottom:0;
}

div.lyt-image.image-float{
direction:ltr !important;
margin-bottom:0;
border:1px solid red;
}

div.lyt-image.image-L p.image{
float:left;
width:100px;
margin:0 13px 10px 0;
}

div.lyt-image.image-L div.image p.image{
margin:0;
float:none;
}

div.lyt-image.image-parallel{
margin-bottom:0;
}

div.lyt-image.image-parallel div.image,
div.lyt-image.image-parallel div.column{
text-align:left;
}

div.lyt-image.image-parallel div.column p{
_margin-left:-24px;}

div.lyt-image.image-parallel.image-L div.image{ padding-right:15px; } 
div.lyt-image.image-parallel.image-R div.image{ padding-left:15px; } 

div.lyt-image.image-parallel div.image p.image{
margin-bottom:20px;
}

div.lyt-image.image-parallel.image-L div.image{ float:left; }
div.lyt-image.image-parallel.image-R div.image{ float:right; }

#footer{
border-top:2px solid #D00505;
}

#footerArea {
margin:0 auto;
padding-top:15px;
padding-bottom:30px;
padding-left:10px;
width:955px;
_width:960px;
}

#footer #use{
float:left;
}

#footer p{
margin-top:5px;}

/* ----------------------------------------------------------------

    Float Clearing

----------------------------------------------------------------- */
body #contents:after,
div.lyt-image:after,
div#infoArea:after,
div#movieArea:after,
div#twitterArea:after,
body#underContents #contents #mainContents:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}