@charset "shift_jis";
/* CSS Document */

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

body {
	margin:0;
	padding:0;
	font-size:10pt;
	line-height:1.3em;*/
	font-family:メイリオ, Meiryo, Verdana, Osaka,ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ Ｐゴシック, Tahoma,MS PGothic, sans-serif;
	color:#1a1a1a;
	background:url(../images/bg.jpg) repeat-y center top;


}
/* IE7でpadding指定（背景ドロップシャドウ用ハック） */
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下でpadding指定（背景ドロップシャドウ用ハック */
*html body {
padding-left: 1px;
}

h1,h2,h3,h4,h5 {
	padding:0;
	margin:0;
	display:block;
}
img {
	border:none;
	vertical-align:baseline;
}


a:hover img
{
 filter:alpha(opacity=80); opacity:0.8; background: #FFF;
}

a:hover {
    color:#F00;
    font-style:normal;
    text-decoration:underline;
} 

ul {margin:0;
padding:0;
}

.cl { clear:both;}
.alignleft {text-align:left;}
.alignright {text-align:right;}

.aligncenter {text-align:center;}
 strong.bk_yellow { background:#FFC;}
/*外枠（ドロップシャドウ）*/
#wrapper {
	margin:0 auto;
	padding:0;
	width: 870px;
	height:100%;
	display:block;
	background:url(../images/bg.gif) repeat-y left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
/*中枠*/
#container { padding-top:10px; width:820px; margin:0 auto; overflow:visible;}

h1 {
	background:url(../images/h1.gif) repeat-x center top;
	font-size:10px;
	color:#FFF;
	text-indent:20px;
	width:870px;
	height:27px;
	top:0;
}

/*　トップページ ナビメニュー　*/
#menu{ display:block; width:820px; height:36px; background:url(../images/menu.gif) no-repeat; position:relative; margin:0 auto;}
#menu span {display:none;}
#menu li { float:left; list-style:none; display:inline; height:36px; width:205px;}
#menu li a { height:36px; display:block; width:205px;}	

#menu li.menu1 a:hover {background:url(../images/navi.gif) no-repeat 0px 0px; filter:alpha(opacity=20); opacity:0.2; background: #FFF;}
#menu li.menu2 a:hover {background:url(../images/navi.gif) no-repeat -205px 0px; filter:alpha(opacity=20); opacity:0.2; background: #FFF;}
#menu li.menu3 a:hover {background:url(../images/navi.gif) no-repeat -410px 0px; filter:alpha(opacity=20); opacity:0.2; background: #FFF;}
#menu li.menu4 a:hover {background:url(../images/navi.gif) no-repeat -615px 0px; filter:alpha(opacity=20); opacity:0.2; background: #FFF;}
	
div.banner3 { position:relative; height:350px;}
div.banner3 img { z-index:20; position:absolute;}
div.banner3 strong { z-index:21; font-size:11pt; text-decoration:underline; position:absolute; top:18px; left:20px; color:#000;}
div.banner3 p { text-align:right; font-size:11pt; top:320px; left:550px; height:30px; position:absolute;}


/*サービスについて*/
p.service { padding:20px 18px 15px 12px; width:790px; font-size:11pt; }
/*例えば*/
div.tatoeba { background:url(../images/banner6.jpg) no-repeat; width:820px; height:316px; position:relative;}
div.tatoeba ul {}
div.tatoeba li {
	list-style:none;
	position:absolute;
	top:255px;
	width:240px;
}
div.tatoeba li.li_1 {  left:30px;}
div.tatoeba li.li_2 {
	left:310px;
}
div.tatoeba li.li_3 {
	left:582px;
}
/*こんな時代だから*/
.zatsuyou { background:url(../images/banner2.gif) no-repeat; width:820px; height:436px; position:relative;}
.zatsuyou p {
	position:absolute;
	top:90px;
	left:31px;
	font-size:11pt;
	line-height:15pt;
}
/*その4親切・安心*/
div.banner8 { width:820px; height:586px; position:relative;}
div.banner8 img.shinsetsu { position:absolute; z-index:30;}
div.banner8 img.movie_b { position:absolute; z-index:31; top:248px; left:325px;}
 


/*特定商*/
div.tokutei { width:820px; margin:0 auto; clear:both; font-size:11pt; line-height:1.4em; padding:10px 0;}


/*対応エリア*/
div.area { margin:0 auto;}
div.area p { padding:10px 0; margin:0 auto; line-height:1.3em;}

/*ページ下メニュー*/
div.footer_link{ height:33px; text-align:center; display:block; padding-top:20px; width:820px; clear:both;}
/*フッター*/
div#footer { width:820px; height:144px; margin:0 auto; position:relative;}
div#footer img {
	position:absolute;
	z-index:10;
	left: -25px;
	top: 0px;
}
div#footer p.copy {
	position:absolute;
	color:#FFF;
	top:120px;
	font-size:8pt;
	z-index:11;
	width:870px;
	text-align:center;
	left: -26px;
}
div#footer p.bridge { font-size:8pt; width:820px; margin:0 auto; text-align:center; padding:10px 0; position:absolute; top:143px; }

.left {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}

.left2 {
	text-align: left;
	padding-left:10px;
	margin-top: 5px;
	margin-bottom: 5px;
}