/* CSS Document */

* {
   margin: 0px;
   padding: 0px;
}

body {
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #F0F0F0;
}

img {
   border: none;
}


.kugiri {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
}

#pankuzu {
    width: 800px;
	height: 20px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	padding-top: 5px;
}

/*************************************************　外枠　*************************************************/

#wrap {
    width: 800px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto; 
}

/*************************************************　ロゴ＆上メニュー　*************************************************/

#header {
   width: 800px;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;   
}

#rogo {
    margin-top: 0px;
	width: 200px;
	height: 60px;
	float: left;
	background-repeat: no-repeat;
	background-position: left;
}

/*-------------------------------------------------グローバルナビ-------------------------------------------------*/

#menu {
	margin-top: 0px;
	width: 600px;
	height: 60px;
	margin-top: 0px;
	margin-left: 200px;
}

#menu ul,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
    float: left;
}

#menu li a {
    float: left;
	width: 120px;
	height: 60px;
	display: block;
	overflow: hidden;
	background-image: url(../img/menu.jpg);
	background-repeat: no-repeat;
}

/*-------------------------------------------------会社案内*/

#menu li#company a {
    background-position: 0 0px;
}

#menu li#company a:hover { 
	background-position: 0 -60px;
}

/*-------------------------------------------------事業内容*/

#menu li#service a {
    background-position: -120px 0px;
}

#menu li#service a:hover { 
	background-position: -120px -60px;
}

/*-------------------------------------------------ニュースリリース*/

#menu li#newsre a {
    background-position: -240px 0px;
}

#menu li#newsre a:hover { 
	background-position: -240px -60px;
}

/*-------------------------------------------------採用情報*/

#menu li#recruit a {
    background-position: -360px 0px;
}

#menu li#recruit a:hover { 
	background-position: -360px -60px;
}

/*-------------------------------------------------お問合せ*/

#menu li#contact a {
    background-position: -480px 0px;
}

#menu li#contact a:hover {
	background-position: -480px -60px;
}

/*************************************************　メインイメージ　*************************************************/

/*---------------------------------------------フラッシュ*/

#fla {
	width: 800px;
	height: 450px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	clear: left;
}

/*---------------------------------------------各ページイメージ*/

#face {
	width: 800px;
	height: 50px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	clear: left;
}

/*************************************************　コンテンツ　*************************************************/

#contents {
	width: 800px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}


#main {
	width: 740px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

.waku {
	width: 740px;
    border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


/*************************************************　事業内容・サービス　*************************************************/
#con {
	width: 350px;
	height: 20px;
	margin-top: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #666666;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	padding-left: 450px;
}

#con a {
	text-decoration: none;
}

/*-------------------------------------------------テキストカラー*/
#con #ao {
	color:#37B2E2;
}

#con #kiiro {
	color:#E2A324;
}

#con #murasaki {
	color:#B550C4;
}

/*-------------------------------------------------各種ウェブサービス

#con li#web a {
    background-position: 0px 0px;
}

#con li#web a:hover { 
	background-position: 0px -60px;
}

/*-------------------------------------------------通販EC

#con li#ec a {
    background-position: -266px 0px;
}

#con li#ec a:hover { 
	background-position: -266px -60px;
}

/*-------------------------------------------------イラスト集

#con li#other a {
    background-position: -532px 0px;
}

#con li#other a:hover { 
	background-position: -532px -60px;
}

/*************************************************　ニュースリリース　*************************************************/

/*

#news {
	width: 800px;
	margin-top: 0px;
	padding-top: 5px;
}

.news_nakami {
	height: 20px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 50px;
	background-image: url(../img/yajirusi.jpg);
	background-repeat: no-repeat;
	background-position: 20px center;
}

/*************************************************　フッター　*************************************************/

#footer {
	width: 800px;
	height: 50px;
	padding-top: 10px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	clear:left;
    border-top: 1px dashed #CCCCCC;
}

#footer_text {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	float:left;
	width: 450px;
	padding-top: 15px;
	padding-left: 150px;
}

#bana {
	width: 150px;
	height: 40px;
	margin-left: 600px;
	border: 1px solid #CCCCCC;
}


/*************************************************　見出しなど　*************************************************/

.main_midasi {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #2F0C81;
	background-image: url(../img/main_midasi.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	width: 670px;
	padding-left:70px;
	padding-top:5px;
	margin-top:20px;
	letter-spacing: 0.1em;
}

.komidasi {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	background-image: url(../img/komidasi.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 620px;
	padding-top:7px;
	padding-left:30px;
	margin-top:15px;
	margin-bottom:10px;
	margin-left:30px;
	letter-spacing: 0.1em;
	background-position: left center;
	border-bottom: 1px dashed #CCCCCC;
}

/*-------------------------------------------------------------------------テーブル*/

table {
    margin-top: 10px;
}

table#gaiyo {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

table th {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	text-align: left;
	vertical-align: top;	
}

/*************************************************　サービスの箱　*************************************************/

.service_waku {
	width: 700px;
    border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}

.service_img {
	float: left;
	width: 150px;
	border: 1px solid #CCCCCC;
}

.service_text {
	width: 530px;
	margin-left: 170px;
}

.service_text p {
	margin-left: 0px;
}

.service_midasi a{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #2F0C81;
	background-image: url(../img/service_midasi.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	width: 490px;
	padding-left:40px;
	padding-top:10px;
	letter-spacing: 0.1em;
	display: block;
	text-decoration: none;
}