@charset "euc-jp";


/* 基本スタイル
---------------------------------------------*/

* {
	margin: 0; 
	padding: 0; 
	font-size:100%;
}
body { 
	font-size: 75%; 
	font-family:"ＭＳ ゴシック", "Osaka−等幅","sans-serif"; 
	line-height:1.4; color:#666666; 
	background:#FFFFFF url(../images/body_bg.gif) left top repeat-x;
	text-align:center;
	/*text-align:left;*/
}
a {color:#333333}
a:visited {color:#333333}
a:hover {color:#333333}

img {
	border:none; 
	vertical-align:top
}

#wrapper{
	position:relative;/*2008.09.19 add*/
	margin:0 auto;/*2008.09.19 add*/
	width: 835px;
	background:#FFFFFF;
	text-align:left;
	background:#FFFFFF url(../images/body_bg.gif) left top repeat-x;
}

/* フォント関係
---------------------------------------------*/
.font_red{color:#FF0000}
.font_blue{color:#0099FF; font-size:120%}


/* ロゴとサブメニュー
---------------------------------------------*/
#logo {
	position: absolute;
	left: 13px;
	top: 22px;
	z-index: 1;
}
#sub_menu {
	position: absolute;
	left: 280px;
	top: 42px;
	z-index: 2;
}

#season {
	position: absolute;
	left: 350px;
	top: 5px;
	z-index: 1;
}

/* 本体
---------------------------------------------*/

#content {
	overflow:auto !important;
	overflow /**/: hidden;
	width: 100%;
	background:#FFFFFF;
	padding-bottom: 30px;
	padding-top:121px;
	background:#FFFFFF url(../images/body_bg.gif) left top repeat-x;/**/
}

#side-left{
	float: left;
	width:111px;
	height:240px;
	text-align:center;
	background-image:url(../images/side_01.jpg);
	background-repeat: no-repeat;
}


#center{
	float: left;
	width:580px;
	padding:20px 0 0 5px;
}
#center .section{
	margin: 16px 18px 0 13px;
}
#center .section .name{
	margin: 16px 18px 0 18px;
	text-align:right;
}

/*dl {   
 width:490px;   
}   
dt {   
 float:left;   
 width:100px;   
 padding:5px 0 5px 10px;   
 clear:both;   
 font-weight:bold;   
}   
dd {   
 width:260px;   
 margin-left:100px;   
 padding:5px 5px 5px 10px;     
}  */



#center .section dt{
	font-weight:bold;
}
#center .section dd{
	padding-left:15px;
}
#center .section ul{
	list-style-type: none;
}
#center .section li{
	padding-left:5px;
}


#side-right{
	float: left;
	width:109px;
	height:240px;
	padding:20px 0 0 1px;
	text-align:center;
	background-image:url(../images/side_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/* フッター
---------------------------------------------*/
#footer{
	clear:both;
	text-align:center;
	padding-bottom:30px;
	font-size:80%;	
}


/* 会社概要と採用案内
---------------------------------------------*/
.dl_degign dl {   
 width:555px;   
}   
.dl_degign dt {   
 float:left;   
 width:100px;   
 padding:5px 0 5px 5px;   
 clear:both;   
 font-weight:bold;
}   
.dl_degign dd {   
 width:400px;   
 margin-left:60px;
 padding:5px 5px 5px 0px;     
} 


/* 制作プロセス \process\index.htmlにダイレクト記載
サービスにも使用中
---------------------------------------------*/
#process dt{
	/*color:#0099FF;*/
	color:#666666;
	font-size:120%;
	background-image:url(../images/underline.gif);
	background-repeat: no-repeat;
}

/* パッケージ　\package\index.htmlにダイレクト記載
---------------------------------------------*/
#package {
	background:url(../packages/images/image2.gif) no-repeat top right;
}

#package ol{
	list-style-type: decimal;
	padding-left:25px;
}
#package table{
	padding:25px;	
}
#package th{
	text-align:center;
	padding:3px;
}
#package td{
	/*background-color:#f3f3f3;*/
}
#package p{
	padding-left:15px;
	font-size:80%; 
	line-height:15px;
}
#package h4{
	background:url(../images/underline.gif) no-repeat;
	padding-bottom:10px;
}


/* 制作実績 \portfolio\index.htmlにダイレクト記載
---------------------------------------------*/
#portfoliolist {
	margin: 10px 0;
}
#portfoliolist h3 span{
	display: block;
	padding: 3px 0;
	color: #999999;
	font-weight:normal;
}
#portfoliolist li{
	float: left;
	width:120px;
	margin:10px 10px 0 0;
	text-align:center;
}

/* お問い合わせ \contact\index.htmlにダイレクト記載
---------------------------------------------*/
#contact{
	width:500px;
}
#contact table{
	border-top: 1px solid #CCCCCC;
	border-bottom:none;
	border-left:none;
	border-right:none;
	font-size:100%;
	width:100%;
}
#contact td{
	border-top:none;
	border-bottom:1px solid #CCCCCC;
	border-left:none;
	border-right:none;
	padding:10px;
}
#contact th{
	border-top:none;
	border-bottom:1px solid #CCCCCC;
	border-left:none;
	border-right:none;
	background-color:#f3f3f3;
	font-weight:normal;
	padding:10px;
	width:200px;
}
#contact th em{
	color:#FF0000
}

/* 採用案内　\recruit\index.htmlにダイレクト記載
---------------------------------------------*/
#recruit {
	background:#FFFFFF url(../recruit/images/dc.jpg) no-repeat right bottom;
}