@charset "utf-8";

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td{
padding:0;
margin:0;
}
a{
text-decoration:none;
outline:none;
}
table{
border:1px solid #d90000;
border-radius:5px;
border-spacing:0;
border-collapse:separate;
text-align:left;
overflow:hidden;
}
table tr td{
padding:7px 7px 5px;
border-left:1px solid #d90000;
border-top:1px solid #d90000;
vertical-align:top;
}
table tr td:first-child{
border-left:none;
}
table tr:first-child td{
border-top:none;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
font-weight:normal;
font-style:normal;
}
strong{
font-weight:bold;
}
ol,ul{
list-style:none;
margin:0;
padding:0;
}
caption,th{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
margin:0;
padding:0;
}
q:before,q:after,
{
content:'';
}
abbr,acronym{
border:0;
}
sup{
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
legend{
color:#000000;
}
hr{
margin:0;
padding:0;
display:none;
}
table{
font-size:inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;
line-height:100%;
}
body, form{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
}
iframe{
border:none;
}
p{
margin:0 0 8px;
}

/*-- Utility --*/
.clearfix:after,
#gmenu:after,
.detail-wrap:after,
.item-wrap:after,
.cbox-wrap:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
}
.clear{
clear:both;
}
a:focus{
outline:0 !important;
}
.big{
font-size:16px;
}
.small{
font-size:12px;
}
.text-r{
text-align:right;
}
.text-l{
text-align:left;
}
.text-c{
text-align:center;
}
.pconly{
display:inline;
}
.sponly{
display:none;
}
.lh100{
line-height:1.0;
}
.lh125{
line-height:1.25;
}

/*-- Link --*/
a{text-decoration:underline;font-weight:bold;}
a:link{color:#d90000;text-decoration:underline;}
a:visited{color:#d90000;text-decoration:underline;}
a:active{color:#d90000;text-decoration:underline;}
a:hover{color:#ffa200;text-decoration:none;}

/*-- Layout --*/
html{
height:100%;
}
body{
font:12px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
font-size:13px;
line-height:1.6;
color:#4c4c4c;
text-align:center;
background:#d90000;
}
#wrap{
width:100%;
overflow:hidden;
background:#ffffff;
}
#contents{
width:100%;
overflow:hidden;
}
#contents .inner{
position:relative;
}

/*-- MENU --*/
#gmenu-wrap{
position:fixed;
top:0;
width:100%;
text-align:center;
border-bottom:3px solid #d90000;
background:rgba(217,0,0,0.8);
z-index:1000;
box-shadow:0 10px 10px rgba(0,0,0,0.15);
}
#gmenu{
border-bottom:1px solid #ffffff;
}
#gmenu-inner{
width:980px;
margin:0 auto;
box-sizing:border-box;
}
#gmenu-inner li{
width:18%;
box-sizing:border-box;
border-right:1px dotted #ffffff;
background:rgba(217,0,0,0);
float:left;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
overflow:hidden;
}
#gmenu-inner li#menu1{
width:28%;
background:rgba(217,0,0,1);
}
.contact #gmenu-inner li#menu5{
background:rgba(217,0,0,1);
}
#gmenu-inner li#menu2:hover,
#gmenu-inner li#menu3:hover,
#gmenu-inner li#menu4:hover,
#gmenu-inner li#menu5:hover{
background:rgba(217,0,0,1);
}
#gmenu-inner li img{
margin:0 auto;
height:100%;
max-height:64px;
width:auto;
max-width:90%;
display:block;
}
#gmenu-inner li a{
width:100%;
height:auto;
display:block;
}

/*-- section --*/
.section-title{
margin:0 auto 20px;
width:320px;
height:64px;
line-height:1;
}
.section-title img{
display:block;
}
.proovy-div{
margin:0 auto 10px;
width:320px;
height:250px;
line-height:1;
}
.proovy-div img{
width:100%;
height:auto;
display:block;
}

/*-- header --*/
#header{
position:relative;
background:#ffdc3a url(../common/bg_header_wrap.jpg) center top repeat-y;
box-shadow:0 10px 10px rgba(0,0,0,0.1);
z-index:4;
}
#header .section-wrap{
background:url(../common/bg_header.png) center top repeat;
background-attachment:fixed;
}
.corehobby #header .section-wrap{
background:url(../common/bg_coreheader.png) center top repeat;
background-attachment:fixed;
}
#header .inner{
position:relative;
margin:0 auto;
padding:105px 0 40px;
width:980px;
}
#proovy-select{
margin:0 auto;
width:840px;
height:380px;
}
.sns-box{
position:relative;
margin:0 auto 20px;
text-align:center;
}
#btn-tw,
#btn-in{
margin:0 5px;
width:280px;
height:70px;
border-radius:8px;
overflow:hidden;
border:2px solid #ffffff;
display:inline-block;
}
#btn-tw:hover{
border:2px solid #5cbcff;
}
#btn-in:hover{
border:2px solid #000000;
}
#btn-tw img,
#btn-in img{
width:100%;
height:auto;
display:block
}
.btn-proovytop{
margin:0 auto;
width:280px;
height:70px;
border-radius:8px;
overflow:hidden;
border:2px solid #ffffff;
}
.btn-proovytop:hover{
border:2px solid #d90000;
}
.btn-proovytop img{
width:100%;
height:auto;
display:block
}
#logo-main{
margin:0 auto;
width:380px;
height:380px;
}
#logo-main img{
width:100%;
height:auto;
display:block;
}

/*-- information --*/
#information{
position:relative;
padding:68px 0 0;
margin:-68px 0 0;
clear:both;
z-index:3;
box-shadow:0 10px 10px rgba(0,0,0,0.1);
}
#information .section-wrap{
background:url(../common/bg_common.png) center top repeat;
background-attachment:fixed;
}
#information .section-wrap .inner{
margin:0 auto;
padding:30px 0 10px;
width:950px;
}

/*-- item --*/
.info-wrap{
margin:0 auto 30px;
width:950px;
background:rgba(255,255,255,0.65);
border:1px solid #d90000; 
border-radius:5px;
text-align:left;
overflow:hidden;
}
.info-title{
padding:8px 15px 5px;
border-bottom:1px dotted #d90000; 
font-size:15px;
color:#ffffff;
font-weight:bold;
background:#d90000;
text-shadow:1px 1px 0px #600000,1px 1px 1px  #600000;
}
.info-text{
padding:10px 15px 1px;
line-height:2;
}
.item-tb{
margin:0 auto 10px;
width:480px;
}
.item-tdl{
width:75px;
color:#ffffff;
font-weight:bold;
background:rgba(235,0,0,0.65);
text-shadow:1px 1px 0px #d90000,1px 1px 1px  #d90000;
word-break:break-all;
}
.item-tdr{
background:rgba(255,255,255,0.65);
}
.item,
.item-c{
margin:0 auto 10px;
width:100%;
max-width:520px;
line-height:1;
border:1px solid #d90000; 
border-radius:5px;
overflow:hidden;
}
.item-c{
margin:0 auto 6px;
}
.item img,
.item-c img{
width:100%;
height:auto;
display:block;
}
.item-copy{
margin:0 auto;
width:100%;
max-width:520px;
font-size:11px;
line-height:1.25;
text-align:left;
}
.item-wrap{
padding:16px 15px 15px;
}
.item-l{
width:410px;
float:left;
}
.item-r{
width:480px;
float:right;
}
.item-r .notice-wrap{
margin:0 0 0;
width:478px;
}
.item-r .notice-title{
}
.item-r .notice-text{
text-align:left;
}

/*-- banner --*/
.bn-wrap{
margin:0 auto 30px;
width:950px;
text-align:center;
line-height:1;
overflow:hidden;
}
.bn-link{
margin:0 1%;
width:31%;
text-align:center;
display:inline-block;
}
.bn-link img{
width:100%;
height:auto;
display:block;
}

/*-- products --*/
#products{
position:relative;
padding:68px 0 0;
margin:-68px 0 0;
clear:both;
z-index:2;
box-shadow:0 10px 10px rgba(0,0,0,0.1);
}
#products .section-wrap{
background:url(../common/bg_products.png) center top repeat;
background-attachment:fixed;
}
.corehobby #products .section-wrap{
background:url(../common/bg_coreproducts.png) center top repeat;
background-attachment:fixed;
}
#products .section-wrap .inner{
margin:0 auto;
padding:30px 0 10px;
width:950px;
}
#products .section-wrap .inner .detail-wrap{
padding:0;
text-align:center;
line-height:1;
}
.pro-th{
margin:0 0.25% 15px;
width:9%;
line-height:1;
border:1px solid #d90000; 
border-radius:5px;
display:inline-block;
overflow:hidden;
}
.pro-th img{
width:100%;
height:auto;
display:block;
}

/*-- company --*/
#company{
position:relative;
padding:68px 0 0;
margin:-68px 0 0;
clear:both;
}
#company .section-wrap{
background:url(../common/bg_common.png) center top repeat;
background-attachment:fixed;
}
#company .section-wrap .inner{
margin:0 auto;
padding:30px 0 25px;
width:950px;
}
#company .section-title{
margin:0 auto 0px;
}
#com-main{
margin:0 0 0;
width:440px;
height:440px;
float:left;
}
.com-tb{
margin:70px 0 0;
width:480px;
float:right;
}
.profile-tdl{
width:86px;
text-align:center;
color:#ffffff;
font-weight:bold;
background:rgba(235,0,0,0.65);
text-shadow:1px 1px 0px #d90000,1px 1px 1px  #d90000;
}
.profile-tdr{
background:rgba(255,255,255,0.65);
}

/*-- contact --*/
#contact{
position:relative;
clear:both;
}
#contact .section-wrap{
background:url(../common/bg_common.png) center top repeat;
background-attachment:fixed;
}
#contact .section-wrap .inner{
margin:0 auto;
padding:30px 0 30px;
width:950px;
clear:both;
}
.form-tb{
margin:0 auto 20px;
width:520px;
}
.form-tdl{
width:150px;
color:#ffffff;
font-weight:bold;
background:rgba(235,0,0,0.65);
text-shadow:1px 1px 0px #d90000,1px 1px 1px  #d90000;
}
.form-tdr{
padding:7px 7px 7px;
background:rgba(255,255,255,0.65);
}
.form-tb select{
position:relative;
margin:0 0 0 0;
padding:10px 6px 9px;
width:290px !important;
line-height:1;
-webkit-appearance:none;
appearance:none;
display:block;
border:1px solid #d90000;
border-radius:5px;
background:#ffffff;
font-size:13px;
cursor:pointer;
overflow:hidden;
}
.form-tb select:hover{
color:#ffffff;
background:#d90000;
}
.form-tb input{
padding:3px;
width:280px !important;
font-size:13px;
}
.form-tb textarea{
margin:0 0 0 0;
padding:3px;
width:280px !important;
font-size:13px;
}
#contact #submit,
#contact #reset{
position:relative;
margin:0 0 0 0;
padding:12px 6px 9px;
width:200px !important;
line-height:1;
-webkit-appearance:none;
appearance:none;
border:1px solid #d90000;
border-radius:5px;
background:#ffffff;
font-size:13px;
cursor:pointer;
overflow:hidden;
}
#contact #submit:hover,
#contact #reset:hover{
color:#ffffff;
background:#d90000;
}

/*-- notice --*/
.notice-wrap{
margin:0 auto 20px;
width:520px;
border:1px solid #d90000; 
border-radius:5px;
overflow:hidden;
background:rgba(255,255,255,0.65);
}
.notice-title{
padding:14px 8px 12px;
border-bottom:1px dotted #d90000; 
line-height:1;
font-size:15px;
font-weight:bold;
color:#d90000;
}
.notice-text{
padding:10px 8px 8px;
}

/*-- Footer --*/
#footer-wrap{
width:100%;
color:#ffffff;
text-align:center;
text-shadow:1px 1px 0px #6a0000,1px 1px 1px  #6a0000;
border-top:3px solid #d90000;
}
#footer{
border-top:1px solid #ffffff;
}
#footer .inner{
position:relative;
margin:0 auto;
padding:0;
width:980px;
}
#copy{
padding:16px 0 14px;
font-size:12px;
line-height:1;
letter-spacing:1.5px;
}
.copy{
font-family:sans-serif;
}
#pagetop{
position:fixed;
bottom:24px;
right:18px;
left:auto;
width:40px;
height:40px;
z-index:10;
}

/*-- cbox --*/
.cbox-wrap{
width:920px;
text-align:left;
}