@charset "euc-jp";

/* home.css(LPトップページ CSS）
=============================================================================*/
body {
color: #000;
font-family: "ＭＳ Ｐゴシック",Osaka;
text-align: center;
margin: 0;
padding:0;
font-size:0.8em;
line-height:1.5;
background-color:#fffef4;
border-top:3px solid #000;
}
a img{
border: 0;
}
a:link {
color: #0000ff;
text-decoration: underline;
}
a:visited {
color: #0000ff;
text-decoration: underline;
}
a:hover, a:active {
color: #0000ff;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6, p, form, ul, ol, dl, dt, dd, div, th {
font-weight: normal;
margin: 0;
padding: 0;
list-style-type:none;
}
sup{
vertical-align:top;
}
* html sup{vertical-align:text-top;}
*:first-child + html sup{vertical-align:text-top;}

strong, em, address {
font-style: normal;
font-weight: normal;
}
a:focus{
outline:none;
}
/* clear -------------------------------------------------------------------- */
.clearfix:after {
content: " ";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* common-font -------------------------------------------------------------- */
.font-bold	{
font-weight:bold;
}
.font-normal	{
font-weight:normal;
}
.text-left	{
text-align:left !important;
}
.text-center	{
text-align:center !important;
}
.text-right	{
text-align:right !important;
}
em{
font-weight:bold;
}

/* margin -------------------------------------------------------------------- */
.margin33{
margin-bottom:33px;
}
.margin25{
margin-bottom:25px;
}

/*-----------------------------------------------------------------------------*/
#top{
margin:0 auto;
text-align:left;
width:900px;
background:transparent url(../../siteimg/landing/home/bg_title01.gif) repeat-y scroll left top;
}
#main{
/*margin:0 auto 60px; [PR]部追加のため元の指定をコメント2012/8/6 */
margin:0 auto 20px;
text-align:left;
width:866px;
padding:17px;
background-color:#e0f0fd;
}
#footer{
margin:0;
padding:0;
width:100%;
background-color:#2190d4;
border-top:3px solid #000;
}
#footer_inner{
margin:0 auto;
padding:15px 0 30px 10px;
text-align:left;
width:890px;
color:#fff;
}

/* top ------------------------------------------------------------------------*/
#top .left{
width:372px;
float:left;
background:transparent url(../../siteimg/landing/home/bg_title01.gif) repeat-y scroll right top;
margin-left:-10px;
position:relative;
}
#top .left .left_inner{
background:transparent url(../../siteimg/landing/home/title01.gif) no-repeat scroll center top;
min-height:454px;
_height:454px;/* for IE6 */
}
#top .left .left_inner h1{
text-indent:-9999em;
}
#top .right{
width:538px;
float:left;
background-color:#ffffff;
}
#top .right h2.title02{
text-indent:-9999em;
background:transparent url(../../siteimg/landing/home/title02.gif) no-repeat scroll left top;
width:538px;
height:64px;
}
#top .right .top_image{
background:#fff url(../../siteimg/landing/home/top_image.jpg) no-repeat scroll left top;
}
#top .right .top_image .top_text{
padding-top:272px;
margin:0 16px 16px;
}

/* main -----------------------------------------------------------------------*/
#main .note_top{
background:transparent url(../../siteimg/landing/home/bg_note_top.gif) no-repeat scroll 0 0;
height:27px;
overflow:hidden;
}
#main .note_middle{
background:transparent url(../../siteimg/landing/home/bg_note_middle.gif) repeat-y scroll 0 0;
padding:10px 40px 0;
}
#main .note_bottom{
background:transparent url(../../siteimg/landing/home/bg_note_bottom.gif) no-repeat scroll 0 0;
height:10px;
overflow:hidden;
}
#main .note_middle h2.title03{
text-indent:-9999em;
background:transparent url(../../siteimg/landing/home/title03.gif) no-repeat scroll left top;
height:49px;
margin-bottom:15px;
}
#main .note_middle ul.introduction{
width:822px;
margin:0 -38px 0 0;
position:relative;
}
#main .note_middle ul.introduction li{
width:373px;
float:left;
padding:0 30px 20px 0;
position:relative;
}
p.pr{
width:860px;
margin:0 auto 20px;
padding:4px 20px;
text-align:left;
font-size:12px;
background:#F1F1F1;
color:#999999;
}
p.pr a{
text-decoration:none;
color:#999999;
}
p.pr a:hover{
color:#999999;
}

/* to_pagetop -----------------------------------------------------------------*/
#footer_inner .to_pagetop{
margin:-40px 10px 40px 0;
text-align:right;
position:relative;
}