/* =============================================== */
/* 基本設定　                                      */
/* =============================================== */
*{
	margin: 0px;
	padding: 0px;
}

body {
	color: #ffffff;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	background-color: #000000;
}
.clear{
	clear:both;
}

.left{
	text-align:left;
}
.f_left{
	float:left;
}
.right{
	text-align:right;
}
.f_right{
	float:right;
}
/******* センター寄せ　横幅設定 *******/
.base {
	width: 755px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/******* メインイメージ背景 *******/
#title {
	clear:both;
	background-color: #FFFFFF;
}
/******* IE不具合設定 *******/
#title img {
	vertical-align:top;
}
/******* レイアウト設定 *******/
#side {
	float: left;
	width: 215px;
	padding-top: 5px;
}

#main {
	float:right;
	width: 530px;
}
/******* メニュー設定 *******/
#menu ul{
	list-style: none;
	margin: 0;
}

#menu li{
	float: left;
}
/* リンクボタン画像 */
#menu_home a {
	display: block;
	width: 132px;
	height: 35px;
	text-indent: -2000px;
	background-image: url(../img/common/menu_img.gif);
	background-position: 0px 0px;
}

#menu_service a {
	display: block;
	width: 132px;
	height: 35px;
	text-indent: -2000px;
	background-image: url(../img/common/menu_img.gif);
	background-position: -132px 0px;
}

#menu_company a {
	display: block;
	width: 133px;
	height: 35px;
	text-indent: -2000px;
	background-image: url(../img/common/menu_img.gif);
	background-position: -264px 0px;
}

#menu_works a {
	display: block;
	height: 35px;
	text-indent: -2000px;
	background-image: url(../img/common/menu_img.gif);
	background-position: -397px 0px;
	width: 133px;
}
/* ロールオーバー画像位置設定*/ 
#menu_home a:hover {
	background-position: 0px -35px;
}

#menu_service a:hover {
	background-position: -132px -35px;
}

#menu_company a:hover {
	background-position: -264px -35px;
}

#menu_works a:hover {
	background-position: -397px -35px;
}
/******* 最新制作実績設定 *******/
#new_work {
	width: 210px;
	border: 1px solid #FFFFFF;
	text-align: center;
	font-size: 10px;
	margin-bottom: 5px;
}
#new_work span {
	font-size: 8px;
}

#new_work_text_pc ,#new_work_text_mobile {
	line-height: 130%;
	text-align: right;
	padding: 6px;
	vertical-align: bottom;
}
#new_work_text_pc a ,#new_work_text_mobile a{
	color: #FFFFFF;
	text-decoration: none;
}

#new_work_text_mobile a:hover {
	color: #ff0000;
}
#new_work_text_pc a:hover {
	color: #0099ff;
}
/* 「その他の」リンク設定 */
#work_others {
	width:200px;
	margin:0px auto;
}
#work_others a {
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 22px;
	float: left;
	background-position: 0px 0px;
}
#work_others a.pc {
	background-image: url(../img/common/work_others_pc.gif);
}
#work_others a.mobile {
	background-image: url(../img/common/work_others_mobile.gif);
}
#work_others a:hover {
	background-position: 0px -22px;
}
/*　コンテンツ内容部分　*/
#co_01 {
	font-size: 12px;
	color: #333333;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height: 150%;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#co_01 p {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

/******* コンテンツ内ナビゲーション設定 *******/
#navigation {
	font-size: 10px;
	line-height: 16px;
}
#navigation a {
	color: #FFFFFF;
	text-decoration: none;
}
#navigation a:hover {
	color: #0099FF;
}
#navigation span {
	color: #0099FF;
}
/******* コンテンツ内背景 *******/
#mein_contents {
	background-color: #FFFFFF;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
}
/******* お問い合わせボタン設定 *******/
#form_link {
	margin-top: 20px;
	margin-bottom: 20px;
}
#form_link a {
	display: block;
	text-indent: -2000px;
	width: 530px;
	height: 30px;
	background-image: url(../img/index/form_img.gif);
	background-position: 0px 0px;
}
#form_link a:hover {
	background-position: 0px -30px;
}

/******* フッター設定 *******/
#foot {
	height: 50px;
	clear: both;
	font-size: 10px;
}
/* リンク設定 */
#foot ul {
	padding: 0;
	margin: 0;
	color: #666666;
}
#foot li {
	margin-left: 8px;
	float: left;
	list-style-type: none;
	padding-top: 4px;
}
#foot a {
	color: #eeeeee;
	text-decoration: none;
}
#foot a:hover{
	text-decoration: underline;
	color: #0099FF;
}
/* リンク位置設定 */
.foot_ul01 {
	width: 730px;
	float: right;
}
.foot_ul02 {
	width: 440px;
	float: right;
	margin-bottom: 10px;
	line-height:12px;
}
#footnv{
	width:730px;
	float:left;
}
#footnv ul{
}
#footnv ul li{
	font-size:12px;
	background:url(images/footer_02.gif) left center no-repeat;
	padding-left:12px; 
	display:inline;
}
#footnv ul li a{
	font-size:12px;
	padding-right:5px;
}

/* コピーライト設定 */
.copy {
	font-size:12px;
	padding-right: 40px;
	clear:both;
	background-image: url(../img/common/copy_back.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
/* 商標登録文章設定 */
.syou {
	font-size: 10px;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
}

/******* デコQR紹介設定 *******/
#qrcord {
	font-size: 10px;
	margin-top: 5px;
}

/******* システム・カンパニー　サイドメニュー設定 *******/
#sidemenu {
}
#sidemenu ul,#sidemenu  li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidemenu a {
	color:#FFFFFF;
	width:200px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	background-repeat: no-repeat;
	padding-left: 5px;
}
#sidemenu a:hover {
	color:#DDEFFF;
}

#btn1 a {
	background-image:   url(../img/system/menu_b1.jpg);
}
#btn2 a {
	background-image:    url(../img/system/menu_b1.jpg);
}