#hd {
margin-bottom: 0;
}
#body #content {
width: 970px;
margin: 10px auto 0 auto;
text-align: left;
}
#productArea #mainContentsArea.camp_event {
float:none;
padding:10px 0;
width:970px;
}
/* nav_area 
---------------------- */
#navArea {
width:930px;
height:34px;
margin: 0 0 40px 20px;
background:url(../images/nav_bg.png) left bottom repeat-x;
}
#navArea ul{
width:710px;
margin-left: 32px;
}
#navArea ul li{
float:left;
display:inline;
text-indent:-9999px;
}
/* featureupdate2 additional extra button */
#fu2 #productArea .extraBtn {
position: relative;
overflow:hidden;
}
#fu2 #productArea .extraBtn .button {
position: absolute;
width:135px;
top: 13px;
right: 0;
}
#fu2 #productArea .extraBtn .contlogo {
position: absolute;
top: 13px;
right: 0;
}
/* OSバージョンUP　additional extra button */
#osup #productArea .extraBtn {
position: relative;
overflow:hidden;
}
#osup #productArea .extraBtn .button {
position: absolute;
width:135px;
top: 13px;
right: 0;
}
#osup #productArea .extraBtn .contlogo {
position: absolute;
top: 13px;
right: 0;
}
.smp{
width: 21em;
padding:3px;
font-size:90%;
margin-bottom:20px;
display:block;
text-align:center;
background-color:#e1edf4;
}

/* FeatureUpdate
---------------------------------- */
#navArea ul li a.sp{
display:block;
width:262px;
height:34px;
background:url(../images/lnav_btn_sp.jpg) 0 0 no-repeat;
}
#navArea ul li a:hover.sp{
background:url(../images/lnav_btn_sp.jpg) 0 -34px no-repeat;
}
#navArea ul li a.sp_act{
display:block;
width:262px;
height:34px;
background:url(../images/lnav_btn_sp.jpg) 0 -68px no-repeat;
}
#navArea ul li a:hover.sp_act{
background:url(../images/lnav_btn_sp.jpg) 0 -34px no-repeat;
}
#navArea ul li a.pobox{
display:block;
width:334px;
height:34px;
background:url(../images/lnav_btn_pobox.jpg) 0 0 no-repeat;
}
#navArea ul li a:hover.pobox{
background:url(../images/lnav_btn_pobox.jpg) 0 -34px no-repeat;
}
#navArea ul li a.pobox_act{
display:block;
width:334px;
height:34px;
background:url(../images/lnav_btn_pobox.jpg) 0 -68px no-repeat;
}
#navArea ul li a:hover.pobox_act{
background:url(../images/lnav_btn_pobox.jpg) 0 -34px no-repeat;
}


/* header_area 
---------------------- */
#header_area {
margin: 0 0 50px 0;
}
*html #header_area {
height:1px;
margin: 0 0 40px 0;
}
#header_area h1 {
margin: 0;
padding: 0;
padding-top:10px;
}
#header_area h1 img {
float:left;
}
#header_area h1 span {
float:right;
font-size:12px;
padding-top:10px;
text-align:right;
font-weight:bold;
line-height: 1.2;
}
*+html #header_area h1 span {
line-height:130%;
}
*html #header_area h1 {
margin: 0 0 0 10px;
padding: 0;
}
#header_area p.banner {
margin: 0;
padding: 0;
text-align: right;
}
#eventArea {
background:#fff;
clear:both;
}

/* outline_area 
----------------------- */
#outline_area {
background-color: #fff;
width:930px;
font:100.01% 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
color:#555555;
padding:0 0 0 20px;
zoom: 1;
font-size: 13px;
line-height: 1.6;
}
#outline_area:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
*+html #outline_area {
line-height:150%;
}
html>/**/body #outline_area {
line-height:160%; 
}
#outline_area p.fig {
text-align:center;
margin:0 auto 30px auto;
}
#outline_area h2 {
width:890px;
clear:both;
margin: 0;
padding: 3px 0 20px 40px;
color:#555555;
clear:both;
font-size:160%;
font-weight:bold;
zoom: 1;
background:url(../images/h2.jpg) no-repeat;
height:30px;
color:#555555;
}
#outline_area h2.high {
background:url(../images/h2_high.jpg) no-repeat;
height:55px;
line-height:1.2em;
}
#outline_area h2 span{
display:block;
float:right;
margin-right:5px;
font-size:65%;
font-weight:normal;
}
*html #outline_area h2 span{
margin-top:-20px;
}
*+ html #outline_area h2 span{
margin-top:-20px;
}

.wide h3.lead {
background:#294EA2;
padding:5px;
color:#fff;
font-size:100%;
margin-bottom:20px;
}
#outline_area h4 {
margin-bottom: 10px;
padding: 2px 6px 0;
color: #294ea2;
font-size:100%;
font-weight:bold;
line-height: 1.2;
border-left: 3px solid #294ea2;
background: none;
}
.column strong {
border-left:3px solid #294EA2;
color:#294EA2;
font-weight:bold;
display:block;
margin:10px 0;
padding-left:5px;
}
.camp_event #outline_area .detail {
margin-left:23px;
width:868px;
font-size:98%;
}
.camp_event #outline_area .detail:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
*+ html .camp_event #outline_area .detail {
line-height:140%;
}
html:\66irst-child .camp_event #outline_area .detail {
 font-size:96%;
}
.camp_event #outline_area .detail p {
letter-spacing:0.1em;
}
.camp_event #outline_area .detail dl.colm2 {
clear:both;
width:500px;
margin-bottom:15px;
}
.camp_event #outline_area .detail dl.colm2 dt.em8 {
float:left;
clear:left;
width:8em;
}
.camp_event #outline_area .detail dl.colm2 dd.em8 {
margin-left:8em;
margin-bottom:1em;
letter-spacing:0.1em;
}
.camp_event #outline_area .detail dl.colm2 dt {
float:left;
clear:left;
width:5em;
}
.camp_event #outline_area .detail dl.colm2 dd {
margin-left:5em;
margin-bottom:1em;
letter-spacing:0.1em;
}
.camp_event #outline_area .detail p.wire {
padding:20px 10px 10px 10px;
border:2px solid #97CFFF;
float:left;
font-size:120%;
line-height:0.4em;
letter-spacing:0em;
}
.camp_event #outline_area a.icontw {
background:url(../../update/images/icon_tw.png) no-repeat;
padding-left:5px;
width:22px;
height:22px;
display:block;
float:left;
margin-top:-10px;
}

/* ボタン
----------------------- */
#btn_area {
width:570px;
margin:0 auto 20px auto;
text-align:center;
clear:both;
}
#btn_area ul li{
width:280px;
height:28px;
display:inline;
float:left;
}

/* additional extra button */
#outline_area .extraBtn {
position: relative;
margin-bottom:10px;
height:20px;
}
#outline_area .extraBtn .button {
position: absolute;
top: 13px;
right: 0;
}
#outline_area .extraBtn .contlogo {
position: absolute;
top: 13px;
right: 0;
}



/*-------------------------------*/
/*枠関連
-------------------------------*/
/* ---- 注意書き  ---- */
.addArea {
background:url(../images/add_top.gif) no-repeat;
width:930px;
padding:15px 15px 5px 15px;
}
.addArea strong {
background:url(../images/add_point.gif) no-repeat;
padding-left:15px;
margin-bottom:10px;
display:block;
color:#294EA2;
line-height:12px;
font-weight:bold;
}
.addArea p {
margin-bottom:10px;
}
.addArea_bottom {
background:url(../images/add_bottom.gif) no-repeat;
width:930px;
height:10px;
margin-bottom:30px;
}
.link {
padding:5px;
margin-bottom:20px;
border:1px dotted #999999;
text-align:center;
}
.addArea p.left{ 
float:left;
width:580px;
margin-right:20px;
}
/* ---- 枠グラデなし  ---- */
.frame_mid {
background:url(../images/ber_n_top.gif) no-repeat;
width:780px;
margin:0 auto;
padding: 15px 0;
}
.frame_mid:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.frame_mid strong {
background:none;
margin:10px 0;
display:block;
color:#990000;
font-weight:bold;
font-size:120%;
}
.frame_mid p {
width:746px;
margin-bottom:10px;
margin:0 auto;
}
.frame_mid_bottom {
background:url(../images/ber_n_bottom.gif) no-repeat;
width:780px;
height:10px;
margin:0 auto 30px auto ;
clear:both;
}
.frame_mid  .link_verup{
margin-top:10px;
font-weight:bold;
font-size:120%;
line-height:180%;
}
/* ---- 枠グラデ　あり大  ---- */
.frame_big_g {
background:url(../images/ber_w_top.gif) no-repeat;
width:930px;
margin:0 auto;
padding: 15px 0;
clear:both;
}
.frame_big_g p {
width:890px;
margin-bottom:10px;
margin:0 auto;
}
.frame_big_g_bottom {
background:url(../images/ber_w_bottom.gif) no-repeat;
width:930px;
height:10px;
margin:0 auto 30px auto ;
clear:both;
}
/* ---- 枠グラデ　あり中  ---- */
.frame_mid_g {
background:url(../images/ber_top.gif) no-repeat;
width:682px;
padding: 15px 0;
}
.frame_mid_g p {
width:652px;
margin-bottom:10px;
margin:0 auto;
}
.frame_mid_g_bottom {
background:url(../images/ber_bottom.gif) no-repeat;
width:682px;
height:10px;
clear:both;
}

/* ---- リスト  ---- */
.frame_mid ul.cap{
width:746px;
margin-bottom:10px;
margin:0 auto;
}
.frame_mid ul.cap li{
float:left;
display:block;
width:100%;
}
.frame_mid ul.cap li span.tt{
float:left;
clear:left;
width:1em;
display:block;
}
.frame_mid ul.cap li span.tx{
margin-left:1em;
display:block;

}

/* ---- リンク  ---- */
#outline_area a {
color: #003c19;
}
#outline_area a:hover {
text-decoration:none;
}
#outline_area a:visited {
color: #003c19;
}
#mainContentsArea.camp_event .gotop {
margin: 10px 0 25px;
padding-right:40px;
text-align: right;
font-size: 84%;
display:block;
clear:both;
}
#mainContentsArea.camp_event .gotop a {
color: #003c19 !important;
}
#mainContentsArea.camp_event .gotop a:link, #mainContentsArea.camp_event .gotop a:visited {
background: url(../images/arrow_gotop.gif) left center no-repeat;
}
#mainContentsArea.camp_event .gotop a:hover, #mainContentsArea.camp_event .gotop a:focus, #mainContentsArea.camp_event .gotop a:active {
background: url(../images/arrow_gotop_on.gif) left center no-repeat;
color: #00A8B5 !important;
}
/* ---- 調整  ---- */
.caption {
font-size:90%;
}
.clearer {
display:block;
clear:both;
}
.small {
font-size:90%;
}
.nav_color {
color:#1b73cc;
}
.width250 {
width:250px;
}
.width170 {
width:170px;
}
margin_r10{
margin-right:10px !important;
}
.margin_t0 {
margin-top:0px !important;
}
.margin_b0 {
margin-bottom:0px !important;
}
.margin_b10 {
margin-bottom:10px !important;
}
.margin_b20 {
margin-bottom:20px !important;
}
.margin_b30 {
margin-bottom:30px !important;
}
.margin_b50 {
margin-bottom:50px !important;
}
.margin_l40 {
margin-left:40px !important;
}
.margin_l50 {
margin-left:50px !important;
}
.img_center {
padding: 0 auto;
text-align:center;
}

/* UPDATE１のみに使用
---------------------------- */
#header_area h1.up1 img {
float:left;
text-align:right;
}
#header_area h1.up1 span {
float:right;
margin-right:0px;
margin-top:10px;
font-weight:bold;
}
#up1 #outline_area h2 {
clear:both;
background:url(../images/h2.jpg) no-repeat;
width:890px;
height:30px;
margin: 0 0 10px 0;
padding: 3px 0 20px 40px;
color:#555555;
clear:both;
font-size:160%;
font-weight:bold;
zoom: 1;
}
#up1 .wide h3.lead {
background:#294EA2;
padding:5px;
width:456px;
color:#fff;
font-size:100%;
margin-bottom:20px;
}
#up1 #addArea {
background:url(../images/add_top.gif) no-repeat;
width:930px;
padding:15px;
}
#up1 #addArea strong {
background:url(../images/add_point.gif) no-repeat;
padding-left:15px;
margin-bottom:10px;
display:block;
color:#294EA2;
line-height:12px;
font-weight:bold;
}
#up1 #addArea p {
margin-bottom:10px;
}
#up1 #addArea_bottom {
background:url(../images/add_bottom.gif) no-repeat;
width:930px;
height:10px;
margin-bottom:20px;
}

/*---------------------------------------*/
/* OSバージョンUP　共通ナビゲーション
---------------------------------------*/
#osup #navArea {
width:930px;
height:35px;
margin: 0 0 40px 20px;
background:url(../images/nav_bg.png) left bottom repeat-x;
}
#osup #navArea ul{
width:800px;
margin-left: 12px;
}
#osup #navArea ul li{
float:left;
display:inline;
text-indent:-9999px;
width:84px;
margin-right:3px;
}
#osup #navArea ul li a.index{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_index.jpg) 0 0 no-repeat;
}
#osup #navArea ul li a:hover.index{
background:url(../images/nav_btn_index.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.index_act{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_index.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.home{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_home.jpg) 0 0 no-repeat;
}
#osup #navArea ul li a:hover.home{
background:url(../images/nav_btn_home.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.home_act{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_home.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.time{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_time.jpg) 0 0 no-repeat;
}
#osup #navArea ul li a:hover.time{
background:url(../images/nav_btn_time.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.time_act{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_time.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.media{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_media.jpg) 0 0 no-repeat;
}
#osup #navArea ul li a:hover.media{
background:url(../images/nav_btn_media.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.media_act{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_media.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.camera{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_camera.jpg) 0 0 no-repeat;
}
#osup #navArea ul li a:hover.camera{
background:url(../images/nav_btn_camera.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.camera_act{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_camera.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.phone{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_phone.jpg) 0 0 no-repeat;
}
#osup #navArea ul li a:hover.phone{
background:url(../images/nav_btn_phone.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.phone_act{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_phone.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.browser{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_browser.jpg) 0 0 no-repeat;
}
#osup #navArea ul li a:hover.browser{
background:url(../images/nav_btn_browser.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.browser_act{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_browser.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.email{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_email.jpg) 0 0 no-repeat;
}
#osup #navArea ul li a:hover.email{
background:url(../images/nav_btn_email.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.email_act{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_email.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.utility{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_utility.jpg) 0 0 no-repeat;
}
#osup #navArea ul li a:hover.utility{
background:url(../images/nav_btn_utility.jpg) 0 -35px no-repeat;
}
#osup #navArea ul li a.utility_act{
display:block;
width:84px;
height:35px;
background:url(../images/nav_btn_utility.jpg) 0 -35px no-repeat;
}



/* OSバージョンUP　はじめに
---------------------------------*/
.os_link{
border: 1px dotted #ddd;
padding:5px;
margin-bottom:20px;
width:auto;
}