@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
img {
	border:none;
}
hr {
	display:none;
}
ul {
	list-style:none;
}
a {
	overflow:hidden;
}
body {
	color:#333333;
	text-align:center;
	font-size:13px;
 *font-size:small;
 *font:x-small;
	background: #F2F2F2;
	font-family: "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
}
.text8 {
	font-size:73%;
}
.text10 {
	font-size:77%;
	line-height: 1.4em;
}
.pink10 {
	font-size:77%;
	color: #FF3399;
}
.text11 {
	font-size:85%;
}
.text12 {
	font-size:93%;
	line-height: 1.5em;
}
.pink12 {
	font-size:93%;
	color: #FF3399;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.text13 {
	font-size:100%;
}
.text14 {
	font-size:108%;
	line-height: 1.5em;
}
.text15 {
	font-size:116%;
}
.text16 {
	font-size:123.1%;
	line-height: 1.7em;
}
.text17 {
	font-size:131%;
}
.text18 {
	font-size:138.5%;
}
.text19 {
	font-size:146.5%;
}
.text20 {
	font-size:153.9%;
}
.text21 {
	font-size:161.6%;
}
.text22 {
	font-size:167%;
}
.text23 {
	font-size:174%;
}
.text24 {
	font-size:182%;
}
.text25 {
	font-size:189%;
}
.text26 {
	font-size:197%;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a {
	/*\*/
   overflow: hidden;/**/
}
#Container {
	background: url(../images/bg.jpg) repeat-y;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
}
#Header {
	height: 105px;
	width: 788px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/header_bg.jpg) no-repeat;
	padding-top: 5px;
	padding-left: 27px;
	padding-right: 35px;
}
#Header h2, #Header h2 a {
	float: left;
	height: 40px;
	width: 350px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 20px;
}
#Header h3, #Header h3 a {
	float: right;
	height: 25px;
	width: 160px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	margin: 30px 20px 0px 0px;
}
#Header h1 {
	font-size: 85%;
	text-align: right;
	margin-right:2px;
	font-weight: normal;
}
#Menu {
	height: 35px;
	width: 740px;	
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#Menu ul {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	height: 35px;
}
#Menu li {
	float: left;
	list-style: none;
	text-indent: -9999px;
}
#Menu li a {
	display: block;
	background: url(../images/menu.jpg) no-repeat 0px 0px;
	height: 35px;
	text-decoration: none;
}
#Menu .menu1 a {
	width: 100px;
	background-position: 0px 0px;
}
#Menu .menu2 a {
	width: 143px;
	background-position: -100px 0px;
}
#Menu .menu3 a {
	width: 110px;
	background-position: -243px 0px;
}
#Menu .menu4 a {
	width: 130px;
	background-position: -353px 0px;
}
#Menu .menu5 a {
	width: 167px;
	background-position: -483px 0px;
}
#Menu .menu6 a {
	width: 90px;
	background-position: -650px 0px;
}
#Menu li a:hover {
	display: block;
	background: url(../images/menu.jpg) no-repeat 0px 0px;
	height: 35px;
	text-decoration: none;
}
#Menu .menu1 a:hover {
	width: 100px;
	background-position: 0px -35px;
}
#Menu .menu2 a:hover {
	width: 143px;
	background-position: -100px -35px;
}
#Menu .menu3 a:hover {
	width: 110px;
	background-position: -243px -35px;
}
#Menu .menu4 a:hover {
	width: 130px;
	background-position: -353px -35px;
}
#Menu .menu5 a:hover {
	width: 167px;
	background-position: -483px -35px;
}
#Menu .menu6 a:hover {
	width: 90px;
	background-position: -650px -35px;
}
#Menu.top .menu1 a {
	background-position: 0px -35px;
}
#Menu.concept .menu2 a {
	background-position: -100px -35px;
}
#Menu.busica .menu3 a {
	background-position: -243px -35px;
}
#Menu.kiosk .menu4 a {
	background-position: -353px -35px;
}
#Menu.it .menu5 a {
	background-position: -483px -35px;
}
#Menu.company .menu6 a {
	background-position: -650px -35px;
}
#Contents {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
#Container #Footer {
	clear: both;
	width: 740px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 85%;
}
#Container #Footer ul {
	padding-top: 5px;
}
#Container #Footer li {
	line-height: 1em;
	margin-right: 6px;
	padding-right: 6px;
	border-right: 1px solid #000000;
	display: inline;
}
#Container #Footer .noLine {
	margin-right: 0px;
	padding-right: 0px;
	border-style: none;
}
#Container #Footer a {
	color: #009999;
	text-decoration: none;
}
#Container #Footer a:hover {
	color: #009999;
	text-decoration: underline;
}
.komidashi14 {
	font-size:110%;
	line-height: 200%;
	font-weight: bold;
	text-align: left;
}
#Container #pagetop {
	color: #009999;
	font-size: 77%;
	width: 730px;
	text-align: right;
	margin-bottom: 20px;
}
#Container #pagetop a {
	color: #009999;
	text-decoration: underline;
}
#Container #pagetop a:hover {
	color: #009999;
	text-decoration: none;
}
#Container #pageback {
	clear:both;
	color: #009999;
	font-size: 77%;
	width: 540px;
	text-align: left;
	margin: 10px auto 20px 20px ;
	padding-top: 5px;
}
#Container #pageback a {
	color: #009999;
	text-decoration: underline;
}
#Container #pageback a:hover {
	color: #009999;
	text-decoration: none;
}


/* 右カラムなし
---------------------------------------------*/
#Contents #ContentsAll {
	width: 730px;
	margin: 30px 15px 40px 15px;
	text-align: left;
}
#Contents #ContentsAll #midashi {
	width: 700px;
	height: 23px;
	margin: 10px auto 20px 0;
	border-bottom: 1px solid #CCC;
	font-size: 120%;
	font-weight: bold;
	color: #494949;
	line-height: 1.2;
	float: left;
	background: #FFF url(../images/icon_midashi.gif) left no-repeat;
	padding-left: 25px;
	padding-top: 6px;
}
#Contents #ContentsAll #subtitle {
	float: left;
	width: 700px;
	height: 35px;
	background: url(../images/subtitle.jpg) no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;
}
#subtitle h2 {
	height: 35px;
	padding-top: 9px;
	padding-left: 15px ;
	font-size: 115%;
	font-weight: bold;
	color:#FFF;
	line-height: 1.2;	
}
#Contents #ContentsAll .read a {
	color: #0000CC;
}

#Contents #ContentsAll .read a:hover {
	color: #F90;
	text-decoration: none;
}
#Contents #ContentsAll .read {
	clear: both;
	line-height: 1.4em;
	text-align: left;
	margin-bottom: 15px;
	margin-top: 5px;	
}
#Contents #ContentsAll .read_right {
	clear: both;
	line-height: 1.4em;
	text-align: right;
	margin-bottom: 15px;
	margin-top: 5px;
}
#Container #Contents #ContentsAll .list {
	margin-bottom: 5px;
	text-align: left;
	margin-left: 10px;
	line-height: 15px;
	background-image: url(../images/top/icn_news_list.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
#Contents #ContentsAll #hyou_grayline {
	clear:both;
	padding-top:5px;
	padding-bottom:15px;
	margin:10px 20px;
}

#Contents #ContentsAll #hyou_grayline #hyou1 {
	padding: 7px 15px;
	line-height: 120%;
	background-color: #F2F2F2;
}

#Contents #ContentsAll #hyou_grayline #hyou2 {
	padding: 7px;
	background-color: #FFFFFF;
	line-height: 120%;
}
#Contents #ContentsAll .catchcopy {
	clear: both;
	text-align: left;
	font-size:130%;
	color:#06C;
	padding-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

/*---------busica、Web事業---------*/
#category1 {
	float:left;
	width: 700px;
	height: 36px;
	background: url(../busica/images/category_1.gif) repeat-x;
	margin-top: 20px;
	margin-bottom: 5px;
}
#category1 h2 {
	height: 30px;
	padding-top: 6px;
	padding-left: 15px ;
	font-size: 120%;
	font-weight: bold;
	color: #494949;
	line-height: 1.2;
	text-align:left;
}
#category2 {
    float: left;
	width: 680px;
	padding: 10px;
	margin-bottom: 10px;
}
#category2 h3 {
	font-size: 105%;
	border-bottom: 1px dotted #CCC;
	height: 20px;
	text-align:left;
}
#category2 h4 {
    float:left;
    margin: 15px 10px 5px 0px;
}
#category2 a {
	font-size: 120%;
	font-weight: bold;
	color: #3C72C2;
	text-decoration: none;
}
#category2 a:hover {
	font-size: 120%;
	font-weight: bold;
	color:#FF9900;
	text-decoration: none;
}
#category2 p{
	line-height: 1.5em;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 5px;
}
#category2 #shousai{
    float: right;
}
#category2 #shousai ul {
	padding-top: 5px;
	margin-bottom: 15px;
}
#category2 #shousai li {
	display: inline;
	padding-left: 3px;
}
#officehyou {
	padding: 5px 10px 5px 5px;
	line-height: 1.4em;
	background-color: #FFFFFF;
}
#officehyou1 {
	font-size: 16px;
	text-align: center;	
	font-weight: bold;
	line-height: 1.6em;
	padding: 5px 10px 5px 5px;
	margin: 10px;
	color:#FFF;
	background-color: #7DA7D8;
}
#eventflow {
	width: 100%;
	line-height: 1.4em;
	background-color: #FFFFFF;
}
#eventflow #section {
	float: left;
	width: 190px;
	height:auto;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	background: url(../busica/images/flow_bg.gif) repeat-y;
	padding: 10px;
	margin: 5px auto 5px auto;
	line-height: 1.4em;
}
#eventflow h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	text-align:center;
}
#eventflow h3 {
	text-align:center;
	margin: 20px auto ;
}
#eventflow #arrow {
    float: left;
    width: 40px;
	height: 200px;
    background: url(../busica/images/arrow_1.jpg) no-repeat center;
	margin: 0 2px ;
}
#eventflow #arrow2 {
    float: left;
    width: 40px;
	height: 200px;
    background: url(../busica/images/arrow_4.jpg) no-repeat center;
	margin: 0 2px ;
}

/*---------会社概要---------*/

#Contents #ContentsAll #companyhyou {
	padding: 5px;
	line-height: 1.4em;
	background-color: #FFFFFF;
	text-align: left;
}
#Contents #ContentsAll #companyhyou1 {
	line-height: 1.4em;
	text-align: left;
	background-color: #F2F2F2;
	font-weight: bold;
	padding-left: 15px;
}

/*---------枠付きテーブル201004---------*/

#Contents #ContentsAll #point {
	clear: both;
	font-size: 120%;
	line-height: 1.6em;
	background-color: #FFF;
	padding: 0px;
}
#Contents #ContentsAll #point #topline {
	height: 15px;	
	background: url(../images/line_top.gif) repeat-x;
}
#Contents #ContentsAll #point #leftline {
	height: 15px;
	background: url(../images/line_left.gif) repeat-y;
}
#Contents #ContentsAll #point #rightline {
	height: 15px;
	background: url(../images/line_right.gif) repeat-y;
}
#Contents #ContentsAll #point #bottomline {
	height: 15px;
	background: url(../images/line_bottom.gif) repeat-x;
}
#Contents #ContentsAll #point #main {
	padding: 10px;
}

/*---------Kiosk---------*/
#Contents #ContentsAll #kioskmerit {
    clear: both;
	width: 680px;
	border-collapse: collapse;
	border: 1px solid #CBE7EF;
	padding: 20px;
	line-height: 1.5em;
} 

/*---------お問い合わせフォーム用---------*/
#Contents #ContentsLeft #form {
	padding: 7px;
	background-color: #F2F2F2;
	text-align: left;
	font-weight: bold;
	vertical-align: text-top;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
}
#Contents #ContentsLeft #form2 {
	padding: 7px;
	background-color: #FFF;
	text-align: left;
	line-height: 1.4em;
	border: 1px solid #CCCCCC;
	border-collapse:collapse;
}
#Contents #ContentsLeft #midashi {
	width: 530px;
	height: 23px;
	margin: 10px auto 20px 0;
	border-bottom: 1px solid #CCC;
	font-size: 120%;
	font-weight: bold;
	color: #494949;
	line-height: 1.2;
	float: left;
	background: #FFF url(../images/icon_midashi.gif) left no-repeat;
	padding-left: 25px;
	padding-top: 6px;
}
/*---------お問い合わせ一覧---------*/
#Contents #ContentsAll #inq_ichiran {
	width: 730px;
	margin-top: 10px;
	margin-bottom: 40px;
}
#Contents #ContentsAll #inq_ichiran dl {
	clear:both;
	width: 680px;
	height: 45px;
	background: url(../images/inq_line.gif) no-repeat 0px 0px;
	margin-left: 10px;
}
#Contents #ContentsAll #inq_ichiran dt {
	float: left;
	clear: left;
	padding:12px 0px 0px 25px;
}
#Contents #ContentsAll #inq_ichiran dd {
	margin-left: 500px;
}

/*---------略歴---------*/
#Contents #ContentsAll #companyhyou3 dl {
	text-align: left;
	line-height: 1.4em;
	width: 90%;
	padding: 20px 35px;
}
#Contents #ContentsAll #companyhyou3 dt {
	float:left;
	clear: left;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
#Contents #ContentsAll #companyhyou3 dd {
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
}

/*---------フローチャート---------*/
#Contents #ContentsAll #flowbox{
	clear:both;
	width:500px;
	height:100px;
	background: url(../it/images/flow_1.jpg) no-repeat center;
	margin: 5px auto 0px auto;
}
#Contents #ContentsAll #flowbox .sentence{
	clear:both;
	width:460px;
	height:65px;
	margin-left:20px;
	padding-top:15px;
	text-align:left;
	font-size: 100%;
	line-height: 1.3em;
}
#Contents #ContentsAll #flowbox h2 {
	text-align:left;
	font-size: 110%;
	line-height: 1.5em;
}
#Contents #ContentsAll #flowbox p {
	text-align:left;
	font-size: 100%;
	margin-left:20px;
}
#Contents #ContentsAll #flowend {
	width:500px;
	height:80px;
	background: url(../it/images/flow_end.jpg) no-repeat center;
	margin: 5px auto 0px auto;
}
#Contents #ContentsAll #flowend .sentence{
	width:460px;
	height:60px;
	padding-top:15px;
	margin: 5px auto 0px auto;
	text-align:left;
	font-size: 100%;
	line-height: 1.3em;
}
#Contents #ContentsAll #flowend h2 {
	text-align:left;
	font-size: 110%;
}
#Contents #ContentsAll #flowend p {
	text-align:left;
	font-size: 100%;
	margin-left:20px;
}

/*---------かんたんHPパッケージ内容---------*/
#Contents #ContentsAll #kantan_naiyo{
	clear:both;
	width:500px;
	margin: 5px auto 30px auto;
	padding: 0px;
	border: 1px solid #98CC20;
}
#Contents #ContentsAll #kantan_naiyo2{
	width:460px;
	margin: 15px auto 20px 20px;
}
/*---------オリジナルHPポートフォリオ---------*/
#Contents #ContentsAll #works {
	float:left;
	width: 730px;
	margin: 10px auto;
}
#Contents #ContentsAll .portfolio{
	float: left;
	width: 230px;
	margin-bottom:20px;
	margin-right: 10px;
}
#Contents #ContentsAll .portfolio h2{
	margin-bottom: 5px;
	}
#Contents #ContentsAll .portfolio h3{
	font-size: 93%;
	font-weight:bold;
	color:#099;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 1.2em ;
}
#Contents #ContentsAll .portfolio p{
	text-align:right;
	margin-right:10px;
}
#Contents #ContentsAll .portfolio a{
	font-size: 80%;
	color: #0000CC;
}
#Contents #ContentsAll .portfolio a:hover {
	color: #F90;
	text-decoration: none;
}

/*---------プライバシーページ---------*/
#Contents #ContentsAll .privacy {
	line-height: 1.4em;
	text-align: left;
	margin-left: 15px;
	margin-bottom: 10px;
}
#Contents #ContentsAll .privacy2 {
	line-height: 1.4em;
	padding-left: 30px;
	padding-bottom: 15px;
}
#Contents #ContentsAll .privacy_t {
	text-align: left;
	padding-top: 20px;
	margin-bottom: 15px;
}