@import url("index.css");
/*============================================================
//  トップページ
//==========================================================*/

/* トップページ */
body {background:none;}
h1, h2, h3, h4, h5, h6, p, ul, li {margin:0px; padding:0px; font-weight:normal; font-size:12px;}
body, td, div, li {font-size:12px; line-height:16px; color:#333333;}

.top-body {background-image: url(../images/top/top-bg.gif); background-repeat: repeat-x;}
#head{ height:88px;}

/* FLASH枠 */
.top-flash {height:401px; background-color:#000;}
.top-flashx {height:401px; background:url(../images/top/top-fla_bg.gif) repeat-x;}
.top-main1{position:relative;left:-770px;}
.top-main2{width:1540px;height:401px;position:relative;left:50%;}

/* 完成事例バナー */
.top-resl {background:url(../images/top/top-res_tit.gif) no-repeat 0px 35px; padding:10px 0 15px 101px;}
.top-resl-ul li {display:block; float:left; width:232px;}
.top-resl-ul li a {display:block; height:70px; text-indent:-6666px;}
.top-resl-ul .resl01 {background:url(../images/top/top-res_b01.gif) no-repeat;}
.top-resl-ul .resl02 {background:url(../images/top/top-res_b02.gif) no-repeat;}
.top-resl-ul .resl03 {background:url(../images/top/top-res_b03.gif) no-repeat;}
.top-resl-ul .resl04 {background:url(../images/top/top-res_b04.gif) no-repeat;}
.top-resl-ul .resl05 {background:url(../images/top/top-res_b05.gif) no-repeat;}
.top-resl-ul .resl06 {background:url(../images/top/top-res_b06.gif) no-repeat;}

/* 特殊加工バナー */
.top-resl2 {background:url(../images/top/top-res_tit2.gif) no-repeat 0px 5px; padding:15px 0 25px 101px;}
.top-resl-ul2 li {display:block; float:left; width:348px;}
.top-resl-ul2 li a {display:block; height:70px; text-indent:-6666px;}
.top-resl-ul2 .resl21 {background:url(../images/top/top-res_b21.gif) no-repeat;}
.top-resl-ul2 .resl22 {background:url(../images/top/top-res_b22.gif) no-repeat;}


/* TOPレイアウト */
.top-f_left {float:left; width: 480px;}
.top-f_right {float: right; width: 300px; padding-right:9px;}
.top-f_right iframe{}



/* left：ショットブラスト加工 */
.top-f_left .top-shot {background:url(../images/top/top-shot_m.jpg) no-repeat; padding:0 0 25px 132px;margin-bottom:26px;}
.top-f_left .top-shot strong {display:block; background:url(../images/top/top-shot_t.gif) no-repeat; height:65px; text-indent:-6666px;}
.top-f_left .top-shot p {line-height:20px; color:#555555; padding:0 5px 0 5px; margin:0 0 10px 0; }
.top-f_left .top-shot_btn {display:block; background:url(../images/top/top-shot_b.gif) no-repeat; height:38px; text-indent:-6666px;}

/* left：バナー */
.top-f_left .top-bana {width:480px;}
.top-f_left .top-bana li {display:block; float:left; width:230px; padding:0 9px 9px 0;}
.top-f_left .top-bana li a {display:block; height:72px; text-indent:-6666px;}
.top-f_left .top-bana .tbana01 {background:url(../images/top/top-bana01.gif) no-repeat;}
.top-f_left .top-bana .tbana02 {background:url(../images/top/top-bana02_1.gif) no-repeat;}
.top-f_left .top-bana .tbana03 {background:url(../images/top/top-bana03.gif) no-repeat;}
.top-f_left .top-bana .tbana04 {background:url(../images/top/top-bana04.gif) no-repeat;}

/* left：メディアプレーヤーダウンロード */
.top-f_left .win-mp {
	background: url(../images/top/top-bana_wm.gif) no-repeat;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 165px;
}

/* right：企業バナー */
.top-rec-concept {padding:3px 3px 3px 3px; border:1px solid #b8b8b8; margin-bottom: 5px;}
.top-rec-concept p {text-align: center; font-size: 15px; font-weight: bold; margin-top: 4px;}
.top-rec-concept img{transition: .3s;}
.top-rec-concept img:hover{opacity: 0.5; transition: .3s;}
.top-rec-concept a {text-decoration: none;}
.top-rec-concept a:hover {color: #444444; opacity: 0.5;}

/* right：動画 */
.top-movie {padding:68px 8px 12px 8px; border:1px solid #b8b8b8; background:url(../images/top/top-movie_t.gif) repeat-x #e8e8e8;}
.top-movie strong {text-align:right; display:block; padding:12px 0 0 0;}

.top-movie2 {padding:68px 8px 12px 8px; border:1px solid #b8b8b8; background:url(../images/top/top-movie_t3.gif) repeat-x #e8e8e8;}
.top-movie2 strong {text-align:right; display:block; padding:12px 0 0 0;}

/* right：企業バナー */
.top-f_right ul { background:url(../images/top/banner_bg.gif) no-repeat;}
.top-f_right .com-bana {width:300px;margin:15px 0 5px 0;padding:28px 2px 0 2px;}
.top-f_right .com-bana li {display:block; float:left; width:146px; padding:0 0px 9px 0;}
.top-f_right .com-bana li a {display:block; height:45px;}
.top-f_right .com-bana .tbana21 {margin-right:4px;}
.top-f_right .com-bana .tbana22 {}

.top-f_right .com-bana2 { background:url(../images/top/banner_bg.gif) no-repeat;width:300px;height:82px;margin:5px 0 5px 0;padding:30px 0px 0 0px;}
.top-f_right .com-bana2 .tbana31 {display:block;float:right;width:146px;height:45px;margin-right:3px;}
.top-f_right .com-bana2 .tbana32 {display:block;width:146px;margin-left:3px;}