@charset "Shift_JIS";

/*-----------------------------------------
__Default style clear
-----------------------------------------*/
* {margin:0; padding:0;}
body {background:url(/images/common/body_bg.gif) repeat-y center #EAEAEA; font-size:62.5%; line-height:1.6; color:#333;}
/*IE7のみ適用*/
*+html body {padding-left:1px;}
/*IE6以前のみ適用*/
* html body {padding-left: 1px;}

li {list-style-type:none;}
img {border:0; vertical-align:bottom;}
a {color:#0033CC; text-decoration:underline;}
a:hover {color:#FF0033;}
a:visited {color:#660099;}
a:active {color:#FF0033;}
p {margin:0 0 1em;}

/*-----------------------------------------
__container
-----------------------------------------*/
#container {width:1020px; margin:0 auto; padding-top:15px; background:#FFF;}

/*-----------------------------------------
__header
-----------------------------------------*/
#header {width:960px; height:75px; margin:0 auto; background:url(../images/common/header_bg.gif) no-repeat;}
#header h1 {float:left; margin:0;}
#header .member {float:right; margin:0; padding:0;}

/*-----------------------------------------
__footer
-----------------------------------------*/
#footer {clear:both; width:960px; height:50px; margin:0 auto; border-top:1px solid #999; background:#FFF;}
#footer ul {float:left; margin:0; padding:3px 0;}
#footer ul li {display:inline; margin-right:2px; padding-left:7px; border-left:1px solid #999; list-style-type:none; font-size:1.1em;}
#footer ul li.home {padding-left:0; border-left:0;}
#footer li a {color:#333; text-decoration:none;}
#footer li a:hover {color:#9CF; text-decoration:underline;}
#footer #copy {float:right; padding:3px 0; color:#000;}

/*-----------------------------------------
__contents
-----------------------------------------*/
#contents:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
#contents {clear:both; min-height:1px; width:960px; margin:0 auto 20px;}
* html #contents {height:1px;
  /*\*//*/
  height:auto; overflow:hidden;
  /**/
}
#navi {float:left; width:200px; margin-right:30px;} /*left*/
#main {float:left; width:720px;}
#mainSub {float:left; width:500px;} /*下層メイン*/
#sub {float:right; width:200px;} /*right*/


ul#globalNav {width:200px; margin:0; padding:0;}
ul#globalNav li {width:200px; height:30px;}
ul#globalNav li.naviCap {width:200px; height:30px; margin-bottom:10px;}
ul#globalNav li.naviCap2 {width:200px; height:30px; margin-bottom:20px;}

/*=====第三階層*/
ul#globalNav li.snSub,
ul#globalNav li.snSubEnd,
ul#globalNav li.snSubIn
{
height: 25px;
margin-left: 15px;
}

ul#globalNav li.snSubEnd {
margin-bottom: 10px;
} 
li.snSub a,
li.snSubEnd a,
li.snSubIn a
{ display:block; height:25px; overflow:hidden;list-style-type:none; width:160px; text-indent:-9999px; border: 0px;
	/*\*/
	overflow:hidden;
	/**/}
li.snSub a,
li.snSub a:hover,
li.snSub a.current,
li.snSubEnd a,
li.snSubEnd a:hover,
li.snSubEnd a.current,
li.snSubIn a,
li.snSubIn a:hover,
li.snSubIn a.current
 {height:25px; line-height:25px; padding-left:25px; text-indent:0; font-size:12px; text-decoration:none; color:#000; background:url(/images/common/nav_sub_bg.gif);}
li.snSub a:hover,
li.snSub a.current,
li.snSubEnd a:hover,
li.snSubEnd a.current,
li.snSubIn a:hover,
li.snSubIn a.current
 {color:#999;}

/*=====第四階層*/
li.snSubIn a,
li.snSubIn a:hover,
li.snSubIn a.current {padding-left:35px; width: 150px; background:url(/images/common/nav_subin_bg.gif);}

/*--------------------__topicPath*/
ol#topicPath {margin:0 0 15px; height:30px; padding:0; background:url(../images/common/line_bottom.gif) no-repeat bottom;}
ol#topicPath li {padding-left:2px; display:inline; list-style-type:none; font-size:12px;}
ol#topicPath li a {padding-right:12px; background:url(../images/common/topicpath.gif) no-repeat right center;}
ol#topicPath li.topicHome {padding:0;}


#news {border-left:5px solid #333;}
#news ul {text-indent:0; padding:0; margin:0;}
#news ul li {list-style-image:url(../images/common/normal_listmark.gif); margin:0 0 15px 20px;}
#news ul li.styleNone {list-style-image:none; margin:0 0 15px 5px;}
#news ul li#more {list-style-image:none; margin: 0; padding:50px 10px 0;}
#news ul li#more a,#news ul li#more a:hover {height:11px; background:none;}

/* ========================================================
CSS Hacks
*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}