@charset "utf-8";

body{
	margin:0;
	padding:0;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
	font-size:0.7em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	line-height:150%;
	}

/* リンク
----------------------------------------------- */
a {	text-decoration: underline;color: #006699;}
a:link {text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover { color: #006699; text-decoration:none; }

/* フロート解除
----------------------------------------------- */
.clearfix:after{
	display:block;
	clear:both;
	height:0px;
	line-height:0px;
	visibility:hidden;
	content:".";
}
.clearfix{
	zoom:100%;/* IE6・7対策 */
}

/* ヘッダー
----------------------------------------------- */
#header{ 
	width:960px; height:96px;
	margin:auto;
	}
.h23{height:23px;}
#header h1{ color:#FFF; font-weight:normal; font-size:10px;  margin:0; float:left;
}
#header .logo {float: left;}
#header .search {width: 180px; padding:15px 0px 0px 0px;float: right; font-size:10px; text-align:right; margin-right:10px;}
.seachInput {
	height:15px !important;
	width:132px;
	padding:1px 0px 0px 3px !important;
	_margin-right:-3px;
	border:1px solid #bbbbbb !important;
	border-right:none !important;
	float:left;
	color:#666;
	font-size:10px;}
#header form { margin:10px 0px 0px 0px; padding:0px;height:18px;}
#header .tel {float: right;padding:10px 0px 0px 0px;}


/* メニュー
----------------------------------------------- */
#menu {
	width: 960px;
	height: 65px; margin:auto; background-image:url(../img/top_menubt.gif); background-repeat:no-repeat; background-position:0px 60px;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu li a {
	height: 60px;
	display: block;
	float: left;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}
#menu li.home a {
	width:192px;
	background-image: url(../img/menu_home1.gif);
	background-repeat: no-repeat;
}
#menu li.home a:hover{
	width:192px;
	background-image: url(../img/menu_home2.gif);
	background-repeat: no-repeat;
}
#menu li.web a {
	width:192px;
	background-image: url(../img/menu_web1.gif);
	background-repeat: no-repeat;
}
#menu li.web a:hover{
	width:192px;
	background-image: url(../img/menu_web2.gif);
	background-repeat: no-repeat;
}
div#menu li.mobile a {
	width:192px;
	background-image: url(../img/menu_mobile1.gif);
	background-repeat: no-repeat;
}
div#menu li.mobile a:hover{
	width:192px;
	background-image: url(../img/menu_mobile2.gif);
	background-repeat: no-repeat;
}
div#menu li.system a {
	width:192px;
	background-image: url(../img/menu_system1.gif);
	background-repeat: no-repeat;
}
div#menu li.system a:hover{
	width:192px;
	background-image: url(../img/menu_system2.gif);
	background-repeat: no-repeat;
}
div#menu li.promotion a {
	width:192px;
	background-image: url(../img/menu_promotion1.gif);
	background-repeat: no-repeat;
}
div#menu li.promotion a:hover{
	width:192px;
	background-image: url(../img/menu_promotion2.gif);
	background-repeat: no-repeat;
}

/* メインコンテンツ
----------------------------------------------- */
#container { width:920px; margin:auto; padding:5px 20px 0px 20px; background-image:url(../img/con_bg.gif); background-repeat:repeat-y; clear:both;}
#container_bt {width:960px; height:20px; margin: 0 auto; background-image:url(../img/con_bt.gif); background-repeat: no-repeat; clear:both;}

h2{margin:0px 0px 10px 0px; padding:0px;}
h3{margin:0px 0px 0px 0px; padding:0px;}

/* 左メイン
----------------------------------------------- */
#main { width:700px;float:left; margin-right:20px;}
	
/* 右サイドバー
----------------------------------------------- */
#right {
	float:right;
	width:200px;
	}	
#right ul {
	margin:0px 0px 0px 5px; 
	padding:0px 0px 0px 0px ;
	}
#right li{
	margin:5px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	list-style-type: none; border-bottom:dotted 1px #CCC;
	}
#right .bookmark{ 
 background-image:url(../img/right_bookmark.gif); background-repeat:no-repeat; padding:5px 0px 3px 100px; width:100px; margin:10px 0px 10px 0px;
	}
#right .bookmark img{ margin-right:5px;}

/* トップコンテンツ
----------------------------------------------- */	
.grayBox{ background-image:url(../img/top_graybox.gif); background-repeat:repeat-x; padding:10px 7px 7px 7px; 
margin:8px 0px 20px 0px;}
.grayBox p{ background-color:#FFF; padding:5px;}
.w340{ width:340px;}
.worksBox{ background-color:#F2F2F2; border:#CCC 1px solid; padding:7px 5px 10px 5px; line-height:130%; margin-bottom:20px;}
.worksBox img{ float:left; margin-right:4px;}
.worksBox p{ float:right; width:97px;}
.w215{ width:218px; padding:0px 3px 0px 7px;}
.bdR{ border-right:1px dotted #CCC;}
		
/* フッター
----------------------------------------------- */	
#footer {background-image: url(../img/footer_bg.gif); background-repeat:repeat-x; background-color:#000;}
#footerBox {width:960px;margin:auto; padding:10px 0px 20px 0px; }
#footer .logo{ background-image:url(../img/logo.gif); background-repeat:no-repeat; background-position:0px -13px;height:64px; padding:0px 0px 0px 170px; }
#footer .menu{ color:#FFF; padding-top:10px;}
#footer .menu a{ color:#FFF;}
#footer .menu  ul {list-style: none;  margin:0px 0px 5px 0px; padding:0; }
#footer .menu   li {display:inline; 
 }

/* ボックス
----------------------------------------------- */		
.box1{ width:100%; clear:both;}
.boxL{ float:left;}
.boxR{ float:right;}

/* テーブル
----------------------------------------------- */		
.table{ background-color:#CEC9B3;}
.table th{ background-color:#EBEBDA; font-weight:normal; text-align:left;}
.table td{ background-color:#fff;}

/* その他
----------------------------------------------- */
.bgg{ background-color:#8FA417; padding:20px;}
.red{ color:#990000;}
form{ margin:0; padding:0;}
.t3{ margin-top:3px;}
.t10{ margin-top:10px;}
.b5{ margin-bottom:10px;}
.b10{ margin-bottom:10px;}
.b20{ margin-bottom:20px;}
.s{font-size:10px;}
.gray{ color:#999;}
img{ border:0px;}
p{ padding:0; margin:0;}