@charset "utf-8";
/* CSS Document */

/***共通項目***/
html,body { width:100%; margin:0; padding:0; }
body { color:#222; background:url(img/ppbg.jpg); }
hr { border:none; border-bottom:solid 1px #888; box-shadow: #CCC 1px 1px 1px; }
.mr6 { margin-right:14px; }
a:hover { text-decoration:underline; }
/*a:hover img { position:relative; top:2px; left:2px; }*/

/***ヘッダー***/
#header { width:100%; margin:0; padding:0; background:#000; }
#head_inner { width:1000px; margin:0 auto; color:#FFF; position:relative; }
#head_inner img { margin:1% 1%; }

/***コンテナ***/
#container { width:1000px; margin:0 auto; padding:0 0 30px; box-sizing:border-box; text-shadow:1px 1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff, -1px -1px 3px #fff;background:rgba(255,255,255,0.5) url(img/bggt.png) no-repeat center center fixed; }
#container h2 { font-size:22px; font-weight:normal; line-height:1.4em; border-bottom:solid 1px #FFF; text-indent:0.5em; margin:0 auto;  }
#title {width:980px;margin:0 auto;}
#title img { margin:1% 0; width:980px; }

/***パンくず***/
#pnkz { width:1000px; margin:0 auto !important;padding:0; }
#pnkz ol { list-style-type:none; margin:0; padding:0;}
#pnkz ol li { display:inline; line-height:2.0em; font-size:13px;}

/***初心者向けページ用***/
#container > div {width:980px; margin:10px auto;position:relative;z-index:1;}

#container > div > h3 {font-size:40px;font-weight:bold;color:#000;background-color:#fff;margin-top:40px;padding:10px 20px;border:2px solid #666;border-radius:35px;position:relative;}
#container > div > h3:before {content:url(img/fkds.png);position:absolute;top:1px;left:-30px;display:block;}
/*#container > div > h3:before {content:"";position:absolute;top:0px;left:-20px;margin-left:0;display:block;width:40px;height:40px;border-radius:0 40px 0 40px;z-index: -1;transform: rotate(-20deg);border-bottom:2px solid #666;border-left:2px solid #666;}
#container > div > h3:after {content:"";position:absolute;top:-15px;left:-17px;margin-left:0;display:block;width: 40px;height:40px;border-radius:0 40px 0 40px;z-index: -1;border-bottom:2px solid #666;border-left:2px solid #666;transform: rotate(-50deg);}*/
#container > div h4 {font-size:24px;font-weight:bold;color:#000;margin-bottom:5px;}

#topxai {position:relative; display: inline-block;}
#sideback {position:relative;}
#recommend {padding-top:40px;}

#topxai > div, #sideback > div {float:left;box-sizing:border-box;width:46%;margin:2%;font-size:18px;line-height:1.7em;position:relative;background:rgba(255,255,255,0.5);padding:10px;border-radius:5px;}
#topxai > div > img, #sideback > div > img {width:140px;height:140px;float:left;margin-right:10px;display:block;}
#sideback > p {color:#000;font-size:36px;font-weight:bold;display:block;text-align:center;}
#recommend > p {color:#f00;font-size:28px;font-weight:bold;display:block;text-align:center;}
#recommend > div {/*border:1px solid #666;*/margin:40px 0;padding:15px;border-radius:5px;}
#recommend > div > span {font-size:26px;}
#recommend > div > h3 {font-size:32px;font-weight:bold;color:#000;padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:10px;}
#recommend > div > p {font-size:22px;line-height:1.7em;}
#recommend > div > a {display:block;padding:10px;background-color:#F00;color:#fff;font-size:24px;text-align:center;border-radius:5px;margin:10px auto 0;text-shadow:1px 1px 3px #f00, 1px -1px 3px #f00, -1px 1px 3px #f00, -1px -1px 3px #f00;}
#recommend > div > a:hover {text-decoration:none;background-color:#fc0;transition: all 0.3s ease;}
#recommend > div .sanchez {background:rgba(255,255,255,0.8) url(../../sh_ohkubo/2f/img/sanchez_logo.png) no-repeat 750px 15px;}
#recommend > div .hernandez {background:rgba(255,255,255,0.8) url(../../sh_ohkubo/2f/img/hernandez_logo.png) no-repeat 750px 15px;}
#recommend > div .paco {background:rgba(255,255,255,0.8) url(../../sh_ohkubo/2f/img/paco_logo.png) no-repeat 750px 0px;}
#recommend > div .valley {background:rgba(255,255,255,0.8) url(img/valley.png) no-repeat 750px 15px;}



/***フッター***/
#footer { width:100%; margin:0; padding:20px 0; background-color:rgba(40,0,10,0.6); }
#foot_inner { width:1000px;  margin:0 auto; padding:0; }

#foot_inner ul { width:1000px; list-style-type:none; margin:0 ; padding:0; }
#foot_inner ul li { width:485px; margin-left:10px; padding:0; float:left; }

.text1 { font-size:16px; background-color:#000; color:#FFF; padding:0 5px; border-radius:5px 5px 0 0; }
.text2 { font-size:14px; background-color:#FFF; color:#333; padding:2px 5px; border-radius:0 0 5px 5px; margin-bottom:10px; }

#copy { padding:0 1%; text-align: center; line-height:2.5em; font-size:0.8em; color:#FFF; display: inline-block; width: 100%;}