@charset "UTF-8";


/*	Neutralize - Based on YUI reset.css
----------------------------------------------------------------
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.Yahoo.net/yui/license.txt
version: 2.3.0
----------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{
margin:0;
padding:0;
word-break:break-all;/* for IE */
}
table{border-collapse:collapse;border-spacing:0;text-align:left;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
textarea{resize:none;}


/* Fonts - Based on YUI fonts.css
----------------------------------------------------------------
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.Yahoo.net/yui/license.txt
version: 2.3.0
*Opera9 Compatible!
----------------------------------------------------------------*/
body{
font-size:13px;*font-size:small;*font:x-small;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
}
body *{line-height:1.6;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}
small{font-size:inherit;font:100%;*font-size:small;*font:x-small;}/* for ADs */

/* Basis - 13px */
.f10{font-size:78%;} /* 10px (eq.x-small) */
.f11{font-size:86%;}  /* 11px */
.f12{font-size:93%;}  /* 12px */
.f13{font-size:100%;}  /* 13px (eq.small) */
.f14{font-size:108%;}  /* 14px */
.f15{font-size:116%;}  /* 15px */
.f16{font-size:123%;}  /* 16px (eq.medium) */
.f18{font-size:138.5%;}  /* 18px (eq.large) */
.f20{font-size:153.9%;}  /* 20px */
.f22{font-size:168%;}  /* 22px */
.f24{font-size:183%;}  /* 24px (eq.x-large) */

/* Basis - 14px */
.f14 .f10{font-size:72%;}/* 10px (eq.x-small) */
.f14 .f11{font-size:79%;}/* 11px */
.f14 .f12{font-size:86%;}/* 12px */
.f14 .f13{font-size:93%;}/* 13px (eq.small) */
.f14 .f14{font-size:100%;}/* 14px */
.f14 .f15{font-size:107.5%;}/* 15px */
.f14 .f16{font-size:114.5%;}/* 16px (eq.medium) */
.f14 .f18{font-size:128.6%;}/* 18px (eq.large) */
.f14 .f20{font-size:142.9%;}/* 20px */
.f14 .f22{font-size:156.8%;}/* 22px */
.f14 .f24{font-size:170%;}/* 24px (eq.x-large) */

/* Basis - 16px */
.f16 .f10{font-size:66%;}/* 10px (eq.x-small) */
.f16 .f11{font-size:70%;}/* 11px */
.f16 .f12{font-size:76%;}/* 12px */
.f16 .f13{font-size:82%;}/* 13px (eq.small) */
.f16 .f14{font-size:88%;}/* 14px */
.f16 .f15{font-size:94%;}/* 15px */
.f16 .f16{font-size:100%;}/* 16px (eq.medium) */
.f16 .f18{font-size:112%;}/* 18px (eq.large) */
.f16 .f20{font-size:124%;}/* 20px */
.f16 .f22{font-size:137%;}/* 22px */
.f16 .f24{font-size:148%;}/* 24px (eq.x-large) */


/*--------------------------------------------
clearfix
--------------------------------------------*/
div:#promotion .gnav,
div:#promotion .main,
div:#promotion .function,
div:#promotion .system{
content:".";
clear:both;
display:block;
height:0;
font-size:0;
visibility:hidden;
}
/* for IE6 */
*html #promotion .gnav,
*html #promotion .main,
*html #promotion .function,
*html #promotion .system
{display:inline-block;}
/* for IE7 */
*:first-child+html #promotion .gnav,
*:first-child+html #promotion .main,
*:first-child+html #promotion .function,
*:first-child+html #promotion .system
{display:inline-block;}


/*--------------------------------------------
common
--------------------------------------------*/
#promotion{
color:#666;
text-align:center;
background:#f5f5f5;
}

#promotion .wr{
width:832px;
background:url(../images/p_re_bg1.gif) repeat-y;
margin:0 auto;
padding:0 34px;
text-align:left;
}


/*--------------------------------------------
gnav
--------------------------------------------*/
#promotion .gnav p{
float:left;
padding:20px 20px 20px 0;
}

#promotion .gnav li{
float:left;
padding:15px 0 0 5px;
}

#promotion .gnav li a{
display:block;
height:40px;
background:url(../images/p_re_nav.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#promotion .gnav li.st01 a{width:127px; background-position:0 0;}
#promotion .gnav li.st02 a{width:81px; background-position:-132px 0;}
#promotion .gnav li.st03 a{width:80px; background-position:-218px 0;}
#promotion .gnav li.st04 a{width:95px; background-position:-303px 0;}

#promotion .gnav li.st01 a:hover{width:127px; background-position:0 -40px;}
#promotion .gnav li.st02 a:hover{width:81px; background-position:-132px -40px;}
#promotion .gnav li.st03 a:hover{width:80px; background-position:-218px -40px;}
#promotion .gnav li.st04 a:hover{width:95px; background-position:-303px -40px;}


/*--------------------------------------------
main
--------------------------------------------*/
#promotion .main{
clear:both;
width:832px;
height:362px;
background:url(../images/p_re_bg2.gif) no-repeat;
}

#promotion .main h1{
text-align:center;
padding:10px 0 0;
}

#promotion .main p.st01{
text-align:center;
padding:15px 0 0;
}

#promotion .main p.st02{
float:left;
padding:32px 35px 0 78px;
}

#promotion .main dl{
float:left;
width:427px;
height:143px;
background:url(../images/p_re_bg3.gif) no-repeat;
margin:15px 0 0;
}

#promotion .main dt{
padding:13px 0 0 94px;
}

#promotion .main dd{
padding:18px 0 0 18px;
font-size:50px;
font-weight:bold;
font-family:"Verdana";
letter-spacing:11px;
}
*html #promotion .main dd{padding-top:21px;}/* for IE6 */
*:first-child+html #promotion .main dd{padding-top:20px;}/* for IE7 */
html:not(:only-child:only-child) #promotion .main dd{padding-top:23px;}/* for safari */
#promotion .main dd{　padding-top:23px;}/* for opera */


/*--------------------------------------------
dl_btn
--------------------------------------------*/
#promotion .dl_btn{
text-align:center;
margin:25px auto;
}

#promotion .dl_btn a{
background:url(../images/p_re_btn.gif) no-repeat;
display:block;
width:559px;
height:59px;
margin:0 auto;
text-indent:-9999px;
overflow:hidden;
}

#promotion .dl_btn a:link,
#promotion .dl_btn a:active,
#promotion .dl_btn a:visited{
background:url(../images/p_re_btn.gif) no-repeat;
}

#promotion .dl_btn a:hover{
background:url(../images/p_re_btn_on.gif) no-repeat;
}


/*--------------------------------------------
function
--------------------------------------------*/
#promotion .function{
width:832px;
background:url(../images/p_re_bg4.gif) no-repeat;
}

#promotion .function h2{
padding:15px 0 51px 20px;
}

#promotion .function .cnt{
width:800px;
margin:0 15px;
border-right:1px solid #dbdad9;
border-left:1px solid #dbdad9;
border-bottom:1px solid #dbdad9;
}

#promotion .function .cnt li{
border-bottom:1px solid #dbdad9;
margin:0 15px;
padding:5px;
}
#promotion .function .cnt li:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}/* Clearfix */
*html #promotion .function .cnt li{display:inline-block;}/* for IE6 */
*:first-child+html #promotion .function .cnt li{display:inline-block;}/* for IE7 */

#promotion .function .cnt p{
width:203px;
float:right;
}

#promotion .function .cnt dl{
min-height:61px;
margin:22px 213px 0 0;
}
*html #promotion .function .cnt dl{
height:61px;
}

#promotion .function .cnt dl.st01{background:url(../images/p_re_ic1.gif) no-repeat;}
#promotion .function .cnt dl.st02{background:url(../images/p_re_ic2.gif) no-repeat;}
#promotion .function .cnt dl.st03{background:url(../images/p_re_ic3.gif) no-repeat;}
#promotion .function .cnt dl.st04{background:url(../images/p_re_ic4.gif) no-repeat;}

#promotion .function .cnt dt{
margin-left:76px;
}

#promotion .function .cnt dt img{
vertical-align:middle;
}

#promotion .function .cnt dd{
margin:3px 0 0 76px;
}

#promotion .function .cnt p.os{
width:auto;
float:none;
text-align:center;
padding:5px 0;
font-size:86%; /* 11px */
}


/*--------------------------------------------
system
--------------------------------------------*/
#promotion .system{
border:1px solid #72af2d;
}

#promotion .system h3{
text-align:center;
}

#promotion .system ul{
background:url(../images/p_re_bg5.gif) no-repeat 50% 70px;
width:800px;
margin:0 auto;
}
#promotion .system ul:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}/* Clearfix */
*html #promotion .system ul{display:inline-block;}/* for IE6 */
*:first-child+html #promotion .system ul{display:inline-block;}/* for IE7 */

#promotion .system li{
float:left;
padding:10px 25px 12px;
}

#promotion .system p.tx{
font-size:86%;
text-align:center;
}

#promotion .system p.btn2{
background:url(../images/p_re_dot.gif) repeat-x;
padding:7px 0 10px;
margin:5px 35px 0;
}
#promotion .system p.btn2:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}/* Clearfix */
*html #promotion .system p.btn2{display:inline-block;}/* for IE6 */
*:first-child+html #promotion .system p.btn2{display:inline-block;}/* for IE7 */

#promotion .system p.btn2 a{
background:url(../images/p_re_btn2.gif) no-repeat;
display:block;
float:right;
width:112px;
height:20px;
text-indent:-9999px;
overflow:hidden;
}

#promotion .system p.btn2 a:link,
#promotion .system p.btn2 a:active,
#promotion .system p.btn2 a:visited{
background:url(../images/p_re_btn2.gif) no-repeat;
}

#promotion .system p.btn2 a:hover{
background:url(../images/p_re_btn2_on.gif) no-repeat;
}


/*--------------------------------------------
footer
--------------------------------------------*/
#promotion .footer{
clear:both;
padding:20px 0;
font-size:86%;
color:#72af2d;
text-align:center;
}