@charset "UTF-8";

/****************************************************************

 ** site top style **

 * <dl>
 * <dt>00.clearfix </dt>
 * <dd>float解除</dd>
 * <dt>01.top Style</dt>
 * <dd>トップページのスタイル</dd>
 * </dl>
 
 * @version1.0

*****************************************************************/

/****************************************

00.clearfix 

****************************************/
#top #header ul#globalNavi:after,
#top ul#enterprise:after
{
content: ""; 
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0.1em;
}

#top #header ul#globalNavi,
#top ul#enterprise
{ /*for ie6,7*/ zoom:1; }


/****************************************

01.top Style

****************************************/

#flashArea {
height:461px;
background:#CCC;
}


/****************************************

フラッシュが見れない場合表示されます

****************************************/

#top #header { position:relative;}
#top #header h1 { position:absolute; top:25px; left:22px; }

#top #header ul#functionNavi01 { position:absolute; top:8px; right:200px; }
#top #header ul#functionNavi01 li { display:inline; }
#top #header a.inq{ position:absolute; top:8px; right:20px; }


#top #header ul#globalNavi { /margin-top:-2px;}
#top #header ul#globalNavi li {float:left; }
#top #header a:hover img { opacity:0.8; filter: alpha(opacity=60);}



/****************************************

contentsArea TOP コンテンツエリア

****************************************/

#top #contentsArea {
padding:20px 0 20px 20px;
background:url(/common/images/bg_02.jpg) 0 0 repeat-x #FCF0F0;
border-right:#7F0B3C solid 1px; border-left:#7F0B3C solid 1px;
}


/****************************************

enterprise 事業リスト

****************************************/

#top ul#enterprise { width:921px; margin-left:-6px; _margin-left:-8px;_position:relative; }

#top ul#enterprise li { width:301px; float:left; margin-left:6px; _margin-left:4px;}
#top ul#enterprise li a {
display:block;
height:89px;
width:191px;
padding:15px 15px 0 95px;
text-decoration:none;
color:#7C0A3B;
}

#top ul#enterprise li.ent01 a { background:url(../images/top_btn_001.jpg) 0 0;}
#top ul#enterprise li.ent02 a { background:url(../images/top_btn_001.jpg) 0 -120px;}
#top ul#enterprise li.ent03 a { background:url(../images/top_btn_001.jpg) 0 -240px; width:271px; padding:15px 15px 0 15px; }

#top ul#enterprise li.ent01 a:hover { background:url(../images/top_btn_001.jpg) 301px 0;}
#top ul#enterprise li.ent02 a:hover { background:url(../images/top_btn_001.jpg) 301px -120px;}
#top ul#enterprise li.ent03 a:hover { background:url(../images/top_btn_001.jpg) 301px -240px; width:271px; padding:15px 15px 0 15px; }

#top ul#enterprise li a img { display:block; margin:0 0 5px;}
#top ul#enterprise li a span { display:block; padding:0 0 0 3px; }



/****************************************

newsArea 新着情報

****************************************/

#top #newsArea {
clear:both;
float:left;
width:594px;
margin:3px 10px 0 0;
_margin-right:6px;
padding:5px;
background:#E8E2E2;
overflow:hidden;}

#top #newsArea h2 {
padding:10px 6px 0 9px;
background:#FFF; }

#top #newsArea ul {
padding:15px 6px 9px 15px;
background:#FFF; }

#top #newsArea ul li {
position:relative;
padding:8px 0 8px 9em;
margin-top:-1px;
background:url(/common/images/border_01.gif) 0 0 repeat-x;
zoom:1; }

#top #newsArea ul li:first-child { background:none; }

#top #newsArea ul li span { position:absolute; left:0; padding-left:55px; display:inline-block; height:15px; }
#top #newsArea ul li span.info { background: url(/common/images/tag_icon_01.gif) 0 1px no-repeat; }
#top #newsArea ul li span.press { background: url(/common/images/tag_icon_01.gif) 0 -24px no-repeat; }

#top #newsArea ul li a { }


/****************************************

rightArea サイドバナー、モバイルガイド

****************************************/

#top #rightArea { float:left; width:301px; margin:3px 0 0 0; }

#top #rightArea a:hover img { opacity:0.8; filter: alpha(opacity=60);}

#top #rightArea #mobileArea {
position:relative;
width:286px;
padding:5px;
margin:6px 0 0 0;
_margin-top:3px;
background:#E8E2E2;}

#top #rightArea #mobileArea h2 {
padding:10px 6px 0 9px;
background:#FFF; }

#top #rightArea #mobileArea img.qr {
position:absolute;
top:22px;
right:22px; }

#top #rightArea #mobileArea p {
padding:8px  124px 40px 11px;
background:#FFF; }

#top #rightArea #mobileArea p span.url {
display:block;
position:absolute;
left:17px;
bottom:15px;
}