﻿@charset "UTF-8";

@import "imports/reset.css";
@import "imports/base.css";
@import "imports/order.css";
@import "imports/user.css";
@import "imports/hack.css";
@import "imports/parts.css";

.error_inline {
	color:#ff0000;
	padding: 1px !important;	/* for IE */
	display:block!important;
}

body{}
#cp_area{background:url("../img/body_bg.jpg") no-repeat scroll center 0 transparent;width:100%;}

/*ヘッダー*/
#headder{width:auto;height:109px;background:url(../img/head_bg.gif) repeat-x;}
#headder #head_c{width:1064px;margin:0 auto;}

#headder #head_c #logo{float:left;}
#headder #head_c ul{float:right;margin:0 44px 0 0;}
#headder #head_c ul li{float:left;height:73px;}
#headder #head_c ul li a{display:block;text-indent:-9999px;}

.m01 a{width:79px;height:73px;background:url(../img/head_menu.png) 0 0 no-repeat;}
.m01 a:hover{background:url(../img/head_menu.png) 0 -73px no-repeat;}
.m02 a{width:85px;height:73px;background:url(../img/head_menu.png) -79px 0 no-repeat;}
.m02 a:hover{background:url(../img/head_menu.png) -79px -73px no-repeat;}
.m03 a{width:82px;height:73px;background:url(../img/head_menu.png) -164px 0 no-repeat;}
.m03 a:hover{background:url(../img/head_menu.png) -164px -73px no-repeat;}
.m04 a{width:82px;height:73px;background:url(../img/head_menu.png) -246px 0 no-repeat;}
.m04 a:hover{background:url(../img/head_menu.png) -246px -73px no-repeat;}
.m05 a{width:82px;height:73px;background:url(../img/head_menu.png) -328px 0 no-repeat;}
.m05 a:hover{background:url(../img/head_menu.png) -328px -73px no-repeat;}
.m06 a{width:119px;height:73px;background:url(../img/head_menu.png) -410px 0 no-repeat;}
.m06 a:hover{background:url(../img/head_menu.png) -410px -73px no-repeat;}


/*フッダー*/
#footer{height:153px;background:#fabe00;}
#footer #foot_c{width:976px;margin:0 auto;}

#footer #foot_c ul{float:left;width:132px;font-size:11px;margin:20px 0 10px 0;}
#footer #foot_c ul li{padding:2px 0 2px 6px;}
#footer #foot_c .tit01{background:url(../img/foot_menu.png) 0 0 no-repeat;text-indent:-9999px;}
#footer #foot_c .tit02{background:url(../img/foot_menu.png) -200px 0 no-repeat;text-indent:-9999px;}
#footer #foot_c .tit03{background:url(../img/foot_menu.png) -400px 0 no-repeat;text-indent:-9999px;}
#footer #foot_c .tit04{background:url(../img/foot_menu.png) -600px 0 no-repeat;text-indent:-9999px;}
#footer #foot_c .tit05{background:url(../img/foot_menu.png) -800px 0 no-repeat;text-indent:-9999px;}
#footer #foot_c .tit06{background:url(../img/foot_menu.png) -1000px 0 no-repeat;text-indent:-9999px;}

#footer #foot_c #cop01{clear:both;float:left;}
#footer #foot_c #cop01 .ovr{float:left;display:block;background:url(../img/copyright.gif) top right no-repeat;width:976px;font-size:10px;}


/*トップニュース*/
#top_news{height:184px;background:#fef8e5;}
#top_news #news{width:976px;margin:0 auto;padding-top:15px;position:relative;}
#top_news #news .day{width:120px;display:block;float:left;}
#top_news #news li{line-height:2em;}
#top_news .tit_news{background:url(../img/news_tit.gif) no-repeat; height:36px;width:96px;text-indent:-9999px;}
#top_news #news #backnumber{position:absolute;bottom:0;right:0;}

/*ニュース*/

#c_news #news{/*height:400px;*/width:856px;margin:0 auto;padding-top:15px;position:relative;}
#c_news #news .day{width:120px;display:block;float:left;}
#c_news #news li{line-height:2.5em;border-bottom:1px dotted #cbc6b6;}
#c_news .tit_news{background:url(../img/news_tit.gif) no-repeat; height:36px;width:96px;text-indent:-9999px;}
#c_news #news #backnumber{position:absolute;bottom:0;right:0;}

/*アクセス*/
#c_access{width:856px;margin:0 auto;padding-top:15px;position:relative;}

/*コンテンツ*/

#contents{width:976px;margin:10px auto;}
#contents{width:976px;margin:10px auto;}
#contents_about{float:right;width:763px;}
#contents_menu{float:left;width:176px;}


.comment{margin-top:10px;margin-bottom:20px;}
.comment div { }
.comment-header,.comment-sentence,.comment-footer { width: 763px;}
.comment-header,.comment-footer { height: 9px;}
.comment-header { background: url(../img/box-top.png) no-repeat center top;}
.comment-sentence { background: url(../img/box-main.png);}
.comment-sentence p{line-height:1.6em;margin-bottom:1.6em;}
.comment-ny{}
.comment-footer { background: url(../img/box-bottom.png) no-repeat center bottom;}

/*ニュースエリア*/
.comment2{margin-top:10px;margin-bottom:20px;float:left;}
.comment2 div { }
.comment-header2,.comment-sentence2,.comment-footer2 { width: 933px;}
.comment-header2,.comment-footer2 { height: 9px;}
.comment-header2 { background: url(../img/box-top2.png) no-repeat center top;}
.comment-sentence2 { background: url(../img/box-main.png);}
.comment-sentence2 p{line-height:1.6em;margin-bottom:1.6em;}
.comment-ny2{}
.comment-footer2 { background: url(../img/box-bottom2.png) no-repeat center bottom;}



.txt390{float:left;width:390px;margin:25px;}
.txt440{float:left;width:440px;margin:25px;}
.txt700{float:left;width:700px;margin:0px 25px 25px 25px;}

.tit{width:300px;height:24px;text-indent:-9999px;margin:15px 0 15px 20px;margin-top:15px;display:block;float:left;}
.t01{background:url(../img/tit_about01.png);}
.t02{background:url(../img/tit_about02.png);}
.t03{background:url(../img/tit_about03.png);}
.t08{background:url(../img/tit_about04.png);}
.t04{background:url(../img/tit_w01.png);}
.t05{background:url(../img/tit_w02.png);}
.t05z{background:url(../img/tit_w02z.png);}
.t06{background:url(../img/tit_w03.png);}
.t07{background:url(../img/tit_w04.png);}



.sub{width:677px;height:90px;text-indent:-9999px;margin:0 0 5px 25px;display:block;float:left;}
.s01{background:url(../img/about_z02.png) no-repeat;}
.s02{background:url(../img/about_z03.png) no-repeat;}

/*制作実績*/
.wk{width:700px;margin: 0 30px 0 30px;background: #ffffff;float:left;}
.yk img{float:left;}

.works{width:600px;margin:0 50px;border-bottom:1px dotted #cbc6b6;padding-bottom:15px;}
.txt350{float:right;width:350px;margin:10px 0 20px 0;}
.txt100{width:100px;vertical-align: top;}

/*役員紹介*/
.yk{border-bottom:1px dotted #cbc6b6;width:723px;margin: 0 20px 0 20px;}
.txt460{float:left;width:460px;margin:20px 0 20px 0;}
.ls{border-bottom:none!important;}
.yk img{margin:20px 20px 20px 0;float:right;}

.y01{background:url(../img/yakuinname01.png) no-repeat;text-indent:-9999px;height:24px;width:460px;margin-bottom:15px;display:block;float:left;}
.y02{background:url(../img/yakuinname02.png) no-repeat;text-indent:-9999px;height:24px;width:460px;margin-bottom:15px;display:block;float:left;}
.y03{background:url(../img/yakuinname03.png) no-repeat;text-indent:-9999px;height:24px;width:460px;margin-bottom:15px;display:block;float:left;}

/*table*/
#gyo td{vertical-align: top;}
td.td150{width:150px;}

/*左メニュー*/
#contents_menu ul{width:176px;margin-top:10px;}
#contents_menu ul li{float:left;height:26px;margin-bottom:10px;}
#contents_menu ul li.smenu_tit01{background:url(../img/tit_menu01.png) no-repeat;text-indent:-9999px;height:24px;width:176px;}
#contents_menu ul li a{display:block;text-indent:-9999px;}
#contents_menu .m01 a{width:176px;height:26px;background:url(../img/menu_bg01.jpg) 0 0 no-repeat;}
#contents_menu .m01 a:hover{background:url(../img/menu_bg01.jpg) -176px 0 no-repeat;}
#contents_menu .m01 a.selected{background:url(../img/menu_bg01.jpg) -176px 0 no-repeat;}
#contents_menu .m02 a{width:176px;height:26px;background:url(../img/menu_bg01.jpg) 0 -36px no-repeat;}
#contents_menu .m02 a:hover{background:url(../img/menu_bg01.jpg) -176px -36px no-repeat;}
#contents_menu .m02 a.selected{background:url(../img/menu_bg01.jpg) -176px -36px no-repeat;}
#contents_menu .m03 a{width:176px;height:26px;background:url(../img/menu_bg01.jpg) 0 -72px no-repeat;}
#contents_menu .m03 a:hover{background:url(../img/menu_bg01.jpg) -176px -72px no-repeat;}
#contents_menu .m03 a.selected{background:url(../img/menu_bg01.jpg) -176px -72px no-repeat;}

#contents_menu ul li.smenu_tit02{background:url(../img/tit_menu02.png) no-repeat;text-indent:-9999px;height:24px;width:176px;}
#contents_menu .j01 a{width:176px;height:26px;background:url(../img/menu_bg02.jpg) 0 0 no-repeat;}
#contents_menu .j01 a:hover{background:url(../img/menu_bg02.jpg) -176px 0 no-repeat;}
#contents_menu .j01 a.selected{background:url(../img/menu_bg02.jpg) -176px 0 no-repeat;}
#contents_menu .j02 a{width:176px;height:26px;background:url(../img/menu_bg02.jpg) 0 -36px no-repeat;}
#contents_menu .j02 a:hover{background:url(../img/menu_bg02.jpg) -176px -36px no-repeat;}
#contents_menu .j02 a.selected{background:url(../img/menu_bg02.jpg) -176px -36px no-repeat;}
#contents_menu .j03 a{width:176px;height:26px;background:url(../img/menu_bg02.jpg) 0 -72px no-repeat;}
#contents_menu .j03 a:hover{background:url(../img/menu_bg02.jpg) -176px -72px no-repeat;}
#contents_menu .j03 a.selected{background:url(../img/menu_bg02.jpg) -176px -72px no-repeat;}
#contents_menu .j04 a{width:176px;height:26px;background:url(../img/menu_bg02.jpg) 0 -108px no-repeat;}
#contents_menu .j04 a:hover{background:url(../img/menu_bg02.jpg) -176px -108px no-repeat;}
#contents_menu .j04 a.selected{background:url(../img/menu_bg02.jpg) -176px -108px no-repeat;}

.selected{background:-176px;}


.smenu_tit03{background:url(../img/tit_menu03.png) no-repeat;text-indent:-9999px;height:24px;width:176px;}
.smenu_tit04{background:url(../img/tit_menu04.png) no-repeat;text-indent:-9999px;height:24px;width:176px;}

/*other*/
a:hover img{opacity:0.7;}
#logo a:hover img{opacity:1!important;}
.fr{float:right;}
address{margin-top:80px;font-style:normal}

/*clearfix*/
/**.clearfix {width:100%;}**/
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}