@charset "utf-8";
body {color:#000000;background:#f0f0f0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
ul,li {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input, textarea, select {font-family:inherit;font-weight:inherit;}
body{
font-family:
"游ゴシック",
"YuGothic",
"メイリオ",
"Meiryo",
"Yu Gothic",
"ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro",
"Osaka",
"ＭＳ Ｐゴシック",
"MS P Gothic",
"sans-serif";
border-top:4px solid #000000;
color:#000;
}
#container{
width:950px;
margin:0 auto;
padding:30px;
font-size: 20px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
h2{
clear: both;
width:650px;
font-size:28px;
margin:0 0 20px;
}
h2#win_musen,
h2#mac_musen{
padding-top:120px;
}
.link_musen{
font-size:14px;
padding:30px 0 30px;
}
.tabnavi{
width:100%;
overflow: hidden;
}
.tabnavi li{
float: left;
width: 50%;
border: 1px solid #aaa;
background: #f3f3f3;
text-align: center;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e4e4e4));
background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
background-image: -moz-linear-gradient(top, #fff,#e4e4e4);
background-image: -ms-linear-gradient(top, #fff, #e4e4e4);
background-image: -o-linear-gradient(top, #fff, #e4e4e4);
background-image: linear-gradient(top, #fff, #e4e4e4);
-pie-background: linear-gradient(top, #fff, #e4e4e4);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tabnavi li a{
width:100%;
padding:10px;
display:block;
text-decoration: none;
color: #aaa;
}
.tabnavi li a:hover{
color:#000;
font-weight: bold;
}
.tabnavi li a.active{
width: 100%;
color:#333;
background:#eaeaea;
text-decoration:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
}
.tabcontent{
width:100%;
clear: both;
overflow: hidden;
padding:0 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tabcontent li{
clear: both;
margin:0 0 60px;
overflow: hidden;
}
.tabcontent li:last-child{
margin:0;
}
.tabcontent li img{
max-width: 500px;
}
span.num{
width:40px;
float: left;
padding:5px 0;
text-align: center;
background-color: #000;
color: #fff;
margin-right: 1.4%;
margin-bottom: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tabcontent p{
width:820px;
padding-top:5px;
margin-bottom: 20px;
float: right;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pagetop{
width:100%;
float:right;
text-align: right;
margin:20px 0 0;
font-size:16px;
}
.pagetop:after{clear: both !important;}