/*-----------------------------
2012.02.24 ƒXƒ}�[ƒgƒtƒHƒ“—pCSS
-------------------------------*/
body{ background-color:#efefef; margin:0; padding:0 0 15px; }
p{ margin:0; padding:0; word-break: normal; }
div{ margin:0; padding:0; }
img{ border:none; }
#contentsarea { margin:0; padding:0; line-height:1.5; text-shadow: 1px 1px 0 #fff; font-size:small;
font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif; background-color:#efefef; }
#contentsarea h1{ margin:0; padding:0; }
#contentsarea h2{ margin:0; padding:0; clear:both; }
#contentsarea .box1{ border:1px solid #bac0c3; margin:5px; padding:10px; background:url(../images/sp_table_back.gif) repeat; color:#2e3334;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

-moz-box-shadow: 1px 1px 0 #fff; /* Firefox */
-webkit-box-shadow: 1px 1px 0 #fff; /* Safari and Chrome */
box-shadow: 1px 1px 0 #fff; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
}

#contentsarea .title1{ width:100%; background-color:#39737c; border-top:#3f5f63 1px solid; border-bottom:#fff 1px solid; padding: 3px 0;
background-image: -moz-linear-gradient(top, #5e8e95, #39737c);
background-image: -o-linear-gradient(top, #5e8e95, #39737c);
background-image: -webkit-gradient(linear, center top, center bottom, from(#5e8e95), to(#39737c));
background-image: -webkit-linear-gradient(top, #5e8e95, #39737c);
background-image: linear-gradient(top, #5e8e95, #39737c);
font-size:larger; color:#fff; text-shadow: 0 -1px 1px #263537; margin: 30px 0 5px; text-align:center;
}
#contentsarea .title2{ width:100%; background-color:#454545; border-top:#fff 1px solid; border-bottom:#fff 1px solid; padding: 3px 0;
-webkit-box-shadow: inset 0px 1px 1px #454545; text-indent:5px;
box-shadow: inset 0px 1px 1px #454545;
background-image: -moz-linear-gradient(top, #7f7f7f, #454545);
background-image: -webkit-gradient(linear, center top, center bottom, from(#7f7f7f), to(#454545));
background-image: -webkit-linear-gradient(top, #7f7f7f, #454545);
background-image: linear-gradient(top, #7f7f7f, #454545);
font-size:larger; color:#fff; text-shadow: 0 -1px 1px #263537; margin: 5px 0 5px; text-align:left;
}
#contentsarea .icon{ margin:0 0 0 5px; width:20%; float:left; }
#contentsarea .box2{ border:1px solid #bac0c3; margin:5x; padding:10px 10px 0; color:#43565f; }
#contentsarea .box3{ border:1px solid #b6a4a4; margin:5px; padding:10px; color:#714457; }
#contentsarea .box4{ color:#43565f; float:right; margin: 0 5px 0 0 ; width:72%; padding:5px; font-size:x-small; height:100%; line-height:1.3; }
#contentsarea h1{ margin: 0 0 10px; padding:0; }
#contentsarea h2{ margin: 10px 0 0; padding:0; }
#contentsarea h3{ font-size:medium; color:#31637c; font-weight:bold; margin:0; padding:0 0 5px; }
#contentsarea h2 span{ font-weight:normal; font-size:small; }
#contentsarea .box2 p{ margin-bottom:20px; padding:0; }
#contentsarea div p strong{ color:#212121; }
#contentsarea .select{ text-align:center; margin:10px 0; }
.footer{ width:100%; border-top:1px solid #a7a7a7; margin:20px 0 0; padding: 20px 0 0; clear:both;
}
.photoLF{ float:left; margin:0 10px 10px 0; }
.footer p{ color:#818181; margin:0; padding: 5px; font-size:x-small; line-height:1.5; }
.openBtn,
.closeBtn{
margin:10px 0; padding:10px; text-align:center; display:block; font-size:medium; font-weight:bold;
border:1px solid #888;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url(../images/ico_arrow2.png) 97% 50% no-repeat,-webkit-linear-gradient(top, #f3f3f3, #d0d0d0);
background: url(../images/ico_arrow2.png) 97% 50% no-repeat,-webkit-gradient(linear, center top, center bottom, from(#f3f3f3), to(#d0d0d0));
background: url(../images/ico_arrow2.png) 97% 50% no-repeat, -o-linear-gradient(top, #f3f3f3, #d0d0d0);
background: url(../images/ico_arrow2.png) 97% 50% no-repeat, -moz-linear-gradient(top, #f3f3f3, #d0d0d0);
text-shadow: 1px 0px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=0);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.openBtn{
background: url(../images/ico_arrow.png) 97% 50% no-repeat,-webkit-linear-gradient(top, #f3f3f3, #d0d0d0);
background: url(../images/ico_arrow.png) 97% 50% no-repeat,-webkit-gradient(linear, center top, center bottom, from(#f3f3f3), to(#d0d0d0));
background: url(../images/ico_arrow.png) 97% 50% no-repeat, -o-linear-gradient(top, #f3f3f3, #d0d0d0);
background: url(../images/ico_arrow.png) 97% 50% no-repeat, -moz-linear-gradient(top, #f3f3f3, #d0d0d0);
}
.btn_back{
width:30%; margin: 10px 5px; float:right;  padding:5px; text-align:center; display:block; font-size:small; 
border:1px solid #888;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: -webkit-linear-gradient(top, #f3f3f3, #d0d0d0);
background: -webkit-gradient(linear, center top, center bottom, from(#f3f3f3), to(#d0d0d0));
background: -o-linear-gradient(top, #f3f3f3, #d0d0d0);
background: -moz-linear-gradient(top, #f3f3f3, #d0d0d0);
text-shadow: 1px 0px 0px #fff;
filter: dropshadow(color=#fff, offx=1, offy=0);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.btnlink{ padding:10px 0 0; margin:0; }
.btnlink p{ padding:5px 0; }
a:link,
a:visited,
a{ color:#484848; text-decoration:none; }

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}