@charset "shift_jis";

/*//////////////////////////////////////////////////////////////////
共通
//////////////////////////////////////////////////////////////////*/

body,td,th{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height:1.6;
	color:#333;
}

body {
	margin:0px;
	text-align:center;
}

img{
	border:0px;
	margin:0px;
}

a:link, a:visited{
	text-decoration:none;
	color:#333;
}

a:hover{
	text-decoration:underline;
	color:#555;
}

/*//////////////////////////////////////////////////////////////////
レイアウト
//////////////////////////////////////////////////////////////////*/

#wrap {
	width:930px;
	text-align:left;
	margin:0 auto;
	background:url(../images/bg_wh.png) repeat-y center top;
}

#inner{
	padding:0px 25px;
}

#main {
	width:600px;
	float:left;
	margin-bottom:20px;
}

#right {
	width:250px;
	float:right;
	margin-bottom:20px;
}

.clear { clear:both; }
.clear hr { display:none; }


/*//////////////////////////////////////////////////////////////////
ヘッダー
//////////////////////////////////////////////////////////////////*/

h1{
	margin:0px;
	font-size:13px;
	line-height:28px;
	font-weight:normal;
	text-align:right;
}

#header{
	background:url(../images/tel2.gif) no-repeat right 10px;
	height:120px;
	width:880px;
}

#logo{
	float:left;
	width:100px;
	margin-top:10px;
}

/*ボタン*/
ul#nav {
	margin:32px 0px 0px 0px;
	padding:0px;
	width:750px;
	height:50px;
	list-style-type: none;
	float:right;
}

ul#nav li {
	float: left;
}

ul#nav li a span{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}

ul#nav li a {
	display:block;
	height: 50px;
	width:150px;
}

/* HOME */
ul#nav li#nav1 a {
	height:50px;
	background:url(../images/nav_wh.gif) no-repeat;
	background-position: 0px 0px;
}

ul#nav li#nav1 a:hover {
	background:url(../images/nav_bk.gif) no-repeat;
	background-position: 0px 0px;
}

/* 営業対応エリア */
ul#nav li#nav2 a {
	height:50px;
	background:url(../images/nav_wh.gif) no-repeat;
	background-position: -150px 0px;
}

ul#nav li#nav2 a:hover {
	background:url(../images/nav_bk.gif) no-repeat;
	background-position: -150px 0px;
}

/* 簡単！ご依頼の流れ */
ul#nav li#nav3 a {
	height:50px;
	background:url(../images/nav_wh.gif) no-repeat;
	background-position: -300px 0px;
}

ul#nav li#nav3 a:hover {
	background:url(../images/nav_bk.gif) no-repeat;
	background-position: -300px 0px;
}

/* データ入稿方法 */
ul#nav li#nav4 a {
	height:50px;
	background:url(../images/nav_wh.gif) no-repeat;
	background-position: -450px 0px;
}

ul#nav li#nav4 a:hover {
	background:url(../images/nav_bk.gif) no-repeat;
	background-position: -450px 0px;
}

/* 会社概要 */
ul#nav li#nav5 a {
	height:50px;
	background:url(../images/nav_wh.gif) no-repeat;
	background-position: -600px 0px;
}

ul#nav li#nav5 a:hover {
	background:url(../images/nav_bk.gif) no-repeat;
	background-position: -600px 0px;
}




/*//////////////////////////////////////////////////////////////////
ライトナビ
//////////////////////////////////////////////////////////////////*/

#rightmenu{
	background:url(../images/right_bg2.gif);
	padding:5px;
	margin-bottom:5px;
	text-align:left;
}

#rightmenu div.bgwh{
	background-color:#fff;
	padding:0px;
}

#rightmenu ul{
	margin:0px;
	padding:10px 0px;
	list-style-type: none;
	width:220px;
}

#rightmenu ul li{
	display:block;
	position:relative;
	padding: 5px 0px 5px 35px;
	background : url(../images/right_nav_list.gif) no-repeat 15px 8px;
	font-size:13px;
	line-height:1.3;
}

.rightgybg{
	border-radius: 5px; /* CSS3草案 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
	background-color:#f1f1f1;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}

.rightgybg ul{
	margin:0px;
	padding:5px 0px;
	list-style-type: none;
	width:220px;
}

.rightgybg ul li{
	display:block;
	position:relative;
	padding: 2px 0px 2px 58px;
	font-size:13px;
	line-height:1.3;
	background:url(../images/right_re.gif) no-repeat 35px 1px;
	text-align:left;
}

.rightgybg ul li span{
	width:70px;
	display:inline-block;
}

.right_bnr img{
	margin:5px 0px;
}

/*//////////////////////////////////////////////////////////////////
フッター
//////////////////////////////////////////////////////////////////*/

#footer{
	background-color:#f1f1f1;
	margin:0px 5px;
	padding:0px;
	text-align:left;
	height:140px;
}

#footer div.fw{
	width:180px;
	float:left;
	margin:20px 0px 0px 30px;
}

#footer div.fw ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	width:180px;
}

#footer div.fw ul li{
	display:block;
	position:relative;
	padding: 3px 0px 3px 20px;
	font-size:12px;
	line-height:1.6;
	background:url(../images/ft_list.gif) no-repeat left 4px;
	text-align:left;
}

#ft_logo{
	position:relative;
}

#ft_logo span{
	position:absolute;
	top:70px;
	left:850px;
}


#copy{
	background-color:#000;
	margin:0px 5px;
	color:#999;
	text-align:center;
	font-size:11px;
	line-height:20px;
}

/*//////////////////////////////////////////////////////////////////
トップページ
//////////////////////////////////////////////////////////////////*/

.txtmg{
	padding:10px 30px;
	font-size:13px;
	line-height:1.7;
}

.txtmg b.red{
	color:#f00;
	font-size:22px;
	line-height:1.4;
}


/*最速の理由はコチラ*/
div#saisoku_wake {
	margin:10px 70px;
	padding:0px;
	width:460px;
	height:40px;
	text-align:center;
}

div#saisoku_wake a span{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}

div#saisoku_wake a {
	display:block;
	height: 50px;
	width:460px;
	background:url(../images/top_bt03.gif) no-repeat center;
}

div#saisoku_wake a:hover {
	background:url(../images/top_bt04.gif) no-repeat center;
}