@charset "UTF-8";

/*
--------------------------------
 更新日: 2009-06-19
--------------------------------
インポート
- global.css

 スタイル定義
 - body

 - ヘッダ

 - キービジュアル

 - グローバルナビ

 - パンくず

 - ボディ

 - コンテンツ

 - サイドバー

 - フッタ
 --------------------------------
*/



@import "global.css";



/* --------------------------------
 body
-------------------------------- */

body { background: #f1f1f1 url(../img/headback.jpg) repeat-x;}

/* --------------------------------
 ヘッダ
-------------------------------- */

div#header { margin:0 auto 0 auto; border-top:0px solid #CE2029; width:882px; }

div.headrb2{float:right;margin:20px 0px 0px 0px;}
div.headrb{float:left;;margin:20px 0px 0px 0px;}

div#header ul{}
div#header ul li{float:left;}

p#header_si { padding:0px 0px 0px 0px; width:252px; float:left; }

p#header_tagline { padding:25px 0 0 5px; width:200px; color:#666; font-size:62.5%; line-height:1.5; float:left; }
* html p#header_tagline { font-size:63%; }/* IE 6 以前 */

ul#header_nav { padding:27px 16px 0 0; width:250px; background:url(../img/hdr_nav_bg.gif) no-repeat 0 27px; float:right; }
ul#header_nav li { padding:0 0 0 12px; float:left; }
div.headrb li.hnavi1 a{ background:url(../img/conpany.jpg) no-repeat left top; width:80px; height:21px;float:left; display:block;}
div.headrb li.hnavi2 a{ background:url(../img/sitemap.jpg) no-repeat left top; width:94px; height:21px;float:left; display:block;}
div.headrb li.hnavi3 a{ background:url(../img/question.jpg) no-repeat left top; width:98px; height:21px;float:left; display:block;}
div.headrb li a span{ display:none;}

/* --------------------------------
 キービジュアル
-------------------------------- */

div#keyvisual { margin:0 auto 0 auto; width:882px; height:175px; background-repeat:no-repeat; }

div#keyvisual h1 {}
div#keyvisual p {}

/* --------------------------------
 グローバルナビ
-------------------------------- */

div#gnav { margin:0 auto 0 auto; width:882px; clear:both; }

div#gnav ul {
	width:100%;
	background:url(../img/gnav_line.jpg) repeat-x;
	overflow:hidden;
}

div#gnav ul li { float:left; }
div#gnav ul li a { display:block; padding:42px 0 0 0; height:0; background:url(../img/gnav.jpg) no-repeat; overflow:hidden; }
div#gnav ul li a:hover { background-position:0 -42px; }

div#gnav ul li#gnav_alta { width:143px; }
div#gnav ul li#gnav_about { width:143px; }
div#gnav ul li#gnav_system { width:143px; }
div#gnav ul li#gnav_pro { width:143px; }
div#gnav ul li#gnav_address { width:143px; }
div#gnav ul li#gnav_campaign { width:143px; }

div#gnav ul li#gnav_about a { background:url(../img/gnav1.jpg) no-repeat 0px 0px; overflow:hidden; }
div#gnav ul li#gnav_about a:hover { background-position:0 -42px; }
div#gnav ul li#gnav_system a {background:url(../img/gnav2.jpg) no-repeat 0px 0px; overflow:hidden; }
body.system div#gnav ul li#gnav_system a,
div#gnav ul li#gnav_system a:hover { background-position:0 -42px; }
div#gnav ul li#gnav_pro a {background:url(../img/gnav3.jpg) no-repeat 0px 0px; overflow:hidden; }
body.pro div#gnav ul li#gnav_pro a,
div#gnav ul li#gnav_pro a:hover { background-position:0 -42px; }
div#gnav ul li#gnav_address a {background:url(../img/gnav4.jpg) no-repeat 0px 0px; overflow:hidden; }
body.address div#gnav ul li#gnav_address a,
div#gnav ul li#gnav_address a:hover { background-position:0 -42px; }
div#gnav ul li#gnav_campaign a {background:url(../img/gnav5.jpg) no-repeat 0px 0px; overflow:hidden; }
body.campaign div#gnav ul li#gnav_campaign a,
div#gnav ul li#gnav_campaign a:hover { background-position:0 -42px; }

/* --------------------------------
 パンくず
-------------------------------- */

p#breadcrumbs { background: url(../img/pankuzu.jpg) left top no-repeat; margin:0 auto 10px auto; padding:11px 6px 0 12px; width:882px; height:30px; font-size:12px; color:#fff; font-weight:bold;}
p#breadcrumbs span { color:#232272; font-weight:bold; }
p#breadcrumbs a:link,
p#breadcrumbs a:visited { color:#555; text-decoration:underline; }
p#breadcrumbs a:hover,
p#breadcrumbs a:active { color:#555; text-decoration:underline; }

/* --------------------------------
 ボディ
-------------------------------- */

div#body { position:relative; margin:0 auto 0 auto; width:882px; z-index:2; }


/* pagetop ---------------- */
.pagetop { clear:both; padding:10px 0 0 0; text-align:right; }
.pagetop a { padding:0 0 0 10px; background:url(../img/arw_02.gif) no-repeat 0 45%; }
.fab1{
background:url(../../img/what/what_backphoto.jpg) no-repeat right top;
}

/* --------------------------------
 コンテンツ
-------------------------------- */

div#content {
	width:640px;
	float:right;
	background: url(../img/ct_under.jpg) no-repeat right bottom;
}


div#content div#wrapper {
	width:600px;
	padding:20px;
	float:right;
	background: url(../img/content_backtop.jpg) no-repeat right top;
}

div#content div#wrapper div.pco p{
font-size:12px;
padding:0px 0px 20px 15px;
}

div#content div#wrapper div.pco ul{
font-size:12px;
list-style-type:square;
padding:0px 0px 0px 30px;
line-height:1.5em;
}

div#content div#wrapper div.pco ul li a{
color:#1BA2D4;
}

div#content div#wrapper div.pco ul li a:hover{
color:#0E536D;
}

div#content div#wrapper div.pco ul li ul{
font-size:11px;
list-style-type:circle;
padding:0px 0px 20px 15px;
}

/* --------------------------------
 エントリー
-------------------------------- */

div#entry { margin:0px;padding:0px;}
div#entry h2{ margin:0px 0px 0px 0px;padding:0px; background: url(../img/index/maintitle_top.jpg) no-repeat left top; height:53px;}

/* --------------------------------
 サイドバー
-------------------------------- */

div#sidebar {
	width:220px;
	float:left;
}

/* --------------------------------
 サイドナビ
-------------------------------- */
div#sidenavi ul{margin:0px;padding:0px;}
div#sidenavi ul li{margin:0px;padding:0px;height:37px;display:inline;}
div#sidenavi ul li a span{display:none;}
div#sidenavi ul li a.sn1{width:205px; height:27px;background:url(../img/sidenavibt_sys.jpg) no-repeat left top;display:block;margin:0px;overflow:hidden;text-decoration:none; font-size:12px;padding:10px 0px 0px 15px; line-height:normal;}
div#sidenavi ul li a.sn2{width:220px; height:37px;background:url(../img/sidenavibt_seo.jpg) no-repeat left top;display:block;margin:0px;text-decoration:none;}
div#sidenavi ul li a.sn3{width:220px; height:37px;background:url(../img/sidenavibt_homepage.jpg) no-repeat left top;display:block;text-decoration:none;}
div#sidenavi ul li a.sn4{width:220px; height:37px;background:url(../img/sidenavibt_service.jpg) no-repeat left top;display:block;text-decoration:none;}
div#sidenavi ul li a.sn5{width:220px; height:37px;background:url(../img/sidenavibt_business.jpg) no-repeat left top;display:block;text-decoration:none;}
div#sidenavi ul li a.sn6{width:220px; height:37px;background:url(../img/sidenavibt_flow.jpg) no-repeat left top;display:block;text-decoration:none;}
div#sidenavi ul li a.sn1:hover, div#sidenavi ul li a.sn2:hover, div#sidenavi ul li a.sn3:hover, div#sidenavi ul li a.sn4:hover, div#sidenavi ul li a.sn5:hover,div#sidenavi ul li a.sn6:hover{background-position:0px -37px;text-decoration:none;}

/* --------------------------------
 サイドナビバナー
-------------------------------- */
div#sidebanner{margin:5px 0px 0px 0px;}
div#sidenavi ul{margin:0px 0px 0px 0px;padding:0px;}
div#sidenavi ul li{margin:0px;padding:0px;display:inline;}
div#sidenavi ul li a span{display:none;}
div#sidebanner ul li a.snb1{background:url(../img/etowntown_banner_220.jpg) no-repeat left top;width:220px; display:block;height:60px;margin:0px 0px 5px 0px;}
div#sidebanner ul li a.snb2{background:url(../img/eshigoto_banner_220.jpg) no-repeat left top;width:220px; display:block;height:60px;margin:0px 0px 5px 0px;}
div#sidebanner ul li a.snb3{background:url(../img/recycle_banner_220.jpg) no-repeat left top;width:220px; display:block;height:54px;margin:0px 0px 5px 0px;}
div#sidebanner ul li a.snb4{background:url(../img/ejyuku_banner_220.jpg) no-repeat left top;width:220px; display:block;height:60px;margin:0px 0px 5px 0px;}
div#sidebanner ul li a.snb1 span, div#sidebanner ul li a.snb2 span, div#sidebanner ul li a.snb3 span,  div#sidebanner ul li a.snb4 span{display:none;}
p.validx{float:left;padding:15px 5px 0px 0px;}



/* エントリ ---------------- */
div#sidebar_entry { position:relative; width:100%; background:url(../img/entry_bg_m.gif) repeat-y; overflow:hidden; }
div#sidebar_entry ul { position:relative; margin:-1px 0 0 0; width:100%; background:url(../img/entry_bg_b.gif) no-repeat left bottom; }
div#sidebar_entry ul li { border-top:1px solid #fff; padding:0 0 12px 0; }
div#sidebar_entry ul li p { text-align:center;}

/* ピックアップ ---------------- */
div#sidebar_pickup {
	margin:15px 0 0 0;
	background-color: #FFCA00;
}
div#sidebar_pickup h2 {}
div#sidebar_pickup ul {}
div#sidebar_pickup ul li {
	clear:both;
	border-bottom:1px solid #e3e3e3;
	padding:10px 5px 10px 10px;
	width:205px;
	float:left;
	background: #FFCA00;
}
div#sidebar_pickup ul li .main { width:135px; float:right; }
div#sidebar_pickup ul li .main h3 {}
div#sidebar_pickup ul li .main p { margin:2px 0 0 10px; color:#666; font-size:62.5%; line-height:1.3; }
* html div#sidebar_pickup ul li .main p { font-size:63%; }/* IE 6 以前 */
div#sidebar_pickup ul li .sub { width:60px; float:left; }

/* ピックアップEX ---------------- */
div#sidebarex_pickup { margin:0px 0 15px 0; background:url(../img/backline.jpg) no-repeat left bottom; padding:0px 0px 10px 0px;}
li.aprbt a{background:url(../img/moushi_bt.jpg) no-repeat left top; display:block;width:218px;height:69px;margin:5px 0px 0px 1px;}
li.aprbt a:hover{background:url(../img/moushi_bt.jpg) no-repeat 0px -69px; display:block;width:218px;height:69px;margin:5px 0px 0px 1px;}
li.aprbt a span{display:none;}
li.matbt a{background:url(../img/shiryo_bt.jpg) no-repeat left top; display:block;width:218px;height:69px;margin:2px 0px 5px 1px;}
li.matbt a:hover{background:url(../img/shiryo_bt.jpg) no-repeat 0px -68px; display:block;width:218px;height:69px;margin:2px 0px 5px 1px;}
li.matbt a span{display:none;}


/* バナー ---------------- */
div#sidebar_bnr  { margin:5px 0 0 0; }
div#sidebar_bnr ul {}
div#sidebar_bnr ul li { padding:10px 0 0 0; }
div#sidebar_bnr ul li a {}
div#sidebar_bnr ul li a img { vertical-align:bottom; }


/* --------------------------------
 フッタ
-------------------------------- */

div#footer { position:relative; margin:30px 0 0 0; padding:0 0 40px 0; width:100%; z-index:1; background:#3A3B3F; border-top:16px #cccdcd solid;}

div#footer .container { margin:0 auto 0 auto; width:882px; color:#fff; background:url(../img/footpoint.jpg) left top no-repeat;}

div#footer p.container { padding:0px 0px 5px 10px; margin:0 auto 0 auto; width:872px; color:#fff; background:url(../img/footpoint.jpg) left top no-repeat; border-bottom:1px solid #747579;}

div#footer_tagline { position:relative; margin:0 0 -1px 0; padding:30px 0px 15px 0px; background:#3A3B3F no-repeat center bottom; }
div#footer_tagline p { color:#666; font-size:62.5%; line-height:1.3; }
* html div#footer_tagline p { font-size:63%; }/* IE 6 以前 */

div#footnavi{ overflow:hidden; clear:both;}
div#footnavi ul li{margin:0px;padding:0px;}
div#footnavi ul li{margin:0px;padding:0px;height:64px;display:inline;}
div#footnavi ul li a span{display:none;}
div#footnavi ul li a.ftbt1{width:286px; height:84px;background:url(../img/footbt_peyment.jpg) no-repeat left top;display:block;margin:0px;overflow:hidden;text-decoration:none; font-size:12px;padding:0px 0px 0px 0px; line-height:normal; float:left;}
div#footnavi ul li a.ftbt2{width:286px; height:84px;background:url(../img/footbt_altashop.jpg) no-repeat left top;display:block;margin:0px;overflow:hidden;text-decoration:none; font-size:12px;padding:0px 0px 0px 0px; line-height:normal; float:left; float:left;margin:0px 0px 0px 10px;}
div#footnavi ul li a.ftbt3{width:286px; height:84px;background:url(../img/footbt_server.jpg) no-repeat left top;display:block;margin:0px;overflow:hidden;text-decoration:none; font-size:12px;padding:0px 0px 0px 0px; line-height:normal; float:left;margin:0px 0px 0px 10px;}
 div#footnavi ul li a.ftbt1:hover, div#footnavi ul li a.ftbt2:hover, div#footnavi ul li a.ftbt3:hover{background-position:0px -84px;text-decoration:none;}

div#footer div#ftl{ overflow:hidden; clear:both; margin:10px 0px; padding:0px;}
div#footer div#ftl ul{ float:left; display:inline; font-size:11px; margin:0px 0px 0px 20px; padding:0px;}
div#footer div#ftl ul li{ list-style-type: disc; color:#b0a26a}
div#footer div#ftl ul li a{ color:#b0a26a; text-decoration:none;}
div#footer div#ftl ul li a:hover{ color:#D2CAAC; text-decoration:none;}

p#footer_nav { width:670px; font-size:62.5%; line-height:1.3; float:left;}
* html p#footer_nav { font-size:63%; }/* IE 6 以前 */
p#footer_nav a:link,
p#footer_nav a:visited { color:#555; text-decoration:none; }
p#footer_nav a:hover,
p#footer_nav a:active { color:#555; text-decoration:underline; }
address#footer_copyright { width:100%; text-align:center; clear:both; background:#323438; color:#FFF; font-size:12px; padding:10px;}